/* D14 Werrewerk · Station 6 „Der Aufhänger“ · ablauf.css v0.14 · Stand 2026-10-11
   Der Abschnitt „Vom Aufmaß zur Küche“ ist in v0.14 in Station 5 „Handwerk und Zusagen“ aufgegangen (betrieb.css). */

/* ---- Station 6: eine Fläche, ein Satz, ein Knopf ---- */
.aufhaenger { min-height: calc(100vh - var(--kopf)); min-height: calc(100svh - var(--kopf)); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: clamp(24px, 4svh, 56px);
  padding: clamp(56px, 9svh, 140px) var(--rand); text-align: center; border-top: 1px solid var(--linie); position: relative; isolation: isolate;
  /* Die fertige Kueche (Bild 1 der Fahrt = Endbild des Films, liegt schon im Zwischenspeicher) ruhig und abgedunkelt, randlos.
     Dasselbe Bild faellt im Kipp weg. Die dunkle Mitte traegt Satz und Knopf (Kontrast gemessen in pruef.mjs). */
  background:
    radial-gradient(46% 42% at 50% 47%, rgba(20, 16, 12, .92) 0%, rgba(20, 16, 12, .86) 58%, rgba(20, 16, 12, .0) 100%),
    linear-gradient(rgba(20, 16, 12, .42), rgba(20, 16, 12, .42)),
    var(--grund) url("bild/fahrt/f-001.webp") 61% 50% / cover no-repeat; }
@media (max-width: 899px) { .aufhaenger { background-position: center, center, 69% 50%; background-image:
    radial-gradient(130% 36% at 50% 50%, rgba(20, 16, 12, .92) 0%, rgba(20, 16, 12, .86) 60%, rgba(20, 16, 12, 0) 100%),
    linear-gradient(rgba(20, 16, 12, .42), rgba(20, 16, 12, .42)), url("bild/fahrt/f-001.webp"); } }
.aufhaenger::before { content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: clamp(28px, 5svh, 72px); background: var(--messing); }
.aufhaenger__titel { margin: 0; font: 700 clamp(30px, 3.6vw, 96px)/1.08 Archivo, sans-serif; letter-spacing: -.02em; text-wrap: balance; max-width: 22ch; }
.aufhaenger__titel span { display: block; }
.aufhaenger__titel span:last-child { color: var(--messing); }