/* Enthällt alles, um einen Button zu verwenden. In der Index HTML ist er so konfiguriert, dass
er nur in der Mobil Ansicht verwendet werden kann. */

/*.kontakt .cardLayout .card .cardContent .button*/
.mobileButton
{
    text-decoration: none;

    align-self: center;

    display: inline-block;
    width: 65%;
    padding: 12px 18px;

    background: linear-gradient(135deg, var(--blau), rgb(0, 94, 143)); /* Modernes Indigo‑Gradient */

    font-size: 1rem;
    font-weight: 600;
    text-align: center;

    border: none;
    border-radius: 9999px; /* Voll abgerundet */
    cursor: pointer;

    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: transform 0.15s ease, box-shadow 0.15s ease;

    /* Farbe ist irgendwie buggy und muss im jeweiligen CSS Dokument erneut gesetzt
    werden */
    color: var(--weiß);
}

/* Der active Zusatz ist gleichbedeutend zu buttonPressed, bzw tagPressed.
Ist solange true, wie der Nutzer seine Hand oder die Maus aus einem Tag gedrückt
hält */
.mobileButton:active
{
    transform: scale(0.97);
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}