/* ============================================================
   ÜBER UNS – VARIANTE 2 (page-ueber-uns-2.php)
   Hero: .page-hero__text bleibt bei allen Breiten flex/column (kein
   Umschalten auf Grid ab 768px wie bei .section--ueberuns-hero).
   Die übrigen Page-Hero-Regeln (Bild-Aspect-Ratio, Letterbox ab 1133px)
   sind hier erneut deklariert, weil main.css sie exklusiv an
   .section--leistungen-hero/.section--ueberuns-hero/.section--notfall-hero
   bindet – nach dem Umbenennen der Section-Klasse auf
   section--ueberuns-hero-v2 greifen sie sonst nicht mehr.
   ============================================================ */

/* Abgerundete Buttons statt des sitewide kantigen Designs, analog zum
   -3-Vorlagen-Muster (siehe conventions.md → Abgerundete Buttons). Scope
   über "main" statt sitewide, damit Header/Footer-Buttons unangetastet
   bleiben (Header-2/Footer-2 haben dafür ihre eigene CSS-Datei). */
main {
  --radius-btn: 2rem;
}

/* Abstand zwischen Bild und .page-hero__text läuft über gap auf dem
   Container statt margin-bottom auf dem Bild, siehe main.css → PAGE HERO. */
.section--ueberuns-hero-v2 .container {
  display: flex;
  flex-direction: column;
  gap: var(--gap-lg);
}

.section--ueberuns-hero-v2 .page-hero__image img {
  aspect-ratio: 2 / 1;
}

@media (min-width: 1133px) {
  .section--ueberuns-hero-v2 .page-hero__image {
    height: 40vh;
    width: 100%;
    background-color: var(--color-bg-alt);
    min-height: 450px;
  }
}