.kontakt
{
    scroll-margin-top: var(--scroll-margin-top);
    width: var(--breite-contentContainerElement);

    padding: 1rem;
}

.kontakt .cardLayout
{
    margin-top: 5.5vh;

    display: flex;
    flex-direction: row;
    justify-content: space-between;        /* Space Between erzwingt Abstand zwischen den Elementen */

    gap: 3.5vw;
}

.kontakt .cardLayout .card
{
    padding: 1.25rem;

    /*border: 1px solid var(--schwarz);*/

    border-radius: 5px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);

    max-width: 32ch;
}

.kontakt .cardLayout .card h2
{
    margin-top: 1rem;
}

.kontakt .cardLayout .card .cardContent
{
    display: flex;
    flex-direction: column;
    align-items: center; /* X-Achse da column flex-direction */
    justify-content: flex-start;

    gap: 3.5rem;

    /*min-height: 22vh;*/
    min-height: 10.5rem;
}

.kontakt .cardLayout .card .cardContent span
{
    /* Der Abstand zwischen den einzelnen Zeilen */
    line-height: var(--line-height-p);       /* a * schriftgröße - deshalb keien Einheit */

    /*font-size: min(var(--p), var(--p-max));*/
    font-size: clamp(var(--text-normal-min), var(--text-normal), var(--text-normal-max));

    color: var(--schwarz);

    margin-bottom: 1rem;

    min-height: 3.5rem;
}