/* weltseite-falk.css — Zusatz für die Welt-Seite „Die stille Macht" (Daniel H. Falk), 11.09.2026
   Wird nur von welt/die-stille-macht/ geladen (YAML zusatz_css). Bildwelt der Cover: Schwarz, Glut, feine Fäden. */
.t-falk{--nacht:#0c0909;--nacht2:#140f0e;--schiefer:#1d1614;--linie:rgba(232,137,74,.2);
  --gold:#e8894a;--gold-hell:#f6b784;--text:#ece3da;--text2:#b9aca2;--glut:#ff8a3d}
.t-falk ::selection{background:#e8894a;color:#140c08}
.t-falk .knopf.voll{color:#1a0e07;box-shadow:0 6px 28px rgba(232,137,74,.3)}
.t-falk .w-nav.fest{background:rgba(12,9,9,.92)}
.t-falk .w-hero h1{font-size:clamp(2.6rem,7.4vw,5.4rem);line-height:1.04;max-width:820px;text-wrap:balance}
.t-falk .w-hero-img{object-position:50% 40%}
.t-falk .w-hero::after{background:linear-gradient(to top,rgba(12,9,9,1) 0%,rgba(12,9,9,.84) 18%,rgba(12,9,9,.4) 42%,rgba(12,9,9,.1) 66%,rgba(12,9,9,.34) 100%),
  linear-gradient(to right,rgba(12,9,9,.6) 0%,rgba(12,9,9,0) 55%)}
.t-falk .w-sprung{background:rgba(12,9,9,.9)}
.t-falk .band::after{background:linear-gradient(to bottom,var(--nacht) 0%,rgba(12,9,9,.3) 24%,rgba(12,9,9,.45) 76%,var(--nacht) 100%)}
.t-falk .stufe .bb::after{background:linear-gradient(to top,rgba(10,7,6,.94) 0%,rgba(10,7,6,.25) 42%,transparent 60%)}
.t-falk .w-intro p:first-of-type::first-letter{color:var(--gold)}
.f-faeden-cv{position:absolute;inset:0;z-index:1;pointer-events:none}

/* Pinterest-Merken */
.pin{position:absolute;top:12px;right:12px;z-index:3;font-family:'Cinzel',serif;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;
  color:#fff;text-decoration:none;background:rgba(12,9,9,.6);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:6px 12px 5px;
  backdrop-filter:blur(6px);opacity:0;transition:opacity .3s}
.stufe:hover .pin,.sp-bild:hover .pin,.pin:focus-visible{opacity:1}
@media (hover:none){.pin{opacity:1}}
.pin:hover{border-color:var(--gold);color:var(--gold-hell)}

/* ---------------------------------------------------------------- Spiegel */
.f-spiegel{background:radial-gradient(ellipse at 20% 30%,rgba(232,137,74,.08),transparent 60%)}
.sp-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.sp-bild{position:sticky;top:120px;border-radius:var(--radius);overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.6)}
.sp-liste{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:10px}
.sp-m{width:100%;display:flex;gap:14px;align-items:flex-start;text-align:left;background:rgba(255,255,255,.025);border:1px solid var(--linie);
  border-radius:var(--radius);padding:14px 16px;color:var(--text);font:inherit;font-size:1rem;line-height:1.5;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}
.sp-m:hover{border-color:rgba(232,137,74,.5);transform:translateX(3px)}
.sp-m:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.sp-hk{flex:0 0 22px;height:22px;border-radius:50%;border:1px solid rgba(232,137,74,.6);margin-top:1px;position:relative;transition:background .25s,box-shadow .25s}
.sp-m[aria-pressed="true"]{background:rgba(232,137,74,.1);border-color:var(--gold)}
.sp-m[aria-pressed="true"] .sp-hk{background:var(--glut);box-shadow:0 0 16px rgba(255,138,61,.8)}
.sp-m[aria-pressed="true"] .sp-hk::after{content:'';position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid #1a0e07;border-width:0 2px 2px 0;transform:rotate(45deg)}
.sp-ds{font-size:.82rem;color:var(--text2);margin:14px 0 0}
.sp-aus{margin-top:56px;border:1px solid var(--linie);border-radius:var(--radius);padding:36px clamp(20px,4vw,48px);
  background:linear-gradient(to bottom,rgba(232,137,74,.07),rgba(0,0,0,0));outline:none}
.sp-erg h3{font-family:'Playfair Display',serif;font-weight:400;font-size:clamp(1.5rem,3vw,2.1rem);color:#fff;margin:0 0 10px}
.sp-erg p{color:var(--text2);max-width:680px}
.sp-leer{font-style:italic;color:var(--text2)}
.sp-fund{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sp-fund li{border-left:2px solid var(--gold);padding:4px 0 4px 16px}
.sp-was{margin:0 0 4px;color:#fff}
.sp-kap{font-family:'Cinzel',serif;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 4px}
.sp-fr{font-family:'Playfair Display',serif;font-style:italic;color:var(--gold-hell);margin:0;font-size:1.02rem;line-height:1.45}
.sp-schluss{margin:30px 0 0;font-family:'Playfair Display',serif;font-style:italic;font-size:1.2rem;color:#fff}

/* ---------------------------------------------------------------- Wendekarten */
.fk-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.fk{perspective:1400px;min-height:340px}
.fk-in{position:relative;width:100%;height:100%;min-height:340px;border:0;padding:0;background:none;color:inherit;font:inherit;cursor:pointer;
  transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.7,.2,1);text-align:left}
.fk.um .fk-in{transform:rotateY(180deg)}
.fk-in:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:var(--radius)}
.fk-vo,.fk-ru{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius);
  border:1px solid var(--linie);padding:26px 24px;display:flex;flex-direction:column;overflow:hidden}
.fk-vo{background:radial-gradient(ellipse at 50% -10%,rgba(255,138,61,.22),transparent 55%),linear-gradient(to bottom,#1a1210,#0f0b0a)}
.fk-vo::before{content:'';position:absolute;top:0;left:50%;width:1px;height:46%;background:linear-gradient(to bottom,rgba(255,138,61,0),rgba(255,160,90,.8));box-shadow:0 0 8px rgba(255,138,61,.6)}
.fk-vo::after{content:'';position:absolute;left:calc(50% - 4px);top:calc(46% - 4px);width:8px;height:8px;border-radius:50%;background:#ffb070;box-shadow:0 0 14px 3px rgba(255,138,61,.7)}
.fk-nr{font-family:'Cinzel',serif;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.fk-vo b{margin-top:auto;font-family:'Playfair Display',serif;font-weight:400;font-size:1.7rem;color:#fff}
.fk-vo q{quotes:"„" "“";font-style:italic;color:var(--text2);font-size:.98rem;line-height:1.5;margin-top:8px}
.fk-dreh{margin-top:16px;font-family:'Cinzel',serif;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);opacity:.7}
.fk-dreh::after{content:' ↻'}
.fk-ru{transform:rotateY(180deg);background:linear-gradient(to bottom,#221815,#120d0c);gap:10px}
.fk-ru b{font-family:'Playfair Display',serif;font-weight:400;font-size:1.3rem;color:#fff}
.fk-t{font-size:.96rem;line-height:1.55;color:var(--text)}
.fz{font-family:'Cinzel',serif;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.fk-f{margin-top:auto;font-family:'Playfair Display',serif;font-style:italic;font-size:.98rem;line-height:1.45;color:var(--gold-hell)}

/* ---------------------------------------------------------------- Raum */
.f-raum{text-align:center}
.f-raum .sek-kopf{margin-left:auto;margin-right:auto}
.rm-feld{position:relative;display:grid;place-items:center;gap:26px;padding:20px 0 10px}
.rm-ring{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(232,137,74,.35);
  box-shadow:0 0 60px rgba(232,137,74,.12) inset}
.rm-ring span{width:14px;height:14px;border-radius:50%;background:var(--glut);box-shadow:0 0 22px 6px rgba(255,138,61,.55);transition:transform 5s ease-in-out}
.rm-feld.an .rm-ring span{animation:rmAtem 5s ease-in-out 2}
@keyframes rmAtem{0%,100%{transform:scale(1)}50%{transform:scale(9);opacity:.35}}
.rm-text{min-height:2.4em;font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(1.4rem,3vw,1.9rem);color:#fff}
.rm-text p{margin:0;animation:rmEin .8s ease both}
@keyframes rmEin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.rm-feld.an #rmGo{display:none}
.rm-danach{margin-top:30px}
.rm-danach blockquote{margin:0 auto 18px;max-width:600px}
.rm-danach blockquote p{font-family:'Playfair Display',serif;font-style:italic;font-size:1.35rem;color:#fff;margin:0}
.rm-danach cite{display:block;margin-top:8px;font-style:normal;font-family:'Cinzel',serif;font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.rm-danach>p{color:var(--text2);max-width:560px;margin:0 auto}
body.f-still::after{content:'';position:fixed;inset:0;z-index:50;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 0,transparent 260px,rgba(0,0,0,.82) 520px);animation:rmEin 1.2s ease both}
body.f-still .f-raum{position:relative;z-index:51}
body.f-still .w-nav,body.f-still .w-sprung{opacity:.15;transition:opacity 1s}

/* ---------------------------------------------------------------- Frage für heute */
.f-frage{text-align:center;background:radial-gradient(ellipse at 50% 60%,rgba(232,137,74,.1),transparent 65%)}
.fr-intro{color:var(--text2);max-width:560px;margin:0 auto 34px}
.fr-karte{margin:0 auto 26px;max-width:640px;padding:48px clamp(22px,5vw,56px);border:1px solid var(--linie);border-radius:var(--radius);
  background:linear-gradient(to bottom,#1a1210,#0f0b0a);box-shadow:0 30px 70px rgba(0,0,0,.5);transition:opacity .26s,transform .26s;position:relative}
.fr-karte::before{content:'';position:absolute;top:-1px;left:50%;width:1px;height:38px;background:linear-gradient(to bottom,rgba(255,138,61,0),#ffae70);box-shadow:0 0 8px rgba(255,138,61,.7)}
.fr-karte.weg{opacity:0;transform:translateY(8px)}
.fr-karte blockquote{margin:0;font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(1.35rem,3vw,1.85rem);line-height:1.35;color:#fff}
.fr-karte figcaption{margin-top:18px;font-family:'Cinzel',serif;font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.f-frage .knoepfe{justify-content:center}

/* ---------------------------------------------------------------- Übungen */
.ub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ub{border:1px solid var(--linie);border-radius:var(--radius);padding:26px 24px;background:linear-gradient(to bottom,var(--schiefer),var(--nacht2))}
.ub-nr{font-family:'Playfair Display',serif;font-size:2.4rem;color:var(--gold);line-height:1}
.ub h3{font-family:'Playfair Display',serif;font-weight:400;font-size:1.3rem;color:#fff;margin:8px 0 12px}
.ub blockquote{margin:0}
.ub blockquote p{font-style:italic;color:var(--text);margin:0;font-size:.98rem}
.ub cite{display:block;margin-top:12px;font-style:normal;font-family:'Cinzel',serif;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}

/* ---------------------------------------------------------------- Zeugen */
.zg-gr{margin:0 0 40px}
.zg-gr h3{font-family:'Playfair Display',serif;font-weight:400;font-size:1.35rem;color:#fff;margin:0 0 16px;display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}
.zg-gr h3 span{font-family:'Cinzel',serif;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border:1px solid var(--linie);border-radius:999px;padding:3px 10px 2px}
.zg-gr ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.zg{border-top:1px solid var(--linie);padding:14px 2px 0}
.zg-j{display:block;font-family:'Cinzel',serif;font-size:.62rem;letter-spacing:.18em;color:var(--gold)}
.zg b{display:block;font-family:'Playfair Display',serif;font-weight:500;font-size:1.15rem;color:#fff;margin-top:4px}
.zg i{display:block;color:var(--gold-hell);font-size:.9rem}
.zg p{margin:6px 0 0;color:var(--text2);font-size:.94rem;line-height:1.55}

@media (max-width:900px){
  .sp-grid{grid-template-columns:1fr;gap:30px}
  .sp-bild{position:relative;top:0;max-width:360px;margin:0 auto}
  .fk-grid,.ub-grid,.zg-gr ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
  .fk-grid,.ub-grid,.zg-gr ul,.sp-fund{grid-template-columns:1fr}
  .fk,.fk-in{min-height:300px}
  .rm-ring{width:150px;height:150px}
}
@media (prefers-reduced-motion:reduce){
  .fk-in{transition:none}.rm-feld.an .rm-ring span{animation:none;transform:scale(4)}
  .rm-text p,body.f-still::after{animation:none}
}
.t-falk button.knopf{font-family:'Cinzel',serif;cursor:pointer;background:transparent}
.t-falk button.knopf.voll{background:var(--gold)}
.t-falk button.knopf.voll:hover{background:var(--gold-hell)}
.t-falk .autor{background:rgba(40,26,20,.5)}
.t-falk .w-fuss{background:#080606}