@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/poppins-400.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/poppins-500.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/poppins-600.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/poppins-700.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/poppins-800.woff2) format("woff2")}
/* Layout: mobile first, eine Spalte; ab 900px Hero zweispaltig. Weiß als Basis, Anthrazit für Kontrastbänder, Rot nur für Akzente und CTA. */
:root{
  --bg:#ffffff;
  --surface:#f3f3f4;
  --ink:#24262a;
  --muted:#5f636a;
  --line:#e2e3e5;
  --grid:#e9eaec;
  --grid-red:rgba(244,0,0,.11);
  --blush:#fff4f4;
  --red:#f40000;
  --red-dark:#cc0000;
  --on-dark:#ffffff;
  --on-dark-muted:#b9bcc2;
  --font:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3{margin:0;line-height:1.12;letter-spacing:-.02em;text-wrap:balance}
p{margin:0}
.red{color:var(--red)}
.wrap{max-width:1080px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.kicker{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.rule{width:44px;height:3px;background:var(--red);border-radius:2px}


/* Header */
.top{border-bottom:1px solid var(--line)}
.top .wrap{display:flex;justify-content:center;padding-block:14px}
.top img{height:34px;width:auto}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-weight:700;font-size:17px;border:0;border-radius:10px;padding:17px 26px;cursor:pointer;text-decoration:none;transition:background .15s,transform .15s}
.btn-red{background:var(--red);color:#fff;box-shadow:0 8px 22px -10px rgba(244,0,0,.7)}
.btn-red:hover{background:var(--red-dark)}
.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.btn:focus-visible,.pv-tabs a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.btn-block{width:100%}
.pulse{animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@media (prefers-reduced-motion:reduce){.pulse{animation:none}}
.pdf-ico{width:22px;height:26px;flex:none}
.cta-note{font-size:13px;color:var(--muted);text-align:center}

/* Hero */
.hero{padding-block:28px 40px;position:relative;isolation:isolate}
.hero::before,.ty::before,.hero::after,.ty::after{content:"";position:absolute;inset:0;pointer-events:none}
/* Hero: zartes rotes Raster, oben und unten weich ins Weiß verlaufend, leichter Rosé Hauch */
.hero::after,.ty::after{z-index:-2;background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 8%,var(--blush) 60%,var(--bg) 100%)}
.hero::before,.ty::before{z-index:-1;background-image:linear-gradient(var(--grid-red) 1px,transparent 1px),linear-gradient(90deg,var(--grid-red) 1px,transparent 1px);background-size:46px 46px;background-position:center top;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.35) 14%,#000 38%,#000 52%,transparent 92%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.35) 14%,#000 38%,#000 52%,transparent 92%)}
.ty{position:relative;isolation:isolate}
.hero-grid{display:grid;gap:26px}
.hero h1{font-size:clamp(36px,9vw,58px);font-weight:800;margin-top:10px}
.hero .lead{font-size:17px;color:var(--muted);margin-top:14px;max-width:34em}
.hero-cta{display:grid;gap:10px;margin-top:6px}
.video{position:relative;border-radius:14px;overflow:hidden;background:var(--ink);aspect-ratio:16/10;max-width:100%}
.video img{width:100%;height:100%;object-fit:cover;opacity:.88}
.play{position:absolute;inset:0;display:grid;place-items:center}
.play span{width:74px;height:74px;border-radius:50%;background:var(--red);display:grid;place-items:center;box-shadow:0 10px 30px -8px rgba(0,0,0,.5)}
.play svg{width:26px;height:26px;margin-left:4px}
.video .tag{position:absolute;left:12px;bottom:12px;background:rgba(36,38,42,.88);color:#fff;font-size:12px;font-weight:600;padding:6px 10px;border-radius:6px}
@media (min-width:900px){
  .hero{padding-block:56px 64px}
  .hero-grid{grid-template-columns:1fr 1.05fr;grid-template-areas:"t v" "c v";align-items:center;column-gap:48px;row-gap:28px}
  .hero-grid>div:first-child{grid-area:t;align-self:end}
  .hero-grid>.video{grid-area:v}
  .hero-cta{grid-area:c;max-width:380px;align-self:start}
}

/* Vertrauensleiste */
.trust{background:var(--surface)}
.trust .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-block:18px;text-align:center}
.trust b{display:block;font-size:clamp(20px,5.5vw,28px);font-weight:800;color:var(--red);line-height:1.1;font-variant-numeric:tabular-nums}
.trust span{font-size:12px;color:var(--muted);line-height:1.3;display:block;margin-top:4px}

/* Inhalt der PDF */
.sec{padding-block:56px}
.sec h2{font-size:clamp(28px,6.5vw,40px);font-weight:800;margin-top:10px}
.sec .sub{color:var(--muted);margin-top:12px;max-width:36em}
.inside{display:grid;gap:36px;margin-top:32px}
.stack{position:relative;height:330px;max-width:380px;width:100%;margin:0 auto}
.stack img{position:absolute;width:56%;border-radius:8px;box-shadow:0 18px 40px -18px rgba(36,38,42,.55);border:1px solid var(--line)}
.stack img:nth-child(1){left:2%;top:34px;transform:rotate(-7deg)}
.stack img:nth-child(2){right:2%;top:34px;transform:rotate(7deg)}
.stack img:nth-child(3){left:22%;top:0;z-index:2}
.stack .badge{position:absolute;z-index:3;right:6%;bottom:6px;background:var(--red);color:#fff;font-weight:800;font-size:13px;padding:8px 12px;border-radius:8px;letter-spacing:.02em}
.chapters{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.chapters li{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:12px}
.num{width:38px;height:38px;border-radius:50%;background:var(--red);color:#fff;font-weight:800;display:grid;place-items:center;font-size:15px}
.chapters h3{font-size:18px;font-weight:700}
.chapters p{font-size:14.5px;color:var(--muted);margin-top:3px}
@media (min-width:900px){.inside{grid-template-columns:1fr 1.1fr;align-items:center}.stack{height:400px;max-width:440px}}

/* Ergebnisse */
.results{background:var(--surface)}
.res-grid{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:14px;margin-top:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.res-grid::-webkit-scrollbar{display:none}
.res{scroll-snap-align:start}
.res-ph{aspect-ratio:1/1;display:grid;place-items:center;text-align:center;border:2px dashed var(--line);margin:12px 12px 0;border-radius:10px;color:var(--muted);font-size:14px;font-weight:600;padding:16px}
.res-nav{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:12px}
.dots{display:flex;gap:6px}
.dots span{width:8px;height:8px;border-radius:50%;background:var(--line);transition:background .2s,width .2s}
.dots span.on{background:var(--red);width:22px;border-radius:4px}
.arrows{display:flex;gap:8px}
.arrows button{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--ink);background:var(--bg);color:var(--ink);cursor:pointer;font-size:18px;font-weight:700}
.arrows button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.swipe{font-size:13px;color:var(--muted)}
.sec-cta{display:grid;gap:8px;margin-top:30px;max-width:380px;margin-inline:auto}
.res{background:var(--bg);border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.res img{width:100%;aspect-ratio:1/1;object-fit:cover}
.res .meta{padding:14px 16px;display:flex;justify-content:space-between;gap:10px;font-size:14px}
.res .meta b{font-weight:700}
.res .meta span{color:var(--muted)}
.quotes{display:grid;gap:14px;margin-top:18px}
.quote{background:var(--bg);border-left:3px solid var(--red);border-radius:4px 12px 12px 4px;padding:18px 18px 16px}
.quote p{font-size:15.5px;font-style:italic}
.quote cite{display:block;font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-top:10px}
@media (min-width:700px){.quotes{grid-template-columns:1fr 1fr}.res-grid{grid-auto-columns:calc((100% - 28px)/3)}}

/* Abschluss Band */
.final{background:var(--ink);color:var(--on-dark)}
.final .wrap{padding-block:56px;display:grid;gap:18px;justify-items:center;text-align:center}
.final h2{font-size:clamp(28px,6.5vw,40px);font-weight:800}
.final p{color:var(--on-dark-muted);max-width:30em}
.final .cta-note{color:var(--on-dark-muted)}
.final .btn{min-width:min(100%,340px)}

/* Footer */
.foot{border-top:1px solid var(--line)}
.foot .wrap{padding-block:24px 96px;display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center;font-size:13px;color:var(--muted)}
.foot a{color:var(--muted)}

/* Sticky CTA (nur Handy) */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:20;background:rgba(255,255,255,.96);border-top:1px solid var(--line);padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));transform:translateY(110%);transition:transform .25s}
.sticky.on{transform:none}
.sticky .btn{width:100%;padding-block:14px}
@media (min-width:900px){.sticky{display:none}.foot .wrap{padding-bottom:24px}}

/* Formular Sheet */
.sheet{position:fixed;inset:0;z-index:30;display:grid;align-items:end;justify-items:center;background:rgba(36,38,42,.55)}
.sheet[hidden]{display:none!important}
.panel{background:var(--bg);width:100%;max-width:480px;border-radius:18px 18px 0 0;padding:26px max(20px,env(safe-area-inset-left,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-right,0px));max-height:92vh;overflow:auto}
@media (min-width:600px){.sheet{align-items:center}.panel{border-radius:18px;padding:30px}}
.panel-head{display:flex;justify-content:space-between;align-items:start;gap:12px}
.panel h3{font-size:24px;font-weight:800;margin-top:6px}
.x{background:var(--surface);border:0;border-radius:50%;width:36px;height:36px;font-size:20px;cursor:pointer;color:var(--ink);flex:none}
.panel form{display:grid;gap:14px;margin-top:18px}
label.f{display:grid;gap:6px;font-size:14px;font-weight:600}
input[type=text],input[type=tel],select{font:inherit;font-size:16px;padding:14px;border:1.5px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);width:100%;min-width:0}
input:focus,select:focus{border-color:var(--ink)}
.tel{display:grid;grid-template-columns:96px 1fr;gap:8px}
.consent{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:13px;color:var(--muted);line-height:1.45;align-items:start}
.consent input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--red)}
.consent a{color:var(--ink)}
.err{color:var(--red-dark);font-size:13px;font-weight:600}
.secure{display:flex;gap:6px;justify-content:center;align-items:center;font-size:12.5px;color:var(--muted)}

/* Danke Seite */
.steps{display:flex;gap:8px;align-items:center;font-size:12.5px;font-weight:600;color:var(--muted)}
.steps i{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-style:normal;font-size:12px;background:var(--line);color:var(--ink)}
.steps .done i{background:var(--ink);color:#fff}
.steps .now{color:var(--ink)}
.steps .now i{background:var(--red);color:#fff}
.steps .bar{flex:1;max-width:46px;height:2px;background:var(--line)}
.ty{padding-block:26px 20px}
.ty-grid{display:grid;gap:24px}
.ty h1{font-size:clamp(32px,8.5vw,52px);font-weight:800;margin-top:14px}
.ty .lead{color:var(--muted);margin-top:12px;font-size:17px}
.video.short{aspect-ratio:16/10;width:100%}
.call{padding-block:8px 56px}
.call-grid{display:grid;gap:26px}
.benefits{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}
.benefits li{display:grid;grid-template-columns:26px 1fr;gap:10px;font-weight:500}
.check{width:24px;height:24px;border-radius:50%;background:var(--red);display:grid;place-items:center;margin-top:1px}
.check svg{width:13px;height:13px}
.facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.facts span{background:var(--surface);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600}
.cal{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg)}
.cal-top{background:var(--surface);padding:16px 18px;display:flex;align-items:center;gap:12px}
.cal-top img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.cal-top b{display:block;font-size:15px}
.cal-top span{font-size:13px;color:var(--muted)}
.cal-body{padding:16px 18px 20px}
.cal-month{display:flex;justify-content:space-between;font-weight:700;font-size:15px}
.cal-month span{color:var(--muted);font-weight:500}
.days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:12px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}
.days .h{font-size:11px;color:var(--muted);font-weight:600;padding-bottom:4px}
.days .d{aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#a9acb2}
.days .a{color:var(--red);background:#ffe9e9;font-weight:700}
.days .s{background:var(--red);color:#fff;font-weight:700}
.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.slots span{border:1.5px solid var(--red);color:var(--red);border-radius:8px;text-align:center;padding:9px 0;font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}
.cal-note{font-size:12px;color:var(--muted);text-align:center;margin-top:14px}
.backup{margin-top:22px;text-align:center;font-size:14px;color:var(--muted)}
.backup a{color:var(--ink);font-weight:600}
@media (min-width:900px){
  .ty{padding-block:48px 24px}
  .ty-grid{grid-template-columns:1.1fr .9fr;align-items:center}
  .call-grid{grid-template-columns:1fr 1fr;align-items:start;gap:48px}
}
.cal-embed{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg)}