/* ------------------------------------------------------------------
   Startseite als Folge von Bildern. home.js setzt:
   --pbS/--pbU/--pbC  Platz unter dem Inhalt für Boden und Kaninchen
   --delay/--dy       Zeitpunkt und Richtung, in der Inhalte erscheinen
   html.dark          heller Text, sobald wir unter der Erde sind
   ------------------------------------------------------------------ */
:root{--paper:#F5EFE5;--ink:#1E1A15;--cream:#EFE7DB;--glow:#F28C28;--fg:var(--ink);--muted:rgba(30,26,21,.72);--line:rgba(30,26,21,.14);--px:clamp(1.25rem,5vw,4rem);--hd:4.75rem;--pbS:22vh;--pbU:16vh;--pbC:26vh;--ease:cubic-bezier(.2,.7,.1,1);--veil:#F5EFE5}
html.dark{--fg:var(--cream);--muted:rgba(239,231,219,.72);--line:rgba(239,231,219,.16)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;color-scheme:light}
body{margin:0;background:var(--paper);color:var(--fg);font:400 1.0625rem/1.62 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em}
a:hover{text-decoration-color:var(--glow)}
:focus-visible{outline:2px solid var(--glow);outline-offset:4px;border-radius:4px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
img{max-width:100%}

/* Bühne */
html.js,html.js body{height:100%;overflow:hidden;overscroll-behavior:none}
html.js body{background:var(--veil);transition:background-color .4s}
.world{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;transition:opacity .35s ease}
.rabbit{position:fixed;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;transition:opacity .35s ease}
html.veiled .world,html.veiled .rabbit{opacity:0}
html.js .slides{position:fixed;inset:0;z-index:2}
html.js .slide{position:absolute;inset:0;display:flex;flex-direction:column;padding:var(--hd) var(--px) var(--pb,var(--pbS));overflow:hidden auto;visibility:hidden;scrollbar-width:none;overscroll-behavior:contain}
html.js .slide::-webkit-scrollbar{display:none}
html.js .slide.on,html.js .slide.leaving{visibility:visible}
html.js .s-under{--pb:var(--pbU);padding-top:max(var(--hd),var(--ptU,0px))}
.s-under .in{max-width:62rem}
html.js .s-contact{--pb:var(--pbC)}
.in{width:100%;max-width:72rem;margin:auto}
.slide:focus{outline:none}
html.js .slide.scrolly{-webkit-mask-image:linear-gradient(to bottom,transparent calc(var(--hd) - .1rem),#000 calc(var(--hd) + .9rem));mask-image:linear-gradient(to bottom,transparent calc(var(--hd) - .1rem),#000 calc(var(--hd) + .9rem))}

/* Inhalte kommen, nachdem die Kamera angekommen ist */
html.js .rv{opacity:0;transform:translate3d(0,var(--dy,26px),0)}
html.js .slide.on .rv{opacity:1;transform:none;transition:opacity .7s ease,transform 1s var(--ease);transition-delay:calc(var(--delay,0ms) + var(--i,0) * 85ms)}
html.js .slide.leaving .rv{opacity:0;transform:translate3d(0,calc(var(--dy,26px) * -.5),0);transition:opacity .3s ease,transform .45s ease;transition-delay:0s}
html.instant .rv,html.instant .slide .c{transition:none!important}

/* Kopf und Kapitel-Punkte */
.top{position:fixed;z-index:6;top:0;left:0;right:0;height:var(--hd);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 max(var(--px),calc((100vw - 72rem) / 2));color:var(--fg);transition:color .6s ease;pointer-events:none}
.top a{pointer-events:auto;text-decoration:none}
.name{font-weight:600;font-size:1.2rem;letter-spacing:-.02em;display:inline-flex;align-items:center;gap:.6rem}
.top nav{display:flex;gap:1.6rem;font-size:.95rem}
.top nav a{opacity:.82;transition:opacity .2s}.top nav a:hover{opacity:1}
.name-dot,.foot .dot{flex:none;width:.5rem;height:.5rem;border-radius:50%;background:var(--glow);animation:dotpulse 3.2s ease-in-out infinite}
@keyframes dotpulse{0%,100%{box-shadow:0 0 0 0 rgba(242,140,40,.0),0 0 6px rgba(242,140,40,.35)}50%{box-shadow:0 0 0 4px rgba(242,140,40,.12),0 0 12px rgba(242,140,40,.6)}}

.dots{position:fixed;z-index:6;top:50%;right:max(.75rem,calc((100vw - 72rem) / 2 - 3.25rem));transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;color:var(--fg);transition:color .6s ease}
.dots button{position:relative;display:grid;place-items:center;width:1.75rem;height:1.5rem;padding:0;border:0;background:none;color:inherit;cursor:pointer}
.dots button i{display:block;width:5px;height:5px;border-radius:3px;background:currentColor;opacity:.28;transition:height .45s var(--ease),opacity .3s,background-color .3s}
.dots button:hover i{opacity:.7}
.dots button[aria-current="step"] i{height:16px;opacity:1;background:var(--glow)}
.dots button span{position:absolute;right:2.1rem;top:50%;transform:translate(6px,-50%);white-space:nowrap;font-size:.8rem;font-weight:500;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.dots button:hover span,.dots button:focus-visible span{opacity:.8;transform:translate(0,-50%)}
html:not(.js) .dots{display:none}

/* Start: die beiden Projekte */
.s-hero .in{display:flex;flex-direction:column;align-items:center;gap:clamp(1.75rem,5vh,3.25rem)}
.show{display:flex;align-items:flex-end;justify-content:center;gap:clamp(2.5rem,7vw,6.5rem)}
.pj{margin:0;display:flex;flex-direction:column;gap:1.15rem}
.pj-img{display:block;text-decoration:none}
.browser{display:block;border-radius:8px;overflow:hidden;background:#11161f;box-shadow:0 34px 70px -38px rgba(70,45,15,.55),0 0 0 1px rgba(30,26,21,.1);transition:transform .6s var(--ease),box-shadow .6s}
.bar{display:flex;align-items:center;gap:6px;height:26px;padding:0 11px;background:#ebe4d8;border-bottom:1px solid rgba(30,26,21,.08)}
.bar i{width:8px;height:8px;border-radius:50%;background:#d3c9b8}
.bar b{margin-left:12px;font-size:11px;font-weight:500;color:rgba(30,26,21,.5);background:rgba(255,255,255,.75);padding:1px 12px;border-radius:5px}
.browser img{display:block;height:min(32vh,22rem);width:auto;max-width:none}
.phone{display:block;height:calc(min(32vh,22rem) + 26px);width:auto;border-radius:14px;box-shadow:0 34px 70px -38px rgba(70,45,15,.55),0 0 0 1px rgba(30,26,21,.1);transition:transform .6s var(--ease)}
.pj-img:hover .browser,.pj-img:hover .phone{transform:translateY(-5px)}
.pj figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}
.wm-link{display:block;padding:.15rem 0}
.wordmark{display:block;height:1.5rem;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);aspect-ratio:1402/452}
.wm-nucknuck{--m:url(/assets/logos/nucknuck-light.svg);aspect-ratio:874/486}
.pj-line{font-size:.95rem;color:var(--muted);max-width:24ch;line-height:1.4}
.pj-out{margin-top:.35rem;font-size:.9rem;font-weight:600;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:.1rem;transition:border-color .2s}
.pj-out:hover{border-color:var(--glow)}
.go-next{display:inline-flex;align-items:center;gap:.55rem;font-weight:600;font-size:1rem;text-decoration:none;padding:.65rem 1.15rem;border-radius:99px;border:1px solid var(--line);transition:border-color .25s,background-color .25s}
.go-next:hover{border-color:var(--glow);background:rgba(242,140,40,.08)}
.go-next span{display:inline-block;animation:nudge 2.4s ease-in-out infinite}
@keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}

/* Typografie */
h2{font-size:clamp(1.9rem,3.5vw,3rem);line-height:1.06;letter-spacing:-.03em;font-weight:500;margin:0 0 1.15rem;text-wrap:balance}
.copy p{margin:0 0 1rem}
p{text-wrap:pretty}
.aside{color:var(--muted);font-size:1rem;margin-top:1.4rem!important}
.eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--glow);margin:0 0 1rem!important}

/* Jahre an der Oberfläche */
.s-year .in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.s-year .copy{max-width:35rem}
.yr-col{display:flex;justify-content:flex-start}
.s-year .yr{margin-top:-.08em}
.yr{position:relative;display:block;font-size:clamp(5rem,10.5vw,10rem);font-weight:500;letter-spacing:-.06em;line-height:.8;font-variant-numeric:tabular-nums;user-select:none;padding:.1em .06em .06em}
html.js .yr{color:transparent}
.yr canvas{position:absolute;inset:0;width:100%;height:100%}
.s-hole .in{margin:0 auto auto;padding-top:clamp(1rem,9vh,6rem)}
.s-hole h2{max-width:14ch}

/* Unter der Erde */
.s-center .in{text-align:center;display:flex;flex-direction:column;align-items:center}
.s-center h2{font-size:clamp(2.1rem,4.4vw,3.6rem);max-width:16ch}
.s-center p{max-width:36rem;margin:0 0 1rem}
.yr-s{font-size:clamp(4.5rem,8.5vw,7.5rem);margin-bottom:1.25rem}
.s-split .in{display:grid;grid-template-columns:minmax(0,27rem) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.s-split.flip .in{grid-template-columns:minmax(0,1fr) minmax(0,27rem)}
.s-split.flip .copy{order:2}
.viz{margin:0;min-width:0}

/* Chart */
.chart{color:var(--fg)}
.chart-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem}
.ch-title{color:var(--muted)}
.toggle{position:relative;display:inline-flex;flex:none;border-radius:99px;padding:3px;background:rgba(239,231,219,.1)}
.toggle button{position:relative;z-index:1;width:2.3rem;font:inherit;font-weight:600;line-height:1.85;color:inherit;background:none;border:0;padding:0;cursor:pointer;transition:color .3s}
.toggle i{position:absolute;top:3px;left:3px;width:2.3rem;height:calc(100% - 6px);border-radius:99px;background:var(--fg);transition:transform .5s var(--ease),background-color .4s}
.toggle button.on{color:#1a140f}
.chart.btc .toggle i{transform:translateX(100%);background:var(--glow)}
.ch-val{font-size:clamp(2.2rem,4vw,3.3rem);font-weight:600;letter-spacing:-.03em;line-height:1;margin:1.1rem 0 .4rem;font-variant-numeric:tabular-nums;min-height:1em;transition:color .5s}
.plot{display:block;width:100%;height:clamp(11rem,30vh,19rem);overflow:visible;transition:color .5s}
.chart.btc .plot,.chart.btc .ch-val{color:var(--glow)}
.plot .line{fill:none;stroke:currentColor;stroke-width:2.25;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.plot .area{fill:url(#chg)}
.plot .base{stroke:var(--fg);opacity:.32;stroke-dasharray:2 6;vector-effect:non-scaling-stroke}
.chart-foot{display:flex;justify-content:space-between;margin-top:.6rem;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}
.stat strong{color:var(--glow);font-weight:600}
.stat{font-size:1.15rem;line-height:1.45}

/* Dividende */
.dv{display:block;width:100%;max-width:30rem;margin:0 auto;overflow:visible;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.dv-axis{stroke:var(--fg);opacity:.35}
.dv-bar{fill:rgba(239,231,219,.07);stroke:var(--fg);stroke-width:1.5}
.dv-cash{fill:var(--glow);opacity:0}
.dv-tax{fill:#a89a89;opacity:0}
.dv-brk{fill:none;stroke:var(--fg);stroke-width:1.2;opacity:.45}
.dv-v{fill:var(--fg);font-size:15px;font-weight:600}
.dv-l{fill:var(--fg);opacity:.6;font-size:13px;font-weight:500}
.dv-vc,.dv-vt,.dv-lc,.dv-lt{opacity:0}
.dv-sum{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:1.1rem;opacity:0;transition:opacity .6s}
.dv-sum.show{opacity:1}
.dv-eq{font-size:1.2rem;font-weight:500}.dv-eq strong{font-weight:600;color:var(--glow)}
.dv-note{font-size:.8rem;color:var(--muted)}

/* 21 Millionen */
.sp{display:block;width:100%;max-width:32rem;margin:0 auto;overflow:visible;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.sp-axis{stroke:var(--fg);opacity:.3}
.sp-cap{stroke:var(--glow);stroke-dasharray:3 6;opacity:.8}
.sp-inf{fill:none;stroke:var(--fg);stroke-width:1.4;stroke-dasharray:2 6;opacity:.38}
.sp-curve{fill:none;stroke:var(--glow);stroke-width:2.6;stroke-linecap:round}
.sp-dot{fill:var(--glow);opacity:0}
.sp-l{fill:var(--fg);opacity:.58;font-size:13px;font-weight:500}
.sp-lcap{fill:var(--glow);opacity:1;font-weight:600}
.sp-now{opacity:0;font-weight:600;fill:var(--fg)}
.sp-linf{opacity:0}

/* Blöcke */
.blocks{list-style:none;margin:0;padding:0;display:flex;gap:1.1rem}
.blk{position:relative;flex:1 1 0;min-width:0;max-width:9.5rem;aspect-ratio:1;border:1px solid var(--line);border-radius:6px;padding:.75rem .8rem;display:flex;flex-direction:column;justify-content:space-between;background:rgba(239,231,219,.035);transition:transform .8s var(--ease),opacity .8s}
.blk+.blk::before{content:"";position:absolute;right:100%;top:50%;width:1.1rem;height:1px;background:var(--line)}
.blk-h{font-size:1.05rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.blk-t,.blk-n{font-size:.75rem;color:var(--muted);line-height:1.35}
.blk.next{border:1px dashed rgba(242,140,40,.65);color:var(--glow);background:rgba(242,140,40,.05);animation:mine 2.6s ease-in-out infinite}
.blk.next .blk-t{color:rgba(242,140,40,.75)}
.blk.fresh{animation:fresh 1.1s var(--ease)}
@keyframes mine{0%,100%{background:rgba(242,140,40,.03)}50%{background:rgba(242,140,40,.12)}}
@keyframes fresh{from{transform:translateX(-30%);opacity:0}to{transform:none;opacity:1}}
.price{margin-top:1.3rem;font-size:.95rem;color:var(--muted);font-variant-numeric:tabular-nums;min-height:1.5em}

.globe-fig{width:100%;max-width:27rem;aspect-ratio:1;margin:0 auto}
.globe{display:block;width:100%;height:100%}

.s-quote .big{font-size:clamp(1.8rem,3.7vw,3.1rem);line-height:1.15;letter-spacing:-.03em;font-weight:500;max-width:21ch;margin:0 0 1.2rem;text-wrap:balance}

/* Projekte */
.wm-big{display:inline-block;margin:0 0 1.25rem;color:var(--fg)}
.wm-big .wordmark{height:2.5rem}
.more{font-weight:600;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:.1rem;transition:border-color .2s}
.more:hover{border-color:var(--glow)}
.copy .more{display:inline-block;margin-top:.5rem}
.screen img{display:block;width:100%;height:auto;max-height:60vh;object-fit:contain;border-radius:8px;box-shadow:0 40px 100px -40px rgba(242,140,40,.35),0 0 0 1px rgba(255,255,255,.08)}
.actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:.75rem}
.badge img{display:block;height:2.6rem}
.fan{position:relative;height:min(28rem,50vh)}
.c{position:absolute;left:50%;top:0;height:100%;width:auto;max-width:none;border-radius:14px;transform:translateX(-50%);box-shadow:0 40px 90px -36px rgba(242,140,40,.4),0 0 0 1px rgba(255,255,255,.08);transition:transform 1.1s var(--ease)}
.c2{z-index:2}
html.js .slide.on .c1{transform:translateX(-118%) rotate(-5deg) scale(.88);transition-delay:calc(var(--delay,0ms) + 250ms)}
html.js .slide.on .c3{transform:translateX(18%) rotate(5deg) scale(.88);transition-delay:calc(var(--delay,0ms) + 250ms)}
html:not(.js) .c1{transform:translateX(-118%) rotate(-5deg) scale(.88)}
html:not(.js) .c3{transform:translateX(18%) rotate(5deg) scale(.88)}

/* Kontakt und Fuß */
.s-contact h2{margin-bottom:.6rem}
.s-contact .in>p{color:var(--muted);margin:0 0 1.4rem}
.mail{font-size:clamp(1.3rem,2.6vw,1.9rem);font-weight:500}
.s-contact .in>.end-note{margin:2.8rem 0 0;color:var(--muted)}
.s-contact h2{max-width:none}
.foot{display:flex;flex-wrap:wrap;gap:.75rem 2rem;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--muted);padding:1.25rem max(var(--px),calc((100vw - 72rem) / 2)) max(1.5rem,env(safe-area-inset-bottom))}
html.js .foot{position:absolute;left:0;right:0;bottom:0}
.foot nav{display:flex;gap:1.4rem}.foot a{text-decoration:none}.foot a:hover{color:var(--fg)}
.block-note{display:inline-flex;align-items:center;gap:.55rem;font-variant-numeric:tabular-nums}

/* Ohne JavaScript: alles untereinander */
html:not(.js) .world,html:not(.js) .rabbit{display:none}
html:not(.js) .top{position:static;pointer-events:auto}
html:not(.js) .slide{min-height:100vh;display:flex;padding:3rem var(--px)}
html:not(.js) .s-under{background:#1f1813;color:var(--cream);--fg:var(--cream);--muted:rgba(239,231,219,.62);--line:rgba(239,231,219,.16)}
html:not(.js) .s-contact{flex-direction:column}

@media (max-width:859px){
  :root{--hd:4rem}
  .name{font-size:1.05rem}
  .top nav{gap:1.1rem;font-size:.9rem}
  .dots{display:none}
  .show{flex-direction:column;align-items:stretch;gap:1.5rem;width:100%}
  .pj{flex-direction:row;align-items:center;gap:1.1rem}
  .pj-ss .pj-img{flex:0 0 52%}
  .browser img{height:auto;width:100%;max-width:100%}
  .bar{height:18px;gap:4px;padding:0 7px}.bar i{width:5px;height:5px}.bar b{display:none}
  .pj-nn .pj-img{flex:0 0 52%;display:flex;justify-content:center}
  .phone{height:min(10.5rem,22vh)}
  .wordmark{height:1.3rem}
  .pj-line{font-size:.9rem}
  .s-hero .in{gap:1.4rem;align-items:stretch}
  .go-next{align-self:flex-start}
  .s-year .in,.s-split .in,.s-split.flip .in{grid-template-columns:1fr;gap:1.5rem}
  .s-split.flip .copy{order:0}
  .yr-col{justify-content:flex-start}
  .yr{font-size:min(6.5rem,25vw)}
  .yr-s{font-size:min(5rem,20vw);margin-bottom:.75rem}
  .s-center .yr-col{justify-content:center}
  h2{font-size:clamp(1.55rem,6.6vw,2rem);margin-bottom:.8rem}
  .copy p,.s-center p{font-size:.97rem;line-height:1.55}
  .aside{font-size:.9rem;margin-top:1rem!important}
  .eyebrow{margin-bottom:.6rem!important}
  .stat{font-size:1rem}
  .plot{height:6.5rem}
  .ch-title{font-size:.8rem}
  .dv-note{display:none}
  .dv-sum{margin-top:.4rem}
  .ch-val{font-size:2rem;margin-top:.6rem}
  .dv{max-width:17rem}
  .sp{max-width:19rem}
  .blocks{gap:.7rem}.blk+.blk::before{width:.7rem}
  .blk:nth-child(n+4){display:none}
  .globe-fig{max-width:13rem}
  .screen img{max-height:24vh;width:auto;margin:0 auto}
  .fan{height:min(15rem,30vh)}
  .wm-big .wordmark{height:2rem}
  .foot{flex-direction:column;align-items:flex-start;gap:.6rem}
  .block-note{align-items:flex-start;line-height:1.45}.block-note .dot{margin-top:.45em}
}
@media (max-width:859px) and (max-height:720px){
  :root{--hd:3.6rem}
  h2{font-size:1.4rem}
  .copy p,.s-center p{font-size:.9rem;line-height:1.5}
  .aside{font-size:.85rem}
  .yr{font-size:min(5rem,20vw)}
  .plot{height:5rem}.ch-val{font-size:1.6rem}
  .dv{max-width:13rem}.sp{max-width:15rem}.globe-fig{max-width:9rem}
  .screen img{max-height:17vh}.fan{height:11rem}
  .phone{height:min(8.5rem,20vh)}
}
@media (max-height:640px) and (min-width:860px){
  :root{--hd:4rem}
  h2{font-size:clamp(1.7rem,3vw,2.4rem)}
  .yr{font-size:clamp(5rem,10vw,8.5rem)}
}
@media (prefers-reduced-motion:reduce){
  html.js .rv{transform:none!important}
  html.js .slide.on .rv{transition:opacity .45s ease}
  .name-dot,.foot .dot,.go-next span,.blk.next{animation:none}
  .c{transition:none}
}

/* Runde 5 */
.quote{margin-top:1.4rem!important;padding-left:1rem;border-left:2px solid var(--glow);font-size:.95rem;line-height:1.5;color:var(--muted)}
.quote span{display:block;margin-top:.25rem;font-size:.8rem;font-weight:600;letter-spacing:.04em;color:var(--fg);opacity:.7}
.bubble{position:absolute;left:0;top:0;z-index:4;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:14px;background:#fffdf8;color:var(--ink);border:1.5px solid var(--ink);font-weight:600;font-size:.95rem;text-decoration:none;white-space:nowrap;box-shadow:0 10px 24px -14px rgba(60,40,20,.5);opacity:0;pointer-events:none;transition:opacity .4s ease,background-color .2s;will-change:transform}
.bubble::after{content:"";position:absolute;bottom:-8px;left:var(--tail,22px);width:14px;height:14px;background:#fffdf8;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg)}
.bubble.right::after{left:auto;right:var(--tail,22px)}
.bubble.vis{opacity:1;pointer-events:auto}
.bubble:hover{background:#fff4e6}.bubble:hover::after{background:#fff4e6}
.bubble span{display:inline-block;animation:nudge 2.4s ease-in-out infinite}
html:not(.js) .bubble{position:static;opacity:1;pointer-events:auto;margin:2rem var(--px)}
.ch-hint{margin:1rem 0 0;font-size:.85rem;color:var(--muted);transition:opacity .5s}
.chart.btc .ch-hint{opacity:0}
/* Dividende als Rechnung */
.div{display:flex;flex-direction:column;gap:1.4rem;max-width:30rem;margin:0 auto;width:100%}
.dv-row{display:grid;grid-template-columns:1fr auto;gap:.6rem 1rem;align-items:center;padding-bottom:1.2rem;border-bottom:1px solid var(--line)}
.dv-k{grid-column:1/-1;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.dv-chips{display:flex;flex-wrap:wrap;gap:.5rem;min-height:3.4rem;align-items:center}
.chip{display:inline-flex;flex-direction:column;gap:.05rem;padding:.45rem .75rem;border-radius:8px;border:1px solid var(--line);background:rgba(239,231,219,.05);transition:opacity .5s,transform .7s var(--ease),background-color .4s,border-color .4s}
.chip b{font-size:.72rem;font-weight:500;color:var(--muted)}
.chip em{font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;font-size:1.05rem}
.c-cash{border-color:rgba(242,140,40,.55);background:rgba(242,140,40,.1)}
.c-cash em{color:var(--glow)}
.c-tax em{text-decoration:line-through;text-decoration-thickness:1px;opacity:.75}
.dv-after .c-cash,.dv-after .c-tax{opacity:0;transform:translateX(-24px) scale(.9)}
.dv-after.s1 .c-cash,.dv-after.s2 .c-cash,.dv-after.s2 .c-tax{opacity:1;transform:none}
.dv-after.s2 .c-tax{opacity:.85}
.dv-t{font-size:1.6rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em;transition:color .5s}
.dv-after.s2 .dv-t{color:var(--glow)}
.dv-note{font-size:.8rem;color:var(--muted)}
/* die Steuer verpufft: das Feld leert sich in einer kleinen Rauchwolke */
.c-tax{position:relative}
.c-tax b,.c-tax em{transition:opacity .7s ease-in,filter .7s ease-in,transform .7s ease-in}
.dv-after.s3 .c-tax em{opacity:0;filter:blur(5px);transform:translateY(-7px) scale(1.12)}
.dv-after.s3 .c-tax{border-style:dashed;background:transparent;transition:opacity .5s,border-color .4s .4s,background-color .4s .4s}
.c-tax .pf{position:absolute;left:50%;top:55%;width:var(--w);height:var(--w);border-radius:50%;background:rgba(224,214,200,.42);opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.3)}
.dv-after.s3 .c-tax .pf{animation:dvpuff 1.25s var(--d) cubic-bezier(.2,.7,.3,1) forwards}
@keyframes dvpuff{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}18%{opacity:.75}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(var(--s))}}
.dv-gone{grid-column:1/-1;margin:-.1rem 0 0;font-family:ui-serif,"New York",Georgia,"Noto Serif",serif;font-style:italic;font-size:1.05rem;line-height:1.35;opacity:0;transform:translateY(6px);transition:opacity .6s .55s,transform .6s .55s}
.dv-after.s3 .dv-gone{opacity:.9;transform:none}
@media (prefers-reduced-motion:reduce){.dv-after.s3 .c-tax .pf{animation:none}}
.sp-leg{display:flex;gap:1.4rem;justify-content:center;margin-top:.6rem;font-size:.8rem;color:var(--muted)}
.sp-leg span::before{content:"";display:inline-block;width:18px;height:0;margin-right:.45rem;vertical-align:middle;border-top:2.5px solid var(--glow)}
.sp-leg .lg-e::before{border-top:1.5px dashed var(--fg);opacity:.6}
.screen img{max-height:46vh}
@media (max-width:859px){
  .s-year .in{grid-template-columns:1fr;gap:1.1rem}
  .s-year .yr{margin-top:0}
  .quote{font-size:.85rem;margin-top:1rem!important}
  .dv-t{font-size:1.25rem}.dv-chips{min-height:3rem}.chip{padding:.35rem .6rem}.chip em{font-size:.95rem}
  .div{gap:.9rem}.dv-row{padding-bottom:.8rem}
  .ch-hint{font-size:.78rem;margin-top:.5rem}
  .bubble{font-size:.88rem;padding:.5rem .85rem}
}
/* Tablet hochkant und Handy quer: Projekte wieder nebeneinander */
@media (min-width:640px) and (max-width:859px),(max-width:859px) and (max-height:520px){
  .show{flex-direction:row;align-items:flex-end;justify-content:center;gap:clamp(1.5rem,5vw,3rem);width:auto}
  .pj{flex-direction:column;align-items:flex-start;gap:.9rem}
  .pj-ss .pj-img,.pj-nn .pj-img{flex:none;display:block}
  .browser img{height:min(30vh,20rem);width:auto;max-width:none}
  .phone{height:calc(min(30vh,20rem) + 18px)}
  .s-hero .in{align-items:center}
}
@media (max-width:859px) and (max-height:520px){
  .pj-line{display:none}
  .browser img{height:42vh}.phone{height:calc(42vh + 18px)}
}
/* Runde 6: Projekte */
.s-project .in{max-width:66rem;grid-template-columns:minmax(0,25rem) minmax(0,1fr)}
.s-project.flip .in{grid-template-columns:minmax(0,1fr) minmax(0,25rem)}
.s-project .wm-big{margin-bottom:.9rem}
.lead{font-size:clamp(1.25rem,1.9vw,1.55rem);line-height:1.3;letter-spacing:-.015em;font-weight:500;margin:0 0 .9rem!important}
.feats{list-style:none;margin:1.1rem 0 1.4rem;padding:0;display:flex;flex-direction:column;gap:.45rem;font-size:.95rem}
.feats li{display:flex;align-items:center;gap:.65rem}
.feats li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--glow);box-shadow:0 0 10px rgba(242,140,40,.6)}
.cta{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.2rem;border-radius:99px;background:var(--glow);color:#1a120a;font-weight:600;text-decoration:none;transition:transform .3s var(--ease),box-shadow .3s}
.cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px -10px rgba(242,140,40,.7)}
.screen{display:flex;justify-content:center}
.big-browser{display:block;width:100%;max-width:40rem;border-radius:10px;box-shadow:0 50px 120px -40px rgba(242,140,40,.45),0 0 0 1px rgba(255,255,255,.1);transform:perspective(1600px) rotateY(-7deg) rotateX(3deg);transition:transform .8s var(--ease)}
.big-browser:hover{transform:perspective(1600px) rotateY(-2deg) rotateX(1deg) translateY(-4px)}
.big-browser img{width:100%;height:auto;max-height:none;border-radius:0;box-shadow:none;display:block}
.screen img{max-height:none}
@media (max-width:859px){
  .s-project .in,.s-project.flip .in{grid-template-columns:1fr}
  .lead{font-size:1.1rem}
  .feats{margin:.7rem 0 1rem;font-size:.88rem}
  .big-browser{max-width:min(100%,22rem);transform:none}
  .s-project .copy>p:not(.lead):not(.eyebrow){display:none}
}
/* Runde 7 */
.nextbtn{position:fixed;z-index:6;right:max(.75rem,calc((100vw - 72rem) / 2 - 3.25rem));bottom:max(1.1rem,env(safe-area-inset-bottom));width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 70%,transparent);color:var(--fg);display:grid;place-items:center;cursor:pointer;transition:opacity .4s,transform .3s,background-color .3s,border-color .3s}
html.dark .nextbtn{background:rgba(22,17,13,.6)}
.nextbtn svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:nudgey 2.4s ease-in-out infinite}
.nextbtn:hover{border-color:var(--glow);transform:translateY(2px)}
.nextbtn.hide{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
@keyframes nudgey{0%,100%{transform:translateY(-1px)}50%{transform:translateY(2px)}}
html:not(.js) .nextbtn{display:none}
.eurobox{margin:1.2rem auto 0;max-width:32rem;display:flex;flex-direction:column;gap:.45rem;font-size:.82rem;color:var(--muted)}
.eb-t{font-weight:600;letter-spacing:.04em;color:var(--fg);opacity:.75}
.eb-row{display:grid;grid-template-columns:2.6rem 1fr auto;align-items:center;gap:.7rem}
.eb-bar{display:block;height:8px;border-radius:4px;background:repeating-linear-gradient(90deg,rgba(239,231,219,.45) 0 6px,rgba(239,231,219,.15) 6px 9px);width:calc(var(--v) * 100%);transform-origin:left;transition:transform 1.2s var(--ease)}
html.js .slide:not(.on) .eb-bar{transform:scaleX(0)}
html.js .slide.on .eb-bar{transition-delay:calc(var(--delay,0ms) + 1.6s)}
.eb-v{font-variant-numeric:tabular-nums;color:var(--fg);opacity:.8}
.eb-n{font-size:.75rem}
@media (min-width:1100px) and (min-height:760px){.s-hero .browser img{height:min(38vh,25rem)}.s-hero .phone{height:calc(min(38vh,25rem) + 26px)}}
@media (max-width:859px){.eurobox{font-size:.75rem;margin-top:.6rem}.nextbtn{width:2.2rem;height:2.2rem}}
/* Blöcke wie bei mempool.space */
.chain .blocks{gap:1.3rem;align-items:flex-end}
.blk{aspect-ratio:auto;max-width:8.6rem;padding:0;border:0;background:none;gap:.4rem;overflow:visible}
.blk+.blk::before{display:none}
.cube{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:3px;overflow:hidden;box-shadow:0 18px 40px -20px rgba(0,0,0,.8)}
.cube canvas{position:absolute;inset:0;width:100%;height:100%}
.cube .fee{position:absolute;left:0;right:0;top:.5rem;text-align:center;font-size:.72rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.cube .ok{position:absolute;right:.35rem;bottom:.35rem;width:1.3rem;height:1.3rem;border-radius:50%;background:#2fbf71;color:#fff;font-size:.8rem;display:grid;place-items:center;transform:scale(0);transition:transform .45s var(--ease)}
.cube.verified .ok{transform:scale(1)}
.cube .scan{position:absolute;left:0;right:0;height:30%;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.35),rgba(255,255,255,0));top:-30%;opacity:0}
.cube.scanning .scan{animation:scan .9s ease-in-out;opacity:1}
@keyframes scan{from{top:-30%}to{top:100%}}
.blk.next .cube{outline:1.5px dashed rgba(242,140,40,.75);outline-offset:3px}
.blk .blk-h{font-size:1rem}
.blk .blk-t,.blk .blk-n{font-size:.72rem}
.node{display:flex;align-items:center;gap:.7rem;margin-top:1.4rem;font-size:.82rem;color:var(--muted)}
.node svg{width:4.6rem;height:auto;flex:none}
.node b{color:var(--fg);font-weight:600}
@media (max-width:859px){.chain .blocks{gap:.8rem}.blk:nth-child(n+4){display:none}.node{margin-top:.8rem}}
.node .led{animation:led 1.4s steps(2,jump-none) infinite}
@keyframes led{0%{opacity:1}100%{opacity:.25}}
.blk .blk-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.blk.next .cube canvas{opacity:.9}
@media (prefers-reduced-motion:reduce){.node .led{animation:none}}
.blk.next{border:0;padding:0;background:none;animation:none;color:inherit}
.blk.next .blk-h{color:var(--glow)}
.blk.next .cube{animation:mine2 2.6s ease-in-out infinite}
@keyframes mine2{0%,100%{box-shadow:0 0 0 0 rgba(242,140,40,0)}50%{box-shadow:0 0 22px 2px rgba(242,140,40,.25)}}
.cube .fee{top:.45rem;left:50%;right:auto;transform:translateX(-50%);padding:.1rem .45rem;border-radius:99px;background:rgba(20,16,12,.72);text-shadow:none;white-space:nowrap}
.blk .blk-p{font-size:.68rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (prefers-reduced-motion:reduce){.blk.next .cube{animation:none}}
.blk.next .blk-h{white-space:nowrap}
/* Runde 8: Tag und Nacht */
.skybtn{pointer-events:auto;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 var(--ease)}
.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}
.top nav{align-items:center}
html.night{--paper:#1b2240}
html.night .nextbtn{background:rgba(20,26,52,.6)}
html.night .bubble{box-shadow:0 0 0 6px rgba(255,236,196,.06),0 10px 30px -10px rgba(0,0,0,.6)}
/* Sprechblase: Maus-Symbol statt Pfeil, Variante neben dem Kopf */
.bubble .mouse{position:relative;display:inline-block;width:.85rem;height:1.3rem;border:1.6px solid currentColor;border-radius:.5rem;animation:none}
.bubble .mouse i{position:absolute;left:50%;top:.22rem;width:2px;height:.3rem;margin-left:-1px;border-radius:1px;background:currentColor;animation:wheel 1.8s ease-in-out infinite}
@keyframes wheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(.35rem);opacity:0}100%{opacity:0}}
.bubble.side::after{bottom:auto;top:calc(50% - 7px);left:-8px;border:0;border-left:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}
.bubble.side.right::after{left:auto;right:-8px;border-left:0;border-bottom:0;border-right:1.5px solid var(--ink);border-top:1.5px solid var(--ink)}
@media (prefers-reduced-motion:reduce){.bubble .mouse i{animation:none}}
/* Blöcke: ruhiger, mit runden Ecken, passend zum Bau */
.cube{border-radius:8px;box-shadow:0 0 0 1px rgba(239,231,219,.1),0 18px 36px -22px rgba(0,0,0,.9)}
.cube .fee{background:rgba(18,14,11,.78);color:rgba(239,231,219,.92);font-weight:500}
.blk.next .cube{outline:1.5px dashed rgba(242,140,40,.5);outline-offset:4px}
.cube .ok{background:#3aa66b}
.node{display:none}
.src-link{font-size:.85rem;margin-top:.4rem}
.src-link a{color:var(--muted);text-decoration-color:rgba(242,140,40,.6);text-underline-offset:.22em}
.src-link a:hover{color:var(--fg)}
.src-link a::after{content:" →"}
/* halbe Bildschirmbreite (z. B. Laptop geteilt): wieder zweispaltig, alles etwas kompakter, damit nichts scrollt */
@media (min-width:600px) and (max-width:859px){
  .s-split .in{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:1.75rem;align-items:center}
  .s-split.flip .in{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}
  .s-split.flip .copy{order:2}
  .s-split h2{font-size:clamp(1.3rem,3.3vw,1.65rem)}
  .s-split .copy p{font-size:.88rem;line-height:1.5}
  .s-split .aside{font-size:.82rem}
  .plot{height:9rem}
  .dv,.sp{max-width:none}
  .screen img{max-height:36vh}
  .fan{height:min(16rem,36vh)}
  .globe-fig{max-width:15rem}
  .feats{font-size:.85rem}
  .s-project .lead{font-size:1rem}
}
@media (min-width:600px) and (max-width:859px) and (max-height:800px){
  .s-split h2{font-size:1.3rem;margin-bottom:.5rem}
  .s-split .copy p{font-size:.84rem}
  .plot{height:7.5rem}
  .ch-val{font-size:1.6rem}
}
.prevbtn{position:fixed;z-index:6;right:max(.75rem,calc((100vw - 72rem) / 2 - 3.25rem));bottom:calc(max(1.1rem,env(safe-area-inset-bottom)) + 2.9rem);width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 70%,transparent);color:var(--fg);display:grid;place-items:center;cursor:pointer;transition:opacity .4s,transform .3s,background-color .3s,border-color .3s}
html.dark .prevbtn{background:rgba(22,17,13,.6)}html.night .prevbtn{background:rgba(20,26,52,.6)}
.prevbtn svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.prevbtn:hover{border-color:var(--glow);transform:translateY(-2px)}
.prevbtn.hide{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
html:not(.js) .prevbtn{display:none}
@media (max-width:859px){.prevbtn{width:2.2rem;height:2.2rem;bottom:calc(max(1.1rem,env(safe-area-inset-bottom)) + 2.7rem)}}
/* kein heller Blitz beim Laden: Hintergrund passt schon vor dem ersten Bild */
html{background:var(--paper)}
html.night,html.night body{background:#1b2240}
html.under,html.under body{background:#16110d}
/* niedrige Fenster: Überschriften und Charts richten sich nach der Höhe, damit alles in der Kammer bleibt */
@media (min-width:860px){
  .s-split h2{font-size:clamp(1.55rem,min(2.9vw,4.6vh),2.6rem)}
  .s-center h2{font-size:clamp(1.8rem,min(4.4vw,6.2vh),3.6rem)}
  .s-split .copy p{font-size:clamp(.9rem,2.05vh,1.0625rem)}
  .s-split .stat{font-size:clamp(.98rem,2.35vh,1.15rem)}
  .s-split .aside{font-size:clamp(.85rem,1.95vh,1rem);margin-top:clamp(.6rem,1.6vh,1.4rem)!important}
  .plot{height:clamp(8.5rem,26vh,19rem)}
  .ch-val{font-size:clamp(1.8rem,min(4vw,6vh),3.3rem);margin:clamp(.4rem,1.4vh,1.1rem) 0 .4rem}
  .sp{max-width:min(32rem,62vh)}
  .eyebrow{margin-bottom:clamp(.5rem,1.4vh,1rem)!important}
}
@media (min-width:860px) and (max-width:1120px){.blk:nth-child(n+4){display:none}.blk .blk-h{font-size:.92rem}}
/* klickbare Dinge in der Welt */
body.hot{cursor:pointer}
.tip{font-size:.85rem!important;opacity:.8}
.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1.25rem;background:rgba(12,9,7,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .25s ease}
.modal.on{opacity:1}
.m-box{position:relative;max-width:min(46rem,100%);max-height:calc(100vh - 2.5rem);overflow:auto;background:#1f1914;color:#efe7db;border:1px solid rgba(239,231,219,.14);border-radius:16px;padding:2rem 2rem 1.75rem;box-shadow:0 30px 80px -20px rgba(0,0,0,.7);transform:translateY(12px) scale(.98);transition:transform .35s var(--ease)}
.modal.on .m-box{transform:none}
.m-x{position:absolute;top:.6rem;right:.7rem;width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid rgba(239,231,219,.18);background:transparent;color:inherit;font-size:1.3rem;line-height:1;cursor:pointer}
.m-x:hover{border-color:var(--glow)}
.m-box h3{margin:0 0 1.2rem;font-size:1.3rem;font-weight:600;letter-spacing:-.01em}
.m-small .m-box{max-width:30rem}
.m-note p{margin:0 0 .8rem;line-height:1.55;color:rgba(239,231,219,.85)}
.m-big{font-size:1.4rem;font-weight:600;color:#efe7db!important}
.books{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:1.1rem}
.book{position:relative;aspect-ratio:2/3;border-radius:3px 8px 8px 3px;background:var(--bc);color:var(--bi);padding:1rem .8rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 6px 0 0 rgba(0,0,0,.18),0 14px 26px -14px rgba(0,0,0,.8);transform:translateY(14px);opacity:0;animation:bookIn .5s var(--ease) forwards;animation-delay:var(--d);transition:transform .3s var(--ease)}
.book:hover{transform:translateY(-6px) rotate(-1.5deg)}
.book b{font-size:1rem;line-height:1.2;font-weight:600}
.book span{font-size:.75rem;opacity:.8}
.book i{position:absolute;right:.7rem;bottom:2.2rem;font-style:normal;font-weight:700;opacity:.25;font-size:1.6rem}
@keyframes bookIn{to{transform:none;opacity:1}}
.m-paper .m-box{background:#f3efe6;color:#1e1a15;max-width:38rem}
.m-paper .m-x{color:#1e1a15;border-color:rgba(30,26,21,.2)}
.wp h3{text-align:center;font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:1.35rem;margin:.5rem 0 .8rem}
.wp-a{text-align:center;font-family:Georgia,serif;font-size:.9rem;margin:0 0 1.4rem;line-height:1.5}
.wp-abs{font-family:Georgia,serif;font-size:.95rem;line-height:1.6;margin:0 0 1.4rem;text-align:justify}
.wp-link{display:inline-block;color:#1e1a15;font-weight:600;text-decoration-color:var(--glow)}
.m-news .nw-k{font-family:Georgia,serif;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin:0 0 .4rem}
.m-news .nw-h{font-family:Georgia,serif;font-size:1.6rem;line-height:1.2;font-weight:700;margin:0 0 1rem}
.m-news p{line-height:1.55;color:rgba(239,231,219,.85);margin:0}
/* Snake auf dem Nokia */
.k2{grid-column:2;grid-row:1}.k4{grid-column:1;grid-row:2}.k5{grid-column:2;grid-row:2;background:#f2c08a!important}.k6{grid-column:3;grid-row:2}.k8{grid-column:2;grid-row:3}
.m-books .m-box{width:min(46rem,100%)}
.modal[hidden]{display:none!important}
/* Stand 24: Handy groß, Hinweis neben dem Mauszeiger, Regal, Node, Bitcoin-Regen */
.m-snake .m-box{background:transparent;border:0;box-shadow:none;padding:0;overflow:visible;max-height:none}
.m-snake .m-x{top:0;right:auto;left:calc(100% + .9rem);background:rgba(31,25,20,.85);color:#efe7db;border-color:rgba(239,231,219,.3);z-index:2}
.hphone{--pw:min(32vh,60vw,290px);position:relative;width:var(--pw);height:calc(var(--pw) * 2.444);max-height:none;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55))}
.hphone svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ph-ant{fill:#2a3346;stroke:#1a1f2b;stroke-width:5}
.ph-body{fill:#3f5170;stroke:#1a1f2b;stroke-width:6}
.ph-shine{fill:none;stroke:rgba(255,255,255,.14);stroke-width:8;stroke-linecap:round}
.ph-ear path{stroke:rgba(15,20,30,.7);stroke-width:5;stroke-linecap:round}
.ph-frame{fill:#d8dee4;stroke:#1a1f2b;stroke-width:4}
.ph-lcd{fill:#9cb48a;stroke:#5d6b55;stroke-width:3}
.ph-navi{fill:#d8dee4;stroke:#1a1f2b;stroke-width:4}
.hphone .key{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.hphone .key ellipse{fill:#d8dee4;stroke:#1a1f2b;stroke-width:4}
.hphone .key text{fill:#2a3346;font:600 26px system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;text-anchor:middle;pointer-events:none}
.hphone .key.dn ellipse,.hphone .key.dn .ph-navi{fill:#aeb8c2}
.hphone .key:not([data-k]){cursor:default}
.ph-scr{position:absolute;left:19.83%;top:24.16%;width:60.34%;height:18.87%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ph-scr canvas{display:block;image-rendering:pixelated}
.wtip{position:fixed;left:0;top:0;z-index:15;pointer-events:none;padding:.32rem .7rem;border-radius:999px;background:rgba(31,25,20,.9);color:#efe7db;font:500 .8rem/1.2 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:.01em;border:1px solid rgba(247,147,26,.35);box-shadow:0 8px 20px -10px rgba(0,0,0,.6);white-space:nowrap;opacity:0;transition:opacity .18s ease}
.wtip.on{opacity:1}
.m-books .m-box{width:min(52rem,100%)}
.m-books h4{margin:1.6rem 0 .8rem;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(239,231,219,.6)}
.m-books .books{grid-template-columns:repeat(auto-fill,minmax(6.8rem,1fr));gap:.9rem}
.m-books .book{padding:.8rem .65rem}
.m-books .book b{font-size:.84rem}
.m-books .book span{font-size:.68rem}
.bk-intro{margin:-.6rem 0 0;opacity:.75;font-size:.95rem}
.bk-foot{margin:1.6rem 0 0;opacity:.6;font-size:.85rem}
.m-quiet{opacity:.65;font-style:italic}
.nd{margin:1rem 0 1.2rem;display:grid;gap:.55rem}
.nd div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(239,231,219,.1);padding-bottom:.45rem}
.nd dt{opacity:.65;font-size:.88rem}
.nd dd{margin:0;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.nd small{font-weight:400;opacity:.6}
.rain{position:fixed;inset:0;pointer-events:none;z-index:30;overflow:hidden}
.rain span{position:absolute;top:-3rem;color:#F7931A;font-weight:700;font-size:var(--sz);text-shadow:0 0 12px rgba(247,147,26,.5);animation:rain var(--du) cubic-bezier(.3,.1,.7,1) var(--dl) forwards}
@keyframes rain{to{transform:translateY(calc(100vh + 6rem)) rotate(var(--rt))}}
.m-note .wp-link{color:#F7931A}
/* Stand 25: Buchcover mit Rücken, Seitenschnitt und ruhiger Typo */
.m-books .books{grid-template-columns:repeat(auto-fill,minmax(7.2rem,1fr));gap:1.1rem .9rem}
.m-books .book{justify-content:flex-start;padding:1rem .8rem .85rem 1.05rem;border-radius:2px 6px 6px 2px;background:linear-gradient(90deg,rgba(0,0,0,.32) 0,rgba(0,0,0,.1) 4%,rgba(255,255,255,.09) 6.5%,rgba(255,255,255,0) 11%),linear-gradient(165deg,rgba(255,255,255,.12),rgba(255,255,255,0) 42%,rgba(0,0,0,.14)),var(--bc);box-shadow:3px 2px 0 -1px #e8dfcc,3px 4px 0 -1px #cfc5b0,0 18px 28px -16px rgba(0,0,0,.85);hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.m-books .book b{display:block;font-size:.9rem;font-weight:700;line-height:1.15;letter-spacing:-.01em}
.m-books .book b::before{content:"";display:block;width:1.4rem;height:2px;margin:0 0 .6rem;background:currentColor;opacity:.45}
.m-books .book em{display:block;margin-top:.35rem;font-style:normal;font-size:.68rem;opacity:.72}
.m-books .book span{margin-top:auto;font-size:.6rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;opacity:.78;line-height:1.35}
.m-books .book .bk-m{position:absolute;right:.6rem;bottom:2.3rem;font-style:normal;font-weight:700;font-size:2.3rem;line-height:1;opacity:.16}
.m-books .book .bk-o{width:1.5rem;height:1.5rem;border:2px solid currentColor;border-radius:50%;opacity:.2}
.m-books .book .bk-o::after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:2px;margin-left:-1px;background:currentColor}
.m-books .book:hover{transform:translateY(-6px) rotate(-1.2deg)}
/* Schließen-Knopf: zwei feine Linien statt Glyphe */
.m-x{font-size:0;border:0;background:rgba(239,231,219,.08);transition:background .2s ease,transform .2s ease}
.m-x::before,.m-x::after{content:"";position:absolute;left:50%;top:50%;width:42%;height:1.6px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}
.m-x::after{transform:translate(-50%,-50%) rotate(-45deg)}
.m-x:hover{background:rgba(239,231,219,.16);transform:rotate(90deg)}
.m-x:focus-visible{outline:2px solid var(--glow);outline-offset:2px}
.m-paper .m-x{background:rgba(30,26,21,.07)}
.m-snake .m-x{position:fixed;top:1.1rem;right:1.1rem;left:auto;width:2.9rem;height:2.9rem;background:rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.m-snake .m-x:hover{background:rgba(255,255,255,.22)}
.m-snake .m-box{transform:none!important;transition:none}
.m-snake .hphone{transform:translateY(16px) scale(.97);transition:transform .4s var(--ease)}
.modal.on .hphone{transform:none}
.a11y-things button{position:fixed;left:1rem;bottom:1rem;z-index:25;padding:.6rem 1rem;border-radius:999px;border:1px solid var(--glow);background:#1f1914;color:#efe7db;font:500 .9rem system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .15s,transform .15s}
.a11y-things button:focus{opacity:1;pointer-events:auto;transform:none}
/* Handy: Text bekommt einen eigenen Bereich über Boden und Kaninchen und scrollt darin, statt darüber zu laufen */
@media (max-width:859px){
  html.js .slide{bottom:var(--pb,var(--pbS));padding-bottom:1.1rem}
  html.js .slide.scrolly.more{-webkit-mask-image:linear-gradient(to bottom,transparent calc(var(--hd) - .1rem),#000 calc(var(--hd) + .9rem),#000 calc(100% - 2.4rem),transparent);mask-image:linear-gradient(to bottom,transparent calc(var(--hd) - .1rem),#000 calc(var(--hd) + .9rem),#000 calc(100% - 2.4rem),transparent)}
}
@media (max-width:380px){.name{font-size:.95rem;white-space:nowrap}.top nav{gap:.75rem;font-size:.82rem}}
/* Handy: etwas plastischer */
.ph-body{fill:url(#phB)}
.ph-edge{fill:none;stroke:rgba(255,255,255,.08);stroke-width:6;stroke-linecap:round}
.ph-frame{fill:url(#phF)}
.ph-lcdw{fill:#7f8f78;stroke:none}
.ph-lcd{fill:url(#phL);stroke:none}
.ph-glare{fill:url(#phG);pointer-events:none}
.ph-navi{fill:url(#phK)}
.hphone .key .ks{fill:#1a1f2b;stroke:none}
.hphone .key .kt{fill:url(#phK);stroke:#1a1f2b;stroke-width:4;transition:transform .08s}
.hphone .key.dn .kt{transform:translateY(4px);fill:#b9c2cb}
.hphone .key.dn .ph-navi{fill:#b9c2cb}
.hphone .key text{transition:transform .08s}
.hphone .key.dn text{transform:translateY(4px)}
.ph-mic circle{fill:#1f283a}
.ph-scr::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:6px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,0) 42%);box-shadow:inset 0 3px 8px rgba(0,0,0,.28)}
@media (max-width:859px){
  html.js .slide.s-contact{bottom:0;padding-bottom:var(--pbC)}
  html.js .slide[id="2011"]{--pb:calc(var(--pbS) + 7vh)}
}
@media (max-width:380px){.name{font-size:.88rem}.top nav{gap:.6rem;font-size:.78rem}}
/* Handy quer: Jahreszahl neben den Text, kleinere Überschriften */
@media (max-width:859px) and (max-height:520px){
  .s-year .in{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1.6rem}
  .s-year .yr,.yr{font-size:min(3.4rem,12vh)}
  h2{font-size:1.2rem}
  .s-center h2{font-size:1.5rem}
}
/* Fenster auf dem Handy: echte Bildschirmhöhe, sauber scrollbar; Bücher kleiner */
.m-box{max-height:calc(100dvh - 2.5rem);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}
@media (max-width:600px){
  .modal{padding:.75rem}
  .m-box{padding:1.5rem 1.1rem 1.25rem;max-height:calc(100dvh - 1.5rem)}
  .m-books .books{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem .6rem}
  .m-books .book{padding:.65rem .5rem .55rem .7rem}
  .m-books .book b{font-size:.72rem}
  .m-books .book b::before{width:1rem;margin-bottom:.4rem}
  .m-books .book span{font-size:.5rem;letter-spacing:.08em}
  .m-books .book em{font-size:.58rem}
  .m-books .book .bk-m{font-size:1.5rem;bottom:1.7rem;right:.4rem}
  .m-books .book .bk-o{width:1rem;height:1rem}
  .m-books h4{margin:1.2rem 0 .6rem}
}
@media (max-width:600px){
  .m-books .books{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem .5rem}
  .m-books .book{padding:.55rem .4rem .45rem .55rem;border-radius:2px 4px 4px 2px}
  .m-books .book b{font-size:.64rem;line-height:1.18}
  .m-books .book b::before{width:.8rem;height:1.5px;margin-bottom:.35rem}
  .m-books .book em{font-size:.52rem;margin-top:.2rem}
  .m-books .book span{font-size:.52rem;letter-spacing:0;text-transform:none;font-weight:500;line-height:1.25}
  .m-books .book .bk-m{font-size:1.1rem;bottom:1.45rem;right:.3rem}
  .m-books .book .bk-o{width:.8rem;height:.8rem;border-width:1.5px}
}
@media (max-width:359px){.m-books .books{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Stand 26: Name, Navigation und Punkte sitzen am Rand, nicht in einer Box in der Mitte */
@media (min-width:860px){
  :root{--edge:clamp(1.5rem,2.6vw,3rem)}
  .top{padding:0 var(--edge)}
  .foot{padding-left:var(--edge);padding-right:var(--edge)}
  .dots{right:calc(var(--edge) - .55rem)}
  .nextbtn,.prevbtn{right:calc(var(--edge) - .3rem)}
}
.m-read .m-kick{margin:0 0 .4rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--glow)}
.m-read .m-by{margin:-.4rem 0 .9rem;opacity:.65;font-size:.9rem}
html.visiting .slide.on{opacity:0!important;pointer-events:none;transition:opacity .45s ease}
.rain span svg{display:block;width:var(--sz);height:var(--sz);filter:drop-shadow(0 0 8px rgba(247,147,26,.5))}
/* Zauberwürfel */
.m-rub .m-box{width:min(26rem,100%);text-align:center}
.rub-scene{-webkit-user-select:none;user-select:none;--s:52px;height:calc(var(--s) * 5);display:grid;place-items:center;perspective:900px;touch-action:none;cursor:grab;margin:.4rem 0 .8rem}
.rub-scene:active{cursor:grabbing}
.rub-cube{position:relative;width:0;height:0;transform-style:preserve-3d}
.rub-cb{position:absolute;left:calc(var(--s) / -2);top:calc(var(--s) / -2);width:var(--s);height:var(--s);transform-style:preserve-3d}
.rub-cb i{position:absolute;inset:0;background:#141110;border:1px solid #0b0908;border-radius:6px;backface-visibility:hidden}
.rub-cb i[style*="--c"]{background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.28),transparent 55%),var(--c);box-shadow:inset 0 0 0 3px #141110}
.rub-keys{display:grid;grid-template-columns:repeat(6,1fr);gap:.35rem;margin:0 0 .6rem}
.rub-keys button,.rub-act{font:600 .85rem system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#efe7db;background:rgba(239,231,219,.08);border:1px solid rgba(239,231,219,.14);border-radius:8px;padding:.45rem 0;cursor:pointer;touch-action:manipulation}
.rub-keys button:hover,.rub-act:hover{border-color:var(--glow)}
.rub-row{display:flex;gap:.5rem;justify-content:center}
.rub-act{padding:.5rem 1rem}
.rub-msg{min-height:1.4em;margin:.8rem 0 0;font-size:.82rem;opacity:.7}
@media (min-width:860px){html.js .s-work .copy{transform:translateY(calc(-1 * clamp(0px,14vh,170px)))}}
@media (min-width:860px){.big-browser{max-width:min(40rem,62vh)}}
html.js .slide.on{will-change:transform}
html.wallmove .slides{-webkit-mask-image:linear-gradient(to bottom,transparent calc(var(--hd) - .1rem),#000 calc(var(--hd) + .9rem));mask-image:linear-gradient(to bottom,transparent calc(var(--hd) - .1rem),#000 calc(var(--hd) + .9rem))}
/* Der Fall in die Tiefe: Zitate wie an die Wand geschrieben */
.deepq{position:fixed;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:var(--hd) var(--px) 30vh;pointer-events:none;opacity:0;visibility:hidden;will-change:transform}
.deepq.on{opacity:1;visibility:visible}
.deepq figure{margin:0;max-width:40rem;text-align:center;color:#f3e9da}
.deepq blockquote{margin:0}
.deepq p{font-family:ui-serif,"New York",Georgia,"Noto Serif",serif;font-weight:400;font-size:clamp(1.45rem,2.45vw,2.15rem);line-height:1.3;letter-spacing:-.006em;margin:0 0 1.2rem;text-wrap:balance;color:#f6ecdc}
.deepq p::before{content:"„";color:var(--glow);margin-right:.04em}.deepq p::after{content:"“";color:var(--glow);margin-left:.04em}
html[lang=en] .deepq p::before{content:"“"}html[lang=en] .deepq p::after{content:"”"}
.deepq figcaption{font-size:.9rem;color:rgba(243,233,218,.7)}
.deepq figcaption b{color:#f3e9da;font-weight:600}
.deepq figcaption a{color:var(--glow);pointer-events:auto;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.deepq .dq-n{display:block;margin-top:1.4rem;font-size:.72rem;letter-spacing:.14em;color:rgba(243,233,218,.4)}
html.visiting .deepq{opacity:0!important;transition:opacity .45s ease}
html.deep .dots{opacity:0;pointer-events:none}
html.deep .prevbtn.hide{opacity:1;pointer-events:auto;visibility:visible}
.deepbye{position:absolute;left:0;top:0;z-index:4;max-width:min(20rem,calc(100vw - 2rem));padding:.6rem 1rem;border-radius:14px;background:#fffdf8;color:var(--ink);border:1.5px solid var(--ink);font-weight:600;font-size:.92rem;line-height:1.35;box-shadow:0 10px 24px -14px rgba(60,40,20,.5);opacity:0;pointer-events:none;transition:opacity .4s ease;will-change:transform}
.deepbye::after{content:"";position:absolute;bottom:-8px;left:22px;width:14px;height:14px;background:#fffdf8;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg)}
.deepbye.right::after{left:auto;right:22px}
.deepbye.vis{opacity:1}
@media (max-width:859px){.deepq{padding:var(--hd) 1.4rem 38vh}.deepq p{font-size:1.32rem;line-height:1.32}}
.deepq .dq-px{display:block;font-family:ui-monospace,"SF Mono",Menlo,Consolas,"Roboto Mono",monospace;letter-spacing:-.01em;margin-top:.45rem;font-size:.8rem;color:rgba(247,180,100,.85)}
/* 1971: was 100 DM / 100 $ in Gold wert sind */
.gc-line{fill:none;stroke:#e8b04a;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
html.js .slide.on .gc-line{stroke-dashoffset:0;transition:stroke-dashoffset 2.4s cubic-bezier(.4,0,.2,1) .5s}
html:not(.js) .gc-line{stroke-dashoffset:0}
.gc-71{stroke:var(--glow);stroke-dasharray:3 5;opacity:.75}
.gc-l71{fill:var(--glow);opacity:.95;font-weight:600}
.sp-l.sp-lcap{fill:#e8b04a}
.gc-end{fill:var(--fg);opacity:0;font-weight:600}
html.js .slide.on .gc-end,html:not(.js) .gc-end{opacity:.85;transition:opacity .6s ease 2.7s}
.gc-n{margin:.6rem 0 0;font-size:.78rem;opacity:.55;text-align:center}
@media (prefers-reduced-motion:reduce){html.js .slide.on .gc-line{transition:none}}
.m-nixon .nx-q{margin:.6rem 0 .5rem;font-size:1.02rem;line-height:1.45}
.m-nixon mark{background:rgba(247,147,26,.25);color:inherit;padding:0 .15em;border-radius:3px}
.m-nixon .nx-de{font-size:.9rem;opacity:.75;margin:0 0 .4rem}
.m-nixon .nx-c{margin:1rem 0 .8rem;font-size:.95rem}
.m-nixon .nx-d{color:var(--glow);font-size:1.25rem;font-variant-numeric:tabular-nums}
.m-nixon .nx-t{display:block;font-size:.82rem;opacity:.6;font-variant-numeric:tabular-nums}

/* Fixrunde: Sprunglink, Fokus auf hellen Folien */
.skip{position:fixed;left:1rem;top:-4rem;z-index:200;padding:.6rem 1rem;border-radius:8px;background:var(--ink);color:var(--paper);font-weight:600;text-decoration:none;transition:top .2s}
.skip:focus{top:1rem}
html:not(.dark) :focus-visible{outline-color:#9A4D0E}
.slides:focus{outline:none}.slide:focus{outline:none}
/* Fixrunde Handy: Name einzeilig, Text verschwindet weich unter dem Kopf statt darunter durchzulaufen, Rechnung und Blöcke kompakter */
@media (max-width:859px){
  .name{white-space:nowrap;font-size:1rem;gap:.45rem}
  html.js .slide{padding-top:calc(var(--hd) + .5rem)}
  html.js .s-under{padding-top:max(calc(var(--hd) + .5rem),var(--ptU,0px))}
  .chain .blk{max-width:5.6rem}.chain .blocks{gap:.6rem}.cube .fee{font-size:.6rem;top:.3rem}.blk .blk-h{font-size:.85rem}.blk .blk-t,.blk .blk-n,.blk .blk-p{font-size:.64rem}
  .div{gap:.55rem}.dv-row{padding-bottom:.55rem;gap:.3rem .6rem}.dv-chips{min-height:2.3rem;gap:.35rem}
  .chip{padding:.22rem .5rem;border-radius:6px}.chip b{font-size:.62rem}.chip em{font-size:.82rem}
  .dv-t{font-size:1.02rem}.dv-k{font-size:.66rem}.dv-gone{font-size:.88rem}
}
@media (max-width:859px){.s-contact .foot{padding-right:3.6rem}}

/* Handy hochkant: Grafiken kompakter, damit jede Halle ohne Scrollen auf den Bildschirm passt */
@media (max-width:859px) and (orientation:portrait){
  .plot{height:clamp(5.5rem,15vh,8.5rem)}
  .sp{max-width:min(16rem,68vw)}
  .eurobox{font-size:.7rem;margin-top:.4rem;gap:.3rem}
  .big-browser{max-width:min(100%,16rem)}
  .gc-n{font-size:.7rem;margin-top:.3rem}
  .chart-head{margin-bottom:.2rem}
}
@media (max-width:859px) and (orientation:portrait){
  .plot{height:clamp(5rem,10.5vh,7.5rem)}
  .ch-hint{display:none}
  .sp{max-width:min(14rem,60vw)}
  .gc-n{font-size:.66rem;line-height:1.35}
  .s-split .copy p.stat{font-size:.95rem}
  .src-link{margin-top:.5rem!important}
}
@media (max-width:859px) and (orientation:portrait){.eurobox{font-size:.66rem;gap:.2rem}.s-split .viz.sup{margin-top:.4rem}}
@media (max-width:859px) and (orientation:portrait){#massstab .aside{font-size:.8rem;line-height:1.45}#massstab .ch-val{font-size:1.35rem;line-height:1.1}#massstab .chart-head .ch-title{font-size:.72rem}#massstab .copy>*+*{margin-top:.55rem!important}}
@media (max-width:859px) and (orientation:portrait){[id="21-millionen"] .sp{max-width:min(12.5rem,56vw)}html.js .slide{padding-bottom:.9rem}}
.deepq .dq-r{display:block;margin-top:.55rem;font-style:italic;font-size:.92rem;color:rgba(239,231,219,.88)}
.deepq .dq-r::before{content:"— ";color:rgba(247,147,26,.9)}

/* nuck nuck.-Karten: hell am Tag, dunkel in der Nacht (folgt dem Himmel-Schalter) */
/* die dunkle Karte liegt genau über der hellen und blendet weich ein, im Takt des Himmels */
.nn-stack{position:relative;display:inline-block;line-height:0}
.phone.nn-d{position:absolute;left:0;top:0}
.nn-d{opacity:0}html.night .nn-d{opacity:1}
.phone.nn-card{transition:transform .6s var(--ease),opacity 1.4s ease}
.c.nn-d{transition:transform 1.1s var(--ease),opacity 1.4s ease}
.phone.nn-card,.c.nn-l,.c.nn-d{border-radius:4.63%/2.6%}
.phone.nn-card{box-shadow:0 34px 70px -38px rgba(70,45,15,.55)}
.phone.nn-d{box-shadow:none}
.ss-stack{position:relative;display:block;line-height:0}
.ss-stack .nn-d{position:absolute;left:0;top:0;transition:opacity 1.4s ease}
@media (prefers-reduced-motion:reduce){.phone.nn-card,.c.nn-d,.ss-stack .nn-d{transition:none}}

.src-link span{display:block;margin-top:.2rem;color:var(--muted);opacity:.8}   /* Zusatz unter dem Archiv-Link */
/* Fassung 6 (31.10.2026): längere Texte, damit sie am Handy ohne Scrollen passen. Die Illustrationen tragen den Rest:
   das Buffett-Zitat erzählt der Baum, die Euro-Geldmenge die Kurve daneben, der Chart-Titel steht im Text. */
@media (max-width:859px) and (orientation:portrait){
  .s-year .quote{display:none}
  .copy p{margin-bottom:.7rem}
  .s-center p{margin-bottom:.7rem}
  .aside{margin-top:.7rem!important}
  h2{margin-bottom:.6rem}
  .yr-col{margin-bottom:-.4rem}
  [id="21-millionen"] .eurobox{display:none}
  #massstab .ch-title{display:none}
  #massstab .chart-head{justify-content:flex-end}
  .src-link span{display:inline;margin:0 0 0 .4rem}
}
@media (max-width:859px) and (orientation:portrait) and (max-height:720px){
  .yr{font-size:min(4rem,17vw)}
  .yr-s{font-size:min(3.6rem,15vw);margin-bottom:.3rem}
  .src-link span{display:none}
}
@media (max-width:859px) and (orientation:portrait){
  .s-split .in{gap:1rem}
  .globe-fig{max-width:9.5rem}
  [id="1971"] .sp{max-width:min(13rem,58vw)}
  #massstab .plot{height:4.6rem}
  #massstab .ch-val{font-size:1.5rem;margin-top:.3rem}
  #massstab .ch-hint{display:none}
  #massstab .src-link span{display:none}
  #pruefen .blk:nth-child(n+3){display:none}
}
@media (max-width:859px) and (orientation:portrait){
  [id="2018"] .src-link,[id="1971"] .src-link{display:none}
  [id="1971"] .sp{max-width:min(11.5rem,52vw)}
  #massstab .chart-foot{display:none}
  #massstab .plot{height:4.2rem}
  #pruefen .price{display:none}
  .s-split .in{gap:.8rem}
}
@media (min-width:860px){[id="1971"] .viz{align-self:start;margin-top:.5rem}}   /* Goldchart oben, damit Fort Knox darunter größer werden kann */
@media (min-width:860px){#werkstatt .in{grid-template-columns:minmax(0,44rem) minmax(0,1fr)}}   /* breiterer Werkstatt-Text, die Laterne hängt dafür weiter rechts */
/* Fassung 7: am Handy zeigt „Nachprüfen“ den Node unten im Bau statt der Blockreihe, der Satz über die Blöcke fällt dort weg */
@media (max-width:859px) and (orientation:portrait) and (max-height:900px){#pruefen .viz,#pruefen .b-hint{display:none}}
@media (max-width:859px) and (orientation:portrait){.globe-fig{max-width:8rem}}

/* 2024: Jahreszahl links, Text rechts, oben in der Halle; darunter ist Platz für das Puzzle. Am Handy kommt das Puzzle in den Platz über der Überschrift */
.pz-slot{display:none}
@media (min-width:860px){
  [id="2024"] .in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,36rem);column-gap:clamp(2rem,5vw,5rem);align-items:start;text-align:left;margin:auto;max-width:70rem}
  [id="2024"] .yr-col{grid-column:1;grid-row:1/4;justify-content:center}
  [id="2024"] .yr-s{font-size:clamp(5rem,10vw,9.5rem);margin:0}
  [id="2024"] h2{grid-column:2;max-width:none;font-size:clamp(2rem,3.4vw,3rem);margin-top:.15em}
  [id="2024"] .in > p{grid-column:2;max-width:none;margin-left:0;margin-right:0}
}
@media (max-width:859px){
  [id="2024"] .in{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.6rem;align-items:center;justify-items:center}
  [id="2024"] .yr-col{grid-column:1;grid-row:1;margin:0}
  [id="2024"] .yr-s{font-size:min(3rem,12.5vw);margin:0}
  [id="2024"] .pz-slot{display:block;grid-column:2;grid-row:1;width:100%;height:clamp(6.5rem,17vh,9.5rem);margin-top:1.1rem}
  [id="2024"] h2,[id="2024"] .in > p{grid-column:1/-1}
}

/* sehr kleine Handys (iPhone SE & Co.): etwas kompakter, damit jede Folie ohne Scrollen passt */
@media (max-width:400px) and (max-height:700px){
  .copy p,.s-center p,.s-year .copy p{font-size:.84rem;line-height:1.42;margin-bottom:.55rem}
  .s-under h2,.s-year h2,.s-center h2{font-size:1.38rem;margin-bottom:.45rem}
  .eyebrow{margin-bottom:.35rem}
  .yr,.yr-s{font-size:min(3rem,13vw)}
  .s-split .in,.s-year .in{gap:.7rem}
  #massstab .plot{height:3.6rem}#massstab .aside{display:none}
  [id="1971"] .sp{max-width:min(11rem,52vw)}[id="1971"] .viz{margin-top:0}[id="1971"] .gc-n{display:none}
}