/* DROPPY – Über uns
   Wird nur auf diesen Seiten zusätzlich zu main.css geladen. */

/*  4.8a Kennzahlen 4-spaltig, Abschnitt, Chips, Mitglied-Karte  */

.chip-list { margin: 0 0 var(--space-3); }

.chip {
    display: inline-block;
    margin: 0 4px 6px 0;
    padding: 2px 11px;
    border: 1px solid var(--c-line);
    border-radius: var(--radius-pill);
    background: var(--c-bg);
    color: var(--c-text);
    font-size: var(--fs-xs);
    line-height: 1.6;
}

.card-grid > .card-tile--member { padding: var(--space-card); }

.team-section { padding: 0 var(--space-4) var(--space-4); }

@media (max-width: 767px) {
    .team-section { padding: 0 0 var(--space-3); } }

.card-tile--member { display: flex; flex-direction: column; text-align: left; }

.member-head {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-bottom: var(--space-2);
}

.member-head img {
    flex: none;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
}

.member-head .name {
    margin: 0;
    font-size: var(--fs-md);
    font-weight: 600;
    color: var(--c-dark);
}

.member-head .role {
    display: block;
    font-size: var(--fs-sm);
    font-weight: 500;
    color: var(--c-teal);
}

.card-tile--member p {
    margin-bottom: var(--space-2);
    font-size: var(--fs-sm);
}

.card-tile--member .motto { font-style: italic; }

.card-tile--member .saying {
    margin: auto 0 0;
    padding-top: var(--space-2);
    border-top: 1px solid var(--c-line);
}

/*  4.11 Nachtrag v4.2: Bewegung, Anker, Seitenbreite, Icon-Kreise  */

a.chip { text-decoration: none; transition: border-color .2s ease, color .2s ease; }

a.chip:hover,
a.chip:focus { border-color: var(--c-teal); color: var(--c-teal); text-decoration: none; }