/* 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; }
@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; }
}

/* Der Ritter auf „Wir stehen zu unseren Kursen“ (Werkbank 414; Inhaber 25.10.2026 statt des Malers).
   Wie Sontag auf der 404-Seite: ab 1280 px frei rechts unten, auf der Tuschekante; schmaler
   rechtsbündig unter dem Inhalt. Die Breite wächst mit dem Fenster, damit er den Text links nie
   überdeckt. */
/* Bis 1109 px gestapelt und kleiner, ohne negativen Rand rechts: Der stand am Rand des Fensters und machte die
   Seite 24 px breiter, und die große Figur ließ viel Leere neben sich (Inhaber 04.11.2026). Ab 1110 px neben dem
   Text, der bis rund 745 px reicht (gemessen). */
@media (max-width: 1109px) { .zf-illu--ritter { width: min(60vw, 240px); margin: 8px 0 -40px auto; } }
@media (min-width: 1110px) and (max-width: 1279px) {
  .seite-geld-zurueck .zf-illu--ritter { position: absolute; z-index: 1; margin: 0; width: 340px; right: 24px; bottom: -2px; }
}
@media (min-width: 1280px) {
  .seite-geld-zurueck .zf-illu--ritter { width: min(460px, calc(100vw - 1000px)); right: 56px; bottom: -2px; }
}