:root{--paper:#ECECE8;--ink:#1D1D1B;--mute:#6C6C66;--line:#CFCFC8;--panel:#E3E3DE;--signal:#E2571C;--bg:var(--paper);--fg:var(--ink);color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--paper:#1A1A19;--ink:#E9E9E4;--mute:#97978F;--line:#3A3A37;--panel:#232322;--signal:#F06A2E}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:400 1.0625rem/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em}
a:hover{text-decoration-color:var(--signal)}
:focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:2px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.top{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:baseline;max-width:76rem;margin:0 auto;padding:1.5rem 1.25rem 0;font-size:.9375rem}
.top a{text-decoration:none}.top .name{font-weight:600}.top .lang{opacity:.6}.top .lang:hover{opacity:1}

/* Hero */
.hero{min-height:88vh;max-width:76rem;margin:0 auto;padding:0 1.25rem 10vh;display:flex;flex-direction:column;justify-content:flex-end}
.hero h1{font-size:clamp(3rem,9.2vw,8.5rem);line-height:.96;font-weight:500;letter-spacing:-.04em;margin:0}
.hero .ln{display:block;overflow:hidden;padding-bottom:.06em}.hero .ln>span{display:block}
.hero .sub{font-size:clamp(1.125rem,1.6vw,1.375rem);line-height:1.45;max-width:30ch;margin:2.5rem 0 0;opacity:.7}

/* Bühnen */
.stage{max-width:76rem;margin:0 auto;padding:22vh 1.25rem 18vh}
.stage-text{max-width:34rem}
.stage h2{font-size:clamp(2rem,4.2vw,3.5rem);line-height:1.04;letter-spacing:-.03em;font-weight:500;margin:1.75rem 0 1.25rem}
.stage p{margin:0 0 1.5rem;opacity:.78;max-width:32rem}
.more{font-weight:500}
.wordmark{display:block;height:2rem;background:currentColor;-webkit-mask:var(--m) left center/contain no-repeat;mask:var(--m) left center/contain no-repeat}
.wm-satsheet{--m:url(/assets/logos/satsheet.svg);width:calc(2rem*1402/452)}
.wm-nucknuck{--m:url(/assets/logos/nucknuck-light.svg);width:calc(2.4rem*874/486);height:2.4rem}
.stage-ss{perspective:1800px}
.screen{margin:5rem 0 0;transform-origin:50% 100%}
.screen img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 50px 140px -30px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.06)}
.stage-nn{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.badge img{display:block;height:2.75rem;width:auto}
.phones{position:relative;height:min(42rem,80vh);display:flex;justify-content:center}
.ph{position:absolute;top:0;height:100%;width:auto;border-radius:2.2rem;box-shadow:0 40px 80px -30px rgba(60,40,20,.45),0 0 0 1px rgba(0,0,0,.06)}
.ph2{z-index:2}
.ph1,.ph3{height:92%;top:4%}

/* Weg */
.path{max-width:76rem;margin:0 auto;padding:0 1.25rem}
.path-inner{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:12vh 0}
.counter{display:flex;flex-direction:column}
.c-label{opacity:.55;font-size:1rem}
.c-num{font-size:clamp(3.25rem,7.4vw,7rem);font-weight:500;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.path h2{font-size:1.125rem;font-weight:600;margin:0 0 2rem}
.path ol{list-style:none;margin:0;padding:0}
.step{display:grid;grid-template-columns:4.5rem 1fr;gap:1rem;padding:0 0 1.5rem;transition:opacity .45s ease}
.motion .step{opacity:.22}.motion .step.on{opacity:1}
.step .yr{font-weight:600;font-variant-numeric:tabular-nums;padding-top:.05rem}
.step h3{font-size:1.0625rem;font-weight:600;margin:0}
.step p{margin:.15rem 0 .2rem;opacity:.75}
.step .bh{font-size:.8125rem;opacity:.5;font-variant-numeric:tabular-nums}

/* Kontakt */
.contact{max-width:76rem;margin:0 auto;padding:22vh 1.25rem 14vh}
.contact h2{font-size:clamp(2.5rem,7vw,6rem);font-weight:500;letter-spacing:-.04em;line-height:1;margin:0 0 1.5rem}
.contact p{opacity:.7;margin:0 0 .75rem}
.mail{font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:500}

/* Footer */
.foot{max-width:73.5rem;margin:4rem auto 0;padding:1.25rem 0 2.5rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;font-size:.875rem;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.foot,.foot a{color:color-mix(in srgb,var(--fg) 60%,transparent)}
.foot nav{display:flex;gap:1.25rem}.foot a{text-decoration:none}.foot a:hover{color:var(--fg)}
.block-note{font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:.5rem}
.dot{width:.4375rem;height:.4375rem;border-radius:50%;background:var(--signal)}

/* Archiv */
.wrap{max-width:44rem;margin:0 auto;padding:0 1.25rem}
.wrap .hero{min-height:0;padding:7rem 0 2rem;display:block}
.wrap .hero h1{font-size:clamp(2rem,5.2vw,2.875rem);line-height:1.12;letter-spacing:-.022em}
.lead{opacity:.65;margin:1rem 0 0}
.note{border-left:2px solid var(--fg);padding:.1rem 0 .1rem 1rem;margin:0 0 2.5rem;max-width:36rem}
.note p{margin:0 0 .5rem}.note-en{opacity:.65;font-size:.9375rem}
.note.small{font-size:.9375rem;opacity:.75;border-color:var(--line);margin:1.5rem 0 2.5rem}
.search input{width:100%;font:inherit;color:inherit;background:transparent;border:0;border-bottom:1px solid var(--fg);padding:.6rem 0;border-radius:0}
.search input::placeholder{color:var(--mute)}.search input:focus{outline:none;border-bottom-color:var(--signal)}
.article h1{font-size:clamp(2rem,5vw,2.75rem);font-weight:500;letter-spacing:-.02em;line-height:1.12;margin:0}
.back{display:inline-block;margin:3rem 0 0;color:var(--mute);font-size:.9375rem;text-decoration:none}.back:hover{color:var(--fg)}
.meta{color:var(--mute);margin:.75rem 0 2rem;font-variant-numeric:tabular-nums}
.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:0 1.5rem;margin:0 0 2.5rem;padding:0;border-top:1px solid var(--line)}
.facts div{padding:.6rem 0;border-bottom:1px solid var(--line)}
.facts dt{color:var(--mute);font-size:.8125rem}.facts dd{margin:0;font-variant-numeric:tabular-nums}
.prose{line-height:1.7}.prose h2{font-size:1.375rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:2.5rem 0 .75rem}
.prose h3{font-size:1.0625rem;font-weight:600;margin:2rem 0 .25rem}.prose p{margin:0 0 1.1rem}.prose img{max-width:100%;height:auto}

@media (max-width:859px){
  .stage-nn,.path-inner{grid-template-columns:1fr;gap:2.5rem}
  .path-inner{min-height:0;padding:16vh 0 4vh}
  .phones{height:30rem}.ph1,.ph3{display:none}
  .stage{padding:14vh 1.25rem 10vh}
  .foot{margin-left:1.25rem;margin-right:1.25rem}
}

/* Archiv-Chart */
.ac{margin:0 0 3rem;padding:1.25rem 1.25rem 1rem;border:1px solid var(--line);border-radius:10px}
.ac-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.9375rem}
.ac-title{color:var(--mute)}
.ac-tog{display:inline-flex;border:1px solid var(--line);border-radius:99px;padding:2px}
.ac-tog button{font:inherit;font-weight:600;color:var(--mute);background:none;border:0;border-radius:99px;width:2.4rem;padding:.2rem 0;cursor:pointer}
.ac-tog button[aria-pressed=true]{background:var(--fg);color:var(--bg)}
.ac[data-u=btc] .ac-tog button[aria-pressed=true]{background:var(--signal);color:#fff}
.ac-plot{display:block;width:100%;height:14rem;margin:1rem 0 .4rem;overflow:visible}
.ac-plot path{fill:none;stroke-width:2.2;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.ac-stock{stroke:var(--fg)}.ac-btc{stroke:var(--signal);stroke-dasharray:5 4}
.ac-axis{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--mute)}
.ac-legend{list-style:none;margin:1rem 0 .25rem;padding:0;font-size:.9375rem}
.ac-legend li{display:flex;align-items:center;gap:.5rem;padding:.15rem 0}
.ac-legend i{display:inline-block;width:1.1rem;height:0;border-top:2px solid var(--fg)}
.lg-btc i{border-top:2px dashed var(--signal)}
.ac-legend b{font-variant-numeric:tabular-nums}
.ac-note{font-size:.8125rem;color:var(--mute);margin-top:.5rem}
.nochart{color:var(--mute);font-size:.9375rem;margin:0 0 2.5rem}

/* ---------- Einheitlicher Rahmen wie auf der Startseite (Archiv, Rechtliches, 404) ---------- */
:root{--paper:#F5EFE5;--ink:#1E1A15;--mute:#6E655A;--line:#DDD3C4;--panel:#ECE4D7;--glow:#F28C28}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#121214;--ink:#ECE8E1;--mute:#9A948A;--line:#2C2A27;--panel:#1C1B1A;--signal:#F06A2E;color-scheme:dark}}
:root[data-theme=dark]{--paper:#121214;--ink:#ECE8E1;--mute:#9A948A;--line:#2C2A27;--panel:#1C1B1A;--signal:#F06A2E;color-scheme:dark}
:root[data-theme=light]{--signal:#E2571C;color-scheme:light}
html{overflow-x:clip}
.top{max-width:78rem;align-items:center;padding:1.5rem max(1.5rem,env(safe-area-inset-right,0px)) 0 max(1.5rem,env(safe-area-inset-left,0px))}
.top .name{font-weight:600;font-size:1.25rem;letter-spacing:-.025em;display:inline-flex;align-items:center;gap:.55rem}
.name-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--glow);box-shadow:0 0 12px rgba(242,140,40,.55)}
.top nav{display:flex;gap:1.5rem}.top nav a{opacity:.6}.top nav a:hover{opacity:1}
.foot,.foot[class]{max-width:78rem;margin:6rem auto 0;padding:1.25rem max(1.5rem,env(safe-area-inset-right,0px)) 2.5rem max(1.5rem,env(safe-area-inset-left,0px));border-top:1px solid color-mix(in srgb,var(--fg) 15%,transparent)}
.dot{background:var(--glow);box-shadow:0 0 8px rgba(242,140,40,.5)}
.recht{max-width:44rem;margin:0 auto;padding:5rem 1.25rem 0}
.recht h1{font-size:clamp(2.25rem,5vw,3rem);font-weight:600;letter-spacing:-.025em;line-height:1.1;margin:0 0 2rem}
.recht h2{font-size:1rem;font-weight:600;margin:2.25rem 0 .4rem}
.recht p{margin:0;color:color-mix(in srgb,var(--fg) 85%,transparent)}
.recht .lang-note{color:var(--mute);font-size:.9375rem;margin:-1rem 0 2rem}
.lost{max-width:44rem;margin:0 auto;padding:22vh 1.25rem 0}
.lost h1{font-size:clamp(2.25rem,6vw,4rem);font-weight:500;letter-spacing:-.035em;line-height:1.05;margin:0 0 1.25rem}
.lost p{margin:0 0 .5rem;color:var(--mute)}
@media (max-width:859px){.foot,.foot[class]{margin-left:0;margin-right:0}}
@keyframes dotpulse{0%,100%{box-shadow:0 0 6px rgba(242,140,40,.35);opacity:.85}50%{box-shadow:0 0 14px rgba(242,140,40,.75);opacity:1}}
.name-dot,.foot .dot{animation:dotpulse 3.2s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.name-dot,.foot .dot{animation:none}}
@media (max-width:859px){.foot,.foot[class]{flex-direction:column;align-items:flex-start;gap:.9rem;padding-top:1.5rem}.block-note{align-items:flex-start;line-height:1.45}.block-note .dot{flex:none;margin-top:.45em}}

/* Archiv-Tabelle mit Auswertung */
.wrap.wide{max-width:62rem}
.chips{display:inline-flex;flex-wrap:wrap;gap:.4rem}
.chips button{font:inherit;font-size:.875rem;color:var(--mute);background:none;border:1px solid var(--line);border-radius:99px;padding:.3rem .8rem;cursor:pointer}
.chips button[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.sel{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--mute)}
.sel select{font:inherit;color:var(--fg);background:transparent;border:1px solid var(--line);border-radius:6px;padding:.25rem .4rem}
.count{color:var(--mute);font-size:.875rem;margin:1rem 0 0}
.r-won{display:inline-block;padding:.12rem .55rem;border-radius:99px;background:var(--signal);color:#fff;font-size:.8125rem;font-weight:600}
.r-lost{color:var(--mute);font-size:.8125rem}
.ax{margin:0 0 2.5rem}
.ax-sub{margin:.75rem 0 0;font-size:.875rem}
.ax-plot{height:16rem}
.ax .ac-legend li{gap:0}.ax .ac-legend i{margin-right:.5rem}.ax .ac-legend b{margin-left:.3rem}
/* Archiv: Unternehmenssuche statt langer Auswahlliste */
.axc{position:relative;flex:1 1 18rem;max-width:26rem}
.axc input{width:100%;box-sizing:border-box;font:inherit;font-weight:600;color:var(--fg);background:transparent;border:1px solid var(--line);border-radius:10px;padding:.5rem 2.6rem .5rem .8rem;text-overflow:ellipsis}
.axc input:focus{outline:none;border-color:var(--fg)}
.axc input:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--signal) 35%,transparent)}
.axc-btn{position:absolute;right:.3rem;top:50%;transform:translateY(-50%);width:2.1rem;height:2.1rem;border:0;border-radius:8px;background:none;color:var(--mute);cursor:pointer;display:grid;place-items:center}
.axc-btn:hover{color:var(--fg);background:color-mix(in srgb,var(--fg) 7%,transparent)}
.axc-btn svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.axc.open .axc-btn svg{transform:rotate(180deg)}
.axc ul{position:absolute;z-index:20;left:0;right:0;top:calc(100% + .35rem);margin:0;padding:.3rem;list-style:none;max-height:min(20rem,50vh);overflow:auto;background:var(--bg);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px -18px rgba(0,0,0,.35);overscroll-behavior:contain}
.axc li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.45rem .6rem;border-radius:8px;cursor:pointer;font-size:.9375rem}
.axc li em{font-style:normal;font-size:.8125rem;font-variant-numeric:tabular-nums;color:var(--mute)}
.axc li em.up{color:var(--signal);font-weight:600}
.axc li.act,.axc li:hover{background:color-mix(in srgb,var(--fg) 8%,transparent)}
.axc li[aria-selected=true] span{font-weight:600}
.axc li.axc-none{cursor:default;color:var(--mute);background:none}
@media (max-width:560px){.axc{max-width:none;flex-basis:100%}}
.axc li[hidden],.axc ul[hidden]{display:none}

/* ================= Archiv: Artikel als Leseerlebnis ================= */
.art{max-width:78rem;margin:0 auto;padding:0 max(1.5rem,env(safe-area-inset-left,0px))}
.art-top{display:flex;justify-content:space-between;align-items:baseline;margin:2.5rem 0 0;font-size:.875rem;color:var(--mute)}
.art-top .back{margin:0}
.art-grid,.art-head{display:grid;grid-template-columns:12.5rem minmax(0,40rem);gap:0 4.5rem;justify-content:center}
.art-head>*{grid-column:2}
.art-head{margin:3.5rem 0 0}
.kicker{margin:0 0 .9rem;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--glow)}
.art h1{font-size:clamp(2.6rem,6.2vw,4.6rem);font-weight:600;letter-spacing:-.04em;line-height:1;margin:0}
.dek{font-family:ui-serif,"New York",Georgia,"Noto Serif",serif;font-style:italic;font-size:clamp(1.35rem,2.4vw,1.75rem);line-height:1.3;margin:.8rem 0 0;color:color-mix(in srgb,var(--fg) 78%,transparent)}
.art .meta{margin:1.1rem 0 0;font-size:.875rem}
.ahero{position:relative;margin:2.5rem 0 3.5rem;border-radius:16px;overflow:hidden;background:var(--panel)}
.ahero img{display:block;width:100%;height:100%;object-fit:cover}
.ahero-orig{aspect-ratio:4/1}
.ahero-neu,.ahero-ruhig{aspect-ratio:21/8}
.ahero-neu img,.ahero-ruhig img,.pf img,.pcard img,.ar-img img{filter:saturate(.9) contrast(1.03)}
.ahero-ruhig::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.25))}
.ahero-neu figcaption{position:absolute;left:0;bottom:12%;max-width:72%;pointer-events:none}
.ahero-neu figcaption span{display:inline-block;padding:.55em 1.4em .6em 1.6rem;font-family:ui-serif,"New York",Georgia,"Noto Serif",serif;font-style:italic;font-size:clamp(1.25rem,3vw,2.6rem);line-height:1.15;color:#1E1A15;background:rgba(245,239,229,.93);
  clip-path:polygon(0 0,100% 0,calc(100% - .9em) 100%,0 100%);box-shadow:inset -3px 0 0 var(--glow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.art-side{position:relative}
.toc{position:sticky;top:2rem;font-size:.875rem}
.toc p{margin:0 0 .6rem;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.toc a{display:block;padding:.35rem 0 .35rem .9rem;margin-left:-1px;border-left:2px solid transparent;color:var(--mute);text-decoration:none;line-height:1.35}
.toc a:hover{color:var(--fg)}.toc a.on{color:var(--fg);border-left-color:var(--glow)}
.toc-m{display:none}
.art-main .note.small{margin:0 0 2rem}
.steck{border:1px solid var(--line);border-radius:16px;padding:1.2rem 1.4rem 1.3rem;margin:0 0 3rem}
.steck-h{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .8rem}
.steck-h span{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.steck-logo{height:2.2rem;width:auto;max-width:8rem;object-fit:contain;background:#fff;border-radius:8px;padding:.3rem .5rem;order:2}
.steck .facts{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));margin:0}
.score{margin:1.2rem 0 0;padding:1.1rem 0 0;border-top:1px solid var(--line)}
.score-top{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}
.score-l{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--fg);color:var(--bg);font-weight:700;font-size:1.4rem}
.score-t b{display:block;font-weight:600}.score-t small{color:var(--mute);font-size:.8125rem}
.score-s{margin-left:auto;display:inline-flex;gap:.25rem}
.score-s i{font-style:normal;display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:6px;font-size:.75rem;font-weight:600;color:var(--mute);border:1px solid var(--line)}
.score-s i.on{background:var(--glow);border-color:var(--glow);color:#fff}
.score-k{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:0 1.5rem;margin:.9rem 0 0}
.score-k div{display:flex;justify-content:space-between;gap:.5rem;padding:.3rem 0;border-bottom:1px dashed var(--line);font-size:.875rem}
.score-k dt{color:var(--mute)}.score-k dd{margin:0;font-variant-numeric:tabular-nums;white-space:nowrap}
.score-n{margin:.6rem 0 0;font-size:.75rem;color:var(--mute)}
.art .prose{font-family:ui-serif,"New York",Georgia,"Noto Serif",serif;font-size:1.1875rem;line-height:1.74;color:color-mix(in srgb,var(--fg) 92%,transparent)}
.art .prose p{margin:0 0 1.25rem}
.art .prose h2{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1.55rem;font-weight:600;letter-spacing:-.02em;line-height:1.25;margin:3.2rem 0 1rem;scroll-margin-top:1.5rem;color:var(--fg)}
.art .prose h2:first-child{margin-top:0}
.art .prose h3{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1.125rem;font-weight:600;margin:2.2rem 0 .5rem;color:var(--fg)}
.art .prose h2:first-child+p::first-letter{float:left;font-size:3.7em;line-height:.82;padding:.08em .1em 0 0;font-weight:600;color:var(--glow)}
.art .prose a{text-decoration-color:color-mix(in srgb,var(--glow) 60%,transparent)}
.art .prose ul,.art .prose ol{padding-left:1.3rem;margin:0 0 1.25rem}
.art .prose li{margin:.25rem 0}
.origin{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:.9375rem!important;color:var(--mute);border:1px solid var(--line);border-radius:12px;padding:.8rem 1rem;margin:0 0 2rem!important}
.pf{margin:2.4rem -2.5rem}
.pf-z{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:12px;overflow:hidden}
.pf img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .5s ease}
.pf-z:hover img{transform:scale(1.015)}
.pq{margin:2.6rem 0;padding:0 0 0 1.4rem;border-left:3px solid var(--glow)}
.pq p{font-size:1.45rem;line-height:1.4;font-style:italic;margin:0!important;color:var(--fg)}
.tw{overflow-x:auto;margin:1.5rem 0 2rem;-webkit-overflow-scrolling:touch}
.art .prose table{width:100%;border-collapse:collapse;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:.8125rem;font-variant-numeric:tabular-nums}
.art .prose th{text-align:left;font-weight:600;padding:.5rem .6rem .5rem 0;border-bottom:1px solid var(--fg);white-space:nowrap}
.art .prose td{padding:.4rem .6rem .4rem 0;border-bottom:1px solid var(--line)}
.epilog{margin:4rem 0 0;padding:2rem 2rem 1.5rem;border-radius:18px;background:var(--panel)}
.ep-k{margin:0 0 .4rem;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--glow)}
.epilog h2{font-size:1.75rem;font-weight:600;letter-spacing:-.025em;margin:0 0 .9rem}
.epilog>p{margin:0 0 1rem;max-width:36rem}
.ep-s{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.4rem 0 .9rem}
.ep-s div{background:var(--bg);border-radius:12px;padding:1rem 1.1rem}
.ep-s small{display:block;color:var(--mute);font-size:.8125rem}
.ep-s b{display:block;font-size:clamp(1.6rem,3.6vw,2.3rem);font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:.15rem}
.ep-s .lead b{color:var(--glow)}
.ep-v{font-weight:600}
.ep-n{font-size:.875rem;line-height:1.55;color:var(--mute);margin-top:.5rem}
.epilog .ac{background:var(--bg);margin:1.5rem 0 .5rem}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;max-width:57rem;margin:5rem auto 0;padding-top:2rem;border-top:1px solid var(--line)}
.pcard{display:flex;gap:1rem;align-items:center;padding:.6rem;border-radius:14px;text-decoration:none;color:inherit;transition:background .2s}
.pcard:hover{background:var(--panel)}
.pcard img,.pcard .noimg{flex:none;width:7.5rem;aspect-ratio:16/10;object-fit:cover;border-radius:10px;background:var(--panel)}
.pc-t{display:flex;flex-direction:column;min-width:0}
.pc-t small{color:var(--mute);font-size:.75rem}
.pc-t b{font-weight:600;margin:.1rem 0}
.pc-t i{font-family:ui-serif,"New York",Georgia,serif;color:var(--mute);font-size:.9375rem;line-height:1.3}
.pcard.prev .pc-t small::before{content:"← Vorheriger · "}
.pcard.next{flex-direction:row-reverse;text-align:right}.pcard.next .pc-t small::after{content:" · Nächster →"}
.rel{max-width:57rem;margin:3rem auto 0}
.rel h2{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:0 0 .8rem .6rem}
.rel-g{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
.rel-g .pcard{flex-direction:column;align-items:stretch}.rel-g .pcard img{width:100%}
.lb{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:rgba(12,11,10,.9);cursor:zoom-out;padding:3vh 3vw}
.lb[hidden]{display:none}
.lb img{max-width:94vw;max-height:92vh;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
html.lb-on{overflow:hidden}
@media (max-width:1060px){
  .art-grid,.art-head{grid-template-columns:minmax(0,40rem)}
  .art-head>*{grid-column:1}
  .art-side{display:none}
  .toc-m{display:block;margin:0 0 2rem;border:1px solid var(--line);border-radius:12px;padding:.7rem 1rem}
  .toc-m summary{cursor:pointer;font-weight:600;font-size:.9375rem}
  .toc-m .toc{position:static;margin-top:.6rem}.toc-m .toc p{display:none}
  .pf{margin:2rem 0}
}
@media (max-width:640px){
  .art-head{margin-top:2.2rem}
  .ahero{margin:1.8rem -1.5rem 2.5rem;border-radius:0}
  .ahero-neu,.ahero-ruhig{aspect-ratio:16/9}
  .ahero-neu figcaption{max-width:88%}
  .art .prose{font-size:1.125rem}
  .steck .facts,.score-k{grid-template-columns:1fr 1fr;gap:0 1rem}
  .score-k div{flex-direction:column;gap:0}
  .epilog{padding:1.4rem 1.1rem 1rem;margin-left:-.4rem;margin-right:-.4rem}
  .ep-s{grid-template-columns:1fr}
  .pn{grid-template-columns:1fr}.pcard.next{flex-direction:row;text-align:left}
  .rel-g{grid-template-columns:1fr}.rel-g .pcard{flex-direction:row;align-items:center}.rel-g .pcard img{width:7.5rem}
}

/* ================= Archiv: Übersicht ================= */
.alist{margin:3.5rem 0 0;scroll-margin-top:1rem}
.ctl .search{display:block}
.ctl-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin:.9rem 0 1.4rem}
.sel{display:inline-flex;align-items:center;gap:.45rem;font-size:.875rem;color:var(--mute)}
.sel select{font:inherit;color:var(--fg);background:transparent;border:1px solid var(--line);border-radius:8px;padding:.3rem .45rem;max-width:12rem}
.view{display:inline-flex;gap:.25rem;margin-left:auto}
.view button{display:grid;place-items:center;width:2.1rem;height:2.1rem;border:1px solid var(--line);border-radius:8px;background:none;color:var(--mute);cursor:pointer}
.view button[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.view svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.ar-head,.ar{display:grid;grid-template-columns:2.2rem 4.6rem minmax(0,1fr) 5.5rem 6.2rem 6.2rem 6.6rem;gap:0 .9rem;align-items:center}
.ar-head{padding:0 .5rem .5rem;font-size:.75rem;color:var(--mute);border-bottom:1px solid var(--fg)}
.ar-head .r,.ar-n,.ar-res{text-align:right}
.ar{position:relative;padding:.6rem .5rem;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;transition:background .15s}
.ar:hover{background:var(--panel)}
.ar[hidden]{display:none}
.ar-nr{font-size:.8125rem;color:var(--mute);font-variant-numeric:tabular-nums}
.ar-img img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:7px;background:var(--panel)}
.ar-t{display:flex;flex-direction:column;min-width:0}
.ar-t b{font-weight:600}
.ar-t i{font-family:ui-serif,"New York",Georgia,serif;color:color-mix(in srgb,var(--fg) 72%,transparent);font-size:.9375rem;line-height:1.3}
.ar-t small{color:var(--mute);font-size:.75rem;margin-top:.1rem}
.ar-dt{font-size:.8125rem;color:var(--mute);white-space:nowrap}
.ar-n{font-variant-numeric:tabular-nums;font-size:.9375rem;white-space:nowrap}
.ar-btc{color:var(--mute)}
.ar-gone{grid-column:5/8;text-align:right;font-size:.8125rem;color:var(--mute)}
.yr{font-size:1.5rem;font-weight:600;letter-spacing:-.025em;padding:1.6rem .5rem .4rem;position:sticky;top:0;z-index:2;background:var(--bg)}
.arl[data-view=grid]{display:grid;grid-template-columns:repeat(auto-fill,minmax(14.5rem,1fr));gap:1.1rem;margin-top:.5rem}
.arl[data-view=grid] .yr{grid-column:1/-1;padding:1.2rem 0 0}
.alist[data-view=grid] .ar-head{display:none}
.arl[data-view=grid] .ar{grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;grid-template-areas:"img img" "t t" "dt res";align-self:stretch;gap:.45rem .6rem;padding:.6rem .6rem .75rem;border:1px solid var(--line);border-radius:14px;align-items:center}
.arl[data-view=grid] .ar-img{grid-area:img}.arl[data-view=grid] .ar-t{grid-area:t;align-self:start}
.arl[data-view=grid] .ar-dt{grid-area:dt}.arl[data-view=grid] .ar-res{grid-area:res}
.arl[data-view=grid] .ar-stock,.arl[data-view=grid] .ar-btc{display:none}
.arl[data-view=grid] .ar-gone{grid-area:res;grid-column:auto}
.arl[data-view=grid] .ar-nr{position:absolute;top:1.05rem;left:1.05rem;z-index:1;background:rgba(245,239,229,.92);color:#1E1A15;border-radius:99px;padding:.05rem .5rem;font-size:.75rem;font-weight:600}
.arl[data-view=grid] .ar-img img{border-radius:9px}
@media (max-width:760px){
  .ar-head{display:none}
  .ar{grid-template-columns:4.2rem minmax(0,1fr) auto;grid-template-areas:"img t stock" "img t res";gap:.1rem .8rem}
  .ar-nr,.ar-dt,.ar-btc{display:none}
  .ar-img{grid-area:img}.ar-t{grid-area:t}.ar-stock{grid-area:stock}.ar-res{grid-area:res}
  .ar-gone{grid-area:stock/stock/res/res;grid-column:auto;max-width:6.5rem}
  .view{margin-left:0}
  .sel select{max-width:9rem}
}

.art-head+.art-grid{margin-top:3rem}
.art-head{grid-template-rows:auto auto auto auto}
.art-logo{grid-column:1!important;grid-row:1/5;align-self:center;justify-self:end;width:10.5rem;aspect-ratio:3/2;display:grid;place-items:center;padding:1rem 1.2rem;background:#fff;border-radius:16px;box-shadow:0 1px 0 rgba(0,0,0,.04),0 12px 30px -18px rgba(60,40,20,.35)}
.art-logo img{max-width:100%;max-height:100%;object-fit:contain}
@media (max-width:1060px){.art-logo{display:flex;grid-row:auto;justify-self:start;align-self:start;width:max-content;aspect-ratio:auto;padding:.55rem .85rem;border-radius:12px;margin:0 0 1.2rem}.art-logo img{display:block;height:2.3rem;width:auto;max-width:9rem;max-height:none}}
.pf figcaption{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:.8125rem;line-height:1.45;color:var(--mute);text-align:center;margin:.7rem 0 0}
.pf:has(figcaption) img{aspect-ratio:auto;max-height:36rem;object-fit:contain;background:var(--panel)}

/* Hell/Dunkel-Schalter wie auf der Startseite */
.top nav{align-items:center}
.skybtn{display:grid;place-items:center;width:2rem;height:2rem;margin:-.3rem -.3rem -.3rem 0;border:0;border-radius:50%;background:none;color:var(--fg);cursor:pointer;opacity:.62;transition:opacity .2s,transform .5s cubic-bezier(.2,.7,.2,1)}
.skybtn:hover{opacity:1;transform:rotate(-14deg)}
.skybtn svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.skybtn{position:relative}.skybtn svg{position:absolute;inset:0;margin:auto;transition:opacity .45s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.skybtn .i-sun{opacity:0;transform:rotate(-90deg) scale(.6)}html.night .skybtn .i-moon{opacity:0;transform:rotate(90deg) scale(.6)}html.night .skybtn .i-sun{opacity:1;transform:none}
html.night .ahero img,html.night .pf img,html.night .ar-img img,html.night .pcard img{filter:saturate(.85) brightness(.9)}
/* Inhaltsverzeichnis: Lesefortschritt als oranger Balken */
.toc ol{position:relative}
.toc ol::after{content:"";position:absolute;left:-1px;top:0;width:2px;height:calc(var(--p,0)*100%);background:var(--glow);border-radius:2px;transition:height .12s linear}
.toc a.on{border-left-color:transparent}
.toc{max-height:calc(100vh - 4rem);overflow:auto}

/* Archiv-Kopf: Bildwand aus allen Artikeln, darüber der Titel */
.ahead{position:relative;margin:2.5rem 0 0;padding:clamp(5rem,13vw,9rem) 0 2.5rem;isolation:isolate}
.wall{position:absolute;z-index:-1;inset:0 calc(50% - 50vw);background-size:auto 100%;background-position:center;background-repeat:repeat-x;opacity:.5;filter:saturate(.8);
  -webkit-mask-image:radial-gradient(120% 90% at 50% 0%,#000 25%,transparent 78%);mask-image:radial-gradient(120% 90% at 50% 0%,#000 25%,transparent 78%)}
.wall::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 35%,transparent),var(--bg) 92%)}
html.night .wall,:root[data-theme=dark] .wall{opacity:.32}
.ahead-in{max-width:44rem}
.ahead .kicker{margin-bottom:1rem}
.ahead h1{font-size:clamp(2.8rem,7.5vw,5.6rem);font-weight:600;letter-spacing:-.045em;line-height:.98;margin:0}
.ahead .lead{font-family:ui-serif,"New York",Georgia,"Noto Serif",serif;font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.5;margin:1.4rem 0 0;max-width:38rem;opacity:1;color:color-mix(in srgb,var(--fg) 82%,transparent)}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:1rem 0 2rem}
.kpis>div{background:var(--panel);border-radius:14px;padding:1rem 1.1rem 1.05rem}
.kpis b{display:block;white-space:nowrap;font-size:clamp(1.3rem,2.5vw,1.95rem);font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}
.kpis span{display:block;margin-top:.35rem;font-size:.8125rem;line-height:1.35;color:var(--mute)}
.kpis .hl b{color:var(--signal)}.kpis .btc b{color:var(--glow)}
.kpis .how{grid-column:1/-1;margin:.3rem .2rem 0;font-size:.8125rem;line-height:1.55;color:var(--mute)}
.kpis span[data-k]{display:inline;margin:0;font-size:inherit;line-height:inherit;color:inherit}   /* Zahlen, die der Kurs-Cron nachträgt */
@media (max-width:760px){.kpis{grid-template-columns:1fr 1fr}.ahead{margin-top:1rem}}
.wrap.wide>.note{max-width:none;margin-top:.5rem}

/* Illustrationen von Sarath in Ebenen (Tiefeneffekt): ganzes Bild, Ränder laufen weich in die Seite aus */
.ahero-illu{--ilbg:#FAF6F1;margin:2rem -2rem 3rem}
.il-stage{position:relative;aspect-ratio:16/9;overflow:hidden;
  -webkit-mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-composite:source-in;
  mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}
.il-stage .il{position:absolute;inset:0}
.il-stage .il img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;will-change:transform,opacity;backface-visibility:hidden}
.ahero-illu.js .il img{opacity:0}
.il-d,.il-m{display:none}
.ahero-illu figcaption{max-width:36rem;margin:.6rem auto 0;padding:0 1.5rem;text-align:center;font-size:.8125rem;line-height:1.55;color:var(--mute);text-wrap:pretty}.ahero-illu figcaption b{font-weight:600;color:var(--ink)}
:root[data-theme=dark] .ahero-illu{--ilbg:#05100F}
:root[data-theme=dark] .il-l{display:none}:root[data-theme=dark] .il-d{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ahero-illu{--ilbg:#05100F}:root:not([data-theme=light]) .il-l{display:none}:root:not([data-theme=light]) .il-d{display:block}}
@media (max-width:1100px){.ahero-illu{margin:2rem 0 3rem}}
@media (max-width:700px){
  .ahero-illu{margin:1.6rem -1.5rem 2.4rem}
  .il-stage{aspect-ratio:4/5;-webkit-mask:linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent)}
  .il-stage .il{display:none!important}
  .il-m{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform}
  .il-ml{display:block}
  :root[data-theme=dark] .il-ml{display:none}:root[data-theme=dark] .il-md{display:block}
}
@media (max-width:700px) and (prefers-color-scheme:dark){:root:not([data-theme=light]) .il-ml{display:none}:root:not([data-theme=light]) .il-md{display:block}}
@media (prefers-reduced-motion:reduce){.ahero-illu.js .il img{opacity:1}}

/* Fixrunde: Kontraste, Fokus, Lightbox, Handy */
:root{--glow-t:#9A4D0E;--signal-t:#B13A0B;--badge-bg:#B13A0B;--badge-fg:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--glow-t:#F28C28;--signal-t:#F06A2E;--badge-bg:#F06A2E;--badge-fg:#121214}}
:root[data-theme=dark]{--glow-t:#F28C28;--signal-t:#F06A2E;--badge-bg:#F06A2E;--badge-fg:#121214}
.kicker,.ep-k{color:var(--glow-t)}
.kpis .hl b{color:var(--signal-t)}.kpis .btc b,.ep-s .lead b{color:var(--glow-t)}
.r-won{background:var(--badge-bg);color:var(--badge-fg)}
:focus-visible{outline-color:var(--signal-t)}
.search input:focus-visible{outline:2px solid var(--signal-t);outline-offset:2px}
.tw:focus-visible{outline-offset:2px}
.ax .ac-legend li{display:flex;flex-wrap:wrap;align-items:baseline}.ax .ac-legend .lg-t{margin-right:.3rem}.ax .ac-legend b{margin-left:0}
.count .reset{font:inherit;color:var(--fg);background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}
dialog.lb{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;display:none;place-items:center;background:rgba(12,11,10,.9);cursor:zoom-out;padding:3vh 3vw}
dialog.lb[open]{display:grid}dialog.lb::backdrop{background:transparent}
.lb-x{position:absolute;top:1rem;right:1rem;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.35);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer}
@media (max-width:520px){.ahead h1{font-size:clamp(1.6rem,9.2vw,2.8rem);letter-spacing:-.035em}}
.pc-t b,.pc-t i{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
/* Archiv-Kopf: die Bildwand beginnt schon hinter der Kopfzeile; Startseite als ruhiger Knopf; Hell/Dunkel blendet weich über */
.ahead .wall{top:-8.5rem}
@media (max-width:760px){.ahead .wall{top:-6.5rem}}
.top nav a.home-link{display:inline-flex;align-items:center;gap:.4rem;opacity:1;padding:.32rem .8rem .32rem .65rem;border:1px solid var(--line);border-radius:99px;background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.875rem;transition:border-color .2s,background-color .2s}
.top nav a.home-link:hover{border-color:var(--fg)}
.top nav a.home-link svg{width:.95rem;height:.95rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html.theme-fade,html.theme-fade *{transition:background-color .6s ease,color .6s ease,border-color .6s ease,fill .6s ease,stroke .6s ease!important}
@media (max-width:520px){.top .name{white-space:nowrap;font-size:1.05rem}.top nav{gap:.8rem}.top nav a.home-link{padding:.28rem .65rem .28rem .5rem}}
.ahead-in{max-width:none}.ahead .lead{max-width:62rem}
@media (max-width:760px){.ahead .lead br{display:none}}
.top .lang-sw .ls-s{display:none}
@media (max-width:520px){.top .lang-sw .ls-l{display:none}.top .lang-sw .ls-s{display:inline}.top .home-link{padding-inline:.55rem .7rem}}
.prose .later{display:block;margin:.7em 0 .2em;padding:.55em .9em;border-left:3px solid var(--signal,#F7931A);background:rgba(247,147,26,.08);border-radius:0 6px 6px 0;font-style:italic}
.prose .later b{font-style:normal}