/* ==========================================================================
   Sektion: Über trinidat (weiß) – Teamfoto im Panorama, darunter Kopf + Fakten
   ========================================================================== */
.about-bild {
  margin: 0 0 clamp(36px, 5vw, 64px);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow);
  aspect-ratio: 2000 / 753;
}
.about-bild img { display: block; width: 100%; height: 100% !important; object-fit: cover; }

.about-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
.lp-aboutblock .about-kopf h2 { margin-bottom: .7em; font-size: clamp(1.9rem, 3.6vw, 3rem); font-weight: 800; letter-spacing: -1px; line-height: 1.12; }

.about-fakten { margin: 0; border-top: 1px solid var(--line); }
.about-fakten > div {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2.2fr);
  gap: 24px;
  padding: 26px 0;
  border-bottom: 1px solid var(--line);
}
.about-fakten dt { color: var(--ink); font-size: 1.25em; font-weight: 800; line-height: 1.4; }
.about-fakten dd { margin: 0; color: var(--ink); line-height: 1.7; }

@media (max-width: 991px) {
  .about-grid { grid-template-columns: 1fr; }
}
@media (max-width: 575px) {
  .about-bild { aspect-ratio: 4 / 3; }
  .about-fakten > div { grid-template-columns: 1fr; gap: 6px; padding: 20px 0; }
  .about-kopf .lp-btn-white { width: 100%; justify-content: center; }
}