@keyframes cgIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes ixIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}body.fx-page{background-color:#07182e;transition:background-color .7s var(--ease)}body.fx-page.stage-light{background-color:#E8E4D9}body.fx-page main .band-deep,body.fx-page main .band-ink,body.fx-page main .band-navy{background:transparent;transition:opacity .45s var(--ease)}body.fx-page.stage-light main .band-deep,body.fx-page.stage-light main .band-ink,body.fx-page.stage-light main .band-navy{opacity:0;pointer-events:none}body.fx-page main .band-light{background:var(--paper);transition:background-color .7s var(--ease)}body.fx-page.stage-light main .band-light{background:transparent}@media (prefers-reduced-motion:reduce){body.fx-page{transition:none}}body.fx-page::after{content:"";position:fixed;inset:-60%;z-index:3;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.65'/%3E%3C/svg%3E")}#fxhero{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}.hero .hero-grid{z-index:2}.hero .hero-in{position:relative;z-index:2}.hero .hero-art{position:absolute;z-index:1}.hero .hero-grid{position:absolute}.dec{display:inline-grid;vertical-align:bottom;text-align:left;position:relative}.dec>span{grid-area:1/1;white-space:nowrap;line-height:1.2}.dec .dec-s{visibility:hidden;pointer-events:none}.cg-m a{color:var(--blue)}.dec .dec-w{color:var(--blue);position:absolute;left:0;top:0;white-space:nowrap}.philo-quote .lw{opacity:.24;transition:opacity .28s linear}.philo-quote .lw.on{opacity:1}@media (prefers-reduced-motion:reduce){.philo-quote .lw{opacity:1}}#fxr,.venn-stage{position:relative}#fxr{width:100%;max-width:480px;aspect-ratio:1;margin:0 auto}#fxr canvas{width:100%;height:100%;display:block}#fxr,.fxr-lbls,body.fx3d .venn{display:none}body.fx3d #fxr,body.fx3d .fxr-lbls{display:block}#fxSnd,.fxr-lbl{border:1px solid var(--line);backdrop-filter:blur(4px);cursor:pointer}.fxr-lbl{position:absolute;z-index:2;font:600 13px/1 var(--font-body,Inter);letter-spacing:.06em;color:var(--beige);background:rgba(8,26,51,.6);border-radius:30px;padding:10px 16px;transition:color .3s,border-color .3s,background .3s,transform .35s var(--ease)}.fxr-lbl.on,.fxr-lbl:hover{border-color:var(--blue);color:var(--ink);background:var(--blue);transform:translateY(-2px)}.fxr-lbl[data-ring="0"]{left:4%;top:14%}.fxr-lbl[data-ring="1"]{right:4%;top:14%}.fxr-lbl[data-ring="2"]{left:50%;bottom:6%;transform:translateX(-50%)}.fxr-lbl[data-ring="2"].on,.fxr-lbl[data-ring="2"]:hover{transform:translateX(-50%) translateY(-2px)}#fxSnd{position:fixed;left:22px;bottom:22px;z-index:5900;width:40px;height:40px;border-radius:50%;background:rgba(7,24,46,.55);color:var(--mute);font-size:14px;transition:all .3s var(--ease)}#fxSnd:hover{color:var(--blue)}#cgBtn:hover,#fxSnd.on,#fxSnd:hover{border-color:var(--blue)}#fxSnd.on{color:var(--blue)}@media (max-width:960px),(pointer:coarse){#fxSnd{display:none}}#cgBtn,#cgPanel{position:fixed;right:20px;border:1px solid var(--line)}#cgBtn{bottom:86px;z-index:5950;display:inline-flex;align-items:center;gap:10px;border-radius:40px;background:rgba(7,24,46,.78);backdrop-filter:blur(8px);color:var(--beige);font:500 .78rem/1 var(--font-body,Inter);letter-spacing:.04em;padding:13px 18px;cursor:pointer;transition:all .35s var(--ease);box-shadow:0 10px 32px rgba(3,9,20,.45)}#cgBtn:hover{transform:translateY(-2px)}#cgBtn .dot{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 10px var(--blue)}body.cg-open #cgBtn{opacity:0;pointer-events:none}#cgPanel{bottom:20px;z-index:6500;width:min(390px,calc(100vw - 28px));max-height:min(620px,calc(100vh - 40px));display:none;flex-direction:column;overflow:hidden;background:#0b2545;border-radius:18px;box-shadow:0 30px 80px rgba(3,9,20,.6)}.cg-head,body.cg-open #cgPanel{display:flex}.cg-head{align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--line-2);background:linear-gradient(170deg,#0e2c53,#0b2545)}.cg-head .t{font:600 .92rem/1.3 var(--font-display,Inter);letter-spacing:.02em;color:var(--beige)}.cg-head .s{font-size:.68rem;color:var(--mute);margin-top:4px;line-height:1.5;max-width:30ch}.cg-x{background:0 0;border:0;color:var(--mute);font-size:19px;cursor:pointer;padding:2px 6px;line-height:1}.cg-m.bot,.cg-x:hover{color:var(--beige)}.cg-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;min-height:200px}.cg-m{max-width:88%;padding:11px 14px;border-radius:13px;font-size:.86rem;line-height:1.55;animation:cgIn .35s var(--ease) both}@media (prefers-reduced-motion:reduce){.cg-m{animation:none}}.cg-m.bot{background:rgba(5,14,28,.6);border:1px solid var(--line-2);align-self:flex-start;border-bottom-left-radius:4px}.cg-m.usr{background:var(--blue);color:var(--ink);align-self:flex-end;border-bottom-right-radius:4px;font-weight:500}.cg-m a{text-decoration:none;border-bottom:1px solid rgba(111,177,225,.4)}.cg-m.usr a{color:var(--ink);border-color:rgba(11,37,69,.4)}.cg-chips{display:flex;gap:7px;flex-wrap:wrap;padding:0 16px 12px}.cg-chip,.cg-in input{border:1px solid var(--line)}.cg-chip{font:400 .72rem/1 var(--font-body,Inter);color:var(--beige-2);background:0 0;border-radius:20px;padding:8px 13px;cursor:pointer;transition:all .25s}.cg-chip:hover{border-color:var(--blue);color:var(--blue)}.cg-in{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--line-2)}.cg-in input{flex:1;background:rgba(5,14,28,.6);border-radius:10px;color:var(--beige);font:300 .86rem var(--font-body,Inter);padding:11px 13px;outline:0}.cg-in input:focus{border-color:var(--blue)}.cg-in button{background:var(--beige);color:var(--ink);border:0;border-radius:10px;padding:0 16px;font:600 .8rem var(--font-body,Inter);cursor:pointer;transition:background .25s}.cg-in button:hover,.ix-opt.sel .k{background:var(--blue)}@media (max-width:560px){#cgBtn,#cgPanel{bottom:76px;right:14px}#cgPanel{bottom:14px}}@media print{#cgBtn,#cgPanel,#fxSnd{display:none!important}}@media (pointer:fine){body.fx-page .res-card{transform-style:preserve-3d;will-change:transform}}
.fxconst{position:absolute;inset:0;z-index:1;pointer-events:none}
.phero .wrap{position:relative;z-index:2}
.phero .phero-img{z-index:0}
html.fxm .phero-img img[data-par]{height:114%;margin-top:-3.5%}
html.fxm .r .rf-img img,html.fxm .r .auf-cover img,html.fxm .r .rc-img img,html.fxm .r .post-img img,html.fxm .r .pf-img img{clip-path:inset(0 0 100% 0);transition:clip-path .8s var(--ease),transform 1.1s var(--ease)}
html.fxm .r.in .rf-img img,html.fxm .r.in .auf-cover img,html.fxm .r.in .rc-img img,html.fxm .r.in .post-img img,html.fxm .r.in .pf-img img{clip-path:inset(0 0 0 0)}.tool-card{position:relative;display:flex;flex-direction:column;background:var(--navy);padding:clamp(26px,3vw,40px);min-height:300px;transition:transform .5s var(--ease)}.tool-card:hover{transform:translateY(-7px)}.tool-no{font-size:var(--f4);letter-spacing:.14em;color:var(--blue);font-weight:600}.tool-t{font-size:clamp(1.2rem,1.8vw,1.55rem);font-weight:400;letter-spacing:-.02em;margin:16px 0 10px}.tool-d,.tool-go{font-size:var(--f4)}.tool-d{color:var(--mute);line-height:1.65;flex:1}.tool-go{margin-top:22px;display:inline-flex;align-items:center;gap:10px;color:var(--blue)}.ix-prog i,.ix-qno:before,.tool-go .dl{height:1px;background:var(--blue)}.tool-go .dl{width:26px;transition:width .4s var(--ease)}.tool-card:hover .tool-go .dl{width:48px}.tool-badge{position:absolute;top:clamp(22px,2.6vw,34px);right:clamp(22px,2.6vw,34px);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--beige-2);border:1px solid var(--line);border-radius:20px;padding:5px 11px}.ix-shell{max-width:880px;margin:0 auto}.ix-prog{height:2px;background:var(--line-2);border-radius:2px;overflow:hidden;margin:34px 0 0}.ix-prog i{height:100%;width:0;transition:width .5s var(--ease)}.ix-screen{display:none;animation:ixIn .55s var(--ease)}.ix-prog i,.ix-screen.on{display:block}@media (prefers-reduced-motion:reduce){.ix-screen{animation:none}}.ix-qno{font-size:var(--f4);letter-spacing:.2em;text-transform:uppercase;color:var(--blue);margin:46px 0 16px;display:flex;align-items:center;gap:12px}.ix-qno:before{content:"";width:30px}.ix-h{font-size:clamp(1.45rem,2.6vw,2.1rem);font-weight:300;letter-spacing:-.02em;line-height:1.18;max-width:26ch}.ix-hint{margin-top:13px;color:var(--mute);font-size:var(--f3);max-width:62ch}.ix-opts{display:grid;gap:10px;margin-top:32px}.ix-opt{display:flex;align-items:flex-start;gap:15px;text-align:left;background:rgba(11,37,69,.5);padding:17px 19px;cursor:pointer;color:var(--beige);font:300 .95rem/1.5 var(--font-body,Inter);transition:border-color .25s,background .25s,transform .25s var(--ease)}.ix-opt:hover{border-color:rgba(111,177,225,.55);transform:translateX(4px)}.ix-kbd b,.ix-opt,.ix-opt .k{border:1px solid var(--line)}.ix-nav,.ix-opt .k{display:flex;align-items:center}.ix-opt .k{flex:0 0 auto;width:25px;height:25px;justify-content:center;font-size:.68rem;color:var(--mute);transition:all .2s;margin-top:1px}.ix-opt .tx b{display:block;font-weight:500;font-size:.98rem}.ix-opt .tx span,.rd-item .dt em{display:block;color:var(--mute);margin-top:3px}.ix-mod span,.ix-opt .tx span{font-size:.82rem;line-height:1.5}.ix-opt.sel{border-color:var(--blue);background:rgba(111,177,225,.1)}.ix-opt.sel .k{border-color:var(--blue);color:var(--ink)}.ix-opt.none.sel{border-color:var(--beige-2)}.ix-opt.none.sel .k{background:var(--beige-2);color:var(--ink)}.ix-nav{justify-content:space-between;margin-top:34px;gap:16px;flex-wrap:wrap}.ix-back{background:0 0;border:0;color:var(--mute);font:300 .85rem var(--font-body,Inter);cursor:pointer;padding:10px 0}.ix-back:hover{color:var(--beige)}.ix-kbd{font-size:.72rem;color:var(--mute);letter-spacing:.04em}.ix-kbd b{font-weight:500;color:var(--beige-2);padding:1px 7px;font-family:var(--font-body,Inter)}.ix-glbl,.ix-grade{display:flex;max-width:560px}.ix-grade{gap:8px;margin:28px 0 8px}.ix-grade i{flex:1;height:6px;background:var(--line-2);position:relative;overflow:hidden}.ix-grade i.on:after{content:"";position:absolute;inset:0;background:var(--gc,#7FB78F)}.ix-glbl{justify-content:space-between;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.ix-card{margin-top:30px;border:1px solid var(--line);padding:clamp(24px,3vw,34px);background:var(--navy)}.ix-cls{display:inline-flex;align-items:center;gap:10px;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rc,#7FB78F)}.ix-cls:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--rc,#7FB78F);box-shadow:0 0 14px var(--rc,#7FB78F)}.ix-card h2{font-size:clamp(1.25rem,2.1vw,1.7rem);font-weight:300;letter-spacing:-.015em;margin-top:13px;line-height:1.25}.ix-why{margin-top:13px;color:var(--beige-2);font-size:.95rem;max-width:72ch;line-height:1.65}.ix-mods{display:grid;gap:10px;margin-top:20px}.ix-mod{border:1px solid var(--line-2);border-left:2px solid var(--blue);padding:15px 17px;background:rgba(5,14,28,.5)}.ix-mod b{font-weight:500;font-size:.92rem;display:block}.ix-mod span{color:var(--mute);line-height:1.55}.ix-dlh{font-size:var(--f4);letter-spacing:.2em;text-transform:uppercase;color:var(--blue);margin:34px 0 8px}.ix-frist{display:flex;align-items:center;gap:18px;padding:15px 4px;border-bottom:1px solid var(--line-2);flex-wrap:wrap}.ix-frist .dt{font-weight:600;font-size:.9rem;min-width:100px}.ix-frist .what{flex:1;font-size:.86rem;color:var(--beige-2);min-width:220px;line-height:1.5}.ix-frist .cd{font-weight:500;font-size:.74rem;color:var(--blue);white-space:nowrap;letter-spacing:.04em}.ix-frist .cd.past{color:#d9a441}.ix-disc,.rd-item .tx span{color:var(--mute);line-height:1.6}.ix-disc{margin-top:26px;font-size:.78rem;max-width:80ch;border-left:2px solid var(--line);padding-left:16px}.ix-cta{margin-top:34px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}.ix-ghost{font:300 .85rem var(--font-body,Inter);color:var(--mute);background:0 0;border:1px solid var(--line);padding:14px 26px;cursor:pointer;transition:all .3s}.ix-ghost:hover{color:var(--beige);border-color:var(--beige-2)}.rd-group{margin-top:clamp(30px,4vw,48px)}.rd-law{font-size:var(--f4);letter-spacing:.18em;text-transform:uppercase;color:var(--blue);margin-bottom:6px}.rd-item{display:grid;grid-template-columns:120px 1fr auto;gap:clamp(16px,2.6vw,36px);align-items:start;padding:clamp(18px,2.4vw,26px) 4px;border-bottom:1px solid var(--line-2)}.rd-item .dt,.rd-item .tx b{font-weight:600;font-size:.95rem;line-height:1.4}.rd-item .dt em{font-style:normal;font-weight:300;font-size:.7rem}.rd-item .tx b{display:block;font-weight:500;font-size:1rem}.rd-item .tx span{display:block;font-size:.85rem;margin-top:5px;max-width:64ch}.rd-cd{font-weight:500;font-size:.74rem;letter-spacing:.05em;color:var(--blue);white-space:nowrap;border:1px solid rgba(111,177,225,.35);border-radius:20px;padding:6px 13px}.rd-cd.past{color:#7fb78f;border-color:rgba(127,183,143,.35)}.rd-cd.warn{color:#d9a441;border-color:rgba(217,164,65,.4)}@media (max-width:680px){.rd-item{grid-template-columns:1fr;gap:8px}.rd-cd{justify-self:start}}.mg-radar{width:min(420px,86vw);margin:30px auto 6px;display:block}.mg-dims{display:grid;gap:10px;margin-top:24px}.mg-dim{display:grid;grid-template-columns:minmax(130px,200px) 1fr 44px;gap:14px;align-items:center}.mg-dim .nm{font-size:.88rem;color:var(--beige-2)}.mg-bar{height:5px;background:var(--line-2);position:relative;overflow:hidden}.mg-bar i{position:absolute;inset:0;background:var(--blue);transform-origin:left;transform:scaleX(0);transition:transform .9s var(--ease)}.mg-dim .vl{font-size:.8rem;font-weight:600;color:var(--blue);text-align:right}@media (max-width:560px){.mg-dim{grid-template-columns:1fr;gap:6px}.mg-dim .vl{text-align:left}}
.cur-dot,.cur-ring{opacity:0;transition:opacity .25s ease}
body.fxcur .cur-dot,body.fxcur .cur-ring{opacity:1}
body.fxcur .cur-ring{opacity:.85}

#fxSnd,#cgBtn,#cgPanel{display:none!important}

/* ===== Zahlenblock: Logo-Balken + Ghost-Wert ===== */
.fact{position:relative}
.fact::after{content:attr(data-gh);position:absolute;right:10px;top:-34px;z-index:0;
  font:200 clamp(86px,9vw,148px)/1 var(--font-display,Inter);letter-spacing:-.06em;
  color:rgba(111,177,225,.06);pointer-events:none}
.fact-bars{display:flex;gap:5px;height:30px;align-items:flex-end;margin-bottom:16px}
.fact-bars i{width:7px;background:var(--blue);transform:scaleY(.12);transform-origin:bottom;
  transition:transform .8s var(--ease)}
.fact-bars i:nth-child(1){height:42%}.fact-bars i:nth-child(2){height:70%;transition-delay:.1s}
.fact-bars i:nth-child(3){height:100%;transition-delay:.2s}
.r.in .fact-bars i{transform:scaleY(1)}
/* ===== Konvergenz-Motiv ===== */
.cvg{width:100%;max-width:520px;margin:0 auto;display:block;overflow:visible}
.cvg .cvg-s path{fill:none;stroke:#6FB1E1;stroke-width:1.3;opacity:.5;
  stroke-dasharray:560;stroke-dashoffset:560;transition:stroke-dashoffset 1.6s var(--ease),opacity .4s,stroke-width .3s}
.cvg .cvg-s[data-s="0"] path{stroke:#E8E4D9;opacity:.42}
.cvg .cvg-s[data-s="2"] path{stroke:#3C7FB3;opacity:.6}
.cvg.in .cvg-s path{stroke-dashoffset:0}
.cvg .cvg-s:nth-of-type(2) path{transition-delay:.18s}.cvg .cvg-s:nth-of-type(3) path{transition-delay:.36s}
.cvg .cvg-up path{fill:none;stroke:url(#cvgUp);stroke-width:2;stroke-dasharray:300;stroke-dashoffset:300;
  transition:stroke-dashoffset 1.2s var(--ease) .9s}
.cvg.in .cvg-up path{stroke-dashoffset:0}
.cvg .cvg-arrow{fill:#E8E4D9;opacity:0;transform:translate(-8px,8px);
  transition:opacity .5s var(--ease) 1.7s,transform .6s var(--ease) 1.7s}
.cvg.in .cvg-arrow{opacity:1;transform:none}
.cvg .cvg-core{fill:#6FB1E1}
.cvg .cvg-halo{fill:none;stroke:rgba(111,177,225,.4);stroke-width:1}
@media(prefers-reduced-motion:no-preference){
  .cvg.in .cvg-halo{animation:cvgPulse 2.6s var(--ease) infinite}
  @keyframes cvgPulse{0%,100%{r:16;opacity:.7}50%{r:24;opacity:.15}}
}
.cvg text{font:600 14px var(--font-body,Inter);letter-spacing:.08em;fill:#E8E4D9;text-transform:uppercase}
.cvg .cvg-s{cursor:pointer}
.cvg .cvg-s:hover path{opacity:1;stroke-width:2}
.cvg .cvg-s:hover text{fill:#6FB1E1}
.band-light .cvg text{fill:#0B2545}.band-light .cvg .cvg-arrow{fill:#0B2545}
/* ===== Instrumenten-Konsolen ===== */
.tin{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;height:116px;
  margin-bottom:20px;border:1px solid var(--line-2);background:rgba(5,14,28,.45);overflow:hidden}
.tin svg{width:84px;height:84px}
.tin-nav .tk{width:40px;height:5px;background:var(--line)}
.tin-nav .tk:nth-child(1){background:rgba(127,183,143,.65)}
.tin-nav .tk:nth-child(2){background:rgba(217,164,65,.6)}
.tin-nav .tk:nth-child(3){background:rgba(224,109,94,.55)}
.tin-nav .tk:nth-child(4){background:rgba(224,109,94,.8)}
.tin-nav .tmark{position:absolute;top:50%;left:14%;width:11px;height:11px;border-radius:50%;
  background:var(--beige);box-shadow:0 0 0 4px rgba(232,228,217,.15);transform:translateY(-160%)}
@media(prefers-reduced-motion:no-preference){.tin-nav .tmark{animation:tmk 7s var(--ease) infinite}}
@keyframes tmk{0%,12%{left:13%}30%,40%{left:38%}58%,68%{left:62%}86%,100%{left:85%}}
.tin-rad polygon{fill:none;stroke:rgba(232,228,217,.25);stroke-width:1}
.tin-rad .pp{fill:rgba(111,177,225,.2);stroke:#6FB1E1;stroke-width:1.6;transform-origin:50% 50%}
@media(prefers-reduced-motion:no-preference){.tin-rad .pp{animation:radm 6s ease-in-out infinite}}
@keyframes radm{0%,100%{transform:scale(.82) rotate(0deg)}50%{transform:scale(1.04) rotate(2deg)}}
.tin-cd .c1{fill:none;stroke:var(--line);stroke-width:2}
.tin-cd .c2{fill:none;stroke:#6FB1E1;stroke-width:2.4;stroke-linecap:round;
  stroke-dasharray:239;transform:rotate(-90deg);transform-origin:50% 50%}
@media(prefers-reduced-motion:no-preference){.tin-cd .c2{animation:cdr 8s linear infinite}}
@keyframes cdr{0%{stroke-dashoffset:239}70%{stroke-dashoffset:36}100%{stroke-dashoffset:36}}
.tin-cd b{position:absolute;font:600 .66rem/1 var(--font-body,Inter);letter-spacing:.1em;color:var(--beige-2)}
.tin-ux i{font:500 .68rem/1 var(--font-body,Inter);letter-spacing:.08em;color:var(--beige-2);
  border:1px solid var(--line);border-radius:20px;padding:7px 12px;opacity:.35}
@media(prefers-reduced-motion:no-preference){
  .tin-ux i{animation:uxc 5.4s ease-in-out infinite}
  .tin-ux i:nth-child(2){animation-delay:1.8s}.tin-ux i:nth-child(3){animation-delay:3.6s}
}
@keyframes uxc{0%,28%,100%{opacity:.35;border-color:var(--line);color:var(--beige-2)}
  8%,18%{opacity:1;border-color:#6FB1E1;color:#6FB1E1}}
.tool-card:hover .tin{border-color:rgba(111,177,225,.35)}
/* ===== Praxis-Strecke: wachsender Strich, Nummern auf hellem Band ===== */
.cs-phases::before{transform:scaleY(0);transform-origin:top;transition:transform 1.6s var(--ease) .2s}
.r.in .cs-phases::before,.cs.in .cs-phases::before{transform:scaleY(1)}
.band-light .csp-no{background:var(--paper)}
/* ===== Team-Triptychon: Lesbarkeit ===== */
.disc3-d{color:rgba(11,37,69,.78)!important}
.disc3-no{opacity:.3}
/* ===== Formulare: ruhige, klare Felder ===== */
body.fx-page input[type="text"],body.fx-page input[type="email"],body.fx-page input[type="tel"],
body.fx-page select,body.fx-page textarea{
  border-radius:0;border:1px solid var(--line);background:rgba(5,14,28,.35);
  transition:border-color .25s,background .25s}
body.fx-page input:focus,body.fx-page select:focus,body.fx-page textarea:focus{
  border-color:var(--blue);background:rgba(5,14,28,.55);outline:none;
  box-shadow:0 0 0 3px rgba(111,177,225,.15)}
body.fx-page .band-light input,body.fx-page .band-light select,body.fx-page .band-light textarea{
  background:#fff;border-color:rgba(11,37,69,.18)}
body.fx-page .band-light input:focus,body.fx-page .band-light textarea:focus{
  border-color:var(--blue-d);box-shadow:0 0 0 3px rgba(60,127,179,.18)}

/* Hero-Glyphe: rechts unten, vollstaendig, ruhig */
.hero-art{position:absolute;right:clamp(10px,3vw,70px);top:50%;bottom:auto;transform:translateY(-50%);width:clamp(190px,26vw,400px);z-index:1;pointer-events:none}
.hero-art svg{width:100%;height:auto;overflow:visible}
.hero-art svg>*{fill:var(--blue);opacity:.15;transform-origin:bottom;transform-box:fill-box}
@media(prefers-reduced-motion:no-preference){
  .hero-art svg>*{animation:hab 4.6s var(--ease) infinite}
  .hero-art svg>*:nth-child(2){animation-delay:.3s}.hero-art svg>*:nth-child(3){animation-delay:.6s}
  @keyframes hab{0%,100%{transform:scaleY(.85);opacity:.13}50%{transform:scaleY(1);opacity:.3}}
}
@media(max-width:1024px){.hero-art{display:none}}
/* Prinzipien: Hover ohne Reflow/Umbruch */
.princ-row{transition:transform .5s var(--ease)}
.princ-row:hover{padding-left:0!important;transform:translateX(16px)}
/* Zahlenblock kraeftiger */
.fact-num{font-size:clamp(3.4rem,7vw,6rem)!important}
.fact-bars{height:38px}.fact-bars i{width:8px}
.fact:hover .fact-bars i{transform:scaleY(1.08)}
.facts-claim{margin-top:clamp(34px,4.5vw,56px);font-family:var(--font-display,Inter);font-weight:300;
  font-size:clamp(1.3rem,2.3vw,1.9rem);letter-spacing:-.02em;max-width:30ch}
/* Venn veredeln: Puls + staerkere Beschriftung */
.venn .vt{font-size:17px;letter-spacing:.08em}
@media(prefers-reduced-motion:no-preference){
  .venn.in .vint{animation:vglow 3.4s ease-in-out infinite}
  @keyframes vglow{0%,100%{opacity:.85}50%{opacity:1}}
}
/* Instrumenten-Konsolen kraeftiger */
.tin{height:152px}
.tin svg{width:112px;height:112px}
.tin-nav .tk{width:48px;height:6px}
.tool-card{overflow:hidden}
.tool-card .tool-no{position:absolute;right:14px;bottom:6px;font:200 clamp(64px,6vw,104px)/1 var(--font-display,Inter);
  letter-spacing:-.05em;color:rgba(111,177,225,.07);pointer-events:none}
.tool-card:hover .tin{border-color:rgba(111,177,225,.5);background:rgba(5,14,28,.62)}
.tool-card:hover .tool-t{color:var(--blue)}
.tool-t{transition:color .3s}

/* Zahlenblock: Reduktion auf das Wesentliche */
.fact-bars,.facts-claim{display:none!important}
/* Navigator-Konsole: Marker pixelgenau ueber den Segmenten */
.tin-nav{position:relative}
.tin-nav .tmark{left:auto;transform:translate(-50%,-160%)}
@media(prefers-reduced-motion:no-preference){
  .tin-nav .tmark{animation:tmk2 7s var(--ease) infinite}
}
@keyframes tmk2{
  0%,14%{left:calc(50% - 81px)}
  28%,40%{left:calc(50% - 27px)}
  54%,66%{left:calc(50% + 27px)}
  80%,100%{left:calc(50% + 81px)}
}

/* Ausgangslage: Ghost-Ziffer als Echo hinter der Zahl, ruhigere Spalten */
.fact::after{right:auto;left:-6px;top:-18px;font-size:clamp(110px,11vw,180px);color:rgba(111,177,225,.08);z-index:0}
.fact .fact-num,.fact .fact-cap{position:relative;z-index:1}
.fact-cap{max-width:26ch;line-height:1.55}
.facts{column-gap:clamp(28px,4vw,64px)}
.fact+.fact{border-left-color:var(--line-2)}
/* Instrumente: Visual-Hierarchie scharfgestellt */
.tin{background:rgba(8,26,51,.55);border-color:var(--line)}
.tin-rad .pp{stroke-width:2.2}
.tin-cd b{font-size:.74rem;letter-spacing:.12em}
.tin-ux i{font-size:.72rem;padding:8px 14px}
.tool-card .tool-t{margin-top:4px}
.tool-card .tool-d{max-width:34ch}
@media (prefers-reduced-motion:reduce){body.fx-page main .band-deep,body.fx-page main .band-ink,body.fx-page main .band-navy,body.fx-page main .band-light{transition:none}}
/* Briefing-Archiv (S6) */
.bh{margin-top:14px}
.bh-y{font:600 .74rem/1 var(--font-body,Inter);letter-spacing:.2em;color:var(--blue);margin:26px 0 6px}
.bh-i{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 4px;border-bottom:1px solid var(--line-2);color:var(--beige);text-decoration:none;transition:padding-left .35s var(--ease)}
.bh-i:hover{padding-left:14px}
.bh-n{font-size:.98rem;font-weight:400}
.bh-a{font-size:.72rem;letter-spacing:.08em;color:var(--mute);transition:color .3s}
.bh-i:hover .bh-a{color:var(--blue)}
/* Cursor kleiner und dezenter */
.cur-dot{width:4px!important;height:4px!important;margin:-2px 0 0 -2px!important}
.cur-ring{width:24px!important;height:24px!important;margin:-12px 0 0 -12px!important}
.cur-ring.lg{width:40px!important;height:40px!important;margin:-20px 0 0 -20px!important}
body.fxcur .cur-ring{opacity:.55}
/* Instrumente Startseite: 2x2 */
@media(min-width:860px){#instrumente .res-grid{grid-template-columns:repeat(2,1fr)}}
/* Tool-Badges kontrastfest in jedem Buehnenzustand */
.tool-badge{color:var(--beige);border-color:rgba(232,228,217,.35);background:rgba(7,24,46,.5)}
body.stage-light .tool-badge{color:var(--blue-d);border-color:rgba(11,37,69,.4);background:rgba(232,228,217,.65)}
/* Praxis-Strecke: segmentierte, fortlaufend animierte Linie — Nummern ohne Deckflaeche */
.cs-phases::before{display:none!important}
.csp{position:relative}
.csp:not(:last-child)::after{content:"";position:absolute;left:31px;top:56px;bottom:8px;width:2px;
  background:var(--blue);transform:scaleY(0);transform-origin:top;transition:transform .85s var(--ease)}
.csp.on:not(:last-child)::after{transform:scaleY(1)}
.csp-no{background:transparent!important}

.ba-h{font:300 clamp(1.4rem,2.4vw,1.9rem)/1.25 var(--font-display,Inter);letter-spacing:-.02em;margin:44px 0 14px;color:var(--beige)}
.ba-h:first-of-type{margin-top:10px}
.ba-p{color:var(--beige-2);line-height:1.75;margin:0 0 16px;font-size:1.02rem}
.ba-hero{margin:6px 0 34px;border:1px solid var(--line)}
.ba-hero img{width:100%;display:block}
.bh-i .bh-t{display:block;font-size:.8rem;color:var(--mute);margin-top:4px;line-height:1.5}



/* Video-Fassade: laedt YouTube erst nach Klick (nocookie) */
.ytv{position:relative;aspect-ratio:16/9;background:#0B2545 center/cover no-repeat;border:1px solid var(--line);cursor:pointer;overflow:hidden}
.ytv::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(7,24,46,.55),transparent 60%)}
.ytv .yp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;
 background:rgba(232,228,217,.92);display:flex;align-items:center;justify-content:center;z-index:2;transition:transform .35s var(--ease),background .3s}
.ytv:hover .yp{transform:translate(-50%,-50%) scale(1.08);background:var(--blue)}
.ytv .yp::before{content:"";border-style:solid;border-width:13px 0 13px 22px;border-color:transparent transparent transparent #0B2545;margin-left:5px}
.ytv .yc{position:absolute;left:18px;bottom:14px;z-index:2;font-size:.72rem;letter-spacing:.1em;color:var(--beige-2)}
.ytv iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
section.ytv-sec[hidden]{display:none}
/* E2: horizontale Szene */
.hsz{height:auto}
.hsz-stick{display:flex;flex-direction:column;justify-content:center;padding:clamp(70px,10vh,120px) 0}
.hsz-track{display:flex;gap:2vw;padding:0 5vw;will-change:transform}
.hsz-card{flex:0 0 clamp(320px,36vw,500px);border:1px solid var(--line);background:var(--navy);padding:clamp(26px,3vw,40px);display:flex;flex-direction:column;min-height:330px;transition:border-color .45s var(--ease),transform .5s var(--ease)}
.hsz-card:hover{border-color:rgba(111,177,225,.4)}
.hsz-logo{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line-2)}
.hsz-logo img{height:20px;filter:grayscale(1) brightness(1.55);opacity:.7}
.hsz-logo::after{content:"\201C";font:300 2.1rem/0.4 Georgia,serif;color:var(--blue);opacity:.55;transform:translateY(8px)}
.hsz-q{font:300 clamp(1.05rem,1.5vw,1.3rem)/1.55 var(--font-display,Inter);letter-spacing:-.01em;margin:24px 0;color:var(--beige)}
.hsz-who{margin-top:auto;padding-top:18px;border-top:1px solid var(--line-2);font-size:.82rem;color:var(--mute)}
.hsz-who b{display:block;color:var(--beige);font-weight:500}


.hsz-hint{margin-top:0;margin-bottom:4vh;padding:0 5vw;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
@media(max-width:900px),(prefers-reduced-motion:reduce){
 .hsz{height:auto}
 .hsz-stick{position:static;height:auto;overflow:visible;padding:clamp(54px,8vh,90px) 0}
 .hsz-track{flex-direction:column;transform:none!important}
 .hsz-card{flex:1 1 auto;min-height:0}
 .hsz-hint{display:none}}
.lf-cta{display:inline-block;margin-top:14px;font-size:.82rem;letter-spacing:.04em;color:var(--blue);border-bottom:1px solid rgba(111,177,225,.35)}
.lf-cta:hover{border-color:var(--blue)}

.tl-step.on .tl-node{border-color:var(--blue);background:var(--blue);color:var(--ink);transform:scale(1.1)}
.tl-step.on .tl-h{color:var(--blue)}
.tl-step.on .tl-more{max-height:220px;opacity:1;margin-top:12px}
/* E2: Kopf oben links wie alle Sektionen, kompakter Auslauf */



/* Radar-Konsole: Datum unter dem Ring, nie abgeschnitten */
.tin-cd{flex-direction:column;gap:6px}
.tin-cd svg{width:78px;height:78px}
.tin-cd b{position:static}
/* Briefing-Lesetypo */
.ba-lead{font-size:1.16rem;color:var(--beige);line-height:1.7}
article{counter-reset:bah}
.ba-h{counter-increment:bah;display:flex;align-items:baseline;gap:14px}
.ba-h::before{content:counter(bah,decimal-leading-zero);font:600 .72rem/1 var(--font-body,Inter);letter-spacing:.18em;color:var(--blue)}
.ba-p{max-width:64ch}
.ba-p+.ba-h{margin-top:52px}
.kf{border:none!important}
/* Video-Fassade: Klick darf nie von Overlays geschluckt werden */
.ytv .yp,.ytv .yc,.ytv::after{pointer-events:none}
.pf-img::after{pointer-events:none}
.pf-img .ytv{z-index:3}
/* Briefing: Sefilex-Listen, Quellen, Einordnungs-Boxen */
.ba-ul{list-style:none;margin:6px 0 22px;padding:0;max-width:62ch}
.ba-ul li{position:relative;padding:7px 0 7px 30px;color:var(--beige-2);line-height:1.6;font-size:.98rem}
.ba-ul li::before{content:"";position:absolute;left:0;top:1.05em;width:16px;height:2px;background:var(--blue)}
.ba-src{display:inline-flex;align-items:center;gap:8px;margin:-6px 0 22px;font-size:.82rem;letter-spacing:.03em;color:var(--blue);border-bottom:1px solid rgba(111,177,225,.35);width:max-content;max-width:100%}
.ba-src:hover{border-color:var(--blue)}
.ba-note{margin:26px 0 30px;padding:20px 22px;border-left:2px solid var(--blue);background:rgba(111,177,225,.07);max-width:64ch}
.ba-note .bn-k{display:block;font:600 .68rem/1 var(--font-body,Inter);letter-spacing:.2em;text-transform:uppercase;color:var(--blue);margin-bottom:10px}
.ba-note p{margin:0;color:var(--beige);line-height:1.7;font-size:.98rem}

/* Referenzen-Szene: Hoehe folgt dem realen Scrollweg. Ohne horizontalen
   Ueberhang (aktuell 2 Karten) ist sie eine normale Sektion; .hsz-pin
   aktiviert fx.js nur, wenn der Kartenstreifen breiter ist als der Viewport. */
.hsz-pin{height:auto}
.hsz-pin .hsz-stick{position:sticky;top:0;height:100vh;overflow:hidden;padding:0;justify-content:flex-start}
.hsz-pin .hsz-track{margin-top:auto;margin-bottom:auto}
.hsz:not(.hsz-pin) .hsz-hint{display:none}
.hsz:not(.hsz-pin) .hsz-track{justify-content:center}
@media(max-width:900px){.hsz .hsz-track{justify-content:flex-start}}

/* Instrumente: vier Stationen — grosse Konsole, klarer Inhalt, ein Strang */
.ws-sec{padding:0}
.ws-st{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(34px,5vw,84px);align-items:center;padding:clamp(56px,9vh,104px) 0}
.ws-sec+.ws-sec .ws-st{border-top:1px solid var(--line-2)}
.ws-sec:nth-of-type(even) .ws-vis{order:2}
.ws-no{font:600 .72rem/1 var(--font-body,Inter);letter-spacing:.18em;color:var(--blue)}
.ws-t{margin:14px 0 14px}
.ws-d{color:var(--beige-2);max-width:52ch;line-height:1.7}
.ws-facts{margin:26px 0 28px;max-width:52ch;border-top:1px solid var(--line-2)}
.ws-f{display:flex;justify-content:space-between;gap:18px;padding:11px 2px;border-bottom:1px solid var(--line-2);font-size:.85rem}
.ws-f b{font-weight:500;color:var(--beige);white-space:nowrap}
.ws-f span{color:var(--mute);text-align:right}
.ws-go{display:inline-flex;align-items:center;gap:10px;color:var(--beige);font-size:.92rem;border-bottom:1px solid rgba(111,177,225,.4);padding-bottom:4px;transition:color .3s,border-color .3s}
.ws-go:hover{color:var(--blue);border-color:var(--blue)}
.ws-vis{position:relative;display:flex;flex-direction:column;justify-content:center;gap:18px;border:1px solid var(--line-2);background:rgba(5,14,28,.45);padding:clamp(24px,2.8vw,42px);min-height:clamp(300px,28vw,400px);transition:border-color .45s var(--ease)}
a.ws-vis:hover{border-color:rgba(111,177,225,.45)}
.ws-badge{position:absolute;top:16px;right:16px;font:600 .62rem/1 var(--font-body,Inter);letter-spacing:.14em;text-transform:uppercase;color:var(--blue);border:1px solid rgba(111,177,225,.3);padding:6px 10px}
.ws-cap{font:600 .66rem/1 var(--font-body,Inter);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
/* 01 Navigator: Frage -> Antwort -> Segmente -> Ergebnis (12s-Schleife) */
.wnav-q{font-size:.95rem;color:var(--beige);min-height:2.6em}
.wnav-q i{font-style:normal;display:block;animation:wq 12s infinite}
.wnav-q i+i{margin-top:-2.6em;animation:wq2 12s infinite}
@keyframes wq{0%,42%{opacity:1}50%,92%{opacity:0}100%{opacity:1}}
@keyframes wq2{0%,42%{opacity:0}50%,92%{opacity:1}100%{opacity:0}}
.wnav-opt{display:flex;gap:10px}
.wnav-opt i{font-style:normal;font-size:.8rem;color:var(--beige-2);border:1px solid var(--line);padding:8px 14px}
.wnav-opt i:first-child{animation:wpick 12s infinite}
@keyframes wpick{0%,18%{background:transparent;color:var(--beige-2);border-color:var(--line)}26%,92%{background:rgba(111,177,225,.16);color:var(--beige);border-color:rgba(111,177,225,.5)}100%{background:transparent}}
.wseg{display:flex;gap:6px}
.wseg i{flex:1;height:3px;background:var(--line)}
.wseg i.on{background:var(--blue);transform-origin:left;animation:wseg 12s infinite}
.wseg i.on:nth-child(2){animation-delay:.35s}.wseg i.on:nth-child(3){animation-delay:.7s}
@keyframes wseg{0%{transform:scaleX(0)}8%,92%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.wnav-res{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--beige);border-top:1px solid var(--line-2);padding-top:16px;animation:wres 12s infinite}
.wnav-res b{font-weight:500;color:var(--blue)}
@keyframes wres{0%,30%{opacity:0}40%,92%{opacity:1}100%{opacity:0}}
/* 02 Reifegrad: Dimensionsbalken fuellen sich beim Eintritt */
.wrad-head{display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem;color:var(--beige)}
.wrad-head b{font:300 1.7rem/1 var(--font-display,Inter);letter-spacing:-.02em}
.wrad-row{display:grid;grid-template-columns:96px 1fr 34px;gap:14px;align-items:center;font-size:.78rem;color:var(--mute)}
.wrad-row em{font-style:normal;text-align:right;color:var(--beige-2)}
.wtrack{height:3px;background:var(--line);position:relative}
.wfill{position:absolute;inset:0 auto 0 0;width:0;background:var(--blue);transition:width 1.1s var(--ease)}
.ws-vis.go .wfill{width:var(--v)}
.ws-vis.go .wfill.f2{transition-delay:.15s}.ws-vis.go .wfill.f3{transition-delay:.3s}.ws-vis.go .wfill.f4{transition-delay:.45s}
/* 03 Radar: Ring + echte Restlaufzeiten */
.wcd{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,2.4vw,38px);align-items:center}
.wcd-ring{position:relative;width:clamp(120px,11vw,160px);height:clamp(120px,11vw,160px)}
.wcd-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.wcd-ring circle{fill:none;stroke-width:3}
.wcd-ring .c1{stroke:var(--line)}
.wcd-ring .c2{stroke:var(--blue);stroke-dasharray:239;stroke-dashoffset:239;animation:wring 2.4s var(--ease) forwards}
@keyframes wring{to{stroke-dashoffset:74}}
.wcd-mid{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.wcd-mid b{font:300 1.05rem/1.1 var(--font-display,Inter);color:var(--beige);text-align:center}
.wcd-mid span{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.wcd-rows{display:flex;flex-direction:column}
.wcd-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line-2);font-size:.8rem;color:var(--beige-2)}
.wcd-row:last-child{border-bottom:none}
.wcd-row b{font-weight:500;color:var(--beige);white-space:nowrap}
.wcd-row span{color:var(--blue);white-space:nowrap}
/* 04 Explorer: drei Sets wechseln, Chips laufen synchron (12s) */
.wux-chips{display:flex;gap:8px}
.wux-chips i{font-style:normal;font-size:.72rem;letter-spacing:.08em;color:var(--mute);border:1px solid var(--line);padding:7px 12px}
.wux-chips i:nth-child(1){animation:wchip1 12s infinite}
.wux-chips i:nth-child(2){animation:wchip2 12s infinite}
.wux-chips i:nth-child(3){animation:wchip3 12s infinite}
@keyframes wchip1{0%,30%{background:rgba(111,177,225,.16);color:var(--beige);border-color:rgba(111,177,225,.5)}33%,97%{background:transparent;color:var(--mute);border-color:var(--line)}100%{background:rgba(111,177,225,.16)}}
@keyframes wchip2{0%,30%{background:transparent;color:var(--mute)}33%,63%{background:rgba(111,177,225,.16);color:var(--beige);border-color:rgba(111,177,225,.5)}66%,100%{background:transparent;color:var(--mute)}}
@keyframes wchip3{0%,63%{background:transparent;color:var(--mute)}66%,97%{background:rgba(111,177,225,.16);color:var(--beige);border-color:rgba(111,177,225,.5)}100%{background:transparent}}
.wux-stage{position:relative;min-height:150px}
.wux-set{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0}
.wux-set:nth-child(1){animation:wset1 12s infinite}
.wux-set:nth-child(2){animation:wset2 12s infinite}
.wux-set:nth-child(3){animation:wset3 12s infinite}
@keyframes wset1{0%,30%{opacity:1}33%,97%{opacity:0}100%{opacity:1}}
@keyframes wset2{0%,30%{opacity:0}33%,63%{opacity:1}66%,100%{opacity:0}}
@keyframes wset3{0%,63%{opacity:0}66%,97%{opacity:1}100%{opacity:0}}
.wux-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line-2);font-size:.8rem;color:var(--beige-2)}
.wux-row b{font-weight:400;color:var(--beige)}
.wux-row span{color:var(--mute);white-space:nowrap}
/* Schlussband + Mobil */
.ws-final .lead{max-width:56ch}
@media(max-width:900px){
 .ws-st{grid-template-columns:1fr;gap:26px;padding:clamp(44px,7vh,70px) 0}
 .ws-badge{position:static;order:-1;align-self:flex-start;margin-bottom:-4px}
 .ws-sec:nth-of-type(even) .ws-vis{order:0}
 .ws-vis{min-height:0}
 .wcd{grid-template-columns:1fr;justify-items:center}
 .wcd-rows{width:100%}
}
@media(prefers-reduced-motion:reduce){
 .wnav-q i,.wnav-q i+i,.wnav-opt i:first-child,.wseg i.on,.wnav-res,.wux-chips i,.wux-set,.wcd-ring .c2{animation:none}
 .wnav-q i+i{display:none}.wnav-res{opacity:1}.wseg i.on{transform:none}
 .wux-set{position:relative;opacity:1}.wux-set:nth-child(2),.wux-set:nth-child(3){display:none}
 .wux-chips i:first-child{background:rgba(111,177,225,.16);color:var(--beige)}
 .wcd-ring .c2{stroke-dashoffset:74}
 .wfill{transition:none;width:var(--v)!important}
}