/* weltseite-falk-hell.css — helles Thema „Die stille Macht“ (27.10.2026, neue helle Cover).
   Laden NACH weltseite-falk.css und weltseite-hell.css; Koerperklassen: t-falk t-hell.
   Farben aus den Covern: Papier #fcfbef, Weinrot #6e1423 (Band 1, Aussen), Petrol #123349 (Band 2, Innen),
   Tanne #123a2b (Band 3, Frei), Ocker #a8792c (der freie Faden, der durch alle drei Cover laeuft).
   Ein besonderer Moment: die weinroten Marionettenfaeden im Hero (FALK_JS-Canvas, Farben ueber --faden-rgb),
   die sich beim Scrollen zurueckziehen. Sonst ruhig: Papier, Typografie, Bandfarben als Orientierung. */
.t-falk.t-hell{
  --nacht:#fcfbef;--nacht2:#f4f1e2;--schiefer:#fffef7;--linie:rgba(110,20,35,.15);
  --gold:#a8792c;--gold-hell:#6e1423;--text:#2b2423;--text2:#5e5450;--glut:#a8792c;
  --hz:#6e1423;--hz2:#521019;--b1:#6e1423;--b2:#123349;--b3:#123a2b;--ocker:#a8792c;
  --faden-rgb:110,20,35;--knoten-rgb:168,121,44;
  background:var(--nacht);color:var(--text)}
.t-falk.t-hell ::selection{background:#6e1423;color:#fff}
.t-falk.t-hell .kicker{color:var(--hz)}
.t-falk.t-hell h2,.t-falk.t-hell h3{color:var(--text)}
.t-falk.t-hell .w-sprung{background:rgba(252,251,239,.96)}
.t-falk.t-hell .w-nav.fest{background:rgba(58,14,22,.96);border-bottom-color:rgba(168,121,44,.3);box-shadow:0 4px 20px rgba(58,14,22,.2)}

/* ---------------------------------------------------------------- Hero
   Bild: Papier links frei, rechts der Weg der Schnur (Knaeuel – Kordeln – Schlinge – frei). Text links unten. */
.t-falk.t-hell .w-hero{background:var(--nacht);min-height:clamp(600px,90vh,900px)}
.t-falk.t-hell .w-hero-img{object-position:100% 50%;transform-origin:85% 50%;animation:dsmWeg 16s cubic-bezier(.2,.6,.2,1) both}
@keyframes dsmWeg{from{transform:scale(1.06)}to{transform:none}}
.t-falk.t-hell .w-hero::after{background:
  linear-gradient(to top,rgba(252,251,239,1) 0%,rgba(252,251,239,.7) 18%,rgba(252,251,239,0) 40%),
  linear-gradient(to right,rgba(252,251,239,.85) 0%,rgba(252,251,239,.5) 26%,rgba(252,251,239,0) 44%)}
.t-falk.t-hell .f-faeden-cv{opacity:.62}
.t-falk.t-hell .w-hero h1{color:var(--b1);font-weight:500;font-size:clamp(2.6rem,6.6vw,5rem);letter-spacing:-.01em;text-shadow:0 2px 26px rgba(252,251,239,.85);max-width:760px}
.t-falk.t-hell .w-hero .kicker{color:var(--text2);text-shadow:0 0 14px rgba(252,251,239,.95)}
.t-falk.t-hell .w-hero .unter{color:#3e3532;text-shadow:0 1px 12px rgba(252,251,239,.95);max-width:520px}
.t-falk.t-hell .w-hero blockquote{max-width:520px;border-left-color:var(--ocker)}
.t-falk.t-hell .w-hero blockquote p{color:var(--text)}
@media (max-width:900px){
  .t-falk.t-hell .w-hero{min-height:0;align-items:flex-start}
  .t-falk.t-hell .w-hero-img{height:min(64vw,420px);bottom:auto;object-position:88% 50%;animation:none;transform:scale(1.75);transform-origin:76% 50%}
  .t-falk.t-hell .w-hero::after{background:linear-gradient(to bottom,rgba(252,251,239,0) 0,rgba(252,251,239,0) calc(min(64vw,420px) - 80px),rgba(252,251,239,1) min(64vw,420px))}
  .t-falk.t-hell .w-hero-txt{padding-top:calc(min(64vw,420px) - 6px)}
  .t-falk.t-hell .f-faeden-cv{opacity:.4}}

/* ---------------------------------------------------------------- Knoepfe, Initialen, Pin */
.t-falk.t-hell .knopf.voll,.t-falk.t-hell button.knopf.voll{background:var(--hz);color:#fff;box-shadow:0 6px 20px rgba(110,20,35,.2)}
.t-falk.t-hell .knopf.voll:hover,.t-falk.t-hell button.knopf.voll:hover{background:var(--hz2)}
.t-falk.t-hell .knopf.leer{border-color:rgba(110,20,35,.4);color:var(--text)}
.t-falk.t-hell .knopf.leer:hover{border-color:var(--hz);color:var(--hz)}
.t-falk.t-hell .w-intro p:first-of-type::first-letter{color:var(--hz)}
.t-falk.t-hell .pin{background:rgba(255,254,247,.86);color:var(--hz);border-color:rgba(110,20,35,.35)}

/* ---------------------------------------------------------------- Bildbaender: dunkle Schrift auf Papier */
.t-falk.t-hell .band::after{background:
  radial-gradient(ellipse 46% 42% at 50% 54%,rgba(252,251,239,.82),rgba(252,251,239,0) 100%),
  linear-gradient(to bottom,var(--nacht) 0%,rgba(252,251,239,0) 16%,rgba(252,251,239,0) 84%,var(--nacht) 100%)}
.t-falk.t-hell .band p{color:var(--text);text-shadow:0 1px 18px rgba(252,251,239,.9)}
.t-falk.t-hell .band cite{color:var(--hz);text-shadow:none}

/* ---------------------------------------------------------------- Spiegel (Band 1) */
.t-falk.t-hell .f-spiegel{background:radial-gradient(ellipse at 18% 30%,rgba(110,20,35,.05),transparent 60%)}
.t-falk.t-hell .sp-bild{box-shadow:0 3px 8px rgba(60,30,20,.1),14px 24px 48px rgba(80,40,30,.2)}
.t-falk.t-hell .sp-m{background:var(--schiefer);color:var(--text)}
.t-falk.t-hell .sp-m:hover{border-color:rgba(110,20,35,.45)}
.t-falk.t-hell .sp-hk{border-color:rgba(110,20,35,.5)}
.t-falk.t-hell .sp-m[aria-pressed="true"]{background:rgba(110,20,35,.05);border-color:var(--hz)}
.t-falk.t-hell .sp-m[aria-pressed="true"] .sp-hk{background:var(--hz);box-shadow:0 0 0 3px rgba(110,20,35,.12)}
.t-falk.t-hell .sp-m[aria-pressed="true"] .sp-hk::after{border-color:#fff}
.t-falk.t-hell .sp-aus{background:linear-gradient(to bottom,rgba(168,121,44,.07),var(--schiefer))}
.t-falk.t-hell .sp-erg h3,.t-falk.t-hell .sp-was,.t-falk.t-hell .sp-schluss{color:var(--text)}
.t-falk.t-hell .sp-erg[data-band="2"] h3{color:var(--b2)}
.t-falk.t-hell .sp-erg[data-band="3"] h3{color:var(--b3)}
.t-falk.t-hell .sp-erg[data-band="1"] h3{color:var(--b1)}
.t-falk.t-hell .sp-fund li{border-left-color:var(--ocker)}
.t-falk.t-hell .sp-kap{color:var(--ocker)}
.t-falk.t-hell .sp-fr{color:var(--hz)}

/* ---------------------------------------------------------------- Neun Faeden: Karten aus Papier, ein Faden von oben */
.t-falk.t-hell .fk-vo{background:linear-gradient(to bottom,#fffef7,#f6f2e3);box-shadow:0 10px 26px rgba(80,40,30,.08)}
.t-falk.t-hell .fk-vo::before{width:1.5px;height:44%;background:linear-gradient(to bottom,rgba(110,20,35,0),rgba(110,20,35,.75));box-shadow:none}
.t-falk.t-hell .fk-vo::after{background:var(--ocker);box-shadow:0 0 0 3px rgba(168,121,44,.18)}
.t-falk.t-hell .fk-vo b,.t-falk.t-hell .fk-ru b{color:var(--text)}
.t-falk.t-hell .fk-nr,.t-falk.t-hell .fk-dreh,.t-falk.t-hell .fz{color:var(--hz)}
.t-falk.t-hell .fk-ru{background:linear-gradient(to bottom,#6e1423,#4f0e18);border-color:#6e1423}
.t-falk.t-hell .fk-ru b,.t-falk.t-hell .fk-ru .fk-t{color:#fbf3e8}
.t-falk.t-hell .fk-ru .fz{color:#e2c48a}
.t-falk.t-hell .fk-ru .fk-f{color:#f3d9a4}
.t-falk.t-hell .fk:hover .fk-vo{box-shadow:0 16px 34px rgba(80,40,30,.14)}

/* ---------------------------------------------------------------- Die Reise: Bandfarben */
/* Wort unter das Bild statt darauf: die Motive liegen unten im Bild (Handy, Figuren, Knoten) */
.t-falk.t-hell .stufe .bb{aspect-ratio:auto;overflow:visible;border-radius:0;box-shadow:none}
.t-falk.t-hell .stufe .bb::after{display:none}
.t-falk.t-hell .stufe .bb img{display:block;aspect-ratio:2/3;height:auto;border-radius:var(--radius);
  box-shadow:0 3px 8px rgba(60,30,20,.1),12px 22px 44px rgba(80,40,30,.18);transition:box-shadow .6s ease}
.t-falk.t-hell .stufe:hover .bb img{transform:none;box-shadow:0 3px 8px rgba(60,30,20,.12),14px 28px 56px rgba(80,40,30,.24)}
.t-falk.t-hell .stufe .wort{position:static;text-align:left;padding:22px 4px 0;display:flex;align-items:baseline;gap:14px;border-bottom:2px solid var(--b1)}
.t-falk.t-hell .stufe:nth-child(2) .wort{border-bottom-color:var(--b2)}
.t-falk.t-hell .stufe:nth-child(3) .wort{border-bottom-color:var(--b3)}
.t-falk.t-hell .stufe .wort small{color:var(--text2);order:2;margin-left:auto}
.t-falk.t-hell .stufe .wort b{color:var(--b1);font-style:normal;font-weight:500}
.t-falk.t-hell .stufe:nth-child(2) .wort b{color:var(--b2)}
.t-falk.t-hell .stufe:nth-child(3) .wort b{color:var(--b3)}
.t-falk.t-hell .stufe figcaption{color:#4a403c}

/* ---------------------------------------------------------------- Der Raum (Band 3): Tanne */
.t-falk.t-hell .f-raum{background:radial-gradient(ellipse at 50% 46%,rgba(18,58,43,.06),transparent 62%)}
.t-falk.t-hell .rm-ring{border-color:rgba(18,58,43,.3);box-shadow:0 0 60px rgba(18,58,43,.06) inset}
.t-falk.t-hell .rm-ring span{background:var(--ocker);box-shadow:0 0 0 4px rgba(168,121,44,.16)}
.t-falk.t-hell .rm-text,.t-falk.t-hell .rm-danach blockquote p{color:var(--b3)}
.t-falk.t-hell .rm-danach cite{color:var(--ocker)}
.t-falk.t-hell .rm-danach>p{color:var(--text2)}
.t-falk.t-hell.f-still::after{background:radial-gradient(circle at 50% 50%,transparent 0,transparent 260px,rgba(252,251,239,.94) 520px)}

/* ---------------------------------------------------------------- Frage fuer heute: ein Blatt Papier am Faden */
.t-falk.t-hell .f-frage{background:radial-gradient(ellipse at 50% 60%,rgba(168,121,44,.08),transparent 65%)}
.t-falk.t-hell .fr-karte{background:var(--schiefer);box-shadow:0 3px 8px rgba(60,30,20,.08),0 26px 60px rgba(80,40,30,.14)}
.t-falk.t-hell .fr-karte::before{width:1.5px;height:46px;top:-46px;background:linear-gradient(to bottom,rgba(168,121,44,0),var(--ocker));box-shadow:none}
.t-falk.t-hell .fr-karte blockquote{color:var(--text)}
.t-falk.t-hell .fr-karte figcaption{color:var(--hz)}

/* ---------------------------------------------------------------- Uebungen, Zeugen */
.t-falk.t-hell .ub{background:var(--schiefer);box-shadow:0 8px 24px rgba(80,40,30,.06)}
.t-falk.t-hell .ub-nr{color:var(--ocker)}
.t-falk.t-hell .ub h3,.t-falk.t-hell .ub blockquote p{color:var(--text)}
.t-falk.t-hell .ub cite{color:var(--hz)}
.t-falk.t-hell .zg-gr h3{color:var(--text)}
.t-falk.t-hell .zg-gr:nth-of-type(1) h3 span{color:var(--b1);border-color:rgba(110,20,35,.3)}
.t-falk.t-hell .zg-gr:nth-of-type(2) h3 span{color:var(--b2);border-color:rgba(18,51,73,.3)}
.t-falk.t-hell .zg-gr:nth-of-type(3) h3 span{color:var(--b3);border-color:rgba(18,58,43,.3)}
.t-falk.t-hell .zg b{color:var(--text)}
.t-falk.t-hell .zg i{color:var(--hz)}
.t-falk.t-hell .zg-j{color:var(--ocker)}
.t-falk.t-hell .zg p{color:var(--text2)}

/* ---------------------------------------------------------------- Buecher, Autor, Sonderband, Fuss */
.t-falk.t-hell .tags li{color:var(--hz);border-color:rgba(110,20,35,.3)}
.t-falk.t-hell .autor{background:rgba(255,254,247,.85)}
.t-falk.t-hell .weiter{background:linear-gradient(120deg,#fffef7,#f4f1e2);border-color:rgba(110,20,35,.18)}
.t-falk.t-hell .weiter h3{color:var(--text)}
.t-falk.t-hell .w-fuss{background:#2a0f14;color:#ead9cf}
.t-falk.t-hell .w-fuss a{color:#ead9cf}
.t-falk.t-hell .w-fuss a:hover{color:#fff}
@media (prefers-reduced-motion:reduce){.t-falk.t-hell .w-hero-img{animation:none}}

/* ================================================================ 31.10.2026 Schaerfen (Uebergabe DSM)
   Atmosphaere bleibt; Buecher frueher sichtbar, kleine Beschriftungen lesbar (WCAG AA), Fachlichkeit frueh. */
.t-falk.t-hell{--label:#4a403b;--ocker-t:#86601f}   /* Kontrast auf #fcfbef: 9,7:1 bzw. 5,4:1 (vorher Ocker #a8792c 3,7:1) */

/* 3. Kleine Beschriftungen: dunkler, 1-2 px groesser, Sperrung um ein Drittel kleiner, weiter Versalien */
.t-falk.t-hell .kicker{font-size:.82rem;letter-spacing:.19em}
.t-falk.t-hell .w-hero .kicker{color:var(--label);line-height:1.6}
.t-falk.t-hell .w-sprung a{font-size:.8rem;letter-spacing:.11em;color:var(--label)}
.t-falk.t-hell .w-sprung-in{gap:30px}
.t-falk.t-hell .w-hero blockquote cite{font-size:.76rem;letter-spacing:.13em;color:var(--ocker-t)}
.t-falk.t-hell .band cite{font-size:.78rem;letter-spacing:.15em}
.t-falk.t-hell .ub cite{font-size:.7rem;letter-spacing:.12em}
.t-falk.t-hell .rm-danach cite,.t-falk.t-hell .fr-karte figcaption{font-size:.74rem;letter-spacing:.13em}
.t-falk.t-hell .rm-danach cite{color:var(--ocker-t)}
.t-falk.t-hell .stufe .wort small{font-size:.76rem;letter-spacing:.16em;color:var(--label)}
.t-falk.t-hell .buchk .nr{font-size:.78rem;letter-spacing:.15em;color:var(--ocker-t)}
.t-falk.t-hell .sp-kap,.t-falk.t-hell .zg-j{font-size:.72rem;letter-spacing:.12em;color:var(--ocker-t)}
.t-falk.t-hell .fk-nr{font-size:.72rem;letter-spacing:.13em}
.t-falk.t-hell .fz{font-size:.7rem;letter-spacing:.11em}
.t-falk.t-hell .fk-dreh{font-size:.68rem;letter-spacing:.13em;opacity:1}
.t-falk.t-hell .zg-gr h3 span{font-size:.72rem;letter-spacing:.13em}
.t-falk.t-hell details.quellen summary{font-size:.8rem;letter-spacing:.12em;color:var(--label)}
.t-falk.t-hell .weiter a.lk{font-size:.8rem;letter-spacing:.1em}
.t-falk.t-hell .faq .lk .lk-z b{font-size:.8rem;letter-spacing:.11em;color:var(--label);opacity:1}

/* 1. Cover-Leiste im Hero (Sonderband saisonal: data-bis, siehe YAML) */
.t-falk.t-hell .w-hero-cov{--cw:clamp(62px,16.5vw,84px);display:flex;align-items:flex-start;gap:14px;margin:28px 0 0;
  max-width:100%;overflow-x:auto;scrollbar-width:none;padding:4px 2px 6px}
.t-falk.t-hell .w-hero-cov::-webkit-scrollbar{display:none}
.t-falk.t-hell .w-hero-cov a{flex:none;width:var(--cw);text-decoration:none;text-align:center;color:var(--label)}
.t-falk.t-hell .w-hero-cov img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:3px;
  box-shadow:0 2px 5px rgba(60,30,20,.14),6px 10px 22px rgba(80,40,30,.18);transition:transform .3s ease,box-shadow .3s ease}
.t-falk.t-hell .w-hero-cov a:hover img,.t-falk.t-hell .w-hero-cov a:focus-visible img{transform:translateY(-3px);box-shadow:0 3px 7px rgba(60,30,20,.16),8px 16px 30px rgba(80,40,30,.24)}
.t-falk.t-hell .w-hero-cov span{display:block;margin-top:8px;font-family:'Cinzel',serif;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.t-falk.t-hell .w-hero-cov a:hover span{color:var(--hz)}
.t-falk.t-hell .w-hero-cov .sonder{margin-left:6px;padding-left:20px;border-left:1px solid rgba(110,20,35,.22);box-sizing:content-box}
.t-falk.t-hell .w-hero-cov .sonder span{color:var(--ocker-t)}

/* 2. „In den Spiegel schauen" als Textlink unter der Cover-Leiste */
.t-falk.t-hell .w-hero-hinw{margin:18px 0 0;font-size:1rem}
.t-falk.t-hell .w-hero-hinw a{color:var(--hz);text-decoration:none;border-bottom:1px solid rgba(110,20,35,.35);padding-bottom:1px;text-shadow:0 1px 10px rgba(252,251,239,.9)}
.t-falk.t-hell .w-hero-hinw a:hover{border-bottom-color:var(--hz)}

/* 5. Autorenstreifen nach der Einleitung */
.t-falk.t-hell .w-autorstr{padding:6px 0 46px}
.t-falk.t-hell .w-autorstr .wrap{display:flex;align-items:center;gap:20px;max-width:720px;
  border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);padding-top:18px;padding-bottom:18px}
.t-falk.t-hell .w-autorstr img{flex:none;width:68px;height:68px;border-radius:50%;object-fit:cover;border:2px solid var(--ocker);box-shadow:0 4px 12px rgba(80,40,30,.14)}
.t-falk.t-hell .w-autorstr p{margin:0;color:#4a3d33;font-size:1rem;line-height:1.55}
.t-falk.t-hell .w-autorstr b{display:block;font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:1.12rem;color:var(--text);margin-bottom:2px}
.t-falk.t-hell .w-autorstr a{color:var(--hz);white-space:nowrap;text-decoration:none;border-bottom:1px solid rgba(110,20,35,.35)}
.t-falk.t-hell .w-autorstr a:hover{border-bottom-color:var(--hz)}
@media (max-width:560px){
  .t-falk.t-hell .w-hero-cov{gap:10px}
  .t-falk.t-hell .w-hero-cov .sonder{margin-left:2px;padding-left:12px}
  .t-falk.t-hell .w-hero-cov span{font-size:.66rem;letter-spacing:.06em}
  .t-falk.t-hell .w-autorstr .wrap{gap:14px;margin:0 22px;padding-left:0;padding-right:0}
  .t-falk.t-hell .w-autorstr img{width:56px;height:56px}
  .t-falk.t-hell .w-autorstr p{font-size:.95rem}}