/* ============================================================
   NOTFALL – VARIANTE 2 (page-notfall-2.php)
   Hero: .page-hero__text bleibt bei allen Breiten flex/column (kein
   Umschalten auf Grid ab 768px wie bei .section--notfall-hero).
   Die übrigen Page-Hero-Regeln (Bild-Aspect-Ratio, Letterbox ab 1133px,
   schmalere/kleinere Absatzbreite) 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--notfall-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--notfall-hero-v2 .container {
  display: flex;
  flex-direction: column;
  gap: var(--gap-lg);
}

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

.section--notfall-hero-v2 .page-hero__text p {
  max-width: 600px;
  font-size: 1.0625rem;
}

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