/* ========================================
   VEREIN
   ======================================== */


/* ----------------------------------------
   Bild "Wer wir sind"
   ---------------------------------------- */

.association-about-image {
    margin: 24px 0 0;
}

.association-about-image img {
    border-radius: 24px;
}

.association-values {
    display: grid;
    gap: 20px;

    margin-top: 32px;
}

.association-value-card {
    padding: 28px 24px;

    background-color: var(--background-light);

    border-radius: 24px;

    text-align: center;
}

.association-value-icon {
    display: block;

    width: 64px;
    height: 64px;

    margin: 0 auto 18px;

    object-fit: contain;
}

.association-value-card h3 {
    margin: 0 0 12px;

    color: var(--blue);

    font-size: 1.15rem;
}

.association-value-card p {
    margin: 0;

    line-height: 1.6;
}

/* =====================================================
   TABLET
   ===================================================== */

@media (min-width: 700px) {

    .association-about-image {
        max-width: 520px;
        margin-inline: auto;
    }

        .association-values {
        grid-template-columns: repeat(3, 1fr);
    }

}


/* =====================================================
   DESKTOP
   ===================================================== */

@media (min-width: 1000px) {

    .association-about-image {
        max-width: 420px;
    }

}