/* ═══════════════════════════════════════════════════════════
   ELSTER · Designsystem
   Bone #F4F1EA · Obsidian #0D0A0B · Signal #B4202C · Deep #5A0F1A
   Inter · Instrument Serif · JetBrains Mono — lokal gehostet
   ═══════════════════════════════════════════════════════════ */

@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;
  src:url('fonts/inter-latin-300-normal.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/inter-latin-400-normal.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;
  src:url('fonts/inter-latin-500-normal.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;
  src:url('fonts/inter-latin-700-normal.woff2') format('woff2');}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/instrument-serif-latin-400-normal.woff2') format('woff2');}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;
  src:url('fonts/instrument-serif-latin-400-italic.woff2') format('woff2');}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:300;font-display:swap;
  src:url('fonts/jetbrains-mono-latin-300-normal.woff2') format('woff2');}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/jetbrains-mono-latin-400-normal.woff2') format('woff2');}

:root{--bone:#F4F1EA;--paper:#FAF8F3;--obsidian:#0D0A0B;--signal:#B4202C;--deep:#5A0F1A;
  --ink:#2D2A2A;--mark:#D9D7D3;--signal-dark:#DE3C47;
  --line:rgba(13,10,11,.14);--muted:rgba(13,10,11,.58);}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bone);color:var(--obsidian);font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.75;overflow-x:hidden;}
::selection{background:var(--signal);color:var(--bone);}
#grain{position:fixed;inset:0;z-index:2000;pointer-events:none;opacity:.4;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.05'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
#thread{position:fixed;top:0;left:0;height:2px;width:0;background:var(--signal);z-index:1500;}

/* ——— Header: Wortmarke + Claim + Navigation ——— */
header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;
  padding:.9rem clamp(1.2rem,4vw,3rem);background:linear-gradient(to bottom,rgba(13,10,11,.95),rgba(13,10,11,0));transition:background .4s;}
header.on-light{background:linear-gradient(to bottom,rgba(244,241,234,.95),rgba(244,241,234,0));}
header.solid{background:rgba(13,10,11,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(244,241,234,.10);padding-top:.7rem;padding-bottom:.7rem;}
header.solid.on-light{background:rgba(244,241,234,.94);border-bottom-color:rgba(13,10,11,.10);}
.brand{display:flex;align-items:center;gap:.9rem;text-decoration:none;flex:none;}
.brand img{width:54px;height:auto;display:block;transition:width .3s;}
header.solid .brand img{width:44px;}
.brand .bs{font-family:'JetBrains Mono',monospace;font-size:.54rem;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(244,241,234,.82);transition:color .4s;line-height:1.75;border-left:1px solid rgba(244,241,234,.22);padding-left:.9rem;}
header.on-light .brand .bs{color:var(--obsidian);border-left-color:rgba(13,10,11,.18);}

nav{display:flex;align-items:center;gap:clamp(.9rem,2vw,1.7rem);}
nav .nl{font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(244,241,234,.8);text-decoration:none;padding:.4rem 0;border-bottom:1px solid transparent;transition:color .3s,border-color .3s;}
nav .nl:hover{color:var(--bone);}
nav .nl.on{color:var(--bone);border-bottom-color:var(--signal);}
header.on-light nav .nl{color:rgba(13,10,11,.6);}
header.on-light nav .nl:hover,header.on-light nav .nl.on{color:var(--obsidian);}
.top-cta{font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--bone);text-decoration:none;border:1px solid rgba(244,241,234,.45);padding:.7rem 1.4rem;transition:all .3s;white-space:nowrap;}
.top-cta:hover{background:var(--bone);color:var(--obsidian);}
header.on-light .top-cta{color:var(--obsidian);border-color:var(--obsidian);}
header.on-light .top-cta:hover{background:var(--obsidian);color:var(--bone);}

/* Burger + mobiles Menü */
#burger{display:none;background:none;border:0;cursor:pointer;padding:.6rem;margin:-.6rem;}
#burger span{display:block;width:22px;height:1.5px;background:var(--bone);margin:5px 0;transition:all .3s;}
header.on-light #burger span{background:var(--obsidian);}
body.menu-open #burger span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
body.menu-open #burger span:nth-child(2){opacity:0;}
body.menu-open #burger span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}
#menu{position:fixed;inset:0;z-index:90;background:var(--obsidian);display:flex;flex-direction:column;justify-content:center;
  padding:0 clamp(1.6rem,8vw,4rem);opacity:0;pointer-events:none;transition:opacity .4s;}
body.menu-open #menu{opacity:1;pointer-events:auto;}
#menu a{font-family:'Instrument Serif',serif;font-size:clamp(1.7rem,6vw,2.6rem);color:var(--bone);text-decoration:none;
  padding:.55rem 0;border-bottom:1px solid rgba(244,241,234,.1);display:flex;justify-content:space-between;align-items:baseline;}
#menu a:hover{color:var(--signal);}
#menu a small{font-family:'JetBrains Mono',monospace;font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(244,241,234,.58);}
#menu a.on{color:var(--signal);}
@media(max-width:960px){nav .nl{display:none;} #burger{display:block;} nav{gap:1rem;}}
@media(max-width:560px){.brand .bs{font-size:.46rem;letter-spacing:.14em;padding-left:.6rem;}
  .brand{gap:.6rem;} .brand img{width:42px;} header.solid .brand img{width:38px;}
  .top-cta{font-size:.52rem;padding:.6rem .9rem;letter-spacing:.16em;}}

/* ——— Befund-Leiste (Fortschritt, seitenspezifisch befüllt) ——— */
#akte{position:fixed;bottom:0;left:0;right:0;z-index:120;background:rgba(13,10,11,.97);color:var(--bone);
  transform:translateY(105%);transition:transform .55s cubic-bezier(.7,0,.2,1);border-top:1px solid rgba(244,241,234,.14);}
#akte.show{transform:none;}
.akte-in{max-width:1180px;margin:0 auto;padding:.85rem clamp(1.2rem,4vw,3rem);display:flex;align-items:center;gap:clamp(.8rem,2.5vw,2.2rem);flex-wrap:wrap;
  font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;}
.akte-in .az{color:var(--mark);}
.akte-step{display:flex;align-items:center;gap:.5rem;color:rgba(244,241,234,.5);transition:color .4s;}
.akte-step.done{color:var(--bone);}
.akte-step i{width:7px;height:7px;border-radius:50%;background:rgba(244,241,234,.2);display:block;transition:background .4s;}
.akte-step.done i{background:var(--signal);}
.akte-in .go{margin-left:auto;color:var(--signal-dark);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;}
.go-s{display:none;}
@media(max-width:720px){
  .akte-in{gap:.7rem;padding:.6rem 1.2rem;font-size:.52rem;flex-wrap:nowrap;}
  .akte-in .az{display:none;}
  .akte-step span{display:none;}
  .akte-step{gap:.3rem;}
  .akte-in .go{margin-left:auto;white-space:nowrap;}
  .go-l{display:none;} .go-s{display:inline;}}

/* ——— Layout ——— */
section{padding:clamp(4.2rem,9vh,7rem) clamp(1.3rem,7vw,7rem);max-width:1180px;margin:0 auto;position:relative;}
.dark{background:var(--obsidian);color:var(--bone);width:100vw;margin-left:calc(50% - 50vw);max-width:none;}
.dark-in{max-width:1180px;margin:0 auto;padding:0 clamp(1.3rem,7vw,7rem);}
.kicker{font-family:'JetBrains Mono',monospace;font-size:.61rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:1rem;margin-bottom:2rem;}
.kicker::after{content:"";flex:1;height:1px;background:var(--line);}
.dark .kicker{color:var(--mark);}
.dark .kicker::after{background:rgba(244,241,234,.14);}
h2{font-family:'Inter',sans-serif;font-weight:700;letter-spacing:-0.018em;}
h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:var(--signal);font-size:1.06em;letter-spacing:0;}
h2.sh{font-family:'Instrument Serif',serif;font-weight:400;letter-spacing:0;}
h1{font-family:'Inter',sans-serif;font-weight:700;letter-spacing:-0.022em;
  font-size:clamp(1.9rem,4.9vw,3.7rem);line-height:1.12;max-width:16em;}
h1 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:var(--signal);
  font-size:1.06em;letter-spacing:0;}
h2{font-size:clamp(1.85rem,3.9vw,2.8rem);line-height:1.18;max-width:20em;margin-bottom:1.2rem;}
h2 em{font-style:italic;color:var(--signal);}
h3{font-family:'Instrument Serif',serif;font-weight:400;font-size:1.35rem;margin-bottom:.5rem;}
p{max-width:44rem;margin-bottom:1rem;font-size:.96rem;color:var(--ink);}
.dark p{color:rgba(244,241,234,.92);}
p strong{color:var(--obsidian);font-weight:500;}
.dark p strong{color:var(--bone);}
.lead{font-size:1.07rem;color:var(--obsidian);}
.dark .lead{color:var(--bone);}
.reveal{opacity:1;transform:none;transition:opacity .85s ease,transform .85s ease;}
html.js .reveal{opacity:0;transform:translateY(22px);}
html.js .reveal.in,.reveal.in{opacity:1;transform:none;}

.btn{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;
  text-decoration:none;padding:1.2rem 2.5rem;border:1px solid var(--signal);background:var(--signal);color:#fff;transition:all .3s;cursor:pointer;}
.btn:hover{background:#8E1723;border-color:#8E1723;}
.btn-ghost{background:none;color:var(--bone);border-color:rgba(244,241,234,.45);}
.btn-ghost:hover{background:var(--bone);color:var(--obsidian);border-color:var(--bone);}
.btn-dark{background:none;color:var(--obsidian);border-color:var(--obsidian);}
.btn-dark:hover{background:var(--obsidian);color:var(--bone);}
.cta-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-top:2.2rem;}
.note{font-family:'JetBrains Mono',monospace;font-size:.57rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);}
.dark .note{color:var(--mark);}

/* ——— Zwischenakt ——— */
.il{width:100vw;margin-left:calc(50% - 50vw);max-width:none;background:var(--obsidian);color:var(--bone);
  min-height:62vh;display:flex;align-items:center;justify-content:center;padding:clamp(4rem,10vh,7rem) clamp(1.3rem,7vw,7rem);}
.il p{font-family:'Inter',sans-serif;font-weight:700;font-style:normal;letter-spacing:-.018em;font-size:clamp(1.6rem,4.4vw,3.2rem);line-height:1.3;max-width:17em;text-align:center;color:var(--bone);margin:0;}
.il p em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;font-size:1.06em;letter-spacing:0;color:var(--signal);}

/* ——— Rechner (Index + /rechner) ——— */
.calc{margin-top:2.4rem;max-width:52rem;border-top:1px solid var(--line);}
.fld{padding:1.25rem 0;border-bottom:1px solid var(--line);}
.fld .top{display:flex;justify-content:space-between;align-items:baseline;gap:1.4rem;}
.fld label{font-size:.95rem;line-height:1.5;}
.fld label small{display:block;font-family:'JetBrains Mono',monospace;font-size:.54rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:.25rem;}
.fld .out{font-family:'JetBrains Mono',monospace;font-size:1rem;white-space:nowrap;color:var(--obsidian);}
@media(max-width:600px){.fld .top{flex-direction:column;gap:.5rem;align-items:flex-start;}
  .fld .out{font-size:1.15rem;color:var(--signal);}}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:2px;background:var(--line);margin-top:1.1rem;outline:none;cursor:pointer;}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--signal);cursor:pointer;border:0;}
input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--signal);cursor:pointer;border:0;}
.live{margin-top:2.4rem;background:var(--obsidian);color:var(--bone);padding:1.9rem 2rem;display:flex;justify-content:space-between;gap:1.6rem;flex-wrap:wrap;align-items:flex-end;}
.live .lb{font-family:'JetBrains Mono',monospace;font-size:.57rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mark);}
.live .lv{font-family:'Instrument Serif',serif;font-size:clamp(2.2rem,6vw,3.4rem);line-height:1;color:var(--signal);margin-top:.4rem;}
.live .lv.sm{font-size:clamp(1.4rem,3.4vw,2rem);color:var(--bone);}

/* ——— Befund-Dokument ——— */
#befund{display:none;margin-top:3rem;scroll-margin-top:6rem;}
#befund.show{display:block;animation:docIn .9s ease both;}
@keyframes docIn{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:none;}}
.doc{position:relative;background:var(--paper);border:1px solid rgba(13,10,11,.18);padding:clamp(1.6rem,5vw,3.4rem);box-shadow:0 24px 66px rgba(13,10,11,.10);max-width:52rem;}
.dh-r{display:flex;align-items:center;gap:1.1rem;}
.dh-logo{width:34px;height:auto;display:block;}
.doc-head{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--obsidian);
  font-family:'JetBrains Mono',monospace;font-size:.57rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);}
.doc-head b{color:var(--obsidian);font-weight:400;}
.doc h4{font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(1.35rem,2.8vw,1.9rem);margin-top:2rem;}
.doc-meta{font-family:'JetBrains Mono',monospace;font-size:.57rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:.5rem;}
.doc-wl{margin:1.9rem 0 0;padding:1.2rem 0 1.2rem 1.4rem;border-left:2px solid var(--signal);}
.doc-wl-lb{display:block;font-family:'JetBrains Mono',monospace;font-size:.52rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--muted);margin-bottom:.6rem;}
.doc-wl .doc-wl-tx{font-family:'Instrument Serif',serif;font-size:clamp(1.1rem,2.4vw,1.5rem);line-height:1.4;color:var(--obsidian);display:block;}
.esc{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.2rem;border-top:1px solid var(--line);padding-top:1.6rem;}
@media(max-width:600px){.esc{grid-template-columns:1fr;}}
.esc div .el{font-family:'JetBrains Mono',monospace;font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);}
.esc div .ev2{font-family:'Instrument Serif',serif;line-height:1.05;margin-top:.4rem;color:var(--signal);}
.esc div:nth-child(1) .ev2{font-size:clamp(1.5rem,3.4vw,2rem);}
.esc div:nth-child(2) .ev2{font-size:clamp(1.9rem,4.4vw,2.6rem);}
.esc div:nth-child(3) .ev2{font-size:clamp(2.4rem,5.8vw,3.4rem);}
.breakdown{margin-top:2rem;border-top:1px solid var(--line);}
.bd{display:flex;justify-content:space-between;gap:1.4rem;padding:.65rem 0;border-bottom:1px solid var(--line);font-size:.87rem;}
.bd span:first-child{color:var(--muted);}
.bd span:last-child{font-family:'JetBrains Mono',monospace;}
.doc-foot{border-top:1px solid var(--line);margin-top:1.8rem;padding-top:1.1rem;font-family:'JetBrains Mono',monospace;font-size:.54rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);line-height:2;}
.doc-actions{margin-top:1.8rem;display:flex;gap:1.1rem;align-items:center;flex-wrap:wrap;}

/* ——— Angebot / Preis ——— */
.marks{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));border-top:1px solid rgba(244,241,234,.16);margin-top:2.2rem;}
.mark-i{padding:1.7rem 1.5rem 1.9rem 0;border-bottom:1px solid rgba(244,241,234,.16);}
.mark-i .d{font-family:'JetBrains Mono',monospace;font-size:.57rem;letter-spacing:.22em;text-transform:uppercase;color:var(--signal-dark);margin-bottom:.6rem;}
.mark-i p{font-family:'Inter',sans-serif;font-style:normal;font-size:.92rem;line-height:1.6;margin:0;color:var(--bone);}
.offer{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:clamp(2rem,5vw,4.2rem);margin-top:2.4rem;align-items:start;}
@media(max-width:860px){.offer{grid-template-columns:1fr;}}
.steps{border-top:1px solid var(--line);}
.step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:1.1rem;padding:1.2rem 0;border-bottom:1px solid var(--line);}
.step b{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;font-size:1.4rem;color:rgba(13,10,11,.24);}
.step h4{font-size:.94rem;font-weight:500;margin-bottom:.2rem;}
.step p{font-size:.87rem;margin:0;color:var(--muted);}
.price{background:var(--obsidian);color:var(--bone);padding:2rem 1.9rem 2.2rem;position:relative;}
.price::before{content:"";position:absolute;top:0;left:0;width:42%;height:3px;background:var(--signal);}
.price .pk{font-family:'JetBrains Mono',monospace;font-size:.57rem;letter-spacing:.24em;text-transform:uppercase;color:var(--mark);}
.price .amount{font-family:'Instrument Serif',serif;font-size:clamp(2.4rem,5.6vw,3.2rem);line-height:1;margin-top:1.4rem;}
.price .pn{font-family:'JetBrains Mono',monospace;font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mark);margin-top:.45rem;}
.price .rel{margin-top:1.3rem;padding-top:1.2rem;border-top:1px solid rgba(244,241,234,.14);font-size:.85rem;color:rgba(244,241,234,.92);line-height:1.6;}
.price .rel b{color:var(--signal);font-weight:400;}
.price ul{list-style:none;margin:1.5rem 0 0;}
.price li{padding:.55rem 0;border-top:1px solid rgba(244,241,234,.14);font-size:.84rem;color:rgba(244,241,234,.92);}
.price li::before{content:"+";color:var(--signal);margin-right:.6em;font-family:'JetBrains Mono',monospace;}
.price .btn{width:100%;text-align:center;margin-top:1.6rem;padding-left:0;padding-right:0;}
.price .cap{text-align:center;margin-top:.9rem;font-family:'JetBrains Mono',monospace;font-size:.54rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mark);}

/* ——— Listen, Person, FAQ ——— */
.nots{margin-top:2.2rem;max-width:42rem;list-style:none;}
.nots li{padding:.82rem 0;border-bottom:1px solid var(--line);font-size:.94rem;color:var(--ink);}
.nots li strong{color:var(--obsidian);font-weight:500;}
.person{max-width:42rem;}
.q{font-family:'Instrument Serif',serif;font-style:normal;font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.35;
  color:var(--obsidian);border-left:3px solid var(--signal);padding:.4rem 0 .4rem 1.6rem;margin:2.4rem 0;max-width:24em;}
.q em{font-style:normal;color:var(--signal);}
.faq{margin-top:2.4rem;border-top:1px solid var(--line);max-width:52rem;}
.faq details{border-bottom:1px solid var(--line);}
.faq summary{cursor:pointer;list-style:none;padding:1.4rem 3rem 1.4rem 0;position:relative;font-family:'Instrument Serif',serif;font-size:clamp(1.02rem,2.1vw,1.3rem);}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";position:absolute;right:.3rem;top:50%;transform:translateY(-50%);font-family:'JetBrains Mono',monospace;font-size:1rem;color:var(--muted);}
.faq details[open] summary::after{content:"—";color:var(--signal);}
.faq .a{padding:0 0 1.7rem;max-width:41rem;font-size:.93rem;line-height:1.85;color:var(--muted);}
.faq .a a{color:var(--signal);text-decoration:none;border-bottom:1px solid rgba(180,32,44,.35);}
a.tlink{color:var(--signal);text-decoration:none;border-bottom:1px solid rgba(180,32,44,.35);}

/* ——— Treppe (Produktübersicht) ——— */
.ladder{margin-top:2.6rem;border-top:1px solid var(--line);}
.rung{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;align-items:baseline;padding:1.6rem .2rem;border-bottom:1px solid var(--line);
  text-decoration:none;color:inherit;transition:background .3s,padding .3s;}
.rung:hover{background:var(--paper);padding-left:.8rem;}
.rung .rk{font-family:'JetBrains Mono',monospace;font-size:.55rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:.45rem;}
.rung h3{margin-bottom:.3rem;}
.rung p{margin:0;font-size:.9rem;color:var(--muted);max-width:36rem;}
.rung .rp{font-family:'JetBrains Mono',monospace;font-size:.95rem;white-space:nowrap;text-align:right;}
.rung .rp small{display:block;font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:.3rem;}
.rung .arrow{color:var(--signal);font-family:'JetBrains Mono',monospace;}
@media(max-width:640px){.rung{grid-template-columns:1fr;gap:.6rem;} .rung .rp{text-align:left;}}

/* ——— Footer ——— */
footer{background:var(--obsidian);color:rgba(244,241,234,.75);padding:0 clamp(1.3rem,7vw,7rem) 5.5rem;}
.foot-in{max-width:1180px;margin:0 auto;border-top:1px solid rgba(244,241,234,.12);padding-top:2.8rem;display:flex;justify-content:space-between;gap:2.4rem;flex-wrap:wrap;align-items:flex-end;}
.foot-brand img{width:88px;height:auto;opacity:.9;}
.foot-brand .fc{font-family:'JetBrains Mono',monospace;font-size:.57rem;letter-spacing:.22em;text-transform:uppercase;margin-top:1.1rem;color:var(--mark);}
.foot-links{font-family:'JetBrains Mono',monospace;font-size:.57rem;letter-spacing:.2em;text-transform:uppercase;line-height:2.4;text-align:right;}
.foot-links a{text-decoration:none;color:inherit;}
.foot-links a:hover{color:var(--signal);}
@media(max-width:640px){.foot-links{text-align:left;}}

@media print{
  #grain,#thread,header,#akte,#menu,footer,.btn,.doc-actions{display:none!important;}
  main > *:not(:has(#befund)){display:none!important;}
  main > *:has(#befund){display:block!important;padding:0!important;margin:0!important;max-width:none!important;background:none!important;}
  main > *:has(#befund) > *:not(#befund){display:none!important;}
  #befund{margin:0!important;}
  .doc{position:static!important;box-shadow:none!important;border:none!important;max-width:none!important;padding:1.4cm 1.2cm!important;}
  .doc-wl,.esc,.breakdown,.doc-foot{break-inside:avoid;}
  body{background:#fff!important;}}
@media (prefers-reduced-motion: reduce){.reveal{opacity:1!important;transform:none!important;}}

/* ——— Heros ——— */
#hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:7rem;padding-bottom:3.5rem;}
.page-hero{padding-top:clamp(8rem,18vh,11rem);}
.page-hero .sub{margin-top:1.4rem;max-width:36rem;font-size:1.04rem;}
.dark .page-hero .sub{color:rgba(244,241,234,.92);}

/* ——— Buch ——— */
.book-grid{display:grid;grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:clamp(2rem,6vw,4.5rem);align-items:center;}
@media(max-width:760px){.book-grid{grid-template-columns:1fr;}
  .book-cover{max-width:230px;}}
.book-cover{aspect-ratio:5/7;background:var(--bone);position:relative;box-shadow:22px 22px 0 rgba(180,32,44,.16),0 30px 70px rgba(0,0,0,.5);}
.bc-in{position:absolute;inset:0;padding:1.6rem 1.4rem;display:flex;flex-direction:column;border:1px solid rgba(13,10,11,.16);margin:9px;}
.bc-k{font-family:'JetBrains Mono',monospace;font-size:.5rem;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);}
.bc-t{font-family:'Instrument Serif',serif;font-size:clamp(1.4rem,2.4vw,1.8rem);line-height:1.12;color:var(--obsidian);margin-top:auto;}
.bc-s{font-family:'JetBrains Mono',monospace;font-size:.52rem;letter-spacing:.2em;text-transform:uppercase;color:var(--signal);margin-top:.8rem;margin-bottom:1.2rem;}
.bc-dot{width:11px;height:11px;border-radius:50%;background:var(--signal);}

/* ——— Textlinks ——— */
.more{font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--signal);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;}
.more:hover{color:var(--deep);}
.dark .more{color:var(--signal-dark);}

/* ——— Lexikon ——— */
.lex{max-width:52rem;}
.lex-e{padding:2rem 0 1.2rem;border-bottom:1px solid var(--line);scroll-margin-top:6rem;}
.lex-e h3{font-size:clamp(1.3rem,2.6vw,1.7rem);margin-bottom:.7rem;}
.lex-e h3::before{content:"§ ";color:var(--signal);font-family:'JetBrains Mono',monospace;font-size:.8em;}
.lex-e p{font-size:.95rem;}
.lex-e a{color:var(--signal);text-decoration:none;border-bottom:1px solid rgba(180,32,44,.35);}
.lex-x{font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);}

/* ——— Hero-Gespräch (Fold) ——— */
/* Hero Startseite (05.09.): Foto rechts, auslaufend in Obsidian; H1 = Bewegungszeile Decide or P[r]ay */
#hero.hero-d{position:relative;overflow:hidden;}
.hero-d .hero-photo{position:absolute;top:0;right:0;bottom:-22%;width:min(60%,900px);pointer-events:none;
  background:radial-gradient(ellipse 30% 40% at 56% 34%,rgba(70,62,65,.40) 0%,rgba(38,32,34,.20) 50%,rgba(13,10,11,0) 100%);}
.hero-d .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block;padding:4.5rem 10% 0 22%;box-sizing:border-box;
  -webkit-mask-image:linear-gradient(to bottom,#000 48%,rgba(0,0,0,.6) 64%,rgba(0,0,0,.25) 76%,rgba(0,0,0,.06) 84%,transparent 90%);mask-image:linear-gradient(to bottom,#000 48%,rgba(0,0,0,.6) 64%,rgba(0,0,0,.25) 76%,rgba(0,0,0,.06) 84%,transparent 90%);}
#hero .hero-txt{position:relative;max-width:36rem;}
#hero h1.h1-claim{font-size:clamp(2.6rem,7vw,5.6rem);line-height:.98;max-width:none;}
/* Bewegungszeile „Decide or P[r]ay." — Inter Bold Versalien Oxblood, Klammern dünn (wie am Cover) */
.pray{font-family:'Inter',sans-serif;font-weight:700;font-style:normal;text-transform:uppercase;color:var(--signal);letter-spacing:-.025em;}
.pray .bk{font-weight:300;letter-spacing:-.02em;}
em.pray-em{display:block;font-size:.92em;margin-top:.08em;}
#hero .hero-hook{margin-top:1.6rem;font-family:'Inter',sans-serif;font-weight:700;font-size:clamp(1.25rem,2.3vw,1.7rem);line-height:1.3;color:var(--bone);max-width:30rem;letter-spacing:-.01em;}
#hero .hero-p{margin-top:1.2rem;max-width:30rem;font-size:1.04rem;color:rgba(244,241,234,.92);}
#hero .cta-row{margin-top:1.9rem;}
@media(max-width:900px){#hero.hero-d{display:flex;flex-direction:column;}
  .hero-d .hero-photo{position:static;width:100%;max-width:340px;margin:0 auto -3rem;aspect-ratio:3/4;order:2;} .hero-d .hero-photo img{padding-top:0;} .hero-d .hero-txt{order:1}}
.hero-lines{margin-top:1.9rem;max-width:37rem;}
.hero-lines p{font-size:1.04rem;color:rgba(244,241,234,.92);margin-bottom:1.05rem;max-width:none;}
.hero-lines p:nth-child(2){color:var(--bone);}
.hero-lines .hl-proc{padding-top:1.05rem;border-top:1px solid rgba(244,241,234,.14);color:rgba(244,241,234,.88);}
.hero-lines .hl-sig{font-family:'Instrument Serif',serif;font-style:normal;font-size:clamp(1.5rem,3.1vw,2.05rem);
  line-height:1.32;color:var(--bone);margin:1.6rem 0 1.7rem;
  border-left:2px solid var(--signal);padding:.15rem 0 .15rem 1.5rem;}
.hero-lines .hl-sig em{color:var(--signal);font-style:normal;}
@media(max-width:560px){.hero-lines .hl-sig{padding-left:1.1rem;}}

/* ——— Statement-Sektion ——— */
.statement h2{font-family:'Instrument Serif',serif;font-weight:400;letter-spacing:0;font-size:clamp(2rem,4.6vw,3.3rem);line-height:1.22;max-width:23em;margin-bottom:0;}

/* ——— Schritt I · Der Wortlaut ——— */
.wl{margin-top:3rem;max-width:46rem;}
.wl-lb{display:block;font-family:'JetBrains Mono',monospace;font-size:.56rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--muted);margin-bottom:1.3rem;}
.wl textarea{width:100%;display:block;background:var(--paper);border:1px solid rgba(13,10,11,.22);border-bottom:2px solid rgba(13,10,11,.45);
  font-family:'Instrument Serif',serif;font-size:clamp(1.5rem,3.4vw,2.3rem);line-height:1.35;color:var(--obsidian);
  padding:1.1rem 1.3rem 1rem;resize:none;outline:none;overflow:hidden;border-radius:0;-webkit-appearance:none;appearance:none;
  caret-color:var(--signal);cursor:text;transition:border-color .3s,box-shadow .3s;}
.wl textarea::placeholder{color:rgba(13,10,11,.30);font-style:italic;}
.wl textarea:hover{border-color:rgba(13,10,11,.4);border-bottom-color:var(--obsidian);}
.wl textarea:focus{border-color:var(--signal);border-bottom-color:var(--signal);box-shadow:0 10px 30px rgba(180,32,44,.08);}
.wl.done textarea{border-color:rgba(13,10,11,.22);border-bottom-color:var(--signal);}
.wl-foot{display:flex;justify-content:space-between;align-items:baseline;gap:1.4rem;margin-top:.9rem;
  font-family:'JetBrains Mono',monospace;font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);}
.wl-hint em{font-family:'Instrument Serif',serif;font-style:italic;font-size:.82rem;letter-spacing:0;text-transform:none;color:var(--obsidian);}
.wl-cnt{white-space:nowrap;}
.wl-row{margin-top:2.1rem;display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;}
.wl-row .btn[disabled]{opacity:.3;pointer-events:none;}
.wl-row .btn.is-done{opacity:1;background:transparent;color:var(--obsidian);border:1px solid var(--obsidian);}
.wl-row .btn.is-done::before{content:"✓ ";color:var(--signal);}
.case-echo{margin-top:2.4rem;min-height:1.8rem;font-family:'Instrument Serif',serif;font-style:normal;
  font-size:clamp(1.05rem,2.2vw,1.4rem);color:var(--signal);opacity:0;transition:opacity .5s;}
.case-echo.on{opacity:1;}
.case-echo q{quotes:'\201E' '\201C';font-style:normal;color:var(--obsidian);}

/* ——— Schritt II · Beweismaterial ——— */
.ev{margin-top:2.4rem;border-top:1px solid var(--line);max-width:50rem;}
.ev button{display:flex;width:100%;text-align:left;gap:1.1rem;align-items:flex-start;background:none;border:0;border-bottom:1px solid var(--line);
  padding:1.15rem .4rem;font:inherit;color:inherit;cursor:pointer;transition:background .25s;}
.ev button:hover{background:var(--paper);}
.ev .box{flex:none;width:16px;height:16px;border:1px solid var(--muted);margin-top:.42rem;position:relative;transition:all .25s;}
.ev button.on .box{background:var(--signal);border-color:var(--signal);}
.ev button.on .box::after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 1.6px 1.6px 0;transform:rotate(45deg);}
.ev .tx{font-family:'Inter',sans-serif;font-size:1rem;line-height:1.6;color:var(--ink);transition:color .25s,font-weight .1s;}
.ev button.on .tx{color:var(--obsidian);font-weight:500;}
.ev .box{margin-top:.3rem;}
.ev-out{margin-top:1.8rem;min-height:2.2rem;}
.ev-count{font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);}
.ev-verdict{margin-top:.7rem;font-family:'Instrument Serif',serif;font-style:normal;font-size:clamp(1.1rem,2.3vw,1.5rem);line-height:1.45;max-width:32em;color:var(--obsidian);opacity:0;transition:opacity .5s;}
.ev-verdict.on{opacity:1;}

/* ——— The Cost of Maybe ——— */
.com-t{font-family:'Instrument Serif',serif;font-weight:400;letter-spacing:0;font-size:clamp(2.6rem,6.4vw,4.6rem);line-height:1.05;max-width:none;margin-bottom:1.6rem;}
.com-t em{font-style:italic;color:var(--signal);}
.com-t sup{font-size:.28em;color:var(--muted);font-family:'Inter',sans-serif;vertical-align:super;margin-left:.1em;}
.com-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.4rem,3vw,2.6rem);
  margin-top:3rem;border-top:1px solid var(--line);padding-top:2.2rem;}
@media(max-width:1020px){.com-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.com-grid{grid-template-columns:1fr;gap:1.8rem;}}
.com-c .cn{display:block;font-family:'JetBrains Mono',monospace;font-size:.54rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--muted);margin-bottom:.8rem;}
.com-c h3{font-family:'Inter',sans-serif;font-weight:500;font-size:1.02rem;margin-bottom:.5rem;}
.com-c p{font-size:.9rem;color:var(--ink);margin:0;line-height:1.7;}
.com-c .zz{color:var(--signal);font-weight:500;}

/* ——— Auftakt + Beweisstück-Kicker ——— */
section.compact{padding-bottom:clamp(1.5rem,3vh,2.5rem);}
section.tight-top{padding-top:clamp(2rem,4vh,3rem);}
.evc{display:block;}
.ev .ek{display:block;font-family:'JetBrains Mono',monospace;font-size:.52rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--muted);margin-bottom:.3rem;transition:color .25s;}
.ev button.on .ek{color:var(--signal);}
.ev button{padding:1.3rem .4rem;}

/* ——— Buch-Foto ——— */
.book-photo{max-width:340px;}
.book-photo img{width:100%;height:auto;display:block;box-shadow:0 30px 70px rgba(0,0,0,.5);}
@media(max-width:760px){.book-photo{max-width:280px;}}
.bk-sub{font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;line-height:1.9;color:var(--signal);margin:1.1rem 0 1.2rem;}
.dark .bk-sub{color:var(--signal-dark);}

/* ——— Formel-Anzeige ——— */
.formel{margin-top:2rem;border-left:2px solid var(--signal);padding:.9rem 0 .9rem 1.4rem;max-width:52rem;}
.formel .fx{font-family:'JetBrains Mono',monospace;font-size:clamp(.95rem,2vw,1.15rem);letter-spacing:.04em;color:var(--obsidian);}
.formel .fl{margin-top:.5rem;font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);line-height:2;}
.formel .fl a{color:var(--signal);text-decoration:none;border-bottom:1px solid currentColor;}

/* ——— Drei Grundsätze ——— */
.gs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.4rem,3vw,2.8rem);
  margin-top:2.8rem;border-top:1px solid var(--line);padding-top:2rem;}
@media(max-width:820px){.gs-grid{grid-template-columns:1fr;gap:2rem;}}
.gs .gn{display:block;font-family:'JetBrains Mono',monospace;font-size:.54rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--muted);margin-bottom:.8rem;}
.gs h3{font-family:'Inter',sans-serif;font-weight:500;font-size:1.02rem;margin-bottom:.5rem;}
.gs p{font-size:.9rem;color:var(--ink);margin:0;line-height:1.7;}

/* Buchcover im Hero (05.09.) */
.book-jacket{max-width:300px;}
.book-jacket img{box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 0 1px rgba(244,241,234,.08);}
@media(max-width:760px){.book-jacket{max-width:250px;margin:0 auto;}}