/* Seite /ueber-uns/ – nur Ergänzungen zu sonnwinn.css */

/* Personen: nüchternes Raster, Foto, Name, eine bis drei Zeilen */
.personen { display: grid; grid-template-columns: repeat(2, 1fr); gap: 36px 48px; margin-top: 8px; }
.personen--zwei { grid-template-columns: repeat(2, 1fr); }
.person { border-top: 1px solid var(--linie); padding-top: 18px; }
.person__bild { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; margin-bottom: 14px; }
.person picture { display: block; }
.person h3 { font-size: 18px; margin-bottom: 2px; }
.person p { margin: 0 0 6px; font-size: 17px; }
.person__funktion { color: var(--text); }
.person .leise { font-size: 16.5px; }

/* Experten ohne Foto: kompakte Liste in Spalten */
.personen--liste { grid-template-columns: repeat(3, 1fr); gap: 0 48px; margin-top: 36px; }
.person--ohne-bild { padding: 14px 0; }
.person--ohne-bild h3 { font-size: 17px; }

@media (max-width: 900px) { .personen--liste { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) {
  .personen, .personen--zwei, .personen--liste { grid-template-columns: 1fr; gap: 28px; }
  .personen--liste { gap: 0; }
}

/* Referenzen: seit 18.10.2026 eigene Seite /referenzen/ (referenzen.css) */

/* Fotos im Abschnitt „Wer wir sind“ (17.10.2026) */
.uu-arbeit { display: grid; gap: 20px; }

/* Porträts klein neben dem Text statt bildbreit (Mathias, 18.10.2026) */
.person:not(.person--ohne-bild) { display: grid; grid-template-columns: 150px 1fr; column-gap: 22px; align-content: start; }
.person:not(.person--ohne-bild) > picture { grid-row: 1 / span 4; }
.person:not(.person--ohne-bild) > :not(picture) { grid-column: 2; }
.person__bild { aspect-ratio: 4 / 5; object-position: 50% 20%; margin-bottom: 0; }
@media (max-width: 600px) { .person:not(.person--ohne-bild) { grid-template-columns: 110px 1fr; column-gap: 16px; } }