@font-face{font-family:Pressura;src:url(fonts/pressura-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Pressura;src:url(fonts/pressura-700.woff2) format("woff2");font-weight:700;font-display:swap}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}
:root{
  --font-display:"Pressura",system-ui,sans-serif;--font-body:"Pressura",system-ui,sans-serif;--font-brand:"Anton",Impact,sans-serif;
  --ink:#0b1f36;--ink-body:#26374d;--ink-muted:#5b6b80;--ink-light:#a3afbd;
  --accent:#78b72a;--accent-deep:#4d8a12;--accent-light:#eef6e2;--accent-glow:#a6cf2a;
  --night:#00213f;--blue:#003161;--cyan:#0192d5;
  --red:#d6455f;--red-ink:#b42a45;--red-bg:#fdecef;
  --border:#e5eaf0;--ease:cubic-bezier(.16,1,.3,1);--slide-t:.7s
}
html,body{height:100%;overflow:hidden}
body{font-family:var(--font-body);color:var(--ink-body);-webkit-font-smoothing:antialiased;background:#fff}
body:before{content:"";pointer-events:none;background:linear-gradient(#fff 0%,#f2f5f8 100%);position:fixed;inset:0}
button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);text-wrap:balance;font-weight:700;line-height:1.08}
h1{font-size:clamp(40px,4.2vw,64px)}
h2{margin-bottom:24px;font-size:clamp(30px,2.8vw,42px)}
h3{font-size:20px}
p{font-size:17px;line-height:1.55}
.accent{color:var(--accent-deep);-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .9s var(--ease) .9s;background:linear-gradient(#78b72a52,#78b72a52) 0 100%/0 2px no-repeat}
.slide.active .accent{background-size:100% 2px}
.lead{color:var(--ink);margin-bottom:12px;font-size:18px}
.fineprint{color:var(--ink-light);margin-top:18px;font-size:12.5px;line-height:1.5}
.label{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-deep);background:var(--accent-light);border-radius:6px;align-items:center;gap:8px;margin-bottom:22px;padding:7px 14px;font-size:12px;font-weight:700;display:inline-flex}
.label svg{width:14px;height:14px}
.tag-bad,.tag-good{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}
.tag-bad{color:var(--red-ink);background:var(--red-bg)}
.tag-good{color:var(--accent-deep);background:var(--accent-light)}

/* Navigation */
.nav-bar{z-index:100;border-bottom:1px solid var(--border);user-select:none;justify-content:space-between;align-items:center;padding:18px 40px;transition:border-color .4s;display:flex;position:fixed;top:0;left:0;right:0}
.nav-brand{color:var(--ink);align-items:center;gap:14px;display:flex}
.nav-brand .thu{height:30px;width:auto}
.nav-brand .thu-w,body.is-dark .nav-brand .thu-c{display:none}
body.is-dark .nav-brand .thu-w{display:block}
.nav-brand .sep{opacity:.25;background:currentColor;width:1px;height:20px}
.nav-brand .kr{fill:currentColor;stroke:none;width:auto;height:14px}
.nav-counter{font-family:var(--font-display);letter-spacing:.18em;color:var(--ink-light);font-size:12px}
body.is-dark .nav-bar{border-bottom-color:#ffffff1f}
body.is-dark .nav-brand{color:#fff}
body.is-dark .nav-counter{color:#ffffff8c}
.bottom-bar{z-index:100;pointer-events:none;user-select:none;justify-content:space-between;align-items:center;padding:0 40px 22px;display:flex;position:fixed;bottom:0;left:0;right:0}
.bottom-bar>*{pointer-events:auto}
.nav-hint,.copyright{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-light);align-items:center;gap:10px;min-width:200px;font-size:10.5px;display:flex}
.copyright{letter-spacing:.06em;text-transform:none;justify-content:flex-end;font-size:11px}
.nav-hint .arrow{border-bottom:1.5px solid;border-right:1.5px solid;width:8px;height:8px;transform:rotate(-45deg)}
body.is-dark .nav-hint,body.is-dark .copyright{color:#ffffff73}
.slide-dots{gap:6px;display:flex}
.slide-dot{background:var(--ink-light);opacity:.4;width:5px;height:5px;transition:all .35s var(--ease);border-radius:50%}
.slide-dot.active{opacity:1;background:var(--accent);border-radius:3px;width:20px}
body.is-dark .slide-dot{background:#fff}
body.is-dark .slide-dot.active{background:var(--accent)}

/* Folien */
.deck{position:fixed;inset:0}
.slide{opacity:0;filter:blur(10px);pointer-events:none;visibility:hidden;transition:opacity var(--slide-t) var(--ease),transform var(--slide-t) var(--ease),filter var(--slide-t) var(--ease),visibility 0s linear var(--slide-t);flex-direction:column;justify-content:center;align-items:center;padding:96px 60px 84px;display:flex;position:absolute;inset:0;overflow:hidden;transform:translate(60px) scale(.985)}
.slide.past{transform:translate(-60px) scale(.985)}
.slide.active{opacity:1;filter:none;pointer-events:auto;visibility:visible;transition-delay:0s;transform:none}
.slide.no-anim{transition:none!important}
.inner{z-index:2;transform-origin:50%;width:100%;max-width:1180px;position:relative}
.inner.wide{max-width:1320px}
.inner.center{text-align:center;flex-direction:column;align-items:center;display:flex}
.r{opacity:0;transform:translateY(24px) scale(.985)}
.slide.active .r{animation:revealIn .9s var(--ease) both;animation-delay:calc(.1s + var(--d,0)*.13s)}
.slide.active .r.pop{animation-name:revealPop}
.slide.leaving .r{opacity:1;transform:none}
@keyframes revealIn{to{opacity:1;transform:none}}
@keyframes revealPop{0%{opacity:0;transform:translateY(10px) scale(.88)}60%{opacity:1}to{opacity:1;transform:none}}
[data-at]{opacity:0;transition:opacity .6s var(--ease),transform .6s var(--ease);transform:translateY(14px)}
[data-at].on{opacity:1;transform:none}
.step-hint{font-family:var(--font-display);letter-spacing:.03em;color:var(--ink-muted);border:1px solid var(--border);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:opacity .4s;display:inline-flex}
.step-hint kbd{font:inherit;background:var(--accent-light);color:var(--accent-deep);border-radius:6px;padding:1px 7px}
.step-hint.done{opacity:.35}
.head-row{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}
.head-row h2{margin-bottom:0}
.atmo{pointer-events:none;position:absolute;inset:0;overflow:hidden}
.atmo i{filter:blur(90px);border-radius:50%;animation:18s ease-in-out infinite alternate drift;position:absolute}
.atmo .g1{background:radial-gradient(#78b72a14 0%,#0000 65%);width:900px;height:600px;top:-20%;left:-10%}
.atmo .g2{background:radial-gradient(#00316112 0%,#0000 65%);width:760px;height:520px;animation-duration:24s;animation-direction:alternate-reverse;bottom:-18%;right:-6%}
@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(40px,30px) scale(1.08)}}

/* Dunkle Folien */
.slide.dark{background:radial-gradient(1200px 700px at 25% 30%,var(--blue) 0%,var(--night) 65%)}
.slide.dark h1,.slide.dark h2,.slide.dark h3,.slide.dark h4{color:#fff}
.slide.dark p{color:#ffffffb8}
.slide.dark .accent{color:var(--accent-glow);background-image:linear-gradient(#a6cf2a73,#a6cf2a73)}
.slide.dark .label{color:#c9e27a;background:#78b72a24;border:1px solid #78b72a59}
.slide.dark .fineprint{color:#ffffff66}
.slide.dark .step-hint{color:#ffffffb8;background:#ffffff0a;border-color:#a6cf2a47}
.slide.dark .step-hint kbd{color:#fff;background:#ffffff1f}
#waves{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0;transition:opacity .9s var(--ease)}
body.is-dark #waves{opacity:1}
body.waves-low #waves{opacity:.35}
.deck{z-index:2}
.slide.dark{background:transparent}
.dark-bg{position:fixed;inset:0;z-index:0;background:radial-gradient(1200px 700px at 25% 30%,var(--blue) 0%,var(--night) 65%);opacity:0;transition:opacity .7s var(--ease)}
body.is-dark .dark-bg{opacity:1}
.gcard{background:#ffffff0d;border-radius:18px;position:relative;box-shadow:0 0 0 1px #ffffff1a,0 24px 60px #00000059;backdrop-filter:blur(6px)}
.gcard:before{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;mask-composite:exclude;background:linear-gradient(160deg,#ffffff38,#ffffff0a 40% 70%,#78b72a59);padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)}
.card-tag{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-glow);margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}
.ci{background:var(--accent);color:var(--blue);border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid}
.ci svg{width:20px;height:20px;stroke-width:2.2px}
.ic{background:var(--accent);color:var(--blue);border-radius:12px;width:42px;height:42px;padding:10px;stroke-width:2.2px}
.ic-s{background:var(--accent);stroke-width:2.4px;border-radius:8px;flex:none;width:28px;height:28px;padding:6px;color:var(--blue)!important}
.intro-big{max-width:980px;font-family:var(--font-display);text-wrap:balance;margin:28px auto 0;color:#ffffffdb!important;font-size:clamp(20px,2vw,28px)!important;line-height:1.38!important}
.intro-big b{color:var(--accent-glow)}
.chapter h1{max-width:1100px}
.chapter .num{font-family:var(--font-brand);font-size:120px;line-height:1;color:transparent;-webkit-text-stroke:1.5px #a6cf2a80;margin-bottom:6px}

/* Deckblatt */
.wm{display:inline-flex;flex-direction:column;align-items:flex-start;color:#fff;text-align:left}
.wm .row{display:flex;align-items:center}
.wm b{font-family:var(--font-brand);font-weight:400;font-size:var(--wm,74px);line-height:.95;letter-spacing:.01em}
.wm img{height:calc(var(--wm,74px)*.68);width:auto;margin-left:.06em}
.wm small{font-weight:700;font-size:calc(var(--wm,74px)*.3);margin-top:4px;font-family:var(--font-display)}
.hero-logos{align-items:center;gap:30px;margin:4px 0 34px;display:flex}
.hero-logos img.thu{height:58px;width:auto}
.hero-logos svg.krl{fill:#fff;stroke:none;width:auto;height:30px}
.hero-divider{background:linear-gradient(#0000,#ffffff59 30% 70%,#0000);width:1px;height:56px}
.hero-title{max-width:1100px;margin:30px 0 26px;font-size:clamp(40px,4.4vw,68px);line-height:1.06}
.hero-points{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-bottom:40px;display:flex}
.hero-points span{font-family:var(--font-display);color:#ffffffd9;font-size:17px;font-weight:700}
.hero-points i{background:var(--accent-glow);border-radius:50%;width:5px;height:5px}
.hero-meta{font-family:var(--font-display);color:#ffffffb3;letter-spacing:.04em;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:12px;padding:12px 22px;font-size:13px;display:inline-flex}
.hero-meta strong{color:#fff}
.hero-meta .dot{color:#ffffff59}

/* Ausgangslage */
.stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:8px;display:grid}
.stat{border:1px solid var(--border);background:#fff;border-radius:18px;padding:26px 24px 24px;box-shadow:0 1px 3px #0000000a,0 18px 40px -24px #0b1f3640}
.stat .num{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;margin:18px 0 6px;font-size:46px;font-weight:700;line-height:1}
.stat .num em{color:var(--accent);font-style:normal}
.stat .num .bad{color:var(--red)}
.stat h3{margin-bottom:8px}
.stat p:last-child{color:var(--ink-muted);font-size:14.5px;line-height:1.55}

.browser{border:1px solid var(--border);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px #0000000a,0 30px 70px -30px #0b1f3666}
.browser-bar{border-bottom:1px solid var(--border);background:#f4f6f8;align-items:center;gap:6px;height:34px;padding:0 14px;display:flex}
.browser-bar i{background:#d8dee4;border-radius:50%;width:9px;height:9px}
.browser-bar span{color:var(--ink-muted);background:#fff;border-radius:6px;margin-left:12px;padding:3px 12px;font-size:12px}
.browser figcaption{color:var(--ink-muted);border-top:1px solid var(--border);padding:14px 18px;font-size:15px}
.befund-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:32px;display:grid}
.xray-shot{aspect-ratio:800/456;background:#000;position:relative;overflow:hidden}
.xray-shot img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}
.xray-img{filter:grayscale() invert() contrast(1.4) brightness(.9) sepia() hue-rotate(40deg) saturate(2.4);clip-path:inset(0 0 100%);opacity:0}
.xray-scan{opacity:0;background:#c9e27a;height:2px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 18px 4px #a6cf2ab3}
.slide.s1 .xray-img{animation:xray 2.8s var(--ease) forwards}@keyframes xray{0%{clip-path:inset(0 0 100%);opacity:1}55%{clip-path:inset(0);opacity:1}100%{clip-path:inset(0);opacity:0}}
.slide.s1 .xray-scan{animation:scan 1.6s var(--ease) forwards}
@keyframes scan{0%{opacity:1;top:0}90%{opacity:1}to{opacity:0;top:100%}}
.findings{gap:10px;list-style:none;display:grid}
.findings li{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:flex-start;gap:16px;padding:12px 18px;display:flex;box-shadow:0 1px 3px #00000008,0 6px 18px #00000008}
.findings .fx{background:var(--red);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;margin-top:1px;display:grid}
.findings .fx svg{stroke-width:3px;width:14px;height:14px}
.findings strong{font-family:var(--font-display);color:var(--ink);font-size:19px;display:block}
.findings div>span{color:var(--ink-muted);margin-top:1px;font-size:15.5px;line-height:1.4;display:block}

/* Zielgruppen */
.groups{grid-template-columns:1.15fr 1fr 1fr;gap:18px;display:grid}
.group{border:1px solid var(--border);background:#fff;border-radius:20px;padding:26px 24px;box-shadow:0 1px 3px #0000000a,0 18px 40px -24px #0b1f3640;display:flex;flex-direction:column}
.group.main{border:1.5px solid var(--accent);box-shadow:0 24px 50px -28px #4d8a12aa}
.group .top{display:flex;justify-content:space-between;align-items:center}
.group .share{font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--accent-deep);background:var(--accent-light);border-radius:999px;padding:5px 11px}
.group h3{margin:16px 0 4px;font-size:24px}
.group .who{color:var(--ink-muted);font-size:14.5px}
.group dl{margin-top:16px;display:grid;gap:12px}
.group dt{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-light);font-size:10.5px;font-weight:700}
.group dd{color:var(--ink-body);font-size:15.5px;line-height:1.45;margin-top:3px}
.group dd.msg{font-family:var(--font-display);font-weight:700;color:var(--ink);font-size:17px;background:var(--accent-light);border-left:3px solid var(--accent);border-radius:8px;padding:10px 12px}

/* Vorher / Nachher */
.vs{gap:9px;display:grid}
.vs-head,.vs-row{grid-template-columns:270px 1fr 40px 1fr;align-items:center;gap:12px;display:grid}
.vs-head{margin-bottom:2px}
.vs-head .tag-bad,.vs-head .tag-good{justify-self:start}
.vs-what{font-family:var(--font-display);color:var(--ink);align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}
.vs-cell{border-radius:12px;align-items:center;gap:12px;min-height:52px;padding:11px 18px;font-size:17px;line-height:1.3;display:flex}
.vs-cell svg{stroke-width:2.6px;flex:none;width:18px;height:18px}
.vs-cell.then{color:var(--ink-muted);border:1px solid var(--border);background:#fafbfc}
.vs-cell.then svg{color:var(--red)}
.vs-cell.now{color:var(--ink);background:#fff;border:2px solid var(--accent);box-shadow:0 8px 20px -14px #4d8a1299}
.vs-cell.now svg{color:var(--accent-deep)}
.vs-arrow{color:var(--accent);place-items:center;display:grid}
.vs-arrow svg{width:18px;height:18px}

/* Weg zur Anmeldung */
.timeline{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:10px;display:grid;position:relative}
.tl-track{background:#ffffff1f;border-radius:2px;height:3px;position:absolute;top:31px;left:12.5%;right:12.5%}
.tl-fill{border-radius:inherit;background:var(--accent);width:0;height:100%;transition:width .8s var(--ease);display:block}
.slide.s2 .tl-fill{width:33.33%}.slide.s3 .tl-fill{width:66.66%}.slide.s4 .tl-fill{width:100%}
.tl-step{z-index:2;text-align:center;flex-direction:column;align-items:center;padding:0 6px;display:flex;position:relative}
.tl-node{background:var(--accent);color:var(--blue);width:64px;height:64px;box-shadow:0 0 0 6px #00284f;border-radius:18px;place-items:center;display:grid}
.tl-node svg{stroke-width:2.2px;width:28px;height:28px}
.tl-no{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:#c9e27a;margin-top:18px;font-size:12px;font-weight:700}
.tl-step strong{font-family:var(--font-display);color:#fff;margin-top:4px;font-size:23px}
.tl-step p{max-width:270px;margin-top:8px;font-size:15px;line-height:1.5}
.tl-step .where{margin-top:12px;font-family:var(--font-display);font-size:12.5px;font-weight:700;color:#fff;background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;padding:5px 12px}
.plan-row{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:40px;padding:16px 22px;display:flex}
.plan-row .plan-h{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;margin-right:10px;font-size:12px;font-weight:700}
.chip{font-family:var(--font-display);color:#fff;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:16px;font-weight:700;display:inline-flex}
.chip svg{stroke-width:3px;border-radius:50%;width:18px;height:18px;padding:3px}
.chip.done{background:#78b72a24}
.chip.done svg{background:var(--accent);color:var(--blue)}
.chip.now{background:var(--accent);color:var(--blue)}
.chip.now svg{stroke-width:2.2px;padding:0}
.chip-arrow{color:#fff6;width:18px;height:18px}
.note{display:flex;gap:12px;align-items:center;margin-top:16px;color:#ffffffb8;font-size:15px}
.note svg{flex:none;width:30px;height:30px;padding:6px;border-radius:8px;background:#78b72a26;color:var(--accent-glow)}

/* Infoseiten (Handy) */
.akt-grid{grid-template-columns:330px 1fr;align-items:center;gap:64px;display:grid}
.akt-phone-wrap{text-align:center}
.akt-phone{background:#0d1b2a;border-radius:42px;width:330px;padding:11px;margin:0 auto;box-shadow:0 40px 80px -30px #0b1f368c,inset 0 0 0 1px #ffffff14}
.akt-screen{width:308px;height:667px;border-radius:31px;position:relative;overflow:hidden;background:var(--blue)}
.akt-screen iframe{border:0;width:390px;height:844px;transform:scale(.7897);transform-origin:0 0;position:absolute;top:0;left:0}
.akt-phone-wrap figcaption{color:var(--ink-muted);margin-top:14px;font-size:14px}
.akt-phone-wrap figcaption a{color:var(--accent-deep);font-weight:700;text-decoration:none}
.akt-list{gap:10px;list-style:none;display:grid}
.akt-list li{border:1.5px solid var(--border);background:#fff;border-radius:14px;align-items:center;gap:16px;padding:13px 18px;transition:border-color .4s,box-shadow .4s,opacity .4s;display:flex;cursor:pointer}
.slide.active .akt-list li:not(.cur){opacity:.55}
.akt-list li.cur{border-color:var(--accent);box-shadow:0 14px 34px -18px #4d8a128c}
.akt-no{width:34px;height:34px;color:var(--ink-muted);font-family:var(--font-display);background:#eef1f4;border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:700;transition:background .4s,color .4s;display:grid}
.akt-list li.cur .akt-no{background:var(--accent);color:var(--blue)}
.akt-list strong{font-family:var(--font-display);color:var(--ink);font-size:19.5px;display:block}
.akt-list div>span{color:var(--ink-muted);margin-top:2px;font-size:15.5px;line-height:1.4;display:block}
.callout{background:var(--accent-light);border-left:3px solid var(--accent);border-radius:14px;align-items:center;gap:14px;margin-top:20px;padding:15px 20px;display:flex}
.callout svg{background:var(--accent);color:var(--blue);border-radius:9px;flex:none;width:34px;height:34px;padding:7px;stroke-width:2.2px}
.callout p{color:var(--ink-body);font-size:15px}
.callout b{color:var(--ink)}

/* Anzeigen */
.ads-grid{grid-template-columns:1fr 1.45fr;align-items:center;gap:52px;display:grid}
.ads{display:flex;gap:18px;justify-content:center;align-items:flex-end}
.ad{width:250px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -24px #000000a0;color:#111;text-align:left;flex:none}
.ad.story{width:210px;border-radius:20px;position:relative;aspect-ratio:9/16;background:var(--blue);color:#fff}
.ad-head{display:flex;align-items:center;gap:8px;padding:10px 12px}
.ad-head .av{width:26px;height:26px;border-radius:50%;background:var(--blue);display:grid;place-items:center}
.ad-head .av img{width:18px}
.ad-head b{font-size:12.5px;font-family:system-ui,sans-serif;font-weight:700;display:block;line-height:1.1}
.ad-head small{font-size:10.5px;color:#777;font-family:system-ui,sans-serif}
.ad-img{position:relative;aspect-ratio:4/5;background:var(--blue);overflow:hidden}
.ad-img img{width:100%;height:100%;object-fit:cover}
.ad-img .ov{position:absolute;left:12px;right:12px;bottom:12px}
.ad-img .ov b{font-family:var(--font-brand);font-weight:400;color:#fff;font-size:25px;line-height:1.16;text-transform:uppercase;display:block;text-shadow:0 2px 14px #0006}
.ad-img .ov b mark{background:var(--accent);color:var(--blue);padding:0 .1em}
.ad-cta{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f3f5f7;font-family:system-ui,sans-serif;font-size:12px}
.ad-cta span{color:#555}
.ad-cta b{background:var(--blue);color:#fff;border-radius:6px;padding:6px 10px;font-size:11.5px}
.ad-txt{padding:10px 12px 12px;font-family:system-ui,sans-serif;font-size:12px;line-height:1.4;color:#222}
.ad.story img.bg{position:absolute;inset:0;width:100%;height:62%;object-fit:cover;object-position:60% 0;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
.ad.story .bar{position:absolute;top:8px;left:10px;right:10px;height:2px;background:#ffffff59;border-radius:2px}
.ad.story .bar:after{content:"";position:absolute;left:0;top:0;bottom:0;width:40%;background:#fff;border-radius:2px}
.ad.story .q{position:absolute;left:14px;right:14px;bottom:70px}
.ad.story .q b{font-family:var(--font-brand);font-weight:400;font-size:26px;line-height:1.16;text-transform:uppercase;display:block}
.ad.story .q b mark{background:var(--accent);color:var(--blue);padding:0 .1em}
.ad.story .swipe{position:absolute;left:14px;right:14px;bottom:16px;background:#fff;color:var(--blue);border-radius:999px;text-align:center;font-family:system-ui,sans-serif;font-weight:700;font-size:12px;padding:9px}
.ad-label{display:block;text-align:center;font-family:var(--font-display);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff99;margin-top:12px;font-weight:700}
.measure{gap:10px;list-style:none;display:grid}
.measure li{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:14px;padding:12px 16px;display:flex}
.measure strong{font-family:var(--font-display);color:#fff;font-size:16px;display:block}
.measure div>span{color:#ffffff99;font-size:13.5px;display:block;line-height:1.4}

/* Bausteine */
.care{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}
.care-card{border:1px solid var(--border);background:#fff;border-radius:18px;padding:22px;box-shadow:0 1px 3px #0000000a,0 18px 40px -24px #0b1f3640}
.care-card h3{margin:16px 0 6px;font-size:19px}
.care-card p{color:var(--ink-muted);font-size:14.5px;line-height:1.5}
.care-card .out{margin-top:10px;font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--accent-deep)}

/* Zeitplan */
.gantt{--cols:12;position:relative}
.g-months,.g-row,.g-media{display:grid;grid-template-columns:240px repeat(var(--cols),1fr);align-items:center}
.g-months span{font-family:var(--font-display);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#ffffff8c;text-align:center;font-weight:700;padding-bottom:8px;border-bottom:1px solid #ffffff1a}
.g-months span em{display:block;font-style:normal;font-size:10px;color:#ffffff59;letter-spacing:.06em}
.g-row{min-height:46px;position:relative}
.g-row .g-name{font-family:var(--font-display);color:#fff;font-weight:700;font-size:15.5px;padding-right:14px;line-height:1.2}
.g-row .g-name small{display:block;color:#ffffff80;font-weight:400;font-size:12px;margin-top:2px}
.g-bar{grid-row:1;height:30px;border-radius:8px;background:linear-gradient(90deg,#5fae2e,#a6cf2a);color:var(--blue);font-family:var(--font-display);font-weight:700;font-size:12.5px;display:flex;align-items:center;padding:0 10px;white-space:nowrap;overflow:hidden;transform-origin:left;transform:scaleX(0);transition:transform .8s var(--ease)}
.g-bar.soft{background:#ffffff1f;color:#fff}
.g-row.on .g-bar{transform:none}
.g-row[data-at]{opacity:.18;transform:none}
.g-row[data-at].on{opacity:1}
.g-lines{position:absolute;inset:0 0 0 240px;display:grid;grid-template-columns:repeat(var(--cols),1fr);pointer-events:none}
.g-lines i{border-left:1px dashed #ffffff12}
.g-mark{position:absolute;top:22px;bottom:0;width:0;border-left:2px solid var(--accent-glow);pointer-events:none}
.g-mark span{position:absolute;top:-22px;left:-1px;transform:translateX(-50%);white-space:nowrap;font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--blue);background:var(--accent-glow);border-radius:999px;padding:3px 9px}
.g-mark.abi{border:0;background:repeating-linear-gradient(135deg,#d6455f26 0 6px,#0000 6px 12px);border-left:1px solid #d6455f80;border-right:1px solid #d6455f80}
.g-mark.abi span{background:#d6455f;color:#fff}
.g-media{margin-top:14px;align-items:end;height:92px}
.g-media .g-name{align-self:center;font-family:var(--font-display);color:#ffffffb3;font-size:13.5px;font-weight:700;line-height:1.25}
.g-media .mb{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}
.g-media .mb i{display:block;width:56%;border-radius:5px 5px 2px 2px;background:linear-gradient(#a6cf2a,#4d8a12);height:0;transition:height 1s var(--ease)}
.slide.s7 .g-media .mb i{height:calc(var(--h)*1%)}
.g-media .mb b{font-family:var(--font-display);font-size:11px;color:#ffffffb3;opacity:0;transition:opacity .4s .6s}
.slide.s7 .g-media .mb b{opacity:1}
.g-dots{position:absolute;top:8px;font-size:0}
.g-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ffffff26;transform:translate(-50%,0)}

/* Budget */
.price-grid{grid-template-columns:1fr 360px;align-items:start;gap:26px;display:grid}
.price-list{border:1px solid var(--border);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px -36px #0b1f3666}
.price-row{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:15px 24px;display:grid}
.price-row strong{font-family:var(--font-display);color:var(--ink);font-size:18px;display:block}
.teile{flex-wrap:wrap;gap:6px 8px;margin-top:7px;list-style:none;display:flex}
.teile li{color:var(--ink-body);background:#f3f5f8;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 7px;font-size:13.5px;display:inline-flex}
.teile svg{width:14px;height:14px;color:var(--accent-deep);stroke-width:3px}
.teile b{color:var(--ink);border-left:1px solid #dfe5ea;margin-left:4px;padding-left:8px}
.price-row>b{font-family:var(--font-display);color:var(--ink);text-align:right;white-space:nowrap;font-size:25px;font-weight:700}
.price-row>b small{color:var(--ink-light);font-size:12px;font-weight:400;display:block}
.price-total{background:var(--blue);color:#fff;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex}
.price-total div>span{font-family:var(--font-display);font-size:16px;font-weight:700;display:block}
.price-total small{color:#ffffff8c;margin-top:3px;font-size:13px;display:block}
.price-total>b{font-family:var(--font-display);white-space:nowrap;font-size:40px;font-weight:700;font-variant-numeric:tabular-nums}
.split{background:#fff;border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:0 18px 40px -28px #0b1f3673}
.split-h{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:14px;font-weight:700;font-size:12px!important}
.stack{display:flex;height:18px;border-radius:9px;overflow:hidden;background:#eef1f4}
.stack i{display:block;height:100%;width:0;transition:width 1s var(--ease)}
.split.on .stack i{width:var(--w)}
.legend{list-style:none;display:grid;gap:10px;margin-top:16px}
.legend li{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;font-size:14.5px;color:var(--ink-body)}
.legend li i{width:12px;height:12px;border-radius:4px}
.legend li b{font-family:var(--font-display);color:var(--ink)}
.ratio{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}
.ratio p{font-size:14px;color:var(--ink-muted)}
.ratio .rb{display:flex;height:34px;border-radius:9px;overflow:hidden;margin:10px 0 6px;font-family:var(--font-display);font-weight:700;font-size:13px}
.ratio .rb span{display:flex;align-items:center;justify-content:center}
.ratio .rb .e{width:60%;background:var(--blue);color:#fff}
.ratio .rb .s{width:40%;background:var(--accent);color:var(--blue)}

/* Prognose */
.funnel{display:grid;gap:10px}
.f-row{display:grid;grid-template-columns:230px 1fr 120px;align-items:center;gap:18px}
.f-row .f-l{font-family:var(--font-display);color:#fff;font-weight:700;font-size:17px;line-height:1.2}
.f-row .f-l small{display:block;color:#ffffff80;font-weight:400;font-size:12.5px;margin-top:2px}
.f-track{height:40px;border-radius:10px;background:#ffffff0d;overflow:hidden}
.f-bar{display:block;height:100%;width:0;border-radius:10px;background:linear-gradient(90deg,#4d8a12,#a6cf2a);transition:width 1.1s var(--ease)}
.f-row.on .f-bar{width:var(--w)}
.f-v{font-family:var(--font-display);color:#fff;font-weight:700;font-size:30px;text-align:right;font-variant-numeric:tabular-nums}
.f-row.goal .f-bar{background:linear-gradient(90deg,#a6cf2a,#d8e86a)}
.f-row.goal .f-v{color:var(--accent-glow)}
.scen{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.scen div{padding:16px 20px;text-align:center}
.scen b{display:block;font-family:var(--font-display);font-size:40px;color:#fff;line-height:1}
.scen span{display:block;color:#ffffff99;font-size:13.5px;margin-top:6px}
.scen .mid{background:#78b72a2e}
.scen .mid b{color:var(--accent-glow)}

/* Erfolgsübersicht */
.dash-grid{grid-template-columns:.85fr 1.15fr;align-items:center;gap:48px;display:grid}
.dash{background:#0a2440;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 40px 90px #0000008c}
.dash-bar{background:#ffffff0a;border-bottom:1px solid #ffffff12;align-items:center;gap:6px;height:34px;padding:0 14px;display:flex}
.dash-bar i{background:#ffffff2e;border-radius:50%;width:9px;height:9px}
.dash-bar span{color:#ffffff80;margin-left:12px;font-size:12px}
.dash-bar em{color:var(--accent-glow);margin-left:auto;font-size:11px;font-style:normal}
.dash-body{padding:22px 24px}
.dash-hello{font-family:var(--font-display);margin-bottom:16px;font-weight:700;color:#fff!important;font-size:22px!important}
.kpis{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}
.kpis div{background:#ffffff0d;border-radius:10px;padding:12px 14px}
.kpis span{color:#ffffff80;font-size:11.5px;display:block}
.kpis b{font-family:var(--font-display);color:#fff;font-variant-numeric:tabular-nums;margin:4px 0 2px;font-size:24px;display:block}
.kpis em{color:var(--accent-glow);font-size:11.5px;font-style:normal}
.dash-row{grid-template-columns:1.3fr 1fr;gap:10px;margin-top:10px;display:grid}
.dash-box{background:#ffffff0d;border-radius:10px;padding:14px 16px}
.dash-box h4{margin-bottom:10px;font-size:13px}
.dash-box p{justify-content:space-between;font-size:13px;line-height:2;display:flex}
.dash-box p b{color:var(--accent-glow)}
.minibars{display:flex;align-items:flex-end;gap:6px;height:84px;padding-top:6px}
.minibars i{flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(#a6cf2a,#4d8a12);height:var(--h)}
.minibars i.p{background:#ffffff26}
.dash-foot{margin-top:12px;color:#ffffff61!important;font-size:11px!important}

/* Kontakt */
.contact{color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff24;border-radius:16px;gap:4px;margin-top:34px;padding:20px 34px;font-size:14px;display:grid}
.contact strong{font-family:var(--font-display);color:#fff;font-size:16px}
.contact a{color:#7fd3ff;text-decoration:none}
.contact small{color:#ffffff80;font-size:12.5px}

@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-delay:0s!important}.slide{filter:none}}
@media (width<=900px){
  .nav-bar{padding:14px 16px}.bottom-bar{padding:0 16px 12px}.nav-hint,.copyright{display:none}
  .slide{justify-content:flex-start;padding:76px 16px 56px;overflow-y:auto}
  .head-row{flex-direction:column;align-items:flex-start}.step-hint{display:none}
  .befund-grid,.groups,.price-grid,.timeline,.akt-grid,.ads-grid,.dash-grid{grid-template-columns:1fr;gap:20px}
  .stats,.care,.kpis{grid-template-columns:1fr 1fr}
  .vs-head{display:none}.vs-row{grid-template-columns:1fr;gap:4px;margin-bottom:8px}.vs-arrow{display:none}
  .tl-track{display:none}
  .ads{flex-wrap:wrap}
  .gantt{overflow-x:auto}.g-months,.g-row,.g-media{min-width:760px}
  .f-row{grid-template-columns:1fr 80px}.f-track{grid-column:1/-1;grid-row:2}
  .akt-phone{transform:scale(.85);transform-origin:top center}
}
.g-mark.left span{transform:translateX(-100%);border-radius:999px 0 0 999px}
.g-mark.abi span{left:50%;transform:translateX(-50%)}
.contact,.hero-meta{background:#00213fcc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.slide.dark h1,.slide.dark h2,.slide.dark .intro-big,.slide.dark .hero-points{text-shadow:0 2px 28px #00213f,0 0 10px #00213fb3}
.ad-img .ov b mark,.ad.story .q b mark{background:linear-gradient(transparent 14%,var(--accent) 14%,var(--accent) 90%,transparent 90%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.measure li,.plan-row,.dash,.tl-step .where{background:#082848d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.slide.dark .fineprint{color:#ffffff8c}
.pass-bar{background:repeating-linear-gradient(135deg,var(--accent) 0 6px,#c9e27a 6px 12px)!important}
.stack i.pass-bar{margin-left:4px;border-radius:0 9px 9px 0}
.legend-h{font-family:var(--font-display);font-weight:700;font-size:12.5px!important;color:var(--ink);margin:16px 0 0}
.legend-h+.legend{margin-top:10px}
.pass{margin-top:16px;border:1.5px dashed var(--accent);border-radius:12px;padding:2px 14px 12px;background:var(--accent-light)}
.pass .legend-h{color:var(--accent-deep);margin-top:12px}
.pass-note{font-size:13px!important;color:var(--ink-muted);margin-top:8px;line-height:1.45}
.teile li.pass-chip{background:var(--accent-light);border:1px dashed var(--accent)}

/* Studentenstoff */
.ss-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.ss-lead{color:#ffffffd9!important;max-width:560px;margin-bottom:20px!important}
.ss-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ss-stats div{padding:14px 16px;background:#082848d9}
.ss-stats b{display:block;font-family:var(--font-display);font-size:28px;color:#fff;line-height:1}
.ss-stats span{display:block;font-size:12.5px;color:#ffffffa6;margin-top:6px;line-height:1.3}
.ss-stats .hl b{color:var(--accent-glow)}
.ss-visual{display:flex;justify-content:center}
.ss-visual img{max-height:560px;width:auto;filter:drop-shadow(0 40px 60px #0009)}
.ss-ads{display:flex;gap:20px;justify-content:center;align-items:flex-end;margin-top:6px}
.ss-ads>div{display:flex;flex-direction:column;align-items:center}
.ad-label.dark{color:var(--ink-muted);margin-top:10px}
.ss-story{width:208px;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:linear-gradient(170deg,#0a4a8a,#003161 55%,#00244a);color:#fff;display:flex;flex-direction:column;font-family:"Open Sans",system-ui,sans-serif;text-align:center;box-shadow:0 30px 60px -24px #0b1f3699}
.ss-top{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 0 0}
.ss-cap{width:24px;height:18px;color:#fff}
.ss-top span{font-weight:800;font-style:italic;font-size:8.5px;letter-spacing:.04em}
.ss-mid{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 14px}
.ss-mid b{font-weight:800;font-size:21px;line-height:1.15}
.ss-mid b em,.ss-mid p em,.ss-cta em{font-style:normal;color:var(--accent-glow)}
.ss-mid b s{text-decoration-thickness:3px;text-decoration-color:var(--accent-glow);opacity:.75}
.ss-mid p{font-size:11.5px;line-height:1.45;margin-top:12px;color:#fff!important;font-weight:600}
.ss-cta{background:#ffffff1f;font-size:10.5px;font-weight:700;padding:9px 12px;line-height:1.35}
.ss-brand{display:flex;flex-direction:column;align-items:center;padding:12px 0 14px;gap:2px}
.mini-wm{display:flex;align-items:center}
.mini-wm b{font-family:var(--font-brand);font-weight:400;font-size:20px;line-height:1;color:#fff}
.mini-wm img{height:14px;margin-left:2px}
.ss-brand small{font-size:9px;color:#ffffffb3;font-weight:600}
.ss-post{width:250px;background:#fff;border-radius:14px;overflow:hidden;font-family:system-ui,sans-serif;box-shadow:0 30px 60px -24px #0b1f3699;color:#111;text-align:left}
.ss-post-head{display:flex;align-items:center;gap:8px;padding:9px 11px}
.ss-post-head .av{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#ff8a00,#ff4d00);display:grid;place-items:center}
.ss-post-head .av .ss-cap{width:15px;height:12px}
.ss-post-head b{font-size:12px;display:block}
.ss-post-head small{font-size:10px;color:#666}
.ss-tile{aspect-ratio:1;background:linear-gradient(135deg,#e6197a,#f0436a 45%,#ff7a1a);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:22px 18px 12px;font-family:"Open Sans",system-ui,sans-serif}
.ss-tile p{font-style:italic;font-weight:800;font-size:15px;line-height:1.35;color:#fff!important}
.ss-tile-logo{display:flex;flex-direction:column;align-items:center;gap:1px}
.ss-tile-logo span{font-style:italic;font-weight:800;font-size:13px;letter-spacing:.02em}
.ss-tile-logo small{font-style:italic;font-weight:800;font-size:6.5px;letter-spacing:.04em}
.ss-post-foot{padding:8px 11px 11px;font-size:11px;line-height:1.4}
.ss-post-foot>span{font-size:14px;letter-spacing:4px}
.ss-post-foot>b{display:block;margin:3px 0}
.ss-post-foot p{font-size:11px!important;color:#222!important;line-height:1.4!important}
.case{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:22px;background:#fff;border:1px solid var(--border);border-left:3px solid var(--cyan);border-radius:14px;padding:14px 20px;box-shadow:0 18px 40px -28px #0b1f3673}
.case-h{font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.case>b{font-family:var(--font-display);color:var(--ink);font-size:16px}
.case-k{font-size:14.5px;color:var(--ink-muted)}
.case-k b{font-family:var(--font-display);color:var(--ink);font-size:20px;margin-right:4px}
.big-num{font-family:var(--font-display);font-weight:700;font-size:46px!important;line-height:1!important;color:var(--accent-deep)}
.big-sub{font-size:14.5px!important;color:var(--ink-muted);margin:8px 0 16px}
@media (width<=900px){.ss-grid{grid-template-columns:1fr}.ss-stats{grid-template-columns:1fr 1fr}.ss-ads{flex-wrap:wrap}}
.slide.dark .ad-txt{color:#222!important}
/* Native Ads: sechs Motive, kleinere Headlines, Collab-Posts in TECHNIK +O-Navy */
.ss-ads{gap:14px}
.ss-story{width:176px}
.ss-mid b{font-size:16px;line-height:1.2}
.ss-mid p{font-size:10.5px}
.ss-cta{font-size:9.5px}
.ss-post{width:214px}
.ss-tile{background:linear-gradient(150deg,#0a4a8a,#003161 60%,#00244a);padding:18px 16px 10px}
.ss-tile.alt{background:linear-gradient(150deg,#00244a,#003161 55%,#1d5f3a)}
.ss-tile p{font-size:13px}
.ss-tile p em{font-style:italic;color:var(--accent-glow)}
.ss-post-foot p{font-size:10.5px!important}
.ad-label{white-space:nowrap}
/* einheitliche Studentenstoff-Partnerposts */
.ss-post{width:196px}
.ss-post-head{padding:8px 10px}
.ss-post-head small{font-size:9px;white-space:nowrap}
.ss-tile{padding:16px 14px 10px}
.ss-tile p{font-size:12.5px;line-height:1.35}
.ss-tile p s{text-decoration-thickness:2px;text-decoration-color:var(--accent-glow);opacity:.75}
.ss-link{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;font:600 11px system-ui,sans-serif;color:#0095f6;border-bottom:1px solid #eef0f2}
.ss-link span{font-size:15px;line-height:1}
.ss-post-foot{padding:7px 10px 10px}
.ss-post-foot>b{font-size:11px}
.ss-post-foot p{font-size:10px!important}
.ss-why{max-width:900px;color:var(--ink-muted)!important;font-size:16px!important;margin:-8px 0 20px!important}
.ss-why b{color:var(--ink)}
.sign{font-family:var(--font-display);font-weight:700;font-size:22px!important;color:#fff!important;margin-top:18px}