/* Warteliste-Seiten (Formular + Bestätigung). Bewusst nur die seiten-eigenen Abstände:
   - die Feld-Optik (Rahmen/Padding der Inputs) kommt aus buchung.css (.buchung-schritt-inhalt),
   - das zweispaltige Feld-Raster aus teamevent.css (.teamevent-form-grid) wie beim Kontaktformular,
   - die Headline-Größe aus kursuebersicht.css (.uebersicht-hero h1 = 50 px). */

.warteliste-formular { max-width: 700px; }
/* buchung-schritt-inhalt bringt die Feld-Optik samt eigenem Padding mit -- hier auf die
   Seitenränder der uebersicht-hero-Headline darüber angeglichen. */
.warteliste-formular.buchung-schritt-inhalt { padding: 8px 24px 56px; }
@media (min-width: 1024px) { .warteliste-formular.buchung-schritt-inhalt { padding: 8px 56px 72px; } }

/* Die Knopfzeile unter dem Kopf. Seit die Fehlerseite (Fall 254) zwei Knöpfe zeigt: Abstand
   zwischen den Knöpfen, auch wenn sie am Telefon untereinander rutschen. */
.warteliste-aktion { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 12px; }

/* Die ähnlichen Kurse (Fall 228): stand bis 30.09.2026 als <style> in der Bestätigungsseite.
   Seit die Seite „Ähnliche Kurse wie …" dieselbe Kachelreihe zeigt, gehört die Regel hierher,
   an die eine Stelle, die beide laden. */
.warteliste-alternativen { padding: 40px 24px 64px; }
.warteliste-alternativen h2 { margin: 0 0 24px; }
@media (min-width: 1024px) { .warteliste-alternativen { padding: 48px 56px 72px; } }

/* ---- Illustration: Susan Sontag auf der 404 (Werkbank 408) — Creme-Füllung, der Filmstreifen
   läuft in die Tuschekante. Ab 1280 neben der Überschrift; zeigt die Seite Kursvorschläge
   (tote Adresse unter /kurse/…), bleibt sie in jeder Breite gestapelt unter den Kacheln
   (Inhaber 22.10.2026) und läuft so nie in eine Karte. */
@media (max-width: 1279px) { .zf-illu--sontag { width: min(86vw, 440px); margin: 40px -24px -40px auto; } }
@media (min-width: 1280px) {
  .seite-404:not(.seite-404--mit-kursen) { min-height: 720px; }
  .seite-404:not(.seite-404--mit-kursen) .uebersicht-hero { padding-top: 150px; border-bottom: 0; }
  .seite-404:not(.seite-404--mit-kursen) .zf-illu--sontag { width: min(640px, calc(100vw - 800px)); right: 42px; bottom: -87px; }
  .seite-404--mit-kursen .zf-illu--sontag { position: static; width: 440px; margin: 40px 42px -87px auto; }
}