@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap');
:root{--bg:#090a09;--panel:#10120f;--text:#f3f4ef;--muted:#a2a69c;--acid:#b9ff4a;--line:#292d27}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.top{height:72px;position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;padding:0 3vw;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(8,9,8,.76);backdrop-filter:blur(16px)}.brand{font:500 22px 'Barlow Condensed';letter-spacing:.12em}.top nav{margin:auto;display:flex;gap:30px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#c4c6c0}.top nav a:hover{color:var(--acid)}.miniCta{border:1px solid #555;padding:10px 16px;font-size:11px;letter-spacing:.1em}.hero{height:100vh;min-height:800px;position:relative;overflow:hidden}.hero>img{position:absolute;inset:0}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,5,.94) 0%,rgba(5,6,5,.7) 45%,rgba(5,6,5,.06) 82%),linear-gradient(0deg,rgba(5,6,5,.75),transparent 45%)}.heroText{position:absolute;left:6vw;top:15vh;width:min(840px,67vw)}.kicker,.sectionNo{font-size:11px;letter-spacing:.22em;color:var(--acid);font-weight:500}.hero h1,.chapter h2,.risk h2{font-family:'Barlow Condensed',sans-serif;font-weight:300;line-height:.86;letter-spacing:-.02em;margin:24px 0}.hero h1{font-size:clamp(72px,8.5vw,142px)}h1 em,h2 strong{font-style:normal;font-weight:400;color:var(--acid)}.heroText p{max-width:760px;font-size:17px;line-height:1.7;color:#d7d9d2}.primary{display:inline-block;margin-top:20px;padding:15px 20px;background:var(--acid);color:#0b0c0a;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.heroRail{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(7,8,7,.82);border-top:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);padding-left:5vw}.heroRail span{padding:23px 3vw;border-right:1px solid rgba(255,255,255,.12);font:300 30px 'Barlow Condensed';color:var(--acid)}.heroRail b{display:block;color:#bbb;font:300 10px Inter;letter-spacing:.13em;text-transform:uppercase;margin-top:5px}.chapter,.risk{padding:125px 6vw}.chapter:nth-of-type(odd){background:#0c0e0c}.chapterHead{max-width:1320px;margin-bottom:60px}.chapter h2,.risk h2{font-size:clamp(58px,7vw,112px);max-width:1300px}.bigcopy{font:300 clamp(26px,3vw,46px)/1.18 'Barlow Condensed';max-width:1150px;color:#c8cac4}.rubricHero{height:min(76vh,850px);min-height:580px;position:relative;overflow:hidden;margin:0 -6vw 10px}.rubricHero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,6,5,.82),transparent 55%)}.rubricHero div{position:absolute;z-index:2;left:6vw;bottom:7%;max-width:900px}.rubricHero span{font-size:10px;letter-spacing:.2em;color:var(--acid)}.rubricHero h3{font:300 clamp(52px,6.2vw,100px)/.9 'Barlow Condensed';margin:12px 0}.miniGallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:260px;gap:8px;margin-top:8px}.miniGallery figure{margin:0;overflow:hidden;background:#151715}.miniGallery .double{grid-column:span 2}.miniGallery img{transition:transform .75s ease}.miniGallery figure:hover img{transform:scale(1.03)}.triple{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:70px}.triple article{background:var(--bg);padding:38px}.triple b{color:var(--acid);font:300 40px 'Barlow Condensed'}.triple h3{font:400 32px 'Barlow Condensed';margin:35px 0 12px}.triple p,.proofStrip p,.chartTitle p,.motGrid p,.risk p{color:var(--muted);line-height:1.7}.natureWords{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.natureWords span,.techTags span{border:1px solid #363a34;padding:10px 14px;font-size:10px;letter-spacing:.14em}.proof{background:#0e100e}.proofStrip{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:60px}.proofStrip>div{background:#0b0c0b;padding:45px}.proofStrip small{color:var(--acid);letter-spacing:.15em}.proofStrip h3{font:300 43px/1 'Barlow Condensed';margin:16px 0}.proofStrip a{display:inline-block;margin-top:12px;color:var(--acid);border-bottom:1px solid var(--acid);padding-bottom:4px}.techTags{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}.equity{background:#0d0f0d}.chart{margin:75px 0 65px;border-top:1px solid var(--line);padding-top:50px;display:grid;grid-template-columns:.38fr .62fr;gap:5vw}.chartTitle span{font-size:10px;letter-spacing:.17em;color:var(--acid)}.chartTitle h3{font:300 74px 'Barlow Condensed';margin:12px 0}.lineChart{min-height:400px;position:relative;border-left:1px solid #292c27;border-bottom:1px solid #292c27;background:repeating-linear-gradient(to bottom,transparent 0,transparent 79px,#1c1f1b 80px)}.lineChart svg{position:absolute;inset:30px 25px 55px;width:calc(100% - 50px);height:calc(100% - 85px);overflow:visible}.curve{fill:none;stroke:var(--acid);stroke-width:3;vector-effect:non-scaling-stroke;stroke-dasharray:1800;stroke-dashoffset:1800;transition:stroke-dashoffset 2s ease}.area{fill:url(#fill);opacity:0;transition:opacity 1.4s ease .4s}.chart.visible .curve{stroke-dashoffset:0}.chart.visible .area{opacity:1}.chartLabels{position:absolute;bottom:10px;left:20px;right:20px;display:flex;justify-content:space-between;color:#777;font-size:10px}.chartLabels b{color:#ddd;font-size:14px}.motGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin:55px 0}.motGrid article{background:#0b0d0a;padding:36px}.motGrid b{font:400 26px 'Barlow Condensed';color:var(--acid);letter-spacing:.08em}.finalCta{padding:110px 0 10px}.finalCta>span{font-size:10px;letter-spacing:.2em;color:var(--acid)}.finalCta h2{font-size:clamp(70px,9vw,145px);margin:18px 0}.risk{max-width:1350px}.risk h2{font-size:clamp(52px,6vw,88px)}.risk p{max-width:1000px;font-size:14px}footer{border-top:1px solid var(--line);padding:55px 6vw;display:grid;grid-template-columns:1fr 1fr .6fr;gap:50px;color:#777;font-size:12px;line-height:1.7}footer b{font:500 20px 'Barlow Condensed';color:#ddd;letter-spacing:.08em}.footLinks{display:flex;flex-direction:column;gap:8px}.footLinks a:hover{color:var(--acid)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){.top nav{display:none}.heroText{width:88vw;left:6vw;top:13vh}.hero h1{font-size:66px}.heroText p{font-size:15px}.heroRail{grid-template-columns:1fr 1fr}.hero{min-height:900px}.chapter,.risk{padding:85px 6vw}.rubricHero{min-height:500px;height:64vh}.miniGallery{grid-template-columns:1fr 1fr;grid-auto-rows:190px}.miniGallery .double{grid-column:span 2}.triple,.proofStrip,.chart,.motGrid,footer{grid-template-columns:1fr}.lineChart{min-height:330px}.miniCta{display:none}.proofStrip>div{padding:32px}.finalCta{padding-top:80px}}
\n\n/* Modular V21 motion layer */
.hero>img{animation:heroBreath 14s ease-out both;transform-origin:center center}
@keyframes heroBreath{from{transform:scale(1.035)}to{transform:scale(1)}}
.chapterHead h2{will-change:transform,opacity}
.reveal .sectionNo,.reveal h2,.reveal .bigcopy{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.reveal.visible .sectionNo{opacity:1;transform:none;transition-delay:.02s}
.reveal.visible h2{opacity:1;transform:none;transition-delay:.09s}
.reveal.visible .bigcopy{opacity:1;transform:none;transition-delay:.18s}
.rubricHero img{transform:scale(1.025);transition:transform 1.8s cubic-bezier(.2,.7,.2,1);will-change:transform}
.rubricHero.visible img{transform:scale(1)}
.miniGallery figure{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.miniGallery.visible figure{opacity:1;transform:none}
.miniGallery.visible figure:nth-child(2){transition-delay:.07s}.miniGallery.visible figure:nth-child(3){transition-delay:.14s}.miniGallery.visible figure:nth-child(4){transition-delay:.21s}.miniGallery.visible figure:nth-child(5){transition-delay:.28s}.miniGallery.visible figure:nth-child(6){transition-delay:.35s}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal,.reveal *,.miniGallery figure{opacity:1!important;transform:none!important}}
/* Normale Links im Fließtext sichtbar machen */
p a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

p a:hover {
  color: #a8ff24;
}
