@font-face{font-family:"Inter Tight";src:url(../fonts/InterTight-800-normal-latin.woff2) format("woff2");font-weight:600 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Inter Tight";src:url(../fonts/InterTight-800-normal-latin-ext.woff2) format("woff2");font-weight:600 900;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";src:url(../fonts/Inter-400-normal-latin.woff2) format("woff2");font-weight:300 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Inter";src:url(../fonts/Inter-400-normal-latin-ext.woff2) format("woff2");font-weight:300 700;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF,U+2C60-2C7F,U+A720-A7FF}

:root{
  --sterne-9:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='640'%3E%3Ccircle cx='331' cy='154' r='1' fill='%23fff' fill-opacity='0.18'/%3E%3Ccircle cx='74' cy='548' r='0.6' fill='%23fff' fill-opacity='0.35'/%3E%3Ccircle cx='596' cy='59' r='1.2' fill='%23fff' fill-opacity='0.25'/%3E%3Ccircle cx='38' cy='88' r='1' fill='%23fff' fill-opacity='0.5'/%3E%3Ccircle cx='71' cy='246' r='0.6' fill='%23fff' fill-opacity='0.7'/%3E%3Ccircle cx='434' cy='60' r='1.2' fill='%23fff' fill-opacity='0.18'/%3E%3Ccircle cx='228' cy='596' r='0.6' fill='%23fff' fill-opacity='0.7'/%3E%3Ccircle cx='599' cy='406' r='0.6' fill='%23fff' fill-opacity='0.25'/%3E%3Ccircle cx='47' cy='570' r='0.7' fill='%23fff' fill-opacity='0.35'/%3E%3Ccircle cx='429' cy='147' r='1.2' fill='%23fff' fill-opacity='0.18'/%3E%3Ccircle cx='584' cy='315' r='1.2' fill='%23fff' fill-opacity='0.25'/%3E%3Ccircle cx='105' cy='595' r='1.2' fill='%23fff' fill-opacity='0.25'/%3E%3Ccircle cx='381' cy='99' r='1.2' fill='%23fff' fill-opacity='0.18'/%3E%3Ccircle cx='577' cy='61' r='1.2' fill='%23fff' fill-opacity='0.25'/%3E%3Ccircle cx='508' cy='544' r='1' fill='%23fff' fill-opacity='0.35'/%3E%3Ccircle cx='476' cy='599' r='1' fill='%23fff' fill-opacity='0.35'/%3E%3Ccircle cx='306' cy='254' r='0.7' fill='%23fff' fill-opacity='0.25'/%3E%3Ccircle cx='83' cy='588' r='0.8' fill='%23fff' fill-opacity='0.7'/%3E%3Ccircle cx='506' cy='351' r='1' fill='%23fff' fill-opacity='0.35'/%3E%3Ccircle cx='623' cy='74' r='0.6' fill='%23fff' fill-opacity='0.7'/%3E%3Ccircle cx='428' cy='168' r='0.8' fill='%23fff' fill-opacity='0.25'/%3E%3Ccircle cx='500' cy='431' r='0.6' fill='%23fff' fill-opacity='0.18'/%3E%3Ccircle cx='571' cy='586' r='0.8' fill='%23fff' fill-opacity='0.35'/%3E%3Ccircle cx='358' cy='608' r='1' fill='%23fff' fill-opacity='0.7'/%3E%3Ccircle cx='467' cy='70' r='0.6' fill='%23fff' fill-opacity='0.35'/%3E%3Ccircle cx='485' cy='66' r='0.6' fill='%23fff' fill-opacity='0.35'/%3E%3Ccircle cx='591' cy='456' r='0.8' fill='%23fff' fill-opacity='0.5'/%3E%3Ccircle cx='355' cy='23' r='1' fill='%23fff' fill-opacity='0.35'/%3E%3Ccircle cx='172' cy='625' r='0.6' fill='%23fff' fill-opacity='0.5'/%3E%3Ccircle cx='60' cy='223' r='0.8' fill='%23fff' fill-opacity='0.25'/%3E%3Ccircle cx='253' cy='407' r='1' fill='%23fff' fill-opacity='0.5'/%3E%3Ccircle cx='82' cy='170' r='1' fill='%23fff' fill-opacity='0.5'/%3E%3Ccircle cx='562' cy='284' r='0.7' fill='%23fff' fill-opacity='0.5'/%3E%3Ccircle cx='563' cy='285' r='1' fill='%23fff' fill-opacity='0.35'/%3E%3Ccircle cx='389' cy='236' r='0.7' fill='%23fff' fill-opacity='0.18'/%3E%3Ccircle cx='180' cy='154' r='0.7' fill='%23fff' fill-opacity='0.25'/%3E%3Ccircle cx='12' cy='496' r='1.2' fill='%23fff' fill-opacity='0.25'/%3E%3Ccircle cx='269' cy='288' r='0.6' fill='%23fff' fill-opacity='0.25'/%3E%3Ccircle cx='429' cy='547' r='0.8' fill='%23fff' fill-opacity='0.7'/%3E%3Ccircle cx='579' cy='326' r='0.7' fill='%23fff' fill-opacity='0.7'/%3E%3Ccircle cx='632' cy='55' r='1' fill='%23fff' fill-opacity='0.7'/%3E%3Ccircle cx='401' cy='407' r='1' fill='%23fff' fill-opacity='0.5'/%3E%3Ccircle cx='106' cy='493' r='1' fill='%23fff' fill-opacity='0.18'/%3E%3Ccircle cx='195' cy='68' r='0.7' fill='%23fff' fill-opacity='0.5'/%3E%3Ccircle cx='166' cy='112' r='0.8' fill='%23fff' fill-opacity='0.7'/%3E%3Ccircle cx='53' cy='104' r='0.6' fill='%23fff' fill-opacity='0.7'/%3E%3C/svg%3E");
  --bg:#F4F1EA; --bg-2:#EDE8DD; --card:#FFFDF8; --ink:#141310; --ink-2:#6B6558; --line:#E2DCCF;
  --dunkel:#141210; --dunkel-2:#1D1A17; --dunkel-line:rgba(255,255,255,.1); --hell-2:rgba(255,255,255,.72);
  --a1:#FF5D3A; --a2:#FF9D2F; --a-text:#B53413; --a-weich:rgba(255,93,58,.12);
  --verlauf:linear-gradient(120deg,var(--a1),var(--a2));
  --rot:#B8301F; --gelb:#E0A11B; --gruen:#1F9D63;
  --ff:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif; --fd:"Inter Tight","Inter",system-ui,sans-serif;
  --max:1240px; --rand:clamp(20px,4.5vw,48px); --sek:clamp(88px,12vw,168px);
  --r:22px; --aus:cubic-bezier(.16,1,.3,1);
  --a1-rgb:255,93,58; --a2-rgb:255,157,47; --am-rgb:255,138,80; --at-rgb:181,52,19; --at2-rgb:180,70,20; --ink-rgb:20,19,16; --dk-rgb:20,18,16; --dk2-rgb:14,12,10; --bg-rgb:244,241,234; --bg3-rgb:250,248,243; --card-rgb:255,253,248; --dkm-rgb:40,34,30; --sch2-rgb:60,30,10; --sch3-rgb:60,40,20; --sch1-rgb:80,50,20;
  --hauch:#FFF1E4; --hauch-2:#FFF8F2; --vg-r1:#2A1C16; --vg-r2:#3A2014; --a-tief:#A42E10; --a-mitte-2:#C4521B; --eb1a:#C6361A; --eb1b:#F06A48; --eb2a:#A85A0C; --eb2b:#D98A2B; --ini3a:#B8621A; --ini3b:#E0891F; --grau:#DDD6C8; --grau-2:#EFEAE0; --grau-3:#EAE3D6; --grau-4:#CFC6B6;
}

[data-farbe="4"]{--a1:#2F5BFF; --a2:#FF2E93; --a-text:#2446E0; --a-weich:rgba(47,91,255,.1);
  --verlauf:linear-gradient(100deg,#2F5BFF,#B03BFF 50%,#FF2E93);
  --bg:#F5F4FA; --bg-2:#ECEBF5; --card:#FFFFFF; --ink:#0B0A10; --ink-2:#5A5870; --line:#E1DFEC;
  --dunkel:#0B0A10; --dunkel-2:#15141F;
  --a1-rgb:47,91,255; --a2-rgb:255,46,147; --am-rgb:176,59,255; --at-rgb:36,70,224; --at2-rgb:60,40,190;
  --ink-rgb:11,10,16; --dk-rgb:11,10,16; --dk2-rgb:8,7,12; --bg-rgb:245,244,250; --bg3-rgb:250,249,253; --card-rgb:255,255,255; --dkm-rgb:28,27,44;
  --sch1-rgb:30,30,90; --sch2-rgb:20,20,80; --sch3-rgb:30,30,90;
  --hauch:#F0EFFF; --hauch-2:#F6F4FF; --vg-r1:#121A42; --vg-r2:#2A1548; --a-tief:#1A33B5; --a-mitte-2:#7A3BFF;
  --eb1a:#1C3FD6; --eb1b:#5078FF; --eb2a:#8A22D6; --eb2b:#D03BFF; --ini3a:#B03BFF; --ini3b:#FF2E93;
  --grau:#DCDAE8; --grau-2:#EDECF4; --grau-3:#E6E4F0; --grau-4:#C9C6D8}
[data-farbe="5"],[data-farbe="7"]{--a1:#EE3417; --a2:#FFB100; --a-text:#C92A0E; --a-weich:rgba(255,177,0,.14);
  --verlauf:linear-gradient(115deg,#EE3417 0%,#FF7A00 38%,#FFB100 62%,#FFD65A 76%,#FFB100 90%)}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 var(--ff);-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
[hidden]{display:none!important}
:focus-visible{outline:2.5px solid var(--a-text);outline-offset:3px;border-radius:8px}
.skip{position:absolute;left:12px;top:-80px;z-index:200;background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;text-decoration:none}
.skip:focus{top:12px}
.rahmen{max-width:calc(var(--max) + 2*var(--rand));margin:0 auto;padding:0 var(--rand);position:relative;z-index:2}
.rahmen--schmal{max-width:calc(1000px + 2*var(--rand))}
section{position:relative;padding:var(--sek) 0;overflow:clip}


.h1{font-family:var(--fd);font-weight:800;font-size:clamp(44px,7.4vw,112px);line-height:.95;letter-spacing:-.045em}
.h2{font-family:var(--fd);font-weight:800;font-size:clamp(34px,4.9vw,68px);line-height:1;letter-spacing:-.04em;max-width:18ch;text-wrap:balance}
.h2--mitte{margin-left:auto;margin-right:auto;text-align:center}
.h2--hell{color:#fff}
.grad{background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;background-position:0 0}
[data-farbe="5"] .grad,[data-farbe="7"] .grad{animation:glanz 7s ease-in-out infinite}
@keyframes glanz{50%{background-position:100% 0}}
.klein{display:inline-flex;align-items:center;gap:12px;font:700 13px/1 var(--ff);letter-spacing:.2em;text-transform:uppercase;color:var(--a-text);margin-bottom:22px}
.klein::before{content:"";width:28px;height:2px;border-radius:2px;background:var(--verlauf)}
.klein--mitte{justify-content:center}
.klein--hell{color:#fff}
.unter{color:var(--ink-2);font-size:clamp(17px,1.5vw,20px);line-height:1.6;max-width:56ch;margin-top:24px}
.unter--hell{color:var(--hell-2)}
.unter--mitte{margin-left:auto;margin-right:auto;text-align:center}
.zeile{display:inline-block}
.dunkel{background:var(--dunkel);color:#fff}


.knoepfe{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:36px}
.knoepfe--mitte{justify-content:center}
.knopf{--h:58px;display:inline-flex;align-items:center;gap:12px;min-height:var(--h);padding:0 26px 0 30px;border-radius:999px;font:700 19px/1.1 var(--ff);letter-spacing:-.01em;text-decoration:none;border:0;cursor:pointer;white-space:nowrap;transition:transform .3s var(--aus),box-shadow .35s var(--aus),background-color .3s,color .3s}
.knopf__pfeil{width:18px;height:18px;flex:0 0 auto;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;background:currentColor;transition:transform .3s var(--aus)}
.knopf:hover .knopf__pfeil{transform:translateX(4px)}
.knopf--voll,.knopf--gross{background:var(--verlauf);background-size:140% 100%;color:#fff;box-shadow:0 18px 44px -18px var(--a1)}
.knopf--gross{--h:66px;padding:0 30px 0 36px;font-size:20px}
.knopf--voll:hover,.knopf--gross:hover{transform:translateY(-3px);box-shadow:0 26px 56px -20px var(--a1);background-position:100% 0}
.knopf--linie{background:rgba(var(--card-rgb),.55);color:var(--a-text);box-shadow:inset 0 0 0 2px var(--a1)}
.knopf--linie:hover{background:var(--a-weich);transform:translateY(-3px)}
.knopf--hell{background:#fff;color:var(--ink)}
.knopf--hell:hover{transform:translateY(-3px);box-shadow:0 22px 50px -24px rgba(0,0,0,.6)}
.dunkel .knopf--linie{color:#fff;box-shadow:inset 0 0 0 2px #fff}
.oder{font-weight:600;color:inherit;text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:2px}
.oder:hover{color:var(--a-text)}
.dunkel .oder:hover{color:var(--a2)}
@media (max-width:560px){.knoepfe .knopf{width:100%;justify-content:center;white-space:normal;text-align:center;padding:14px 22px}.knopf{font-size:18px}.knopf--gross{font-size:19px}}

.pillen{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.pillen li{font-size:14px;font-weight:600;line-height:1.2;padding:9px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line)}
.pillen--hell li{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}


.blob{position:absolute;z-index:0;width:min(78vw,820px);aspect-ratio:1;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none;
  background:radial-gradient(circle at 30% 30%,var(--a1),transparent 60%),radial-gradient(circle at 70% 70%,var(--a2),transparent 60%);animation:drift 16s ease-in-out infinite}
.blob--hero{left:50%;top:44%;transform:translate(-50%,-50%)}
.blob--rechts{left:86%;top:4%;width:min(60vw,620px);opacity:.38}
.blob--links{left:8%;top:0;width:min(56vw,560px);opacity:.3}
.blob--kurz{left:88%;top:70%;opacity:.35}
.blob--schluss{left:50%;top:50%;transform:translate(-50%,-50%)}
@keyframes drift{0%,100%{translate:-50% -50%;scale:1}50%{translate:-44% -42%;scale:1.12}}
.blob--hero,.blob--schluss{translate:-50% -50%}


.kopf{position:fixed;top:14px;left:0;right:0;z-index:60;padding:0 var(--rand);pointer-events:none}
.kopf__pille{pointer-events:auto;max-width:var(--max);margin:0 auto;height:64px;display:flex;align-items:center;gap:26px;padding:0 8px 0 22px;border-radius:999px;
  background:rgba(var(--bg-rgb),.72);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);box-shadow:inset 0 0 0 1px rgba(var(--ink-rgb),.08);transition:box-shadow .4s,background-color .4s}
.kopf.gerollt .kopf__pille{background:rgba(var(--bg3-rgb),.88);box-shadow:inset 0 0 0 1px rgba(var(--ink-rgb),.08),0 18px 44px -24px rgba(var(--ink-rgb),.4)}
.marke{display:inline-flex;align-items:center;gap:10px;font:800 18px/1 var(--fd);letter-spacing:-.03em;text-decoration:none;margin-right:auto}

.marke__zeichen{position:relative;width:24px;height:24px;display:inline-block;flex:0 0 auto}
.marke__zeichen::before,.marke__zeichen::after{content:"";position:absolute;bottom:15.6%;width:28.1%;border-radius:2.5px}
.marke__zeichen::before{left:15.6%;height:32.8%;background:currentColor;opacity:.9}
.marke__zeichen::after{left:56.2%;height:68.8%;background:var(--verlauf)}
.kopf__nav{display:flex;gap:26px}
.kopf__nav a{font-size:15px;font-weight:600;color:var(--ink-2);text-decoration:none;transition:color .2s}
.kopf__nav a:hover{color:var(--ink)}
.kopf .knopf{--h:48px;font-size:15px;padding:0 18px 0 22px;box-shadow:0 12px 26px -14px var(--a1)}
.kopf .knopf:hover{transform:none;box-shadow:0 16px 30px -14px var(--a1)}
.burger{display:none;width:48px;height:48px;border:0;border-radius:50%;background:var(--verlauf);box-shadow:0 12px 26px -14px var(--a1);cursor:pointer;position:relative}
.burger span{position:absolute;left:15px;right:15px;height:2px;border-radius:2px;background:#fff;transition:transform .3s var(--aus)}
.burger span:first-child{top:19px}.burger span:last-child{top:27px}
.burger[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
.burger[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
@media (max-width:1060px){
  .kopf__nav{position:absolute;top:74px;left:var(--rand);right:var(--rand);flex-direction:column;gap:0;padding:10px 22px;border-radius:24px;background:rgba(var(--bg3-rgb),.97);box-shadow:0 30px 60px -30px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s,transform .3s var(--aus),visibility .3s}
  .kopf__nav.offen{opacity:1;visibility:visible;transform:none}
  .kopf__nav a{padding:16px 0;font-size:18px;color:var(--ink);border-bottom:1px solid var(--line)}
  .kopf__nav a:last-child{border:0}
  .burger{display:block}
}
@media (max-width:640px){.kopf .knopf[data-kopfknopf]{display:none}.kopf__pille{padding-left:18px}}


.hero{min-height:100svh;display:grid;place-items:center;padding:150px 0 90px;text-align:center}
.hero__innen{max-width:1340px}
.hero__titel{font-size:clamp(40px,5.3vw,78px)}
.hero__titel .zeile{display:block}
@media (max-width:640px){.hero__titel{font-size:clamp(32px,9vw,39px);letter-spacing:-.04em}.hero__titel .zeile{display:inline}.js .hero__titel [data-rv="maske"]{clip-path:none;translate:none;opacity:0;transition:opacity 1s var(--aus) var(--d,0s)}.js .hero__titel [data-rv="maske"].vis{opacity:1}}
.hero__titel{margin-top:6px}
.hero__unter{color:var(--ink-2);font-size:clamp(18px,1.7vw,22px);line-height:1.55;max-width:58ch;margin:32px auto 0}
.hero__zeile{font-size:15px;color:var(--ink-2);max-width:62ch;margin:22px auto 0}
.beweiszeile{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin-top:24px}
.beweiszeile li{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:600}
.beweiszeile li::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--verlauf);-webkit-mask:radial-gradient(circle,#000 0 3.5px,transparent 4px),linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude;flex:0 0 auto}
@media (max-width:640px){.hero{padding:120px 0 70px;text-align:left}.klein--mitte{justify-content:flex-start}.hero__unter,.hero__zeile{margin-left:0}.knoepfe--mitte,.beweiszeile{justify-content:flex-start}.beweiszeile{flex-direction:column;gap:10px}}


.beleg{padding:0;background:var(--dunkel);color:#fff}
.beleg__spur{height:260vh;position:relative}
.beleg__buehne{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,5vw,80px);max-width:calc(var(--max) + 2*var(--rand));margin:0 auto;padding:90px var(--rand) 40px}
.beleg__buehne::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 55% at 70% 50%,var(--a-weich),transparent 70%)}
.beleg__text{position:relative;z-index:2}
.beleg__satz{font:600 clamp(20px,2vw,27px)/1.4 var(--fd);letter-spacing:-.02em;max-width:30ch}
.beleg__zahl{display:flex;align-items:baseline;gap:14px;margin-top:40px}
.beleg__zaehler{font:800 clamp(96px,13vw,190px)/.8 var(--fd);letter-spacing:-.06em;background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;min-width:1ch}
.beleg__zahl span{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--hell-2)}
.beleg__phasen{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.beleg__phase{font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.55);transition:all .5s var(--aus)}
.beleg__phase.is-an{color:#fff;border-color:transparent;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px var(--a2)}
.beleg__fortschritt{height:2px;background:rgba(255,255,255,.12);margin-top:28px;max-width:420px;overflow:hidden;border-radius:2px}
.beleg__fortschritt i{display:block;height:100%;width:0;background:var(--verlauf)}
.beleg__feld{position:relative;z-index:1;height:min(70vh,620px)}
.beleg__feld canvas{width:100%;height:100%;display:block}
@media (max-width:900px){.beleg__spur{height:220vh}.beleg__buehne{grid-template-columns:1fr;align-content:center;gap:10px;padding-top:84px}.beleg__feld{height:34vh}.beleg__zahl{margin-top:18px}.beleg__phasen{margin-top:16px}}


.problem--b{display:none}
[data-problem="b"] .problem--a{display:none}
[data-problem="b"] .problem--b{display:block}
.problem--a .h2{max-width:14ch}
.schmerzen{margin-top:clamp(48px,7vh,80px);border-top:1px solid var(--line)}
.schmerz{display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,3vw,40px);align-items:baseline;padding:clamp(26px,3.6vh,38px) 0;border-bottom:1px solid var(--line)}
.schmerz__nr{font:800 14px/1 var(--fd);letter-spacing:.14em;color:var(--a-text);padding-top:10px}
.schmerz__satz{font:700 clamp(24px,2.8vw,38px)/1.18 var(--fd);letter-spacing:-.03em}
.schmerz p{color:var(--ink-2);font-size:clamp(17px,1.35vw,19px);line-height:1.6;margin-top:12px;max-width:60ch}
.strich{background-image:var(--verlauf);background-repeat:no-repeat;background-position:0 60%;background-size:0% 3px;transition:background-size 1.1s var(--aus)}
.wende{margin-top:clamp(40px,6vh,64px);display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap}
.wende p{font:700 clamp(22px,2.4vw,32px)/1.3 var(--fd);letter-spacing:-.03em;max-width:30ch}


.problem--b,.tickfeld{background:var(--bg-2)}
.problem--b::before,.tickfeld::before{content:"";position:absolute;inset:0;opacity:.7;background-image:linear-gradient(rgba(var(--ink-rgb),.06) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--ink-rgb),.06) 1px,transparent 1px);background-size:64px 64px;-webkit-mask:radial-gradient(70% 60% at 50% 40%,#000,transparent);mask:radial-gradient(70% 60% at 50% 40%,#000,transparent)}
.ticks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(40px,6vh,64px)}
.tick{background:var(--dunkel);color:#fff;border-radius:var(--r);padding:30px 28px 28px;position:relative;overflow:hidden}
.tick__lab{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hell-2)}
.tick__zahl b{display:block;margin-top:16px;font:800 clamp(64px,7vw,104px)/.9 var(--fd);letter-spacing:-.05em;background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.tick p{color:var(--hell-2);font-size:16px;line-height:1.6;margin-top:16px}
.tick__balken{height:3px;border-radius:2px;background:rgba(255,255,255,.1);margin-top:22px;overflow:hidden}
.tick__balken i{display:block;height:100%;width:0;background:var(--verlauf);transition:width 1.6s .3s var(--aus)}
.ticks.vis .tick__balken i{width:var(--w)}
.summe{margin-top:16px;border-radius:var(--r);padding:clamp(24px,3vw,36px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--card);border:1px solid var(--line)}
.summe p{font:700 clamp(22px,2.3vw,30px)/1.3 var(--fd);letter-spacing:-.03em;max-width:32ch}
.weiter{flex:0 0 auto;display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 20px 0 24px;border-radius:999px;text-decoration:none;font:700 17px/1 var(--ff);color:var(--a-text);background:var(--a-weich);box-shadow:inset 0 0 0 1.5px rgba(var(--a1-rgb),.35);transition:transform .3s var(--aus),background-color .3s,color .3s}
.weiter:hover{transform:translateY(-2px);background:var(--verlauf);color:#fff;box-shadow:0 16px 34px -18px var(--a1)}
.weiter:hover .knopf__pfeil{transform:translateX(4px)}
@media (max-width:900px){.ticks{grid-template-columns:1fr}}


.nutzen{background:var(--bg)}
.erfolge{display:grid;gap:16px;margin-top:clamp(40px,6vh,64px)}
.erfolge--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.erfolge--4{grid-template-columns:repeat(2,minmax(0,1fr))}
.erfolg{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:clamp(28px,2.8vw,40px);transition:transform .45s var(--aus),box-shadow .45s var(--aus),border-color .3s}
.erfolg:hover{transform:translateY(-6px);box-shadow:0 36px 70px -44px rgba(var(--sch1-rgb),.55)}
.erfolg::before{content:"";position:absolute;inset:0;border-radius:var(--r);padding:1.5px;opacity:0;transition:opacity .4s;background:linear-gradient(140deg,var(--a1),var(--a2),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.erfolg:hover::before{opacity:1}
.erfolg__ico{width:58px;height:58px;border-radius:16px;display:grid;place-content:center;margin-bottom:26px;background:var(--a-weich);border:1px solid rgba(var(--a1-rgb),.22)}
.erfolg__ico svg{width:28px;height:28px;stroke:var(--a-text);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.erfolg__ico svg *{stroke-dasharray:80;stroke-dashoffset:80;transition:stroke-dashoffset 1.2s .3s var(--aus)}
.vis .erfolg__ico svg *{stroke-dashoffset:0}
.erfolg h3{font:800 clamp(22px,1.9vw,27px)/1.18 var(--fd);letter-spacing:-.03em}
.erfolg p{color:var(--ink-2);margin-top:14px;font-size:17px}
@media (max-width:980px){.erfolge--3,.erfolge--4{grid-template-columns:1fr}}


.werk{padding:0;background:var(--dunkel);color:#fff}
.werk__spur{height:calc(100vh * 5.2)}
.werk__pin{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden}
.werk__bgs{position:absolute;inset:0;z-index:0}
.werk__bg{position:absolute;inset:-40px;background-size:cover;background-position:center top;filter:blur(28px) saturate(1.2);opacity:0;transition:opacity 1s ease}
.werk__bg.is-an{opacity:.55}
.werk__tint{position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--dk-rgb),.84),rgba(var(--dk-rgb),.94))}
.werk__raster{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);gap:clamp(28px,5vw,80px);align-items:center;width:100%;padding-top:70px}
.werk__zaehler{margin-top:28px;font:700 15px/1 var(--fd);letter-spacing:.14em;color:var(--hell-2)}
.werk__zaehler b{font-size:30px;background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent}
.werk__caps{position:relative;min-height:230px;margin-top:22px}
.werk__cap{position:absolute;inset:0 0 auto 0;opacity:0;transform:translateY(16px);transition:opacity .6s var(--aus),transform .6s var(--aus);pointer-events:none}
.werk__cap.is-an{opacity:1;transform:none;pointer-events:auto;position:relative}
.werk__cap h3{font:800 clamp(22px,2vw,28px)/1.2 var(--fd);letter-spacing:-.03em}
.werk__cap p{color:var(--hell-2);margin-top:10px;font-size:17px;max-width:46ch}
.mess{display:none;flex-wrap:wrap;gap:8px;margin-top:18px}
[data-werk="mess"] .mess{display:flex}
.mess__titel{width:100%;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hell-2)}
.mess__chip{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.mess__chip i{width:9px;height:9px;border-radius:50%;background:var(--gelb)}
.mess__chip--rot i{background:var(--rot)}.mess__chip--gruen i{background:var(--gruen)}
.werk__punkte{display:flex;gap:8px;margin-top:26px}
.werk__punkte i{width:28px;height:3px;border-radius:2px;background:rgba(255,255,255,.22);transition:background .4s,width .4s var(--aus)}
.werk__punkte i.on{width:52px;background:var(--verlauf)}
.werk__buehne{position:relative;aspect-ratio:16/11}
.werk__shot{position:absolute;inset:0;opacity:0;transform:translateY(24px) scale(.97);transition:opacity .8s var(--aus),transform .9s var(--aus);pointer-events:none}
.werk__shot.is-an{opacity:1;transform:none;pointer-events:auto}
.rahmen-browser{position:absolute;left:0;top:0;width:88%;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 40px 90px -30px rgba(0,0,0,.7);text-decoration:none;display:block}
.rahmen-browser__leiste{height:30px;background:var(--grau-2);display:flex;align-items:center;gap:6px;padding:0 12px}
.rahmen-browser__leiste i{width:9px;height:9px;border-radius:50%;background:#E0475F}
.rahmen-browser__leiste i:nth-child(2){background:#F2B23E}.rahmen-browser__leiste i:nth-child(3){background:#4FBF67}
.rahmen-browser__leiste span{margin-left:10px;font-size:12px;color:#6B6558}
.rahmen-telefon{position:absolute;right:0;bottom:0;width:25%;border-radius:26px;border:7px solid #111;background:#111;box-shadow:0 30px 60px -20px rgba(0,0,0,.7);overflow:hidden}
.rahmen-telefon img{border-radius:19px}
@media (max-width:900px){
  .werk__spur{height:auto}
  .werk__pin{position:relative;height:auto;padding:var(--sek) 0}
  .werk__raster{grid-template-columns:1fr;padding-top:0}
  .werk__caps{min-height:0}
  .werk__buehne{aspect-ratio:auto;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1*var(--rand));padding:0 var(--rand) 10px;scrollbar-width:none}
  .werk__buehne::-webkit-scrollbar{display:none}
  .werk__shot{position:relative;inset:auto;flex:0 0 86%;opacity:1;transform:none;pointer-events:auto;scroll-snap-align:center}
  .rahmen-browser{position:relative;width:100%}
  .rahmen-telefon{display:none}
}


.faelle__kopf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end}
.faelle__kopf .unter{margin-top:0}
.zitat{margin-top:clamp(48px,7vh,80px);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,5vw,80px);align-items:center;background:var(--card);border:1px solid var(--line);border-radius:calc(var(--r) + 8px);padding:clamp(32px,5vw,72px)}
.zitat__zahl{font:800 clamp(52px,5.6vw,88px)/.92 var(--fd);letter-spacing:-.05em;overflow-wrap:anywhere}
.zitat__titel{font:700 clamp(20px,1.7vw,24px)/1.3 var(--fd);letter-spacing:-.02em;color:var(--ink-2)}
.zitat__text{font:800 clamp(26px,2.9vw,42px)/1.18 var(--fd);letter-spacing:-.03em;margin-top:16px}
.zitat__name{display:flex;align-items:center;gap:14px;margin-top:26px;color:var(--ink-2);font-size:16px}
.zitat__name img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.zitat__name b{color:var(--ink)}
.stimmen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.stimme{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:clamp(24px,2.6vw,36px)}
.stimme__bild{width:64px;height:64px;border-radius:50%;object-fit:cover}
.stimme__zahl{font:800 30px/1 var(--fd);letter-spacing:-.03em}
.stimme h3{font:700 18px/1.3 var(--fd);margin-top:10px}
.stimme blockquote{margin-top:10px;font-size:16px}
.stimme blockquote.offen{color:var(--ink-2);font-style:italic}
.stimme figcaption{margin-top:14px;color:var(--ink-2);font-size:14px}
.stimme figcaption b{color:var(--ink)}
@media (max-width:900px){.faelle__kopf,.zitat,.stimmen{grid-template-columns:1fr}.zitat__zahl{white-space:normal}}


.tueren{background:var(--bg-2)}
.tueren__raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:clamp(40px,6vh,64px)}
.tuer{position:relative;min-height:clamp(560px,62vw,720px);border-radius:calc(var(--r) + 8px);overflow:hidden;color:#fff;display:flex;align-items:flex-end;isolation:isolate}
.tuer__bild{position:absolute;inset:0;z-index:-2}
.tuer__bild img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.2s var(--aus)}
.tuer:hover .tuer__bild img{transform:scale(1.1)}
.tuer__schleier{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(var(--dk-rgb),.05) 10%,rgba(var(--dk-rgb),.55) 45%,rgba(var(--dk-rgb),.94) 100%),linear-gradient(120deg,transparent 40%,var(--a-weich))}
.tuer__inhalt{padding:clamp(28px,3.4vw,48px)}
.tuer__nr{font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--a2)}
.tuer__titel{font:800 clamp(28px,2.6vw,38px)/1.08 var(--fd);letter-spacing:-.035em;margin-top:12px;max-width:20ch}
.tuer__titel a{text-decoration:none}
.tuer p{color:rgba(255,255,255,.86);margin-top:14px;font-size:17px;max-width:52ch}
.tuer .pillen{margin:20px 0 26px}
.dritte{margin-top:28px;color:var(--ink-2);max-width:72ch}
.dritte a{color:var(--ink);font-weight:700}
@media (max-width:900px){.tueren__raster{grid-template-columns:1fr}.tuer{min-height:600px}.tuer .knopf{white-space:normal;text-align:left;max-width:100%}}


.gruende__licht{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(600px circle at var(--mx,70%) var(--my,30%),var(--a-weich),transparent 60%)}
.gruende__raster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(48px,7vh,72px);border:1px solid var(--dunkel-line);border-radius:var(--r);overflow:hidden}
.grund{padding:clamp(26px,2.6vw,36px);border-right:1px solid var(--dunkel-line);background:rgba(255,255,255,.02);transition:background .4s}
.grund:last-child{border-right:0}
.grund:hover{background:rgba(255,255,255,.05)}
.grund__nr{font:800 14px/1 var(--fd);letter-spacing:.14em;color:var(--a2)}
.grund h3{font:800 clamp(20px,1.6vw,24px)/1.2 var(--fd);letter-spacing:-.025em;margin-top:22px}
.grund p{color:var(--hell-2);margin-top:14px;font-size:16px}
.band{margin-top:16px;display:block;border-radius:var(--r);padding:clamp(32px,4.4vw,64px);background:linear-gradient(120deg,rgba(var(--a1-rgb),.16),rgba(var(--a2-rgb),.08));border:1px solid rgba(var(--am-rgb),.3)}
.band__titel{font:800 clamp(30px,3.6vw,54px)/1.02 var(--fd);letter-spacing:-.04em;max-width:20ch;text-wrap:balance}
.band p{color:var(--hell-2);margin-top:18px;max-width:62ch;font-size:clamp(16px,1.25vw,18px);line-height:1.6}
.band .knoepfe{margin-top:32px}
@media (max-width:480px){.band{padding:28px 26px}.band .oder{font-size:15px}}
@media (min-width:768px){.band{text-align:center}.band__titel,.band p{margin-inline:auto}.band .knoepfe{justify-content:center}}
@media (max-width:1060px){.gruende__raster{grid-template-columns:repeat(2,minmax(0,1fr))}.grund:nth-child(2){border-right:0}.grund:nth-child(-n+2){border-bottom:1px solid var(--dunkel-line)}.band{grid-template-columns:1fr}}
@media (max-width:620px){.gruende__raster{grid-template-columns:1fr}.grund{border-right:0;border-bottom:1px solid var(--dunkel-line)}.grund:last-child{border-bottom:0}}


.erklaer .h2{max-width:20ch}
.scrub{margin-top:clamp(36px,5vh,56px);font:700 clamp(24px,2.6vw,38px)/1.32 var(--fd);letter-spacing:-.025em}
.scrub .w{color:#8A8378;transition:color .15s linear}
.no-js .scrub .w,.scrub.fertig .w{color:var(--ink)}


.vergleich{background:var(--dunkel)}
.vg{max-width:980px;margin:clamp(40px,6vh,64px) auto 0;padding:16px;border-radius:32px;background:var(--dunkel-2);border:1px solid var(--dunkel-line);display:flex;flex-direction:column;gap:10px}
.vg__zeile{display:flex;align-items:stretch;justify-content:space-between}
.vg__links,.vg__mitte,.vg__rechts{position:relative;flex:0 0 33.8%;min-height:132px;padding:22px;border-radius:20px;display:flex;flex-direction:column;justify-content:center}
.vg__links{margin-right:-1%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);will-change:transform;z-index:1}
.vg__links p{font:700 20px/1.2 var(--fd);letter-spacing:-.02em}
.vg__mitte{background:rgba(var(--dkm-rgb),.9);border:1px solid rgba(255,255,255,.06);z-index:0}
.vg__mitte p{color:rgba(255,255,255,.55);font-size:17px;font-weight:500;line-height:1.35}
.vg__rechts{margin-left:-1%;z-index:2;will-change:transform;background:linear-gradient(140deg,var(--vg-r1),var(--vg-r2));border:1px solid rgba(var(--am-rgb),.45);box-shadow:0 20px 50px -24px rgba(var(--a1-rgb),.6)}
.vg__hier{display:flex;align-items:center;gap:10px;font:800 19px/1.2 var(--fd);letter-spacing:-.02em;color:#fff}
.vg__slogan{color:var(--hell-2);font-size:15px;margin-top:4px}
.vg__zeile--kopf .vg__links,.vg__zeile--kopf .vg__mitte,.vg__zeile--kopf .vg__rechts{min-height:64px}
.vg__zeile--kopf .vg__mitte p{color:#fff;font-weight:700}
.vg__mob{display:none}
.vg__schluss{text-align:center;margin-top:32px;font:700 clamp(20px,2vw,26px)/1.3 var(--fd);letter-spacing:-.02em}
@media (max-width:760px){
  .vg__zeile{flex-direction:column;gap:0}
  .vg__zeile--kopf{display:none}
  .vg__links,.vg__mitte,.vg__rechts{flex:0 0 auto;width:100%;margin:0;min-height:0;transform:none!important}
  .vg__links{border-radius:20px 20px 0 0;padding:18px 20px}
  .vg__mitte{border-radius:0;padding:16px 20px}
  .vg__rechts{border-radius:0 0 20px 20px;padding:16px 20px}
  .vg__mob{display:flex;align-items:center;gap:8px;font-size:12px!important;font-weight:700!important;letter-spacing:.12em;text-transform:uppercase;color:var(--hell-2)!important;margin-bottom:6px}
}


.menschen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,24px);margin-top:clamp(40px,6vh,64px)}
.mensch__bild{aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:var(--bg-2)}
.mensch__bild img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transform:scale(1.02);transition:filter .6s,transform .8s var(--aus)}
.mensch:hover .mensch__bild img{filter:none;transform:scale(1.07)}
.mensch h3{font:800 20px/1.2 var(--fd);letter-spacing:-.02em;margin-top:18px}
.mensch p{color:var(--ink-2);font-size:15px;margin-top:6px}
@media (max-width:980px){.menschen{grid-template-columns:repeat(2,minmax(0,1fr))}}


.weg{background:var(--bg)}
.weg__kopf .h2{max-width:16ch}
.deck{margin-top:clamp(40px,6vh,64px)}
.deck__karte{position:sticky;top:12vh;height:min(72vh,620px);width:min(1180px,calc(100% - 2*var(--rand)));margin:0 auto 6vh;border-radius:28px;overflow:hidden;color:#fff;background:#111;box-shadow:0 60px 120px -70px #000;transform-origin:50% 0;will-change:transform}
.deck__bg{position:absolute;inset:0}
.deck__bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.06)}
.deck__schleier{position:absolute;inset:0;background:linear-gradient(100deg,rgba(var(--dk2-rgb),.94) 8%,rgba(var(--dk2-rgb),.7) 44%,rgba(var(--dk2-rgb),.2) 80%)}
.deck__nr{position:absolute;top:clamp(24px,3vw,40px);left:clamp(26px,4vw,56px);font:800 14px/1 var(--fd);letter-spacing:.18em;text-transform:uppercase;background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent}
.deck__inhalt{position:absolute;left:0;bottom:0;padding:clamp(26px,4vw,56px);max-width:720px}
.deck__inhalt h3{font:800 clamp(32px,4vw,58px)/1 var(--fd);letter-spacing:-.04em}
.deck__inhalt p{color:rgba(255,255,255,.84);font-size:clamp(17px,1.4vw,20px);margin-top:18px;max-width:48ch}
.weg__ende{margin-top:4vh}
.zusage{font:700 clamp(20px,2vw,26px)/1.4 var(--fd);letter-spacing:-.02em;max-width:52ch;padding:28px 32px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);position:relative}
.zusage::before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:4px;border-radius:4px;background:var(--verlauf)}


.kurz__raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:center}
.kurz .h2{max-width:14ch}
.kurz__text{color:var(--hell-2);margin-top:22px;max-width:52ch}
.eingabe{margin-top:32px;padding:10px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.eingabe__label{display:block;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hell-2);padding:10px 12px 8px}
.eingabe__reihe{display:flex;flex-wrap:wrap;gap:8px}
.feld{flex:1 1 280px;min-width:0;height:58px;padding:0 18px;border-radius:16px;border:1.5px solid transparent;background:#fff;color:var(--ink);font:500 18px var(--ff)}
.feld:focus{outline:none;border-color:var(--a2);box-shadow:0 0 0 4px rgba(var(--a2-rgb),.25)}
.feld[aria-invalid=true]{border-color:var(--rot)}
.eingabe .knopf{--h:58px;border-radius:16px;flex:1 1 auto;justify-content:center}
.eingabe__fehler{color:#FFB4A3;font-size:15px;font-weight:600;padding:10px 12px 4px}
@media (max-width:560px){.eingabe__reihe{flex-direction:column}.feld{flex:0 0 auto}.eingabe .knopf{justify-content:center;white-space:normal;text-align:center;padding:14px 20px;flex:0 0 auto}}
.produkt{position:relative;border-radius:28px;padding:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 60px 120px -60px rgba(0,0,0,.8);transform:rotate(-1.2deg)}
.produkt__kopf{display:flex;align-items:center;gap:12px;padding:6px 6px 16px;font-size:13px;color:var(--hell-2)}
.produkt__punkte{display:flex;gap:6px}.produkt__punkte i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.22)}
.produkt__marke{font-weight:700;color:var(--ink);background:#fff;border-radius:999px;padding:4px 11px}
.produkt__ringe{display:grid;gap:10px}
.ring-kachel{display:flex;align-items:center;gap:20px;background:#fff;color:var(--ink);border-radius:18px;padding:16px 20px}
.ring{position:relative;width:88px;height:88px;flex:0 0 auto}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:10;stroke-linecap:round}
.ring__spur{stroke:var(--grau-2)}
.ring__wert{stroke-dasharray:326.7;stroke-dashoffset:326.7;transition:stroke-dashoffset 1.6s .2s var(--aus)}
.vis .ring__wert,.ring.vis .ring__wert{stroke-dashoffset:calc(326.7 * (1 - var(--p)))}
.ring-kachel--rot .ring__wert{stroke:var(--rot)}.ring-kachel--gelb .ring__wert{stroke:var(--gelb)}.ring-kachel--gruen .ring__wert{stroke:var(--gruen)}
.ring__zahl{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1}
.ring__zahl b{font:800 30px/1 var(--fd);letter-spacing:-.04em}
.ring__zahl span{font-size:12px;color:var(--ink-2);margin-top:3px}
.ring-kachel__name{display:flex;align-items:center;gap:9px;font:800 19px/1.2 var(--fd);letter-spacing:-.02em}
.ampel{width:11px;height:11px;border-radius:50%;flex:0 0 auto;display:inline-block}
.ampel--rot{background:var(--rot)}.ampel--gelb{background:var(--gelb)}.ampel--gruen{background:var(--gruen)}
.ring-kachel__zeile{font-size:15px;margin-top:8px;line-height:1.45}
.ring-kachel__zeile span{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
@media (max-width:980px){.kurz__raster{grid-template-columns:1fr}.produkt{transform:none}}


.faq__raster{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,80px);align-items:start}
.faq__links{position:sticky;top:120px}
.frage{border-bottom:1px solid var(--line)}
.frage:first-child{border-top:1px solid var(--line)}
.frage summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:26px 0;font:700 clamp(19px,1.6vw,22px)/1.3 var(--fd);letter-spacing:-.02em}
.frage summary::-webkit-details-marker{display:none}
.frage summary i{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:var(--card);border:1px solid var(--line);position:relative;transition:transform .4s var(--aus),background .3s}
.frage summary i::before,.frage summary i::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;border-radius:2px;background:var(--ink);translate:-50% -50%}
.frage summary i::after{rotate:90deg;transition:rotate .4s var(--aus)}
.frage[open] summary i{background:var(--ink);transform:rotate(180deg)}
.frage[open] summary i::before,.frage[open] summary i::after{background:#fff}
.frage[open] summary i::after{rotate:0deg}
.frage__antwort p{color:var(--ink-2);padding:0 0 28px;max-width:64ch}
@media (max-width:900px){.faq__raster{grid-template-columns:1fr}.faq__links{position:static}}


.schluss{min-height:88vh;display:grid;place-items:center;text-align:center}
.schluss__titel{max-width:14ch;margin:0 auto}
@media (max-width:640px){.schluss{text-align:left}}


.fuss{background:var(--dunkel);color:#fff;padding:clamp(72px,9vw,120px) 0 40px}
.fuss a{color:#fff}
.fuss__fakten{font:700 clamp(22px,2.4vw,32px)/1.35 var(--fd);letter-spacing:-.02em;max-width:40ch}
.fuss__spalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:32px;margin-top:64px;padding-top:40px;border-top:1px solid var(--dunkel-line)}
.fuss__spalten h2{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hell-2);margin-bottom:14px}
.fuss__spalten li{margin-bottom:10px}
.fuss__spalten a{text-decoration:none;font-weight:500}
.fuss__spalten a:hover{color:var(--a2)}
.fuss__letzte{margin-top:56px;font-size:14px;color:var(--hell-2)}

.fuss__ratgeber{margin-top:48px;padding-top:40px;border-top:1px solid var(--dunkel-line)}
.fuss__ratgeber>h2{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hell-2);margin-bottom:22px}
.fuss__ratgeber>h2 a{text-decoration:none;color:inherit}
.fuss__rg-gruppen{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;align-items:start}
.fuss__rg-gruppen h3{font-size:15px;font-weight:700;color:#fff;margin-bottom:14px}
.fuss__rg-gruppen li{margin-bottom:10px;line-height:1.35}
.fuss__rg-gruppen a{text-decoration:none;font-weight:500}
.fuss__rg-gruppen a:hover{color:var(--a2)}
.fuss__rg-alle{margin-top:18px}
.fuss__rg-alle a{text-decoration:underline;text-underline-offset:3px;font-weight:600}


.leiste{display:none}
@media (max-width:767px){
  .leiste{display:block;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:70;visibility:hidden;opacity:0;transform:translateY(20px);transition:opacity .35s,transform .35s var(--aus),visibility .35s}
  .leiste.an{visibility:visible;opacity:1;transform:none}
  .leiste .knopf{width:100%;justify-content:center;box-shadow:0 20px 40px -12px rgba(var(--ink-rgb),.5)}
}
@media (max-width:767px){}



.vertrauen{display:inline-flex;align-items:center;gap:18px;margin-top:34px;padding:10px 22px 10px 12px;border-radius:999px;background:rgba(var(--card-rgb),.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px var(--line),0 24px 48px -34px rgba(var(--ink-rgb),.45)}
.vertrauen__kopf{display:flex;align-items:center;gap:14px}
.vertrauen__satz{font-size:15px;font-weight:600;line-height:1.35;text-align:left;max-width:36ch}
.vertrauen__satz a{text-decoration:none;color:var(--ink)}
.vertrauen__satz a:hover{color:var(--a-text)}
.initialen{display:flex}
.initialen .initial+.initial{margin-left:-5px}
.initial{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font:800 13px/1 var(--fd);letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,var(--a-text),var(--a1));box-shadow:0 0 0 3px var(--bg)}
.initialen .initial:nth-child(2){background:linear-gradient(135deg,#3B312A,#6E5A4C)}
.initialen .initial:nth-child(3){background:linear-gradient(135deg,var(--ini3a),var(--ini3b))}
.initial--gross{width:56px;height:56px;font-size:17px;box-shadow:none}
.sterne{display:inline-flex;gap:3px;vertical-align:middle}
.sterne i{width:17px;height:17px;background:linear-gradient(135deg,var(--a2),var(--a1));clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.sterne--klein i{width:13px;height:13px}
.js [data-rv] .sterne i,.js [data-rv="gruppe"] .sterne i{transform:scale(0);transition:transform .6s cubic-bezier(.34,1.56,.64,1)}
.js .vis .sterne i{transform:none}
.js .vis .sterne i:nth-child(2){transition-delay:.08s}.js .vis .sterne i:nth-child(3){transition-delay:.16s}.js .vis .sterne i:nth-child(4){transition-delay:.24s}.js .vis .sterne i:nth-child(5){transition-delay:.32s}
.beweiszeile li{font-weight:500;color:var(--ink-2)}
@media (max-width:640px){.vertrauen{display:flex;flex-direction:column;align-items:flex-start;gap:12px;border-radius:22px;padding:16px 18px}}


.zitat .sterne{margin-bottom:18px}
.stimme{display:flex;flex-direction:column;gap:0}
.stimme__kopf{display:flex;align-items:center;gap:16px}
.stimme__kopf .sterne{margin-top:8px}
.stimme h3{margin-top:22px}
.stimme blockquote{font-size:16px;line-height:1.7;color:var(--ink)}
.zitat__text--lang{font:500 clamp(17px,1.35vw,19px)/1.7 var(--ff);letter-spacing:0}


.ebenen{background:var(--bg-2)}
.ebenen__kopf{max-width:860px;margin:0 auto;text-align:center}
.ebenen__kopf .h2{max-width:20ch}
.ebenen__liste{display:flex;flex-direction:column;gap:104px;margin-top:clamp(80px,9vw,120px)}
.ebene{position:relative;padding:88px clamp(14px,1.6vw,20px) clamp(14px,1.6vw,20px);border-radius:32px;background-color:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.ebene--1{background-image:linear-gradient(rgba(var(--a1-rgb),0),rgba(var(--a1-rgb),.16))}
.ebene--2{background-image:linear-gradient(rgba(var(--a2-rgb),0),rgba(var(--a2-rgb),.2))}
.ebene--3{background-image:linear-gradient(rgba(31,157,99,0),rgba(31,157,99,.16))}
.ebene__marke{position:absolute;top:-32px;left:50%;transform:translateX(-50%);padding:13px 14px;border-radius:32px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);z-index:2}
.ebene__marke p{padding:15px 24px;border-radius:20px;border:1px solid #fff;color:#fff;font:700 18px/1 var(--fd);letter-spacing:-.01em;white-space:nowrap;box-shadow:0 16px 32px -20px rgba(var(--ink-rgb),.55);text-shadow:0 1px 1px rgba(0,0,0,.12)}
.ebene--1 .ebene__marke p{background:radial-gradient(102% 82% at 132% 64%,var(--eb1a) 0%,var(--eb1b) 45%,var(--eb1a) 100%)}
.ebene--2 .ebene__marke p{background:radial-gradient(102% 82% at 132% 64%,var(--eb2a) 0%,var(--eb2b) 45%,var(--eb2a) 100%)}
.ebene--3 .ebene__marke p{background:radial-gradient(102% 82% at 132% 64%,#136E43 0%,#2A9E68 45%,#136E43 100%)}
.ebene__karten{display:grid;gap:14px}
.ebene__karten--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ebene__karten--4{grid-template-columns:repeat(2,minmax(0,1fr))}
.ebene__karte{display:flex;flex-direction:column;gap:22px;padding:18px;border-radius:20px;background:#fff;border:1px solid #fff;box-shadow:0 1px 2px rgba(var(--ink-rgb),.05),0 24px 44px -30px rgba(var(--sch3-rgb),.4);transition:transform .45s var(--aus),box-shadow .45s var(--aus)}
.ebene__karte:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(var(--ink-rgb),.05),0 34px 60px -34px rgba(var(--sch3-rgb),.5)}
.ebene__bild{border-radius:12px;border:1px solid var(--line);background:linear-gradient(rgba(var(--bg-rgb),0),rgba(var(--bg-rgb),.9));overflow:clip}
.ebene__bild svg{display:block;width:100%;height:auto}
.ebene__text{padding:0 4px 6px}
.ebene__text h3{font:800 20px/1.2 var(--fd);letter-spacing:-.03em}
.ebene__text p{color:var(--ink-2);font-size:16px;line-height:1.6;margin-top:8px}
.m-flaeche{fill:#fff;stroke:var(--line);stroke-width:1.5}
.m-ink{fill:var(--ink)}.m-grau{fill:var(--grau)}.m-akzent{fill:var(--a1)}.m-weich{fill:var(--a-weich)}.m-knopf{fill:#fff}
.m-linie{fill:none;stroke:var(--ink-2);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.m-linie-k{fill:none;stroke:var(--ink-2);stroke-width:2}
.m-stern{fill:var(--a2)}
.m-haken{fill:none;stroke:var(--gruen);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ebene--2 .m-akzent{fill:var(--a2)}.ebene--2 .m-weich{fill:rgba(var(--a2-rgb),.18)}
.ebene--3 .m-akzent{fill:var(--gruen)}.ebene--3 .m-weich{fill:rgba(31,157,99,.14)}
.ebene__bruecke{position:absolute;left:50%;bottom:-104px;width:200px;height:104px;transform:translateX(-50%);overflow:hidden;border-radius:0 0 40px 40px;z-index:1}
.ebene--1 .ebene__bruecke{background:linear-gradient(rgba(var(--a1-rgb),.16),rgba(var(--a2-rgb),.2))}
.ebene--2 .ebene__bruecke{background:linear-gradient(rgba(var(--a2-rgb),.2),rgba(31,157,99,.16))}
.ebene__bruecke i{position:absolute;inset:0;background:var(--bg-2);display:none}
@supports (animation-timeline:view()){
  .ebene__bruecke i{display:block;animation:bruecke linear both;animation-timeline:view();animation-range:entry 10% cover 55%}
  @keyframes bruecke{to{transform:translateY(100%)}}
}
.ebenen__fuss{max-width:620px;margin:clamp(56px,7vw,88px) auto 0;text-align:center}
.ebenen__fuss p{font-size:clamp(17px,1.4vw,19px);line-height:1.6}
.ebenen__fuss .knoepfe{margin-top:26px}
@media (max-width:980px){.ebene__karten--3,.ebene__karten--4{grid-template-columns:1fr}.ebenen__liste{gap:84px}.ebene{padding-top:78px}.ebene__bruecke{bottom:-84px;height:84px;width:160px}}
@media (max-width:560px){.ebene__marke{width:calc(100% - 28px);padding:10px}.ebene__marke p{white-space:normal;text-align:center;font-size:16px;padding:13px 16px}}


.schritte{background:var(--bg)}
.schritte__raster{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,6vw,96px);align-items:start}
.schritte__info{position:sticky;top:120px}
.schritte__info .h2{max-width:14ch}
.schritte__info .zusage{margin-top:34px;font-size:clamp(16px,1.3vw,18px);line-height:1.55;padding:22px 26px}
.schritte__info .knoepfe{margin-top:30px}
.schritte__liste{position:relative;display:flex;flex-direction:column;gap:16px;padding-left:48px}
.schritte__spur{position:absolute;left:14px;top:60px;bottom:60px;width:4px;border-radius:4px;background:var(--line);overflow:hidden}
.schritte__spur i{display:block;height:100%;background:var(--verlauf);transform-origin:50% 0;transform:scaleY(var(--fort,0));transition:transform .15s linear}
.schritt{position:relative;padding:14px;border-radius:32px;background:var(--bg-2);border:1px solid var(--line)}
.schritt::before{content:"";position:absolute;left:-50px;top:50%;width:36px;height:36px;margin-top:-18px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:inset 0 0 0 7px var(--bg);transition:background-color .5s var(--aus),box-shadow .5s var(--aus),border-color .5s}
.schritt.is-an::before{background:var(--a1);border-color:transparent;box-shadow:inset 0 0 0 7px #fff,0 0 0 7px var(--a-weich)}
.schritt__karte{display:flex;align-items:flex-end;gap:32px;padding:24px;border-radius:20px;background:#fff;border:1px solid #fff;box-shadow:0 1px 2px rgba(var(--ink-rgb),.05),0 24px 44px -30px rgba(var(--sch3-rgb),.4)}
.schritt__links{flex:0 0 190px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:132px}
.schritt__marke{align-self:flex-start;padding:7px 18px;border-radius:10px;background:linear-gradient(120deg,var(--a-text),var(--a-mitte-2));color:#fff;font:700 15px/1.2 var(--ff);letter-spacing:-.01em;box-shadow:inset 0 0 8px 1px rgba(255,255,255,.35)}
.schritt__titel{font:800 22px/1.15 var(--fd);letter-spacing:-.03em}
.schritt__text{flex:1;color:var(--ink-2);font-size:16px;line-height:1.6}
@media (max-width:900px){
  .schritte__raster{grid-template-columns:1fr}
  .schritte__info{position:static}
  .schritte__liste{padding-left:0}
  .schritte__spur,.schritt::before{display:none}
  .schritt{padding:10px;border-radius:26px}
  .schritt__karte{flex-direction:column;align-items:flex-start;gap:14px;padding:20px}
  .schritt__links{flex:none;min-height:0;gap:12px}
}


.hero--seite{min-height:auto;padding:170px 0 clamp(80px,9vw,130px)}
.hero__titel--seite{font-size:clamp(38px,5vw,74px)}

.zahlen{background:var(--bg-2)}
.zahlen__raster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:clamp(40px,6vh,64px)}
.zahl{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:clamp(26px,2.6vw,36px);display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden}
.zahl::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--verlauf);transform:scaleX(0);transform-origin:0 50%;transition:transform 1.2s var(--aus) calc(var(--d,0s) + .3s)}
.vis .zahl::after{transform:none}
.zahl__wert{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.zahl__wert b{font:800 clamp(64px,6.4vw,100px)/.85 var(--fd);letter-spacing:-.06em;background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.zahl__wert span{font:700 13px/1.2 var(--ff);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.zahl__satz{color:var(--ink-2);font-size:16px;line-height:1.55}
@media (max-width:1060px){.zahlen__raster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.zahlen__raster{grid-template-columns:1fr}}

.warum__h2{max-width:22ch}
.warum__raster{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,6vw,96px);align-items:start;margin-top:clamp(40px,6vh,72px)}
.warum__satz{font:800 clamp(30px,3.4vw,52px)/1.08 var(--fd);letter-spacing:-.04em;position:sticky;top:130px}
.warum__text p{font-size:clamp(17px,1.4vw,19px);line-height:1.7;color:var(--ink)}
.warum__text p+p{margin-top:20px}
.warum__text p:last-child{font-weight:600}
@media (max-width:900px){.warum__raster{grid-template-columns:1fr}.warum__satz{position:static}}

.grenzen__raster{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start}
.grenzen__raster>div{position:sticky;top:130px}
.grenzen__liste{display:flex;flex-direction:column}
.grenze{display:grid;grid-template-columns:auto 1fr;gap:22px;padding:28px 0;border-bottom:1px solid var(--dunkel-line)}
.grenze:first-child{padding-top:0}
.grenze__x{width:44px;height:44px;border-radius:50%;background:rgba(var(--a1-rgb),.14);box-shadow:inset 0 0 0 1px rgba(var(--am-rgb),.4);position:relative}
.grenze__x::before,.grenze__x::after{content:"";position:absolute;left:13px;right:13px;top:21px;height:2px;border-radius:2px;background:var(--a2);transform:rotate(45deg)}
.grenze__x::after{transform:rotate(-45deg)}
.grenze h3{font:800 clamp(20px,1.8vw,26px)/1.2 var(--fd);letter-spacing:-.025em}
.grenze p{color:var(--hell-2);margin-top:10px;font-size:16px;line-height:1.6;max-width:56ch}
@media (max-width:900px){.grenzen__raster{grid-template-columns:1fr}.grenzen__raster>div{position:static}}

.hero--recht2{min-height:auto;display:block;text-align:left;padding:170px 0 clamp(56px,6vw,80px)}
.rdoc__titel{font-size:clamp(42px,6vw,96px);max-width:14ch;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word}
@media (max-width:640px){.rdoc__titel{font-size:clamp(32px,9.4vw,42px)}.rg-titel{-webkit-hyphens:auto;hyphens:auto}}
.rdoc__stand{margin-top:22px;font-size:14px;font-weight:600;color:var(--ink-2);letter-spacing:.02em}
.rdoc__kurz{margin-top:34px;max-width:760px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:clamp(24px,2.8vw,36px);position:relative;box-shadow:0 30px 60px -44px rgba(var(--sch3-rgb),.45)}
.rdoc__kurz::before{content:"";position:absolute;left:0;top:26px;bottom:26px;width:4px;border-radius:4px;background:var(--verlauf)}
.rdoc__kurz-titel{font:700 13px/1 var(--ff);letter-spacing:.16em;text-transform:uppercase;color:var(--a-text);margin-bottom:12px}
.rdoc__kurz p:last-child{font:600 clamp(18px,1.5vw,21px)/1.55 var(--fd);letter-spacing:-.01em}
.rdoc__entwurf{margin-top:16px;max-width:760px;font-size:14px;color:var(--ink-2);padding:12px 16px;border-radius:12px;background:rgba(224,161,27,.12);border:1px dashed rgba(224,161,27,.6)}
.rdoc__entwurf b{color:var(--ink);margin-right:6px}
.rdoc{padding-top:0;overflow:visible}
.rdoc__raster{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
.rdoc__inhalt{position:sticky;top:110px}
.rdoc__inhalt>p{font:700 13px/1 var(--ff);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin-bottom:14px}
.rdoc__inhalt a{display:flex;gap:12px;padding:9px 12px;border-radius:10px;text-decoration:none;font-size:15px;font-weight:600;color:var(--ink-2);transition:background-color .2s,color .2s}
.rdoc__inhalt a span{font-variant-numeric:tabular-nums;color:var(--a-text);font-weight:700}
.rdoc__inhalt a:hover,.rdoc__inhalt a.an{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.rdoc__teile{display:flex;flex-direction:column;gap:14px}
.rdoc__teil{display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,2.4vw,32px);background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:clamp(24px,3vw,40px);scroll-margin-top:110px}
.rdoc__nr{font:800 clamp(28px,2.6vw,40px)/1 var(--fd);letter-spacing:-.04em;background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent;min-width:2ch}
.rdoc__teil h2{font:800 clamp(22px,2vw,28px)/1.2 var(--fd);letter-spacing:-.03em;margin-bottom:12px}
.rdoc__teil p{font-size:17px;line-height:1.7;color:var(--ink);max-width:68ch}
.rdoc__teil p+p{margin-top:12px}
.luecke{background:rgba(224,161,27,.18);color:var(--ink);padding:1px 6px;border-radius:6px}
@media (max-width:900px){.rdoc__raster{grid-template-columns:1fr}.rdoc__inhalt{position:static}.rdoc__inhalt ol{display:flex;flex-wrap:wrap;gap:6px}.rdoc__inhalt a{padding:8px 12px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font-size:14px}.rdoc__teil{grid-template-columns:1fr;gap:6px}}


.hero--artikel{min-height:auto;display:block;text-align:left;padding:160px 0 clamp(48px,5vw,72px)}
.rahmen--artikel{max-width:calc(980px + 2*var(--rand))}
.brotkrumen{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:600;color:var(--ink-2)}
.brotkrumen a{color:var(--a-text);text-decoration:none}
.brotkrumen a:hover{text-decoration:underline}
.rg-titel{font:800 clamp(36px,4.8vw,68px)/1.02 var(--fd);letter-spacing:-.04em;margin-top:22px;text-wrap:balance}
.rg-meta{display:flex;align-items:center;gap:12px;margin-top:26px;font-size:15px;color:var(--ink-2)}
.initial--klein{width:34px;height:34px;font-size:12px;box-shadow:none}
.rg-kurz{margin-top:36px;background:var(--card);border:1px solid var(--line);border-radius:calc(var(--r) + 4px);padding:clamp(26px,3.4vw,44px);position:relative;box-shadow:0 40px 80px -56px rgba(var(--sch3-rgb),.5)}
.rg-kurz::before{content:"";position:absolute;left:0;top:30px;bottom:30px;width:5px;border-radius:5px;background:var(--verlauf)}
.rg-kurz__titel{font:700 13px/1 var(--ff);letter-spacing:.16em;text-transform:uppercase;color:var(--a-text);margin-bottom:14px}
.rg-kurz p:last-child{font:600 clamp(19px,1.8vw,24px)/1.5 var(--fd);letter-spacing:-.015em}
.rg-koerper{padding-top:clamp(24px,3vw,40px);overflow:visible}
.rg-raster{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(32px,5vw,80px);align-items:start;max-width:calc(1180px + 2*var(--rand))}
.rg-teil+.rg-teil{margin-top:clamp(40px,5vw,60px)}
.rg-teil,.rg-fakten,.rg-fragen{scroll-margin-top:110px}
.rg-teil h2,.rg-fragen h2,.rg-quellen h2{font:800 clamp(24px,2.4vw,34px)/1.15 var(--fd);letter-spacing:-.03em;margin-bottom:16px}
.rg-teil p{font-size:18px;line-height:1.75;max-width:66ch}
.rg-teil p+p{margin-top:16px}
.rg-fakten{margin-top:clamp(48px,6vw,72px);background:var(--dunkel);color:#fff;border-radius:calc(var(--r) + 4px);padding:clamp(26px,3.4vw,44px);position:relative;overflow:hidden}
.rg-fakten::after{content:"";position:absolute;right:-120px;top:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,var(--a1),transparent 65%);opacity:.35;filter:blur(20px)}
.rg-fakten__titel{display:flex;align-items:center;gap:12px;font:700 13px/1 var(--ff);letter-spacing:.16em;text-transform:uppercase;color:var(--a2);position:relative}
.haken{width:26px;height:26px;border-radius:50%;background:var(--verlauf);position:relative;flex:0 0 auto}
.haken::after{content:"";position:absolute;left:9px;top:6px;width:6px;height:11px;border:solid #fff;border-width:0 2.4px 2.4px 0;transform:rotate(45deg)}
.rg-fakten ul{margin-top:22px;display:flex;flex-direction:column;position:relative}
.rg-fakten li{padding:18px 0;border-top:1px solid var(--dunkel-line)}
.rg-fakten li p{font:600 clamp(17px,1.4vw,19px)/1.55 var(--fd);letter-spacing:-.01em}
.quelle{display:inline-block;margin-top:10px;font-size:13px;font-weight:600;color:var(--hell-2);text-decoration:none;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px var(--dunkel-line)}
.quelle:hover{color:#fff;background:rgba(255,255,255,.14)}
.rg-fragen{margin-top:clamp(48px,6vw,72px)}
.rg-quellen{margin-top:clamp(40px,5vw,56px);padding-top:28px;border-top:1px solid var(--line)}
.rg-quellen h2{font-size:20px}
.rg-quellen ol{list-style:decimal;padding-left:20px;color:var(--ink-2);font-size:15px}
.rg-quellen li+li{margin-top:6px}
.rg-quellen a{color:var(--ink)}
.rg-rand{position:sticky;top:110px;display:flex;flex-direction:column;gap:16px}
.rg-inhalt>p{font:700 13px/1 var(--ff);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin-bottom:12px}
.rg-inhalt a{display:block;padding:8px 12px;border-radius:10px;border-left:2px solid var(--line);text-decoration:none;font-size:15px;font-weight:600;color:var(--ink-2);line-height:1.35;transition:color .2s,border-color .2s,background-color .2s}
.rg-inhalt a:hover,.rg-inhalt a.an{color:var(--ink);border-left-color:var(--a1);background:var(--card)}
.rg-mini{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.rg-mini__titel{font:800 19px/1.2 var(--fd);letter-spacing:-.02em}
.rg-mini p+p{color:var(--ink-2);font-size:15px;margin-top:8px}
.rg-mini .knopf{--h:50px;margin-top:16px;width:100%;justify-content:center;white-space:normal;text-align:center;font-size:15px;padding:10px 16px}
@media (max-width:1000px){.rg-raster{grid-template-columns:1fr}.rg-rand{position:static;order:-1}.rg-mini{display:none}.rg-inhalt ol{display:flex;flex-wrap:wrap;gap:6px}.rg-inhalt a{border-left:0;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font-size:14px}}

.rg-weiter{background:var(--bg-2)}
.rg-karten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(32px,4vw,48px)}
.rg-karte{display:flex;flex-direction:column;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:clamp(24px,2.4vw,32px);text-decoration:none;color:var(--ink);position:relative;transition:transform .45s var(--aus),box-shadow .45s var(--aus)}
.rg-karte::before{content:"";position:absolute;inset:0;border-radius:var(--r);padding:1.5px;opacity:0;transition:opacity .4s;background:linear-gradient(140deg,var(--a1),var(--a2),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.rg-karte:hover{transform:translateY(-5px);box-shadow:0 36px 70px -44px rgba(var(--sch1-rgb),.55)}
.rg-karte:hover::before{opacity:1}
.rg-karte__tuer{font:700 12px/1 var(--ff);letter-spacing:.14em;text-transform:uppercase;color:var(--a-text)}
.rg-karte h3{font:800 clamp(20px,1.7vw,24px)/1.2 var(--fd);letter-spacing:-.025em}
.rg-karte p{color:var(--ink-2);font-size:15px;line-height:1.6}
.rg-karte__mehr{margin-top:auto;display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15px;color:var(--a-text)}
.rg-karte:hover .knopf__pfeil{transform:translateX(4px)}
.rg-hub{padding-top:0}
.rg-gruppe+.rg-gruppe{margin-top:clamp(56px,7vw,88px)}
.rg-gruppe__titel{font:800 clamp(26px,2.6vw,38px)/1.1 var(--fd);letter-spacing:-.03em}
@media (max-width:1000px){.rg-karten{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.rg-karten{grid-template-columns:1fr}.hero--artikel{padding-top:120px}}
.fuss__rg ul li a{line-height:1.35}
@media (min-width:900px){.fuss__rg{grid-column:span 2}}


.js [data-rv]{opacity:0;transform:translateY(26px);transition:opacity .9s var(--aus) var(--d,0s),transform .9s var(--aus) var(--d,0s)}
.js [data-rv="blur"]{filter:blur(12px);transform:translateY(20px) scale(.98);transition:opacity 1s var(--aus),transform 1s var(--aus),filter 1s var(--aus)}
.js [data-rv="rechts"]{transform:translateX(60px) rotate(1deg)}
.js [data-rv="maske"]{opacity:1;transform:none;clip-path:inset(0 0 100% 0);translate:0 40px;transition:clip-path 1.1s var(--aus) var(--d,0s),translate 1.1s var(--aus) var(--d,0s)}
.js [data-rv="gruppe"]{opacity:1;transform:none}
.js [data-rv="gruppe"]>*{opacity:0;transform:translateY(34px);transition:opacity .9s var(--aus) var(--d,0s),transform .9s var(--aus) var(--d,0s)}
.js [data-rv].vis,.js [data-rv="gruppe"].vis>*{opacity:1;transform:none;filter:none}
.js [data-rv="maske"].vis{clip-path:inset(0 0 -10% 0);translate:0 0}
.js [data-rv="rechts"].vis{transform:rotate(-1.2deg)}
.schmerzen.vis .strich{background-size:100% 3px}
.schmerzen.vis .schmerz:nth-child(2) .strich{transition-delay:.25s}.schmerzen.vis .schmerz:nth-child(3) .strich{transition-delay:.4s}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js [data-rv],.js [data-rv="gruppe"]>*{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important;translate:none!important}
  .beleg__spur,.werk__spur{height:auto}
  .beleg__buehne,.werk__pin{position:relative;height:auto}
  .deck__karte{position:relative;top:auto}
  .scrub .w{color:var(--ink)}
  .ring__wert{stroke-dashoffset:calc(326.7 * (1 - var(--p)))}
}

@media (max-width:640px){html.js .hero__titel [data-rv="maske"],html.js .hero__titel [data-rv="maske"].vis{clip-path:none;translate:none}}



.hero--tuer{text-align:left;place-items:stretch;min-height:auto;padding:150px 0 clamp(80px,10vw,140px)}
.hero-tuer{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,80px);align-items:center}
.hero-tuer__titel{font-size:clamp(38px,4.6vw,72px);line-height:1;max-width:16ch}
.hero__unter--links,.hero__zeile--links{margin-left:0}
.hero-tuer__bild{border-radius:32px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 60px 120px -60px rgba(var(--sch2-rgb),.55)}
.hero-tuer__bild img{width:100%;height:100%;object-fit:cover}
.js .hero-tuer__bild[data-rv="rechts"].vis{transform:none}
@media (max-width:900px){.hero-tuer{grid-template-columns:1fr}.hero-tuer__bild{aspect-ratio:4/3}.hero--tuer{padding-top:120px}}
.schmerz__satz--klein{font-size:clamp(20px,2.1vw,28px);line-height:1.3}


.guide__raster{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,80px);align-items:center}
.zitat--klein{grid-template-columns:1fr;margin-top:0}
.zitat__name--oben{margin:0 0 18px}
.zitat__text.offen{color:var(--ink-2);font-style:italic}
@media (max-width:900px){.guide__raster{grid-template-columns:1fr}}


.preis__text{margin-top:clamp(32px,5vh,52px);font:700 clamp(22px,2.3vw,34px)/1.35 var(--fd);letter-spacing:-.02em}
.preis__nicht{margin-top:36px;padding:26px 30px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);font-size:18px;max-width:62ch}
.preis--betrieb{padding:var(--sek) 0}
.tick--preis .tick__zahl{display:flex;align-items:baseline;gap:10px}
.tick__cur{font:800 22px/1 var(--fd);color:var(--a2)}
.tick--preis p{color:rgba(255,255,255,.82)}
.tick--preis strong{color:#fff}
.summe--preis{background:var(--dunkel);color:#fff;border:0}
.summe--preis strong{color:var(--a2)}
.summe__r{text-align:right;flex:0 0 auto}
.summe__r span{display:block;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hell-2)}
.summe__r b{font:800 clamp(40px,4.4vw,64px)/1 var(--fd);letter-spacing:-.04em;background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent}
.summe__r b span{font:inherit;letter-spacing:inherit;color:inherit;text-transform:none;display:inline}
.preis__takt{margin-top:18px;font-size:18px;max-width:70ch}
@media (max-width:760px){.summe{flex-direction:column;align-items:flex-start}.summe__r{text-align:left}}


.hero--formular{text-align:left;place-items:stretch;min-height:auto;padding:140px 0 clamp(72px,9vw,120px)}
.formularseite{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,80px);align-items:start}
.formularseite__titel{max-width:22ch;font-size:clamp(32px,3.6vw,54px);line-height:1.05}
.formularseite .produkt{margin-top:40px;max-width:520px}
.produkt--hell{background:rgba(var(--ink-rgb),.04);border-color:var(--line);box-shadow:0 50px 100px -60px rgba(var(--sch2-rgb),.5)}
.produkt--hell .produkt__kopf{color:var(--ink-2)}
.produkt--hell .produkt__punkte i{background:rgba(var(--ink-rgb),.18)}
.produkt--hell .produkt__marke{background:var(--ink);color:#fff}
.formular{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:clamp(24px,3vw,40px);box-shadow:0 50px 100px -60px rgba(var(--sch2-rgb),.45);position:sticky;top:110px}
.formular__felder{display:grid;gap:18px}
.feldgruppe label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}
.formular .feld{width:100%;border:1.5px solid var(--line);background:#fff;flex:none}
.formular .feld:focus{border-color:var(--a1);box-shadow:0 0 0 4px var(--a-weich)}
.formular .eingabe__fehler{color:var(--rot);padding:0}
.knopf--breit{width:100%;justify-content:center;white-space:normal;text-align:center}
.formular__zeile{text-align:center;color:var(--ink-2);font-size:15px}
.formular__danke{text-align:center;padding:24px 0}
.formular__haken{display:block;width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:var(--verlauf);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='32'/%3E%3C/svg%3E");position:relative}
.formular__danke .h3{font:800 26px/1.2 var(--fd)}
@media (max-width:900px){.formularseite{grid-template-columns:1fr}.formular{position:static}.formularseite__form{order:-1}.formularseite .produkt{display:none}}
.js .formularseite__form[data-rv="rechts"].vis{transform:none}
.optin-unten{padding:clamp(56px,7vw,96px) 0;background:var(--bg-2)}
.optin-unten__text{font:700 clamp(22px,2.2vw,30px)/1.35 var(--fd);letter-spacing:-.02em}
.optin-unten__beleg{margin-top:24px;color:var(--ink-2);font-size:17px}
.drin li{display:flex;gap:22px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--line);font:800 clamp(20px,2vw,28px)/1.2 var(--fd);letter-spacing:-.02em}
.drin li span{font-size:14px;letter-spacing:.14em;color:var(--a-text)}
.drin__ohne{margin-top:20px;color:var(--ink-2)}
.erstbefund-inhalt .zusage{margin-top:28px}
.hero--recht{text-align:left;min-height:70vh;place-items:stretch;padding-top:150px}
.recht__text{margin-top:24px;font-size:19px}
.offen-text{margin-top:28px;font-weight:700;color:var(--ink-2)}


.ergebnis-kopf{padding:140px 0 var(--sek)}
.hinweiskarte{margin-top:28px;padding:clamp(22px,3vw,32px);border-radius:24px;background:var(--card);border:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}
.hinweiskarte__text{font:700 clamp(19px,1.8vw,24px)/1.35 var(--fd);letter-spacing:-.02em}
.hinweiskarte .formular{position:static;box-shadow:none;padding:0;border:0;background:none}
@media (max-width:900px){.hinweiskarte{grid-template-columns:1fr}}
.ergebnis__meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:clamp(40px,6vh,64px);color:var(--ink-2);font-size:15px}
.ergebnis__meta .produkt__marke{background:var(--ink);color:#fff}
.ergebnis__ringe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.ergebnis__ringe .ring-kachel{flex-direction:column;align-items:flex-start;padding:30px;border:1px solid var(--line);box-shadow:0 40px 80px -60px rgba(var(--sch2-rgb),.5)}
.ergebnis__ringe .ring{width:140px;height:140px}
.ergebnis__ringe .ring__zahl b{font-size:48px}
.ergebnis__ringe .ring-kachel__name{font-size:22px}
@media (max-width:980px){.ergebnis__ringe{grid-template-columns:1fr}}
.ergebnis__stand{margin-top:18px;color:var(--ink-2);font-size:15px}
.band--hell{background:var(--dunkel);color:#fff;margin-top:28px}
.band__satz{font:700 clamp(20px,2vw,28px)/1.3 var(--fd);letter-spacing:-.02em;max-width:36ch}
.ladezeile{margin-top:20px;color:var(--ink-2)}


.befund{margin-top:clamp(64px,9vh,110px)}
.befund__teil+.befund__teil{margin-top:clamp(56px,8vh,96px)}
.befund__kopf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px}
.befund__zahlen{display:flex;flex-wrap:wrap;gap:10px}
.befund__zahlen span{padding:8px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:14px}
.befund__zahlen b{font-family:var(--fd)}
.kette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}
.kette__glied{position:relative;padding:22px;border-radius:20px;background:var(--card);border:1px solid var(--line);overflow:hidden}
.kette__glied--bricht{border-color:var(--rot);box-shadow:0 0 0 3px rgba(217,67,47,.14)}
.kette__glied--nach{opacity:.55}
.kette__nr{font:800 13px/1 var(--fd);letter-spacing:.14em;color:var(--a-text)}
.kette__name{font:800 19px/1.2 var(--fd);margin-top:10px}
.kette__pct{font:800 42px/1 var(--fd);letter-spacing:-.04em;margin-top:14px}
.kette__balken{height:6px;border-radius:3px;background:var(--bg-2);margin-top:14px;overflow:hidden}
.kette__balken i{display:block;height:100%;width:0;border-radius:3px;background:var(--verlauf);transition:width 1.4s var(--aus)}
.kette__zustand{font-size:14px;color:var(--ink-2);margin-top:10px}
.kette__bruch{position:absolute;top:14px;right:14px;font-size:12px;font-weight:700;color:#fff;background:var(--rot);border-radius:999px;padding:4px 10px}
.kette__satz{margin-top:20px;font:700 clamp(19px,1.8vw,24px)/1.4 var(--fd);letter-spacing:-.02em;max-width:60ch}
@media (max-width:980px){.kette{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.kette{grid-template-columns:1fr}}
.prio{margin-top:24px;display:grid;gap:10px}
.prio li{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:20px 22px;border-radius:18px;background:var(--card);border:1px solid var(--line)}
.prio__rang{font:800 26px/1 var(--fd);background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent}
.fund__kopf{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.fund__name{font:800 18px/1.3 var(--fd)}
.marke-status{font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--bg-2)}
.marke-status--vorhanden{background:rgba(31,157,99,.14);color:#136b43}
.marke-status--fehlt{background:rgba(217,67,47,.13);color:#a52c1b}
.fund__detail{color:var(--ink-2);margin-top:8px;font-size:15.5px}
.fund__wie{margin-top:8px;font-size:14.5px;color:var(--ink-2)}
.fund__wie summary{cursor:pointer;font-weight:700;color:var(--ink)}
.gruppen{display:grid;gap:14px;margin-top:24px}
.gruppe{border-radius:20px;background:var(--card);border:1px solid var(--line);padding:22px}
.gruppe>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center;font:800 20px/1.2 var(--fd)}
.gruppe>summary::-webkit-details-marker{display:none}
.gruppe>summary span{font:600 14px/1 var(--ff);color:var(--ink-2)}
.gruppe__punkte>div{padding:16px 0;border-top:1px solid var(--line)}
.gruppe__punkte>div:first-child{margin-top:14px}
.bereiche{display:grid;gap:14px;margin-top:24px;padding:24px;border-radius:20px;background:var(--card);border:1px solid var(--line)}
.bereich{display:grid;grid-template-columns:200px 1fr 64px;gap:16px;align-items:center}
.bereich__name{font-weight:700}
.bereich__spur{height:10px;border-radius:5px;background:var(--bg-2);overflow:hidden}
.bereich__spur i{display:block;height:100%;width:0;border-radius:5px;background:var(--verlauf);transition:width 1.4s var(--aus)}
.bereich__pct{font:800 18px/1 var(--fd);text-align:right}
@media (max-width:640px){.bereich{grid-template-columns:1fr 56px}.bereich__spur{grid-column:1/-1;grid-row:2}}
.umfang{margin-top:24px;overflow-x:auto;border-radius:20px;border:1px solid var(--line);background:var(--card)}
.umfang table{width:100%;border-collapse:collapse;font-size:14px}
.umfang th,.umfang td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.umfang td.url{word-break:break-all;color:var(--ink-2)}
.umfang .st{font-weight:700}.umfang .st.warn{color:#9a6b00}.umfang .st.err{color:var(--rot)}
.befund__unter{margin-top:48px;font-size:clamp(26px,2.6vw,36px)}


.hero__titel .zeile{animation:hochgleiten 1s var(--aus) both}
.hero__titel .zeile+.zeile{animation-delay:.08s}
@keyframes hochgleiten{from{transform:translateY(28px)}to{transform:none}}



.hero--satz .hero__innen{max-width:calc(var(--max) + 2*var(--rand))}
.hero__titel--satz{font-size:clamp(30px,3.1vw,45px);line-height:1.08;letter-spacing:-.036em;max-width:none;margin-left:auto;margin-right:auto;text-wrap:balance}
.hero__titel--lang{font-size:clamp(29px,3vw,44px)}  
.schluss__titel{max-width:none;font-size:clamp(40px,5.8vw,84px);text-wrap:balance}
@media (max-width:640px){.hero__titel--satz{font-size:clamp(29px,7.6vw,34px);line-height:1.1}}


.knopfblock{margin-top:34px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.knopfblock--mitte{align-items:center;text-align:center}
.knopf-zeile{font-size:15px;line-height:1.5;color:var(--ink-2);max-width:56ch}
.dunkel .knopf-zeile{color:var(--hell-2)}
.knopf-zeile a{color:inherit;font-weight:600}
.textlink{font-weight:600;font-size:16px;line-height:1.5;color:var(--a-text);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px;text-decoration-color:rgba(var(--at-rgb),.35);max-width:62ch;transition:text-decoration-color .2s,color .2s}
.textlink:hover{text-decoration-color:currentColor}
.dunkel .textlink{color:#fff;text-decoration-color:rgba(255,255,255,.4)}
.textlink--inline{font-size:inherit}
@media (max-width:640px){.knopfblock--mitte{align-items:flex-start;text-align:left}}
.schluss__oder{margin-top:22px}


.quelle-zeile{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-top:24px;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.quelle-zeile b{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--a-text)}
.quelle-zeile a{color:inherit}
.quelle-zeile--hell,.dunkel .quelle-zeile{color:var(--hell-2)}
.quelle-zeile--hell b,.dunkel .quelle-zeile b{color:var(--a2)}
.quelle-zeile--mitte{justify-content:center;text-align:center}
.dunkel .luecke,.fuss .luecke{background:rgba(224,161,27,.25);color:#fff}


.stimme__link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:14.5px;font-weight:700;color:var(--a-text);text-decoration:none;align-self:flex-start}
.stimme__link span{color:var(--ink-2);font-weight:500}
.stimme__link .knopf__pfeil{width:14px;height:14px}
.stimme__link:hover .knopf__pfeil{transform:translateX(3px)}


.garantie{background:var(--bg)}
.garantie__karte{position:relative;border-radius:36px;padding:clamp(26px,5vw,72px);background:linear-gradient(160deg,var(--card) 30%,var(--hauch));border:1px solid rgba(var(--am-rgb),.38);box-shadow:0 70px 130px -80px rgba(var(--at2-rgb),.6);overflow:hidden}
.garantie__karte::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(640px 320px at 92% 0%,var(--a-weich),transparent 70%)}
.garantie__kopf{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,4vw,64px);align-items:center}
.garantie__titel{font:800 clamp(28px,3.4vw,50px)/1.07 var(--fd);letter-spacing:-.035em;max-width:24ch;text-wrap:balance}
.garantie__zeile{margin-top:20px;font-size:clamp(17px,1.4vw,19px);font-weight:600}
.siegel{position:relative;width:clamp(140px,15vw,208px);aspect-ratio:1}
.siegel svg{width:100%;height:100%;overflow:visible;animation:dreh 30s linear infinite}
.siegel__rand{fill:#fff;stroke:rgba(var(--am-rgb),.5);stroke-width:1.5}
.siegel__kern{fill:var(--a1)}
.siegel__text{font:700 11px var(--ff);letter-spacing:.08em;text-transform:uppercase;fill:var(--a-text)}
.siegel__zahl{position:absolute;inset:0;display:grid;place-items:center;font:800 clamp(38px,4vw,56px)/1 var(--fd);letter-spacing:-.04em;color:#fff}
@keyframes dreh{to{transform:rotate(360deg)}}
.garantie__raster{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);margin-top:clamp(36px,5vw,56px);padding-top:clamp(28px,4vw,44px);border-top:1px solid rgba(var(--am-rgb),.3)}
.garantie__label{font:700 13px/1.3 var(--ff);letter-spacing:.16em;text-transform:uppercase;color:var(--a-text);margin-bottom:16px}
.garantie__teil>p:not(.garantie__label){color:var(--ink-2)}
.garantie a{color:var(--ink);font-weight:600}
.bedingungen li{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid rgba(var(--am-rgb),.22)}
.bedingungen li:first-child{padding-top:2px}
.bedingungen p{font:700 clamp(17px,1.4vw,19px)/1.4 var(--fd);letter-spacing:-.01em}
.doppelt{position:relative;display:flex;align-items:flex-end;gap:16px;height:170px;margin-top:30px}
.doppelt__saeule{width:min(130px,40%);height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:10px}
.doppelt__saeule i{display:block;height:0;border-radius:14px 14px 8px 8px;background:var(--bg-2);border:1px solid var(--line);transition:height 1.3s var(--aus) .2s}
.doppelt__saeule--neu i{background:var(--verlauf);border:0;box-shadow:0 20px 40px -22px var(--a1);transition-delay:.55s}
.doppelt__saeule span{font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--ink-2);line-height:1.3}
.vis .doppelt__saeule i{height:52px}
.vis .doppelt__saeule--neu i{height:104px}
.doppelt__mal{position:absolute;left:calc(min(130px,40%)*2 + 36px);top:0;font:800 clamp(40px,4vw,56px)/1 var(--fd);letter-spacing:-.04em}
.garantie .knopfblock{margin-top:30px}
@media (max-width:900px){.garantie__kopf{grid-template-columns:1fr}.siegel{order:-1;width:130px}.garantie__raster{grid-template-columns:1fr}}


.stack{background:var(--bg-2)}
.stack__kopf .h2{max-width:20ch}
.stapel{margin-top:clamp(40px,6vh,64px);border-radius:28px;background:var(--card);border:1px solid var(--line);box-shadow:0 50px 100px -70px rgba(var(--sch2-rgb),.45);overflow:hidden}
.stapel__zeile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) 130px;gap:28px;align-items:center;padding:22px clamp(20px,3vw,36px);border-bottom:1px solid var(--line)}
.stapel__liste .stapel__zeile:last-child{border-bottom:0}
.stapel__zeile--kopf{background:var(--dunkel);border:0;padding-top:16px;padding-bottom:16px}
.stapel__zeile--kopf p{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hell-2)}
.stapel__zeile--kopf p:last-child{text-align:right}
.stapel__nutzen{font:700 clamp(17px,1.35vw,19px)/1.3 var(--fd);letter-spacing:-.015em}
.stapel__leistung{color:var(--ink-2);font-size:16px;line-height:1.5}
.stapel__preis{text-align:right;font:800 20px/1 var(--fd);letter-spacing:-.02em;white-space:nowrap}
.stapel__zeile--bonus{background:linear-gradient(90deg,rgba(var(--a2-rgb),.08),transparent 70%)}
.stapel__bonus{display:inline-block;margin-right:10px;padding:4px 10px;border-radius:999px;background:var(--verlauf);color:#fff;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;vertical-align:2px}
.stapel__mob{display:none}
.stapel__abschluss{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:16px;margin-top:16px}
.stapel__summen{position:relative;overflow:hidden;border-radius:28px;background:var(--dunkel);color:#fff;padding:clamp(26px,3.4vw,44px)}
.stapel__summen::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px 240px at 100% 100%,rgba(var(--a1-rgb),.28),transparent 70%)}
.stapel__summe{position:relative;display:flex;justify-content:space-between;gap:16px;font-size:17px;color:var(--hell-2);padding-bottom:18px;border-bottom:1px solid var(--dunkel-line)}
.stapel__summe s{text-decoration-thickness:2px;text-decoration-color:var(--a1);white-space:nowrap}
.stapel__total{position:relative;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px 16px;margin-top:22px}
.stapel__total>span{font:700 clamp(19px,1.6vw,22px)/1.2 var(--fd);letter-spacing:-.015em}
.stapel__total b{font:800 clamp(46px,5.4vw,76px)/.9 var(--fd);letter-spacing:-.05em;white-space:nowrap;background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent}
.stapel__unter{position:relative;margin-top:22px;color:var(--hell-2);font-size:16px}
.betreuung{border-radius:28px;background:var(--card);border:1px solid var(--line);padding:clamp(26px,3vw,40px)}
.betreuung__kopf{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 16px;margin-bottom:14px}
.betreuung__kopf span{font:800 26px/1.1 var(--fd);letter-spacing:-.025em}
.betreuung__kopf b{font:800 18px/1 var(--fd);color:var(--a-text)}
.betreuung p:not(.betreuung__kopf){color:var(--ink-2);font-size:16px}
.stack__darunter{margin-top:28px;color:var(--ink-2);max-width:80ch}
@media (max-width:900px){
  .stapel__zeile{grid-template-columns:1fr;gap:6px}
  .stapel__zeile--kopf{display:none}
  .stapel__preis{display:flex;align-items:baseline;gap:10px;text-align:left;margin-top:6px}
  .stapel__mob{display:inline;font:700 11px/1 var(--ff);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
  .stapel__abschluss{grid-template-columns:1fr}
}


.vg--zwei{max-width:1060px}
.vg--zwei .vg__links,.vg--zwei .vg__rechts{flex:0 0 50.5%}
.vg--zwei .vg__links p{font-size:18px;line-height:1.3}
.vg--zwei .vg__rechts{margin-left:-1%}
.vg__leistung{color:#fff;font-size:16.5px;line-height:1.5}
.vg__chip{align-self:flex-start;margin-bottom:8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:rgba(var(--a2-rgb),.18);color:var(--a2)}
.leistungen__darunter{max-width:70ch;margin:32px auto 0;text-align:center;color:var(--hell-2)}
.vg__schluss a{color:#fff}


.team{background:var(--bg)}
.team__kopf{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px 24px}
.team__kopf .h2{max-width:19ch}
.team__tel{font-size:15px}
.personen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:clamp(40px,6vh,64px)}
.person{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);background:var(--card);border:1px solid var(--line);border-radius:28px;overflow:hidden;transition:transform .45s var(--aus),box-shadow .45s var(--aus)}
.person:hover{transform:translateY(-4px);box-shadow:0 36px 70px -44px rgba(var(--sch1-rgb),.55)}
.person__bild{position:relative;background:var(--bg-2);min-height:320px}
.person__bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .6s}
.person:hover .person__bild img{filter:none}
.person__foto{position:absolute;left:12px;bottom:12px;font-size:12.5px}
.person__text{padding:clamp(24px,2.6vw,36px)}
.person__rolle{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--a-text)}
.person h3{font:800 clamp(24px,2.2vw,30px)/1.1 var(--fd);letter-spacing:-.03em;margin-top:10px}
.person__text>p:last-child{color:var(--ink-2);margin-top:14px;font-size:16.5px}
.team__schluss{margin-top:28px;color:var(--ink-2);max-width:72ch}
.team__schluss a{color:var(--ink);font-weight:600}
.zitat--team{grid-template-columns:1fr;margin-top:16px}
@media (max-width:1060px){.personen{grid-template-columns:1fr}}
@media (max-width:560px){.person{grid-template-columns:1fr}.person__bild{min-height:0;aspect-ratio:4/3}}


.faq__zeile{margin-top:30px;font:700 clamp(18px,1.6vw,21px)/1.45 var(--fd);letter-spacing:-.015em;max-width:54ch}
.frage__antwort .textlink{display:inline-block;margin:-14px 0 28px}
.frage__antwort .quelle-zeile{margin:-14px 0 28px}


.ki{background:var(--bg-2)}
.ki__raster{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(36px,6vw,96px);align-items:center}
.ki .h2{max-width:16ch}
.chat{border-radius:28px;background:var(--card);border:1px solid var(--line);padding:18px;box-shadow:0 60px 120px -70px rgba(var(--sch2-rgb),.55)}
.js .chat[data-rv="rechts"].vis{transform:rotate(1deg)}
.chat__kopf{display:flex;align-items:center;gap:12px;padding:4px 6px 16px;font-size:13px}
.chat__kopf .produkt__punkte i{background:var(--grau)}
.chat__marke{font-weight:700;background:var(--ink);color:#fff;border-radius:999px;padding:4px 11px}
.chat__frage{margin-left:auto;width:fit-content;max-width:84%;background:var(--dunkel);color:#fff;border-radius:20px 20px 6px 20px;padding:14px 18px;font-size:16px;line-height:1.45}
.chat__antwort{position:relative;margin-top:14px;background:var(--bg);border-radius:20px 20px 20px 6px;padding:18px 20px;min-height:120px}
.chat__vorspann{font-size:15.5px;color:var(--ink-2)}
.chat__namen{display:grid;gap:8px;margin-top:12px}
.chat__name{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);font:700 17px/1.2 var(--fd)}
.chat__name span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font-size:13px;background:var(--bg-2);color:var(--ink-2)}
.chat__name--ihr{border-color:transparent;background:var(--verlauf);color:#fff;box-shadow:0 18px 40px -20px var(--a1)}
.chat__name--ihr span{background:rgba(255,255,255,.25);color:#fff}
.chat__tippt{display:none}
.js .chat__tippt{display:flex;gap:5px;position:absolute;left:20px;top:24px;transition:opacity .3s .8s}
.chat__tippt i{width:7px;height:7px;border-radius:50%;background:var(--ink-2);opacity:.4;animation:tippt 1s infinite}
.chat__tippt i:nth-child(2){animation-delay:.15s}.chat__tippt i:nth-child(3){animation-delay:.3s}
@keyframes tippt{50%{opacity:1;transform:translateY(-3px)}}
.js .chat .chat__vorspann,.js .chat .chat__name{opacity:0;transform:translateY(8px);transition:opacity .5s var(--aus) var(--d,.9s),transform .5s var(--aus) var(--d,.9s)}
.js .chat.vis .chat__vorspann,.js .chat.vis .chat__name{opacity:1;transform:none}
.js .chat.vis .chat__tippt{opacity:0}
@media (max-width:980px){.ki__raster{grid-template-columns:1fr}.js .chat[data-rv="rechts"].vis{transform:none}}
@media (prefers-reduced-motion:reduce){.js .chat .chat__vorspann,.js .chat .chat__name{opacity:1;transform:none}.js .chat__tippt{display:none}}


.schluss--satz{min-height:auto}
.schluss__satz{max-width:24ch;margin:0 auto}
.ps{margin:40px auto 0;max-width:62ch;text-align:left;padding:22px 26px;border-radius:var(--r);background:var(--card);border:1px dashed rgba(var(--am-rgb),.55);font-size:16.5px;color:var(--ink-2)}
.ps b{color:var(--a-text);margin-right:4px}


.formularseite{grid-template-areas:"kopf form" "mehr form"}
.formularseite__text{grid-area:kopf}
.formularseite__form{grid-area:form}
.formularseite__mehr{grid-area:mehr}
@media (max-width:900px){.formularseite{grid-template-areas:"kopf" "form" "mehr"}.formularseite__form{order:0}.formularseite .produkt{display:block}}
.formularseite__mehr .produkt{margin-top:32px;max-width:520px}
.formularseite__mehr .vertrauen{margin-top:28px}
.feld--text{height:auto;min-height:96px;padding:14px 18px;resize:vertical;line-height:1.5}
.feld__hinweis{font-size:13.5px;color:var(--ink-2);margin-top:6px}
.formular__hinweis{font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.formular__hinweis a{color:var(--ink);font-weight:600}
.formular__zeile a{color:var(--ink);font-weight:600}
.feldgruppe--wahl{border:0;margin:0;padding:0;min-width:0}
.feldgruppe--wahl legend{font-size:14px;font-weight:700;margin-bottom:10px;padding:0}
.wahl{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:8px;border-radius:14px;border:1.5px solid var(--line);background:#fff;cursor:pointer;font-size:15.5px;line-height:1.35;transition:border-color .2s,background-color .2s,opacity .2s}
.wahl input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.wahl__kasten{position:relative;width:20px;height:20px;flex:0 0 auto;border-radius:50%;border:2px solid var(--grau-4);transition:all .2s}
.wahl__kasten--eckig{border-radius:6px}
.wahl input:checked+.wahl__kasten{border-color:var(--a1);background:var(--a1);box-shadow:inset 0 0 0 3px #fff}
.wahl input:checked+.wahl__kasten--eckig{box-shadow:none}
.wahl input:checked+.wahl__kasten--eckig::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2.2px 2.2px 0;transform:rotate(45deg)}
.wahl input:focus-visible+.wahl__kasten{outline:2.5px solid var(--a-text);outline-offset:3px}
.wahl:has(input:checked){border-color:var(--a1);background:var(--hauch-2)}
.wahl:has(input:disabled){opacity:.45;cursor:not-allowed}
.wahl__text{flex:1}
.wahl b{font:800 15px/1 var(--fd);white-space:nowrap}
.wahl[data-fehler]{border-color:var(--rot)}
.teile{margin-top:2px;padding-left:12px;border-left:2px solid var(--line)}
.teile__summe{font-weight:700;margin-top:6px;font-size:15px}
.hakenliste{display:grid;gap:12px;margin-top:28px}
.hakenliste li{display:flex;gap:12px;align-items:center;font:700 clamp(17px,1.5vw,20px)/1.3 var(--fd);letter-spacing:-.01em}
.ablauf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:32px}
.ablauf li{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:18px;background:var(--card);border:1px solid var(--line)}
.ablauf b{font:800 15px/1.1 var(--fd);color:var(--a-text)}
.ablauf span{font-size:15px;line-height:1.4;color:var(--ink-2)}
.entwurf-mock{margin-top:24px;max-width:520px;border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 50px 100px -60px rgba(var(--sch2-rgb),.5);transform:rotate(-1deg)}
.entwurf-mock__seite{display:flex;flex-direction:column;gap:10px;padding:26px 28px}
.em{display:block;height:12px;border-radius:6px;background:var(--grau-3)}
.em--klein{width:92px;height:8px;background:var(--a-weich)}
.em--titel{width:86%;height:22px;background:var(--ink)}
.em--kurz{width:58%}
.em--text{width:74%;margin-top:4px}
.em--knopf{width:150px;height:34px;margin-top:6px;border-radius:999px;background:var(--verlauf)}
.em-karten{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.em-karten span{height:54px;border-radius:10px;background:var(--bg-2)}
@media (max-width:900px){.ablauf{grid-template-columns:1fr}.entwurf-mock{display:none}}
.garantie-kompakt{position:relative;margin-top:36px;padding:clamp(24px,3vw,36px);border-radius:28px;background:linear-gradient(160deg,var(--card) 30%,var(--hauch));border:1px solid rgba(var(--am-rgb),.38)}
.garantie-kompakt .siegel{position:absolute;right:-18px;top:-26px;width:108px}
.garantie-kompakt .siegel__zahl{font-size:28px}
.garantie-kompakt__titel{font:800 clamp(22px,2.2vw,30px)/1.12 var(--fd);letter-spacing:-.03em;max-width:22ch}
.garantie-kompakt__zeile{margin:14px 0 12px;font-weight:600}
.garantie-kompakt>p{color:var(--ink-2)}
.garantie-kompakt__bt{margin-top:18px;font-weight:700;color:var(--ink)!important}
.garantie-kompakt .bedingungen li{padding:10px 0}
.garantie-kompakt .bedingungen p{font-size:16px}
.garantie-kompakt__zusatz{margin-top:14px;font-size:15px}
@media (max-width:560px){.garantie-kompakt .siegel{position:static;margin:-4px 0 10px}}


.hero--produkt .produkt__titel{max-width:26ch;font-size:clamp(32px,4vw,58px);line-height:1.05;text-wrap:balance}
.kauf{background:var(--bg-2)}
.kauf__liste{display:grid;margin-top:8px;border-top:1px solid var(--line)}
.kauf__liste li{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);font-size:17px}
.kauf__liste b{font:800 19px/1.25 var(--fd);text-align:right}
.kauf__liste--hell{border-color:var(--dunkel-line)}
.kauf__liste--hell li{border-color:var(--dunkel-line);color:var(--hell-2)}
.kauf__liste--hell b{color:#fff}
.kauf__zusage{display:flex;gap:12px;align-items:flex-start;margin-top:24px;font-weight:600}


.hero--danke{min-height:78vh}
.danke__haken{display:block;width:84px;height:84px;margin:0 auto 28px;border-radius:50%;background:var(--verlauf);position:relative;box-shadow:0 30px 60px -24px var(--a1)}
.danke__haken::after{content:"";position:absolute;left:50%;top:45%;width:30px;height:15px;border-left:5px solid #fff;border-bottom:5px solid #fff;transform:translate(-50%,-50%) rotate(-45deg)}
.danke__offen{margin-top:16px}
.danke__weiter{margin-top:30px}
@media (max-width:640px){.danke__haken{margin-left:0}}


.ergebnis__titel{max-width:none;overflow-wrap:anywhere}
.ergebnis__probe{display:inline-block;margin-top:22px;padding:14px 18px;border-radius:16px;background:rgba(224,161,27,.14);font:600 16px/1.45 var(--ff);letter-spacing:0}
.pruefschritt{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);width:100%}
.pruefschritt summary{list-style:none;cursor:pointer;font-size:14px;font-weight:700;color:var(--a-text)}
.pruefschritt summary::-webkit-details-marker{display:none}
.pruefschritt summary::after{content:" +";font-weight:800}
.pruefschritt[open] summary::after{content:" −"}
.pruefschritt p{margin-top:8px;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.ergebnis__summe{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center;margin-top:16px;padding:clamp(22px,3vw,34px);border-radius:24px;background:var(--dunkel);color:#fff}
.ergebnis__summe p{display:flex;flex-direction:column;gap:8px}
.ergebnis__summe b{font:800 clamp(44px,5vw,64px)/.9 var(--fd);letter-spacing:-.05em}
.ergebnis__summe-luecken b{background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent}
.ergebnis__summe span{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hell-2)}
p.ergebnis__summe-satz{font:700 clamp(18px,1.7vw,22px)/1.35 var(--fd);letter-spacing:-.015em}
@media (max-width:760px){.ergebnis__summe{grid-template-columns:1fr 1fr}.ergebnis__summe-satz{grid-column:1/-1}}
.angebot .h2{max-width:20ch}
.erfolge--dunkel .erfolg{background:rgba(255,255,255,.04);border-color:var(--dunkel-line)}
.erfolge--dunkel .erfolg p{color:var(--hell-2)}
.erfolge--dunkel .erfolg__ico{background:rgba(var(--a2-rgb),.12);border-color:rgba(var(--a2-rgb),.25)}
.erfolge--dunkel .erfolg__ico svg{stroke:var(--a2)}
.angebot__kasse{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,4vw,64px);align-items:center;margin-top:16px;padding:clamp(26px,3.4vw,44px);border-radius:var(--r);background:linear-gradient(120deg,rgba(var(--a1-rgb),.16),rgba(var(--a2-rgb),.08));border:1px solid rgba(var(--am-rgb),.3)}
.angebot__kasse .knopfblock{margin-top:0}
@media (max-width:900px){.angebot__kasse{grid-template-columns:1fr}}


.fuss__zeile ul{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:48px;padding-top:32px;border-top:1px solid var(--dunkel-line)}
.fuss__zeile a{text-decoration:none;font-weight:500}
.fuss__zeile a:hover{color:var(--a2)}
.fuss__schwester{margin-top:40px;color:var(--hell-2);font-size:15px;max-width:72ch}
.anker{position:relative;top:-110px}

@media (max-width:560px){.knopfblock .knopf{width:100%;justify-content:center;white-space:normal;text-align:center;padding:14px 22px}}
.hero>.rahmen,.garantie__teil,.garantie__kopf>div,.formularseite>*{min-width:0}
.feldgruppe label.wahl{display:flex;font-size:15.5px;font-weight:500;margin-bottom:8px}
.feldgruppe label.wahl--bestaetigung,label.wahl--bestaetigung{font-weight:600}
.formularseite{grid-template-rows:auto 1fr}
@media (max-width:900px){.formularseite{grid-template-rows:auto}}

.stapel__bonus{background:var(--a-text)}
.chat__name--ihr{background:linear-gradient(120deg,var(--a-tief),var(--a-text))}



.hero__titel--gross{font-size:clamp(44px,7vw,108px);line-height:1;letter-spacing:-.045em;max-width:1240px;margin:0 auto;text-wrap:balance}
.hero--gross .hero__unter{margin-top:36px}
.knopfblock__reihe{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 28px}
.knopfblock:not(.knopfblock--mitte) .knopfblock__reihe{justify-content:flex-start}
@media (max-width:640px){.hero__titel--gross{font-size:clamp(38px,11vw,46px);line-height:1.02}.knopfblock__reihe{flex-direction:column;align-items:flex-start;gap:16px}}
.leiste .knopf{white-space:normal;text-align:center}


@media (min-width:901px){
  .problem--b .ticks{grid-template-rows:auto auto 1fr auto;row-gap:0}
  .problem--b .tick{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0}
  .problem--b .tick__balken{align-self:end}
}


@media (min-width:621px){
  .gruende__raster{grid-template-rows:auto auto 1fr}
  .grund{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;align-content:start}
}
.knopfblock .knopf{max-width:100%;white-space:normal}   
.garantie__knopf{position:relative;margin-top:clamp(28px,4vw,44px);padding-top:clamp(24px,3vw,36px);border-top:1px solid rgba(var(--am-rgb),.3)}

.garantie__voraus{position:relative;margin-top:clamp(28px,4vw,44px);padding-top:clamp(24px,3vw,36px);border-top:1px solid rgba(var(--am-rgb),.3)}
.garantie__voraus-text{color:var(--ink-2);max-width:72ch}
.garantie__voraus .bedingungen{margin:14px 0 10px}
@media (min-width:900px){.bedingungen--zwei{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(28px,4vw,64px)}.bedingungen--zwei li:first-child,.bedingungen--zwei li:nth-child(2){padding-top:16px}}
.garantie-kompakt__voraus{margin-top:18px}
.garantie-kompakt__voraus .garantie__label{margin-bottom:8px}
.garantie-kompakt__voraus .bedingungen--zwei{display:block}
.garantie-kompakt__voraus .bedingungen p{font-size:16px}
.garantie__knopf .knopfblock{margin-top:0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 24px}
@media (max-width:560px){.knoepfe .knopf,.knopfblock .knopf{font-size:17px;padding:14px 18px}.garantie__knopf .knopfblock{flex-direction:column;align-items:flex-start}}


:root{--korn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
:root{--dunkel:#243542; --dunkel-2:#2D404E; --dk-rgb:36,53,66; --dk2-rgb:28,42,53; --dkm-rgb:48,66,80; --vg-r1:#3A2E2C; --vg-r2:#4A3027}
[data-farbe="5"]{--dunkel:#20304F; --dunkel-2:#293A5C; --dk-rgb:32,48,79; --dk2-rgb:25,38,64; --dkm-rgb:44,60,92; --vg-r1:#3A3024; --vg-r2:#4A3A1E}
[data-farbe="4"]{--dunkel:#1F2A5E; --dunkel-2:#28346C; --dk-rgb:31,42,94; --dk2-rgb:24,33,76; --dkm-rgb:44,56,112; --vg-r1:#24388A; --vg-r2:#4A2A86}
.dunkel,.beleg,.fuss,.vergleich{background-image:var(--korn);background-size:180px 180px}
.tick,.stapel__summen,.ergebnis__summe,.chat__frage{background-image:var(--korn);background-size:180px 180px}

.beleg__quelle{margin-top:12px;font-size:13px;color:var(--hell-2);letter-spacing:.02em}


[data-farbe="4"]{--verlauf-hell:linear-gradient(100deg,#8FAAFF,#C99BFF 50%,#FF8CC4)}
.dunkel .grad,.h2--hell .grad,.beleg__zaehler,.tick__zahl b,.stapel__total b,.ergebnis__summe-luecken b,.band__titel .grad,.beleg .grad{background-image:var(--verlauf-hell,var(--verlauf))}



.problem--b{display:block}
.tick__zahl{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;align-self:end}
.tick__zahl b{margin-top:0}
.tick__zahl span{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hell-2)}
.tick__titel{font:800 clamp(21px,1.75vw,25px)/1.2 var(--fd);letter-spacing:-.025em;margin-top:20px;color:#fff;text-wrap:balance}
.tick--rechner .tick__zahl b{font-size:clamp(46px,4.5vw,66px);white-space:nowrap}
.tick__zahl .tick__vor{font-size:13px}
.rechner{margin-top:18px}
.rechner__felder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rechner__feld{display:flex;flex-direction:column;justify-content:space-between;gap:8px}
.rechner__feld span{font-size:13px;line-height:1.35;color:var(--hell-2)}
.rechner__feld input{width:100%;height:50px;padding:0 14px;border-radius:12px;border:1.5px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;font:800 20px/1 var(--fd);letter-spacing:-.01em;-moz-appearance:textfield}
.rechner__feld input::-webkit-outer-spin-button,.rechner__feld input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.rechner__feld input:focus{outline:none;border-color:var(--a2);box-shadow:0 0 0 4px rgba(var(--a2-rgb),.25)}
.rechner__weg{margin-top:16px}
.rechner__weg summary{list-style:none;cursor:pointer;font-size:14px;font-weight:700;color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:4px}
.rechner__weg summary::-webkit-details-marker{display:none}
.rechner__weg summary::after{content:" +";font-weight:800}
.rechner__weg[open] summary::after{content:" −"}
.rechner__weg table{width:100%;border-collapse:collapse;margin-top:12px;font-size:13.5px}
.rechner__weg th,.rechner__weg td{padding:8px 0;border-bottom:1px solid var(--dunkel-line);text-align:right;font-weight:600;color:#fff}
.rechner__weg thead th{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--hell-2);vertical-align:bottom;padding-left:8px}
.rechner__weg tbody th{text-align:left;font-weight:500;color:var(--hell-2)}
.rechner__weg p{font-size:13.5px;line-height:1.5;margin-top:10px;color:var(--hell-2)}
.rechner__weg p.rechner__quelle{font-size:12.5px}
@media (max-width:420px){.rechner__felder{grid-template-columns:1fr}}


.beleg__mehr{display:none}
.beleg__zahl.ist-mehr .beleg__eins{display:none}
.beleg__zahl.ist-mehr .beleg__mehr{display:inline}


.erfolg p.erfolg__quelle{margin-top:10px;font-size:13px;color:var(--ink-2)}



.hero--zwei{text-align:left;place-items:stretch;min-height:auto;padding:150px 0 clamp(72px,9vw,120px)}
.zwei{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,80px);align-items:center}
.zwei>*{min-width:0}
.zwei__titel{max-width:18ch;font-size:clamp(34px,4vw,58px);line-height:1.04}
.zwei__titel--lang{max-width:24ch;font-size:clamp(30px,3.1vw,46px);line-height:1.08}
.zwei .unter{margin-top:22px}
.zwei .knopfblock{align-items:flex-start;text-align:left}
.zwei .vertrauen{margin-top:30px}
.zwei__bild .produkt,.zwei__bild .bm{max-width:560px;margin-left:auto}
@media (max-width:900px){.zwei{grid-template-columns:1fr}.zwei__bild .produkt,.zwei__bild .bm{margin:0 auto 0 0}.hero--zwei{padding-top:120px}}


.zeigt{background:var(--bg)}
.zeigt .h2{max-width:22ch}
.zeigt__liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1040px;margin:clamp(36px,5vh,56px) auto 0}
.zeigt__liste li{display:flex;gap:16px;align-items:flex-start;padding:24px 26px;border-radius:var(--r);background:var(--card);border:1px solid var(--line)}
.zeigt__liste p{font:700 clamp(18px,1.5vw,21px)/1.35 var(--fd);letter-spacing:-.015em}
@media (max-width:760px){.zeigt__liste{grid-template-columns:1fr}}
.fuenf .h2{max-width:22ch}
.fuenf__raster{grid-template-columns:repeat(6,minmax(0,1fr))}
.fuenf__raster .grund{grid-column:span 2;border-bottom:1px solid var(--dunkel-line)}
.fuenf__raster .grund:nth-child(3){border-right:0}
.fuenf__raster .grund:nth-child(4){grid-column:2/span 2;border-left:1px solid var(--dunkel-line)}
.fuenf__raster .grund:nth-child(n+4){border-bottom:0}
@media (max-width:900px){.fuenf__raster{grid-template-columns:1fr}.fuenf__raster .grund,.fuenf__raster .grund:nth-child(4){grid-column:auto;border-left:0;border-right:0;border-bottom:1px solid var(--dunkel-line)}.fuenf__raster .grund:last-child{border-bottom:0}}
.kurz-unten .formularseite__titel{max-width:18ch}
.kurz-unten .formular{position:static}


.fakten{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.fakten li{display:flex;flex-direction:column;gap:3px;padding:14px 18px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.fakten b{font:800 22px/1.1 var(--fd);letter-spacing:-.02em}
.fakten span{font-size:13.5px;line-height:1.35;color:var(--ink-2)}
.fakten li:last-child{border-color:rgba(var(--a1-rgb),.45);background:var(--hauch-2)}
.fakten li:last-child b{color:var(--a-text)}
.fakten--hell li,.fakten--hell li:last-child{background:rgba(255,255,255,.06);border-color:var(--dunkel-line)}
.fakten--hell b,.fakten--hell li:last-child b{color:#fff}
.fakten--hell span{color:var(--hell-2)}
.bm{background:#fff;color:var(--ink);border-radius:24px;padding:clamp(20px,2.4vw,30px);border:1px solid var(--line);box-shadow:0 60px 110px -60px rgba(var(--sch2-rgb),.55);transform:rotate(1.2deg)}
.bm__kopf{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.bm__kopf .produkt__marke{background:var(--ink);color:#fff;font-size:12.5px}
.bm__kopf b{font:800 20px/1 var(--fd);letter-spacing:-.02em}
.bm__url{margin-left:auto;font-size:13px;color:var(--ink-2)}
.bm__teile li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px dashed var(--line)}
.bm__teile li:last-child{border-bottom:0;padding-bottom:4px}
.bm__nr{font:800 13px/1.4 var(--fd);letter-spacing:.1em;color:var(--a-text)}
.bm__inhalt p{font:700 16px/1.3 var(--fd);letter-spacing:-.01em}
.bm__zeile{display:flex;align-items:center;gap:10px;margin-top:10px}
.bm__zeile::after{content:"";flex:1;height:8px;border-radius:4px;background:var(--grau-3)}
.bm__zeile--kurz{padding-left:21px;margin-top:8px}
.bm__zeile--kurz::after{flex:0 0 58%}
@media (max-width:900px){.bm{transform:none}}
.erfolg p.erfolg__nutzen{display:flex;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-weight:600;font-size:16px;color:var(--ink)}
.erfolg p.erfolg__nutzen::before{content:"→";color:var(--a-text);font-weight:800}
.erfolge--dunkel .erfolg p.erfolg__nutzen{color:#fff;border-color:var(--dunkel-line)}
.erfolge--dunkel .erfolg p.erfolg__nutzen::before{color:var(--a2)}
.fuer{background:var(--bg-2)}
.fuer .h2{max-width:20ch}
.fuer__raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:clamp(36px,5vh,56px)}
.fuer__spalte{border-radius:var(--r);padding:clamp(24px,3vw,38px);background:var(--card);border:1px solid var(--line)}
.fuer__spalte--nein{background:transparent;border:1.5px dashed var(--grau-4)}
.fuer__spalte h3{font:800 clamp(21px,1.8vw,25px)/1.2 var(--fd);letter-spacing:-.02em;margin-bottom:10px}
.fuer__spalte li{display:flex;gap:14px;align-items:flex-start;padding:12px 0}
.fuer__spalte li p{font-size:17px;line-height:1.5}
.fuer__spalte a{color:var(--a-text);font-weight:600}
.kreuz{position:relative;width:26px;height:26px;flex:0 0 auto;border-radius:50%;background:rgba(var(--ink-rgb),.1)}
.kreuz::before,.kreuz::after{content:"";position:absolute;left:12px;top:7px;width:2.4px;height:12px;border-radius:2px;background:var(--ink-2);transform:rotate(45deg)}
.kreuz::after{transform:rotate(-45deg)}
@media (max-width:760px){.fuer__raster{grid-template-columns:1fr}}
.kauf .ps{margin:28px 0 0}
.zwei--angebot{margin-bottom:clamp(36px,5vh,56px)}
.zwei--angebot .bm{transform:rotate(-1deg)}
.ps-sektion{padding:clamp(56px,7vw,96px) 0}
.ps-sektion .ps{margin-top:0}
.ps-sektion .knopfblock{margin-top:26px}


.ebenen__kopf .h2.ebenen__titel{max-width:24ch}
.doppelt{height:200px}
.doppelt__saeule{width:min(150px,42%)}
.doppelt__mal{left:calc(min(150px,42%)*2 + 36px)}

@media (min-width:641px){
  .hero--gross .hero__innen{max-width:calc(1520px + 2*var(--rand))}
  .hero__titel--gross{max-width:none;font-size:clamp(34px,calc((100vw - 2*var(--rand)) / 19),80px)}
  .hero__titel--gross .zeile{display:block}
}

.zwei__titel{max-width:none;font-size:clamp(32px,3.6vw,54px)}
.zwei__titel--lang{max-width:none;font-size:clamp(28px,2.9vw,42px)}
.fakten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:480px){.fakten{grid-template-columns:1fr}}
.fuenf__raster{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;border:0;border-radius:0;overflow:visible}
.fuenf__raster .grund,.fuenf__raster .grund:nth-child(n){flex:0 1 calc((100% - 32px)/3);display:block;border:1px solid var(--dunkel-line);border-radius:var(--r);grid-column:auto}
@media (max-width:900px){.fuenf__raster .grund,.fuenf__raster .grund:nth-child(n){flex:1 1 100%}}

@media (max-width:900px){.zwei__text{display:flex;flex-direction:column}.zwei__text>.fakten{order:2;margin-top:22px}.zwei__text>.vertrauen{order:3;align-self:flex-start}}
@media (max-width:480px){.fakten{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fakten li{padding:12px}.fakten b{font-size:17px}.fakten span{font-size:12px}}

.vg__mitte p{color:rgba(255,255,255,.64)}
.zwei--angebot .angebot__titel{max-width:none;font-size:clamp(30px,3.3vw,48px);line-height:1.05}


@media (min-width:981px){
  .erfolge{row-gap:0}
  .erfolge>.erfolg{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;align-content:start;margin-bottom:16px}
  .erfolge>.erfolg>*{align-self:start}
  .erfolg__ico{margin-bottom:26px}
  .ebene__karten{row-gap:0}
  .ebene__karten>.ebene__karte{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;margin-bottom:14px}
  .rg-karten{row-gap:0}
  .rg-karten>.rg-karte{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;margin-bottom:16px}
  .rg-karte>*{align-self:start}
  .rg-karte__mehr{align-self:end;margin-top:14px}
  .ergebnis__ringe{row-gap:0}
  .ergebnis__ringe>.ring-kachel{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0;align-items:start}
  .ergebnis__ringe .ring-kachel__text{display:contents}
  .ergebnis__ringe .ring-kachel__name{margin-top:18px}
  .problem--b .tick__zahl{align-self:start}
  .vg__links,.vg__mitte,.vg__rechts{justify-content:flex-start}
}
@media (min-width:1001px) and (max-width:980px){.rg-karten>.rg-karte{display:flex}}

.ebene__karte{gap:0}
.ebene__h3{font:800 20px/1.2 var(--fd);letter-spacing:-.03em;margin-top:22px;padding:0 4px}
.ebene__p{color:var(--ink-2);font-size:16px;line-height:1.6;margin-top:8px;padding:0 4px 6px}

@media (min-width:901px){
  .fuenf__raster{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:16px;row-gap:0}
  .fuenf__raster .grund,.fuenf__raster .grund:nth-child(n){grid-column:span 2;display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;margin-bottom:16px}
  .fuenf__raster .grund:nth-child(4){grid-column:2/span 2}
}


.stufen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px;row-gap:0;margin-top:clamp(48px,7vh,72px)}
.stufe{position:relative;display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0;align-content:start;margin-bottom:34px;padding:clamp(26px,2.6vw,36px);border-radius:var(--r);background:var(--card);border:1px solid var(--line);box-shadow:0 30px 60px -48px rgba(var(--sch1-rgb),.5);transition:transform .45s var(--aus),box-shadow .45s var(--aus)}
.stufe:hover{transform:translateY(-4px);box-shadow:0 40px 80px -46px rgba(var(--sch1-rgb),.6)}
.stufe>*{align-self:start}
.stufe__abzeichen{position:absolute;top:-14px;left:50%;transform:translateX(-50%);white-space:nowrap;font:700 13px/1 var(--ff);letter-spacing:.02em;padding:8px 14px;border-radius:999px;background:var(--a-text);color:#fff;box-shadow:0 10px 24px -12px rgba(var(--at-rgb),.8)}
.stufe__marke{display:flex;align-items:center;gap:10px;font:700 12px/1 var(--ff);letter-spacing:.16em;text-transform:uppercase;color:var(--a-text)}
.stufe__marke i{position:relative;z-index:1;width:12px;height:12px;border-radius:50%;background:var(--card);box-shadow:inset 0 0 0 3px var(--a1)}
.stufe__titel{font:800 clamp(21px,1.8vw,26px)/1.18 var(--fd);letter-spacing:-.025em;margin-top:16px;text-wrap:balance}
.stufe__preis{display:flex;flex-direction:column;gap:6px;margin-top:16px}
.stufe__preis-zeile{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
.stufe__preis-zeile b{font:800 clamp(22px,1.9vw,28px)/1.1 var(--fd);letter-spacing:-.02em;color:var(--a-text)}
.stufe__preis-zeile span{font-size:14px;color:var(--ink-2)}
.stufe__text{color:var(--ink-2);font-size:16.5px;line-height:1.6;margin-top:16px}
.stufe__aktion{margin-top:22px}
.stufe__aktion:empty{margin-top:0}
.stufe__aktion .knopf{white-space:normal;text-align:left;font-size:17px;--h:54px;padding:12px 20px 12px 24px}

.stufe:not(:nth-child(3n))::after{content:"";position:absolute;left:calc(clamp(26px,2.6vw,36px) + 12px);right:-20px;top:calc(clamp(26px,2.6vw,36px) + 6px);height:0;border-top:2px dotted rgba(var(--a1-rgb),.45);z-index:0;pointer-events:none}
.stufe:not(:nth-child(3n)) .stufe__marke{background:var(--card);padding-right:10px;width:max-content;position:relative;z-index:1}
.stufe--einstieg{border:1.5px solid rgba(var(--a1-rgb),.55);background:linear-gradient(170deg,var(--card) 40%,var(--hauch-2))}

.stufe--buendel{background:var(--dunkel);background-image:var(--korn);background-size:180px 180px;color:#fff;border:1.5px solid rgba(var(--a2-rgb),.55);box-shadow:0 50px 100px -50px rgba(var(--dk-rgb),.9)}
.stufe--buendel .stufe__marke{color:var(--a2)}
.stufe--buendel .stufe__marke i{background:var(--dunkel);box-shadow:inset 0 0 0 3px var(--a2)}
.stufe--buendel .stufe__titel{font-size:clamp(26px,2.3vw,34px)}
.stufe--buendel .stufe__preis-zeile b{color:#fff;font-size:clamp(28px,2.5vw,38px)}
.stufe--buendel .stufe__preis-zeile span{color:var(--hell-2);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.4)}
.stufe--buendel .stufe__text{color:var(--hell-2)}
.stufe--buendel .stufe__abzeichen{background:var(--verlauf);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.25)}
.stufe--buendel .textlink{color:#fff;text-decoration-color:rgba(255,255,255,.45)}
.laufend{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,4vw,56px);align-items:center;padding:clamp(24px,2.8vw,36px);border-radius:var(--r);border:1.5px dashed var(--grau-4);background:rgba(var(--card-rgb),.6)}
.laufend .stufe__titel{margin-top:12px}
.laufend__preis{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-top:10px}
.laufend__preis b{font:800 24px/1.1 var(--fd);color:var(--a-text)}
.laufend__preis span{font-size:14px;color:var(--ink-2)}
.laufend .stufe__text{margin-top:0}
.stack .stack__darunter{margin-top:28px}
@media (max-width:980px){
  .stufen{grid-template-columns:1fr;row-gap:30px}
  .stufe{display:block;grid-row:auto;margin-bottom:0}
  .stufe__titel,.stufe__preis,.stufe__text{margin-top:14px}
  .stufe::after{display:none}
  .laufend{grid-template-columns:1fr}
}
@media (min-width:981px) and (max-width:1180px){.stufen{column-gap:16px}.stufe:not(:nth-child(3n))::after{right:-16px}}


@media (min-width:641px){
  
  .hero--gross .hero__innen{max-width:calc(min(89vw, 1480px) + 2*var(--rand));padding-left:var(--rand);padding-right:var(--rand)}
  .hero__titel--gross{font-size:clamp(34px,calc(min(89vw, 1480px) / 16.5),108px);letter-spacing:-.05em}
  [data-hero="3"] .hero__titel--gross:not(.hero__titel--drei){font-size:clamp(40px,6.6vw,100px);letter-spacing:-.045em;max-width:min(89vw, 1300px);text-wrap:balance}
  [data-hero="3"] .hero__titel--gross:not(.hero__titel--drei) .zeile{display:inline}
  
  .hero__titel--drei{font-size:clamp(34px,calc(min(89vw, 1480px) / 15.6),104px)}
}


.person__leer{position:absolute;inset:0;display:grid;place-items:center;font:800 clamp(56px,6vw,84px)/1 var(--fd);letter-spacing:-.03em;color:var(--a-text);background:linear-gradient(160deg,var(--bg-2),var(--hauch))}

@media (min-width:981px){
  .stimmen{row-gap:0}
  .stimmen>.stimme{display:grid;grid-template-columns:minmax(0,1fr);grid-row:span 3;grid-template-rows:subgrid;row-gap:0;align-content:start}
  .stimmen>.stimme>*{align-self:start}
}

.stimme__rumpf blockquote{margin-top:10px}

@media (min-width:981px){.rg-karten>.rg-karte>h3,.rg-karten>.rg-karte>p{margin-top:14px}}


[data-farbe="8"]{--a1:#1F6BFF; --a2:#2FD07A; --a-text:#1550D8; --a-weich:rgba(31,107,255,.1);
  --verlauf:linear-gradient(115deg,#0E4BFF 0%,#1F78FF 36%,#5CCBFF 52%,#1F78FF 68%,#12B866 100%);
  --verlauf-hell:linear-gradient(100deg,#8CC2FF,#D4FBFF 50%,#8FF0BE);
  --bg:#F4EFE6; --bg-2:#EBE3D4; --card:#FFFCF6; --ink:#16130E; --ink-2:#675C4B; --line:#E2D8C5;
  --dunkel:#0F1B33; --dunkel-2:#172645;
  --a1-rgb:31,107,255; --a2-rgb:47,208,122; --am-rgb:47,139,255; --at-rgb:21,80,216; --at2-rgb:20,70,180;
  --ink-rgb:22,19,14; --dk-rgb:15,27,51; --dk2-rgb:10,19,38; --bg-rgb:244,239,230; --bg3-rgb:250,247,241; --card-rgb:255,252,246; --dkm-rgb:30,46,80;
  --sch1-rgb:20,40,90; --sch2-rgb:15,30,80; --sch3-rgb:20,40,90;
  --hauch:#EAF2FF; --hauch-2:#F3F8FF; --vg-r1:#12264F; --vg-r2:#103F3A; --a-tief:#0D3FB8; --a-mitte-2:#2A9DFF;
  --eb1a:#1450D8; --eb1b:#4D8DFF; --eb2a:#0E9A55; --eb2b:#2FD07A; --ini3a:#2A9DFF; --ini3b:#2FD07A;
  --grau:#DDD4C4; --grau-2:#EEE8DC; --grau-3:#E8E0D1; --grau-4:#CFC4B0;
  --sterne:var(--sterne-9)}
[data-farbe="8"] .grad{animation:glanz 6s ease-in-out infinite}
[data-farbe="8"] .dunkel,[data-farbe="8"] .beleg,[data-farbe="8"] .fuss,[data-farbe="8"] .vergleich{background-image:var(--sterne),var(--korn);background-size:640px 640px,180px 180px}
[data-farbe="8"] .knopf--voll,[data-farbe="8"] .knopf--gross{background:linear-gradient(180deg,#2C7BFF,#1557E8);color:#fff;box-shadow:0 10px 30px -8px rgba(31,107,255,.6),0 0 0 1px rgba(155,239,255,.45) inset,0 0 18px rgba(92,203,255,.25)}
[data-farbe="8"] .knopf--voll:hover,[data-farbe="8"] .knopf--gross:hover{box-shadow:0 12px 36px -8px rgba(31,107,255,.75),0 0 0 1px rgba(190,245,255,.7) inset,0 0 28px rgba(92,203,255,.45)}


.garantie__voraus--spalte{margin:0;padding:0;border-top:0}
.garantie__voraus--spalte .garantie__voraus-text:last-child{margin-bottom:0}
.garantie__voraus--spalte .bedingungen--zwei{display:block}
.garantie__voraus--spalte .bedingungen--zwei li:first-child{padding-top:2px}
.garantie__voraus--spalte .bedingungen--zwei li:nth-child(2){padding-top:16px}
.garantie__voraus--spalte .bedingungen li:last-child{border-bottom:0}

@media (max-width:520px){.doppelt__saeule{width:34%}.doppelt__mal{left:calc(34% * 2 + 30px);font-size:42px}}
.erfolg h3{text-wrap:balance}

.stimmen:has(> :only-child){grid-template-columns:1fr}


[data-farbe="8"],[data-farbe="9"]{--bg:#F7F9FD; --bg-2:#EDF2FA; --card:#FFFFFF; --ink:#0F1420; --ink-2:#556074; --line:#DFE6F2;
  --ink-rgb:15,20,32; --bg-rgb:247,249,253; --bg3-rgb:251,252,255; --card-rgb:255,255,255;
  --grau:#D8E0EC; --grau-2:#EDF1F7; --grau-3:#E5EBF4; --grau-4:#C3CEDF}

[data-farbe="9"]{--a1:#2F5BFF; --a2:#8A4DFF; --a-text:#2446E0; --a-weich:rgba(47,91,255,.1);
  --verlauf:linear-gradient(115deg,#1E44FF 0%,#2F6BFF 34%,#79B4FF 50%,#5B5CFF 68%,#9B4DFF 100%);
  --verlauf-hell:linear-gradient(100deg,#9DB8FF,#E4EAFF 50%,#CDB8FF);
  --dunkel:#0E1433; --dunkel-2:#171F48;
  --a1-rgb:47,91,255; --a2-rgb:138,77,255; --am-rgb:92,84,255; --at-rgb:36,70,224; --at2-rgb:60,50,190;
  --dk-rgb:14,20,51; --dk2-rgb:10,14,38; --dkm-rgb:30,36,80; --sch1-rgb:30,30,90; --sch2-rgb:20,20,80; --sch3-rgb:30,30,90;
  --hauch:#EEF0FF; --hauch-2:#F5F6FF; --vg-r1:#141E52; --vg-r2:#2A1858; --a-tief:#1A33B5; --a-mitte-2:#5A6BFF;
  --eb1a:#1C3FD6; --eb1b:#5078FF; --eb2a:#6A35D6; --eb2b:#9B5CFF; --ini3a:#5A6BFF; --ini3b:#9B4DFF}
[data-farbe="9"] .grad{animation:glanz 6s ease-in-out infinite}
[data-farbe="9"] .dunkel,[data-farbe="9"] .beleg,[data-farbe="9"] .fuss,[data-farbe="9"] .vergleich{background-image:var(--sterne-9),var(--korn);background-size:640px 640px,180px 180px}
[data-farbe="9"] .knopf--voll,[data-farbe="9"] .knopf--gross{background:linear-gradient(180deg,#3D6BFF,#2440E0);color:#fff;box-shadow:0 10px 30px -8px rgba(47,91,255,.6),0 0 0 1px rgba(196,205,255,.45) inset,0 0 18px rgba(138,77,255,.22)}
[data-farbe="9"] .knopf--voll:hover,[data-farbe="9"] .knopf--gross:hover{box-shadow:0 12px 36px -8px rgba(47,91,255,.75),0 0 0 1px rgba(214,220,255,.7) inset,0 0 28px rgba(138,77,255,.4)}

.erfolg h3{font-size:clamp(20px,1.65vw,24px)}
@media (min-width:981px) and (max-width:1199px){.erfolg{padding:24px}.erfolg h3{font-size:19.5px}}
@media (min-width:981px) and (max-width:1023px){.erfolg{padding:20px}.erfolg h3{font-size:19px}}


@media (min-width:641px){
  .hero--gross{padding-top:clamp(98px,15svh,150px);padding-bottom:clamp(40px,8svh,90px)}
  .hero--gross .hero__unter{margin-top:clamp(18px,3.6svh,36px);font-size:clamp(17px,min(1.7vw,2.9svh),22px)}
  .hero--gross .knopfblock{margin-top:clamp(20px,3.6svh,34px)}
  .hero--gross .vertrauen{margin-top:clamp(18px,3.4svh,34px)}
  .hero__titel--gross{font-size:clamp(34px,min(calc(min(89vw, 1480px) / 16.5),calc((100svh - 445px) / 2.05)),108px)}
  [data-hero="3"] .hero__titel--gross:not(.hero__titel--drei){font-size:clamp(34px,min(6.6vw,calc((100svh - 445px) / 3)),100px);max-width:min(89vw,13.5em)}
  .hero__titel--drei{font-size:clamp(30px,min(calc(min(89vw, 1480px) / 15.6),calc((100svh - 445px) / 3)),104px)}
}
@media (min-width:641px) and (max-height:639px){
  .hero__titel--gross{font-size:clamp(34px,min(calc(min(89vw, 1480px) / 16.5),calc((100svh - 330px) / 2.05)),108px)}
  [data-hero="3"] .hero__titel--gross:not(.hero__titel--drei){font-size:clamp(34px,min(6.6vw,calc((100svh - 330px) / 3)),100px)}
  .hero__titel--drei{font-size:clamp(30px,min(calc(min(89vw, 1480px) / 15.6),calc((100svh - 330px) / 3)),104px)}
}
@media (max-width:640px){
  .hero--gross{padding-top:clamp(92px,14svh,120px)}
  .hero--gross .hero__unter{margin-top:clamp(16px,3svh,32px);font-size:clamp(16px,2.7svh,18px);line-height:1.5}
  .hero--gross .knopfblock{margin-top:clamp(18px,3.2svh,34px)}
  .hero__titel--gross{font-size:clamp(28px,min(11vw,calc((100svh - 350px) / 5.2)),46px)}
  .hero__titel--drei{font-size:clamp(28px,min(11vw,calc((100svh - 350px) / 6.2)),46px)}
}
@media (min-width:641px){.hero--gross .vertrauen{display:flex;width:fit-content;margin-left:auto;margin-right:auto}}

@media (max-width:640px) and (max-height:520px){
  .hero--gross{padding-top:86px}
  .hero--gross .hero__unter{margin-top:12px;font-size:14.5px;line-height:1.4}
  .hero--gross .knopfblock{margin-top:14px}
  .hero__titel--gross,.hero__titel--drei{font-size:26px}
}

@media (min-width:641px) and (orientation:portrait){
  .hero--gross .hero__titel--gross,
  [data-hero="3"] .hero--gross .hero__titel--gross:not(.hero__titel--drei),
  .hero--gross .hero__titel--drei{font-size:clamp(40px,min(9.4vw,calc((100svh - 445px) / 4.6)),104px);max-width:min(89vw,10em);margin-left:auto;margin-right:auto;text-wrap:balance}
  .hero--gross .hero__titel--gross .zeile{display:inline}
}


.team__whatsapp{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:28px}
.team__whatsapp p{color:var(--ink-2);font-size:15px}


.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.personen--eins{grid-template-columns:minmax(0,1fr);max-width:900px}
.webinar-analyse{padding:var(--sek) 0}
.webinar-analyse__innen{max-width:860px}
.webinar-analyse .unter{margin-top:16px}
.webinar-schluss{padding:var(--sek) 0;text-align:center}
.wahl--frei{margin-top:6px}
@media (min-width:981px){.erfolge--4{grid-template-columns:repeat(2,minmax(0,1fr))}}



.doppelt{display:grid;grid-auto-flow:column;grid-template-columns:min(150px,42%) min(150px,42%) auto;grid-template-rows:120px auto;column-gap:16px;row-gap:12px;height:auto}
.doppelt__saeule{display:contents}
.doppelt__saeule i{align-self:end}
.doppelt__saeule span{align-self:start}
.doppelt__mal{position:static;left:auto;grid-column:3;grid-row:1;align-self:start;margin-left:4px}
@media (max-width:640px){.doppelt{justify-content:center;grid-template-columns:minmax(0,138px) minmax(0,138px) auto}}
@media (max-width:520px){.doppelt__mal{font-size:42px}}

.oder{border-bottom:0;padding-bottom:0;color:var(--a-text);white-space:nowrap}
.oder:hover{color:var(--a-text);text-decoration:underline;text-underline-offset:4px}
.dunkel .oder,.dunkel .oder:hover{color:#fff}
.knopfblock .textlink{text-decoration:none}
.knopfblock .textlink:hover{text-decoration:underline}

@media (max-width:640px){
  .knopfblock,.knopfblock--mitte,.zwei .knopfblock{align-items:center;text-align:center}
  .knopfblock .knopf{width:100%;justify-content:center;white-space:normal;text-align:center}
  .knopfblock__reihe{width:100%;align-items:center}
  .oder{font-size:clamp(14px,3.9vw,16px);letter-spacing:-.01em}
  .knopf{max-width:100%;white-space:normal}
}

.team__whatsapp .knopf{max-width:100%;white-space:normal}
@media (max-width:640px){.team__whatsapp{flex-direction:column;align-items:stretch;text-align:center}.team__whatsapp .knopf{width:100%;justify-content:center;font-size:17px;padding:14px 18px}}
@media (max-width:640px){.knoepfe{justify-content:center;text-align:center}.knoepfe .knopf{width:100%;justify-content:center}.schluss__oder{text-align:center}}

.vsl__video{max-width:960px;margin:clamp(28px,4vw,44px) auto 0;padding:0}
.vsl__video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--dunkel);border-radius:var(--r);box-shadow:0 30px 70px -40px rgba(var(--dk-rgb),.6),0 0 0 1px var(--line)}
.vsl__video figcaption{margin-top:12px;font-size:14px;color:var(--ink-2);text-align:center}
.vsl .knopfblock{margin-top:clamp(26px,3.4vw,38px)}
@media (max-width:640px){.vsl__video{margin-inline:-6px}.vsl__video video{border-radius:16px}}
.vsl.hero--seite{padding-top:clamp(120px,13vw,150px)}
.vsl .hero__titel{font-size:clamp(32px,4.1vw,60px)}
.vsl .hero__unter{margin-top:22px}
.unter--bruecke{margin-top:clamp(26px,3vw,38px);font-weight:600;color:var(--ink);max-width:56ch}


.dlg{padding:0;border:0;background:transparent;max-width:min(600px,calc(100vw - 32px));width:100%;max-height:calc(100svh - 48px);color:var(--ink);overflow:visible}
.dlg::backdrop{background:rgba(var(--dk2-rgb),.58);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.dlg[open]{animation:dlg-auf .5s var(--aus) both}
.dlg[open]::backdrop{animation:dlg-grund .4s ease both}
@keyframes dlg-auf{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
@keyframes dlg-grund{from{opacity:0}}
.dlg__karte{position:relative;max-height:calc(100svh - 48px);overflow:auto;overscroll-behavior:contain;background:var(--card);border:1px solid var(--line);border-radius:30px;padding:clamp(26px,3.4vw,44px);box-shadow:0 60px 140px -50px rgba(var(--dk2-rgb),.7)}
.dlg__karte::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--verlauf)}
.dlg__klein{margin-bottom:14px;padding-right:44px}
.dlg__titel{font:800 clamp(28px,3vw,40px)/1.04 var(--fd);letter-spacing:-.035em;padding-right:44px;text-wrap:balance}
.dlg__text{color:var(--ink-2);margin-top:12px;font-size:16px;line-height:1.55}
.dlg__zu{position:absolute;right:18px;top:20px;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;display:grid;place-items:center;transition:transform .3s var(--aus),background .3s}
.dlg__zu:hover{transform:rotate(90deg);background:var(--a-weich)}
.dlg__zu i,.dlg__zu i::after{position:absolute;width:18px;height:2px;border-radius:2px;background:var(--ink);transform:rotate(45deg)}
.dlg__zu i::after{content:"";left:0;top:0;transform:rotate(90deg)}
.dlg .formular{position:static;margin-top:24px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
.dlg .formular__zeile{text-align:center}
html.dlg-offen{overflow:hidden}
@media (max-width:640px){
  .dlg{max-width:100vw;margin:auto 0 0;max-height:94svh}
  .dlg[open]{animation:dlg-blatt .5s var(--aus) both}
  @keyframes dlg-blatt{from{transform:translateY(100%)}to{transform:none}}
  .dlg__karte{border-radius:26px 26px 0 0;max-height:94svh;padding:30px 20px calc(24px + env(safe-area-inset-bottom))}
  .dlg__zu{right:14px;top:16px}
}


.formular--schritte .fschritt{border:0;margin:0;padding:0;min-width:0}
.fschritt__punkte{display:flex;gap:6px;margin-bottom:18px}
.fschritt__punkte i{flex:1;height:4px;border-radius:4px;background:var(--line);transition:background .4s}
.fschritt__punkte i.an{background:var(--verlauf)}
.fschritt__kopf{margin-bottom:18px}
.fschritt__nr{font:700 12px/1 var(--ff);letter-spacing:.14em;text-transform:uppercase;color:var(--a-text)}
.fschritt__kopf h3{font:800 22px/1.15 var(--fd);letter-spacing:-.025em;margin-top:10px}
.fschritt__kopf p{color:var(--ink-2);font-size:15px;margin-top:6px}
.fschritt .feld--text{min-height:92px;padding-top:14px;resize:vertical;line-height:1.45}
.fschritt__zurueck{display:block;margin:14px auto 0;background:none;border:0;cursor:pointer;font-family:var(--ff)}


.hero--optin{padding-bottom:clamp(64px,8vw,110px)}
.optin__titel{max-width:15ch;font-size:clamp(38px,4.6vw,68px);line-height:1}
.hero--optin .unter{max-width:50ch}


.termin{position:relative;max-width:500px;margin-left:auto;border-radius:30px;padding:clamp(24px,2.6vw,34px);background:linear-gradient(160deg,rgba(var(--card-rgb),.96),rgba(var(--card-rgb),.78));border:1px solid var(--line);box-shadow:0 70px 140px -70px rgba(var(--sch2-rgb),.7),0 0 0 8px rgba(var(--card-rgb),.4);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden}
.termin::after{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;background:var(--verlauf);opacity:.16;filter:blur(30px);pointer-events:none}
.termin__kopf{display:flex;justify-content:space-between;align-items:center;font:700 13px/1 var(--ff);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.termin__live{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:999px;background:rgba(var(--a1-rgb),.1);color:var(--a-text)}
.termin__live i{width:8px;height:8px;border-radius:50%;background:#E5484D;box-shadow:0 0 0 0 rgba(229,72,77,.5);animation:puls 1.8s ease-out infinite}
@keyframes puls{70%{box-shadow:0 0 0 10px rgba(229,72,77,0)}100%{box-shadow:0 0 0 0 rgba(229,72,77,0)}}
.termin__haupt{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-top:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.termin__datum{display:flex;align-items:flex-end;gap:14px}
.termin__datum b{font:800 clamp(88px,9vw,124px)/.8 var(--fd);letter-spacing:-.06em;background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent}
.termin__datum span{display:flex;flex-direction:column;font:800 clamp(26px,2.4vw,32px)/1 var(--fd);letter-spacing:-.03em;padding-bottom:6px}
.termin__datum em{font:600 15px/1.4 var(--ff);font-style:normal;color:var(--ink-2);letter-spacing:0;margin-top:6px}
.termin__zeit{text-align:right;padding-bottom:6px}
.termin__zeit b{display:block;font:800 clamp(26px,2.4vw,32px)/1 var(--fd);letter-spacing:-.03em}
.termin__zeit span{display:block;font-size:15px;color:var(--ink-2);margin-top:8px}
.termin__uhr{margin-top:20px}
.termin__bis{font:700 12px/1 var(--ff);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.termin__zaehler{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.termin__zaehler span{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:16px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:600;color:var(--ink-2)}
.termin__zaehler b{font:800 clamp(24px,2.2vw,30px)/1 var(--fd);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.termin__status{margin-top:12px;font-weight:700;color:var(--a-text)}
.termin__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.termin__chips li{padding:8px 13px;border-radius:999px;background:var(--a-weich);font-size:14px;font-weight:600;color:var(--a-text)}
.termin__ics{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-weight:700;font-size:15px;color:var(--a-text);text-decoration:none}
.termin__ics::before{content:"";width:18px;height:18px;border-radius:5px;border:2px solid currentColor;box-shadow:inset 0 4px 0 -1px currentColor}
.termin__ics:hover{text-decoration:underline;text-underline-offset:4px}
.termin--klein{max-width:440px;margin:0 auto;padding:22px 26px}
.termin--klein .termin__haupt{margin-top:16px;padding-bottom:0;border-bottom:0}
.termin--klein .termin__datum b{font-size:78px}
.termin--klein .termin__ics{margin-top:14px}
@media (max-width:900px){.termin{margin:0 auto 0 0}}
@media (max-width:460px){.termin__haupt{flex-direction:column;align-items:flex-start}.termin__zeit{text-align:left}.termin__zaehler span{padding:10px 4px}}


.zwei--analyse{align-items:center}
.lm{position:relative;max-width:560px;margin-left:auto}
.lm__fenster{border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 60px 120px -60px rgba(var(--sch2-rgb),.6)}
.lm__fenster .rahmen-browser__leiste{height:36px}
.lm__live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font:700 11px/1 var(--ff);letter-spacing:.12em;text-transform:uppercase;color:#E5484D;font-style:normal}
.lm__live i{width:7px;height:7px;border-radius:50%;background:#E5484D;animation:puls 1.8s ease-out infinite}
.lm__seite{display:flex;flex-direction:column;gap:12px;padding:30px 32px 34px}
.lm__ring{position:relative;outline:2.5px dashed rgba(var(--a1-rgb),.75);outline-offset:6px;border-radius:8px}
.lm__ring::after{position:absolute;right:-16px;top:-16px;width:30px;height:30px;border-radius:50%;background:var(--verlauf);color:#fff;font:800 14px/30px var(--fd);text-align:center;box-shadow:0 10px 20px -8px var(--a1)}
.lm__ring--1::after{content:"1"}.lm__ring--2::after{content:"2"}.lm__ring--3::after{content:"3"}
.lm__seite .em-karten{margin-top:6px}
.lm__marken{display:grid;gap:10px;margin-top:18px}
.lm__marke{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:16px;background:var(--card);border:1px solid var(--line);font:700 16px/1.3 var(--fd);letter-spacing:-.01em}
.lm__marke b{flex:0 0 30px;height:30px;border-radius:50%;background:var(--verlauf);color:#fff;font:800 14px/30px var(--fd);text-align:center}
@media (max-width:900px){.lm{margin:0}}


.kal{max-width:520px;margin-left:auto;border-radius:26px;background:var(--card);border:1px solid var(--line);box-shadow:0 60px 120px -60px rgba(var(--sch2-rgb),.6);overflow:hidden}
.kal__kopf{display:flex;flex-direction:column;gap:6px;padding:22px 26px;border-bottom:1px solid var(--line);background:linear-gradient(120deg,rgba(var(--a1-rgb),.07),transparent)}
.kal__marke{font:700 12px/1 var(--ff);letter-spacing:.14em;text-transform:uppercase;color:var(--a-text)}
.kal__kopf b{font:800 22px/1.15 var(--fd);letter-spacing:-.025em}
.kal__kopf>span:last-child{font-size:14px;color:var(--ink-2)}
.kal__inhalt{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:18px;padding:22px 26px 26px}
.kal__monat p{font:800 16px/1 var(--fd);margin-bottom:14px}
.kal__wt,.kal__tage{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}
.kal__wt em{font:600 11px/1 var(--ff);font-style:normal;color:var(--ink-2);padding-bottom:8px}
.kal__tage span{aspect-ratio:1;display:grid;place-items:center;border-radius:10px;font-size:13px;color:rgba(var(--ink-rgb),.38)}
.kal__tage span.frei{color:var(--ink);font-weight:700;background:var(--a-weich)}
.kal__tage span.gewaehlt{color:#fff;font-weight:800;background:var(--verlauf);box-shadow:0 10px 20px -10px var(--a1)}
.kal__zeiten{display:flex;flex-direction:column;gap:8px;padding-top:30px}
.kal__zeiten li{padding:11px 0;border-radius:12px;border:1.5px solid var(--line);text-align:center;font:700 14px/1 var(--ff)}
.kal__zeiten li.an{border-color:transparent;background:var(--verlauf);color:#fff}
@media (max-width:900px){.kal{margin:0}}
@media (max-width:460px){.kal__inhalt{grid-template-columns:1fr}.kal__zeiten{flex-direction:row;flex-wrap:wrap;padding-top:0}.kal__zeiten li{flex:1 1 40%}}


.gruende__raster.raster--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.gruende__raster.raster--3 .grund{border-right:1px solid var(--dunkel-line)}
.gruende__raster.raster--3 .grund:last-child{border-right:0}
.grund .textlink{display:inline-block;margin-top:16px;color:#fff;text-decoration-color:rgba(255,255,255,.4)}
@media (max-width:980px){.gruende__raster.raster--3{grid-template-columns:1fr}.gruende__raster.raster--3 .grund{border-right:0;border-bottom:1px solid var(--dunkel-line)}.gruende__raster.raster--3 .grund:last-child{border-bottom:0}}


.warten .hero__unter{max-width:54ch}
.warten__brief{display:block;width:96px;height:96px;margin:0 auto 26px;border-radius:30px;background:var(--verlauf);position:relative;box-shadow:0 30px 60px -24px var(--a1);animation:schweben 3.6s ease-in-out infinite}
.warten__brief i{position:absolute;left:23px;top:30px;width:50px;height:36px;border-radius:7px;border:3px solid #fff;overflow:hidden}
.warten__brief i::after{content:"";position:absolute;left:50%;top:-20px;width:30px;height:30px;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:translateX(-50%) rotate(45deg)}
@keyframes schweben{50%{transform:translateY(-8px)}}
.warten__schritte{display:flex;justify-content:center;gap:clamp(8px,2vw,18px);margin:38px auto 0;flex-wrap:wrap}
.warten__schritte li{display:flex;align-items:center;gap:10px;padding:10px 18px 10px 10px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-weight:700;font-size:15px;color:var(--ink-2)}
.warten__schritte span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--bg-2);font:800 14px/1 var(--fd);color:var(--ink-2)}
.warten__schritte li.fertig span{background:var(--gruen);color:#fff;font-size:0}
.warten__schritte li.fertig span::after{content:"";width:11px;height:6px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:translateY(-2px) rotate(-45deg)}
.warten__schritte li.aktiv{color:var(--ink);border-color:rgba(var(--a1-rgb),.45);box-shadow:0 0 0 4px var(--a-weich)}
.warten__schritte li.aktiv span{background:var(--verlauf);color:#fff}
.warten__hinweis{max-width:52ch;margin:26px auto 0;font-size:15px;color:var(--ink-2)}
.warten__termin{margin-top:40px}
@media (max-width:640px){.warten__brief{margin-left:0}.warten__schritte{justify-content:flex-start}.warten__hinweis{margin-left:0}}


.hero--bestaetigt{padding-bottom:clamp(64px,8vw,110px)}
.danke__haken--links{margin:0 0 26px;width:72px;height:72px}
.erfolg__nr{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;margin-bottom:22px;background:var(--verlauf);color:#fff;font:800 18px/1 var(--fd);box-shadow:0 14px 28px -14px var(--a1)}
.nutzen--vorbereitung,.nutzen--jetzt{padding-top:clamp(40px,6vw,80px)}


.zeitplan{background:var(--bg-2)}
.zeitplan__raster{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start}
.zeitplan__info{position:sticky;top:120px}
.zeitplan__liste{position:relative;display:grid;gap:12px}
.zeitplan__liste li{display:grid;grid-template-columns:132px minmax(0,1fr);gap:20px;align-items:start;padding:22px 24px;border-radius:var(--r);background:var(--card);border:1px solid var(--line)}
.zeitplan__wann{font:800 14px/1.3 var(--fd);letter-spacing:.06em;text-transform:uppercase;color:var(--a-text);padding-top:4px}
.zeitplan__liste h3,.zeitplan__liste h4{font:800 clamp(19px,1.6vw,22px)/1.2 var(--fd);letter-spacing:-.02em}
.zeitplan__liste p{color:var(--ink-2);font-size:16px;margin-top:6px}
.zeitplan__liste li:last-child{border-color:rgba(var(--a1-rgb),.45);box-shadow:0 0 0 4px var(--a-weich)}
.zeitplan__liste--hell li{background:rgba(255,255,255,.05);border-color:var(--dunkel-line)}
.zeitplan__liste--hell p{color:var(--hell-2)}
.zeitplan__liste--hell .zeitplan__wann{color:var(--a2)}
.zeitplan__liste--hell li:last-child{border-color:rgba(var(--a2-rgb),.5);box-shadow:none}
@media (max-width:900px){.zeitplan__raster{grid-template-columns:1fr}.zeitplan__info{position:static}}
@media (max-width:560px){.zeitplan__liste li{grid-template-columns:1fr;gap:8px;padding:20px}}


.naechster .zwei{align-items:start}
.naechster .unter--hell{color:var(--hell-2)}
.bonus{position:relative;margin-top:30px;padding:24px 26px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(var(--a2-rgb),.45);box-shadow:0 0 0 6px rgba(var(--a2-rgb),.08)}
.bonus__marke{display:inline-block;padding:7px 12px;border-radius:999px;background:var(--verlauf);color:#fff;font:700 12px/1 var(--ff);letter-spacing:.12em;text-transform:uppercase}
.bonus h3{font:800 clamp(21px,1.9vw,26px)/1.18 var(--fd);letter-spacing:-.025em;margin-top:14px}
.bonus p{color:var(--hell-2);margin-top:10px;font-size:16px}
.naechster .knopfblock{margin-top:30px}
.knopf-zeile--hell{color:var(--hell-2)}
.danach{padding:clamp(24px,2.6vw,34px);border-radius:28px;background:rgba(255,255,255,.03);border:1px solid var(--dunkel-line)}
.danach>h3{font:800 clamp(22px,2vw,28px)/1.15 var(--fd);letter-spacing:-.025em;margin-bottom:20px}


.schluss__titel-optin{max-width:20ch}
.schluss__termin{margin-top:34px;text-align:left}
.team--eins .personen--eins{margin-top:0;max-width:none}
@media (min-width:641px){.dlg .formular__felder{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 14px;align-items:end}.dlg .formular__felder>*{grid-column:1/-1}.dlg .formular__felder>.feldgruppe:has(input){grid-column:auto}}
.dlg .feldgruppe label{line-height:1.3}
@media (max-width:640px){.schluss__termin .termin--klein{margin:0}}


.ergebnis__oben{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4vw,64px);align-items:start}
.ergebnis__aussage .ergebnis__titel{font-size:clamp(34px,3.8vw,56px)}
.ergebnis__weiter{position:relative;border-radius:28px;padding:clamp(24px,2.6vw,34px);overflow:hidden;box-shadow:0 60px 120px -60px rgba(var(--dk2-rgb),.8)}
.ergebnis__weiter::before{content:"";position:absolute;right:-120px;top:-120px;width:300px;height:300px;border-radius:50%;background:var(--verlauf);opacity:.22;filter:blur(40px)}
.ergebnis__weiter .ergebnis__summe{grid-template-columns:auto auto;justify-content:start;margin:0;padding:0;background:none}
.ergebnis__weiter-satz{position:relative;margin-top:20px;font:700 clamp(18px,1.5vw,21px)/1.4 var(--fd);letter-spacing:-.01em;color:#fff}
.ergebnis__weiter .knopfblock{position:relative;margin-top:24px;align-items:flex-start;text-align:left}
.ergebnis__weiter .knopf{width:100%;justify-content:center}
.ergebnis__pfeil{display:flex;align-items:center;justify-content:center;gap:12px;margin:clamp(36px,5vh,56px) auto 0;width:max-content;max-width:100%;padding:12px 22px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-weight:700;font-size:15px;color:var(--ink);text-decoration:none}
.ergebnis__pfeil i{width:22px;height:22px;border-radius:50%;background:var(--verlauf);position:relative;animation:schweben 2.4s ease-in-out infinite}
.ergebnis__pfeil i::after{content:"";position:absolute;left:7px;top:5px;width:7px;height:7px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}
@media (max-width:980px){.ergebnis__oben{grid-template-columns:1fr}}
.optin__titel--lang{max-width:20ch;font-size:clamp(32px,3.5vw,52px);line-height:1.04}
.danach .zeitplan__liste li{grid-template-columns:1fr;gap:6px;padding:18px 20px}

.termin-zeile{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:22px;padding:12px 18px 12px 14px;border-radius:16px;background:var(--card);border:1px solid rgba(var(--a1-rgb),.3);box-shadow:0 0 0 4px var(--a-weich)}
.termin-zeile i{width:22px;height:22px;border-radius:6px;border:2.5px solid var(--a-text);box-shadow:inset 0 5px 0 -1px var(--a-text)}
.termin-zeile b{font:800 clamp(17px,1.5vw,20px)/1.2 var(--fd);letter-spacing:-.015em}
.termin-zeile span{font-size:15px;color:var(--ink-2)}
.hero--optin .termin-zeile+.unter{margin-top:20px}

.ew-buehne{position:relative;max-width:580px;margin-left:auto;padding:0 0 34px 26px}
.entwurf-mock--gross{max-width:none;margin:0;transform:rotate(-1.5deg)}
.entwurf-mock--gross .rahmen-browser__leiste{height:38px}
.entwurf-mock--gross .entwurf-mock__seite{padding:36px 38px 40px;gap:13px}
.ew-marke{margin-left:auto;padding:6px 12px;border-radius:999px;background:var(--verlauf);color:#fff;font:700 11px/1 var(--ff);letter-spacing:.12em;text-transform:uppercase;font-style:normal}
.ew-uhr{position:absolute;left:0;bottom:0;display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(var(--sch2-rgb),.6)}
.ew-uhr b{font:800 44px/.9 var(--fd);letter-spacing:-.05em;background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent}
.ew-uhr span{font:700 14px/1.25 var(--ff);color:var(--ink-2)}
@media (max-width:900px){.ew-buehne{margin:0;padding-left:16px}}
.formular select.feld{appearance:none;-webkit-appearance:none;padding-right:48px;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 6l4.5 4.5L12.5 6' fill='none' stroke='%230F1B33' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 18px center/16px}
@media (max-width:359px){.knopfblock .oder{font-size:13px}.kurz__raster{grid-template-columns:minmax(0,1fr)}.kurz__raster>*{min-width:0}.kurz .produkt{zoom:.8}}
.produkt__url{min-width:0;overflow:hidden;text-overflow:ellipsis}
.wahl--sms{align-items:flex-start;margin-top:-6px}.wahl--sms .wahl__kasten{margin-top:2px}.wahl--sms .wahl__text{font-size:13.5px;line-height:1.5;color:var(--ink-2)}.wahl--sms a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.dlg .formular__felder>.feldgruppe.feldgruppe--voll{grid-column:1/-1}
.marke__j{background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-right:.02em}
.dunkel+.dunkel,.vsl+.dunkel,.naechster+.beleg{position:relative}.dunkel+.dunkel::before,.vsl+.dunkel::before,.naechster+.beleg::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(1120px,calc(100% - 40px));height:1px;background:linear-gradient(90deg,transparent,rgba(31,120,255,.55) 25%,rgba(92,203,255,.75) 50%,rgba(52,199,140,.55) 75%,transparent);box-shadow:0 0 18px rgba(92,203,255,.25);pointer-events:none;z-index:2}
.ewm{margin:0 0 0 auto;max-width:600px;padding:0}
.ewm__szene{position:relative;padding:0 30px 46px 26px}
.ewm .entwurf-mock{display:block}
.ewm__seite{position:relative;display:flex;flex-direction:column;gap:12px;padding:18px 26px 28px;background:linear-gradient(180deg,#fff 0%,#F6F8FE 100%)}
.ewm__nav{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.ewm__logo{display:flex;align-items:center;gap:8px;font:800 13px/1 var(--fd);letter-spacing:-.02em;color:var(--ink)}
.ewm__logo i{width:16px;height:16px;border-radius:5px;background:var(--verlauf)}
.ewm__links{display:flex;gap:8px;margin-left:auto}.ewm__links b{width:30px;height:6px;border-radius:3px;background:var(--line)}
.ewm__navknopf{position:relative;padding:8px 13px;border-radius:999px;background:var(--verlauf);color:#fff;font:700 11px/1 var(--ff);white-space:nowrap}
.ewm__maschine{position:relative;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:6px 11px;border-radius:999px;background:#E8F7EF;color:#12784A;font:700 10.5px/1 var(--ff)}
.ewm__maschine i{font-style:normal}
.ewm__titel{position:relative;margin:0;max-width:17ch;font:800 clamp(21px,2.1vw,27px)/1.06 var(--fd);letter-spacing:-.035em;color:var(--ink)}
.ewm__unter{margin:0;max-width:34ch;font:400 13.5px/1.45 var(--ff);color:var(--ink-2)}
.ewm__aktion{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:2px}
.ewm__knopf{padding:11px 17px;border-radius:999px;background:var(--verlauf);color:#fff;font:700 12.5px/1 var(--ff);box-shadow:0 12px 26px -12px rgba(21,87,232,.65)}
.ewm__sterne{position:relative;display:inline-flex;align-items:center;gap:7px;font:600 11.5px/1 var(--ff);color:var(--ink-2)}
.ewm__sterne i{font-style:normal;font-size:12.5px;letter-spacing:1px;color:#F2B01E}
.ewm__kacheln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:6px}
.ewm__kacheln span{padding:13px 10px;border-radius:12px;background:#fff;border:1px solid var(--line);font:700 11.5px/1 var(--ff);color:var(--ink);box-shadow:0 10px 22px -16px rgba(15,27,51,.3)}
.ewm__pin{position:absolute;top:-11px;left:-11px;z-index:3;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font:800 11px/1 var(--ff);box-shadow:0 0 0 3px #fff,0 8px 16px -6px rgba(15,27,51,.45)}
.ewm__titel .ewm__pin{left:-34px;top:3px}
.ewm__handy{position:absolute;right:0;bottom:8px;z-index:2;width:120px;height:232px;padding:7px;border-radius:26px;background:#0F1B33;box-shadow:0 34px 60px -26px rgba(15,27,51,.6);transform:rotate(3deg)}
.ewm__handy .ewm__pin{top:-9px;left:-9px}
.ewm__handy-seite{height:100%;display:flex;flex-direction:column;gap:9px;padding:24px 11px 11px;border-radius:19px;background:#fff}
.ewm__handy-seite b{width:42%;height:6px;border-radius:3px;background:var(--line)}
.ewm__handy-seite p{margin:0;font:800 12px/1.12 var(--fd);letter-spacing:-.025em;color:var(--ink)}
.ewm__handy-seite span{margin-top:auto;padding:8px;border-radius:999px;background:var(--verlauf);color:#fff;font:700 9.5px/1 var(--ff);text-align:center}
.ewm .ew-uhr{left:0;bottom:0;z-index:3}
.ewm__punkte{margin:24px 0 0 26px}
.ewm__punkte ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px}
.ewm__punkte li{display:flex;align-items:flex-start;gap:10px;font:600 14.5px/1.35 var(--ff);color:var(--ink)}
.ewm__nr{flex:0 0 22px;height:22px;margin-top:-1px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font:800 11px/1 var(--ff)}
@media (max-width:900px){.ewm{margin:32px 0 0;max-width:none}.ewm__punkte{margin-left:0}}
@media (max-width:560px){.ewm__szene{padding:0 16px 52px 14px}.ewm__seite{padding:14px 16px 20px;gap:10px}.ewm__links{display:none}.ewm__titel{font-size:20px}.ewm__titel .ewm__pin{left:-6px;top:-24px}.ewm__handy{width:92px;height:180px;border-radius:20px;padding:5px}.ewm__handy-seite{border-radius:15px;padding:18px 8px 8px}.ewm__handy-seite p{font-size:9.5px}.ewm__punkte ol{grid-template-columns:1fr}.ewm__kacheln span{padding:11px 8px;font-size:10.5px}}
.js [data-rv="rechts"].vis:has(> .ewm){transform:none}
.ewm__titel .ewm__pin{left:-24px;top:4px}
.ewm__sterne .ewm__pin{left:auto;right:-26px;top:-4px}
.ewm__aktion{flex-direction:column;align-items:flex-start;gap:12px}
.ewm__handy{width:104px;height:204px;right:-4px;bottom:-4px}
.ewm__kacheln{padding-right:70px}
@media (max-width:560px){.ewm__titel .ewm__pin{left:-6px;top:-26px}.ewm__handy{width:88px;height:172px;right:0;bottom:2px}.ewm__kacheln{padding-right:56px}}
@media (max-width:560px){.ewm__titel{padding-left:24px}.ewm__titel .ewm__pin{left:-2px;top:2px}}
.ewm__kopf{margin:0 30px 18px 26px;font:600 15.5px/1.45 var(--ff);color:var(--ink)}
.ewm__buchung{position:absolute;right:18px;top:64px;z-index:2;display:flex;align-items:center;gap:9px;padding:9px 13px 9px 9px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 34px -18px rgba(15,27,51,.45)}
.ewm__buchung i{flex:0 0 24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#34C78C;color:#fff;font:800 12px/1 var(--ff);font-style:normal}
.ewm__buchung span{display:flex;flex-direction:column;gap:3px;font:500 10.5px/1.1 var(--ff);color:var(--ink-2)}
.ewm__buchung b{font:700 12px/1.1 var(--ff);color:var(--ink)}
@media (max-width:900px){.ewm__kopf{margin-left:0;margin-right:0}}
@media (max-width:560px){.ewm__kopf{font-size:15px}.ewm__buchung{right:10px;top:52px;padding:7px 10px 7px 7px;gap:7px}.ewm__buchung i{flex-basis:20px;height:20px;font-size:10px}.ewm__buchung b{font-size:10.5px}.ewm__buchung span{font-size:9.5px}}
.hero--404{padding:150px 0 110px}
.f04{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center}
.f04__zahl{margin:0 0 10px;font:900 clamp(96px,13vw,190px)/.82 var(--fd);letter-spacing:-.07em;color:var(--ink)}
.f04__zahl span{background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.f04__titel{margin:0;max-width:17ch}
.f04__unter{margin:22px 0 0;max-width:46ch}
.f04__knoepfe{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.f04__praxis{margin:18px 0 0;font-size:15.5px;color:var(--ink-2)}
.f04__belege{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.f04__belege li{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;background:var(--card);border:1px solid var(--line);font:600 13px/1.25 var(--ff);color:var(--ink)}
.f04__belege i{font-style:normal;color:#12A060;font-weight:800}
.f04__zurueck{margin:22px 0 0;font-size:15px}
.f04__bild{position:relative;min-height:380px}
.f04__karte{position:absolute;display:flex;flex-direction:column;gap:12px;width:250px;padding:22px 24px;border-radius:20px;background:var(--card);border:1px solid var(--line)}
.f04__karte i{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font:800 18px/1 var(--ff);font-style:normal}
.f04__karte b{font:800 21px/1.1 var(--fd);letter-spacing:-.03em;color:var(--ink)}
.f04__karte span{height:8px;border-radius:4px;background:var(--line)}.f04__karte span.kurz{width:60%}
.f04__karte--weg{left:0;top:0;transform:rotate(-4deg);border-style:dashed;border-width:2px;background:transparent;opacity:.75}
.f04__karte--weg i{background:#EEF0F5;color:#9AA3B5}.f04__karte--weg b{color:#8A93A6;text-decoration:line-through;text-decoration-thickness:2px}
.f04__karte--ziel{right:0;bottom:0;transform:rotate(2.5deg);box-shadow:0 40px 80px -40px rgba(15,27,51,.45)}
.f04__karte--ziel i{background:var(--verlauf);color:#fff}
.f04__karte--ziel em{align-self:flex-start;margin-top:4px;padding:9px 14px;border-radius:999px;background:var(--verlauf);color:#fff;font:700 12.5px/1 var(--ff);font-style:normal}
.f04__pfeil{position:absolute;left:40%;top:30%;width:120px;height:120px}
@media (max-width:900px){.hero--404{padding:120px 0 80px}.f04{grid-template-columns:1fr;gap:40px}.f04__bild{min-height:300px;max-width:440px}}
@media (max-width:480px){.f04__karte{width:210px;padding:18px}.f04__karte b{font-size:18px}.f04__bild{min-height:290px}.f04__pfeil{left:34%;top:28%;width:96px;height:96px}.f04__knoepfe .knopf{width:100%;justify-content:center}}
.hero--404{padding:128px 0 96px;text-align:left}
.hero--404 .f04__text{text-align:left}
.hero--404 .f04__titel,.hero--404 .f04__unter{margin-left:0;margin-right:0;text-align:left}
.f04__zahl{font-size:clamp(88px,10vw,150px)}
.f04__titel{font-size:clamp(34px,3.6vw,52px)}
.f04__knoepfe{margin-top:28px}
@media (max-width:900px){.hero--404{padding:112px 0 72px}}
.nb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;margin:56px 0 8px;padding:44px 48px;border-radius:28px;background:var(--card);border:1px solid var(--line);box-shadow:0 40px 90px -60px rgba(15,27,51,.35)}
.nb__logo{display:flex;align-items:flex-start;justify-content:center;gap:4px}
.nb__teil{display:flex;flex-direction:column;align-items:center;gap:14px}
.nb__teil b{font:800 clamp(52px,6vw,88px)/.9 var(--fd);letter-spacing:-.05em;color:var(--ink)}
.nb__teil--j b{background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding:0 .04em}
.nb__teil small{max-width:12ch;font:600 12.5px/1.3 var(--ff);color:var(--ink-2);text-align:center;padding-top:12px;border-top:2px solid var(--line)}
.nb__teil--j small{border-top-color:#1F78FF}
.nb__text h3{margin:0 0 14px;font:800 clamp(24px,2.4vw,32px)/1.1 var(--fd);letter-spacing:-.03em;color:var(--ink)}
.nb__text p{margin:0;font-size:17px;line-height:1.6;color:var(--ink-2)}
@media (max-width:900px){.nb{grid-template-columns:1fr;gap:30px;padding:32px 24px}}
@media (max-width:420px){.nb__teil b{font-size:46px}.nb__teil small{font-size:11.5px}}

@media (min-width:901px){
  .hero--zwei{padding-top:clamp(92px,14svh,150px)}
  .hero--zwei .knopf-zeile{max-width:none}
  .hero--zwei .vertrauen__satz{max-width:52ch}
}
@media (min-width:901px) and (max-height:900px){
  .hero--zwei .zwei{align-items:start}
  .hero--zwei .klein{margin-bottom:clamp(12px,2svh,22px)}
  .hero--zwei .zwei__titel{font-size:clamp(28px,min(3.6vw,calc((100svh - 300px) / 8)),54px)}
  .hero--zwei .zwei__titel--lang{font-size:clamp(26px,min(2.9vw,calc((100svh - 300px) / 10)),42px)}
  .hero--zwei .unter{margin-top:clamp(10px,2svh,22px);font-size:clamp(15px,2.4svh,20px);line-height:1.5}
  .hero--zwei .termin-zeile{margin-top:clamp(12px,2svh,22px)}
  .hero--zwei .fakten{margin-top:clamp(12px,2svh,28px)}
  .hero--zwei .knopfblock{margin-top:clamp(14px,2.8svh,34px);gap:8px}
  .hero--zwei .vertrauen{margin-top:clamp(12px,2.2svh,30px)}
}
@media (min-width:901px) and (max-height:520px){
  .hero--zwei .zwei__titel,.hero--zwei .zwei__titel--lang{font-size:26px}
  .hero--zwei .unter{font-size:14.5px;line-height:1.4}
}

@media (min-width:901px) and (max-height:560px){.hero--zwei .zwei__text{display:flex;flex-direction:column;align-items:flex-start}.hero--zwei .zwei__text>.fakten{order:2}.hero--zwei .zwei__text>.vertrauen{order:3}}
@media (max-width:640px),(min-width:901px) and (max-height:560px){
  .hero--zwei .zwei__text>.klein,.hero--zwei .zwei__text>h1,.hero--zwei .zwei__text>.termin-zeile{order:-2}
  .hero--zwei .zwei__text>.knopfblock{order:-1;margin-top:22px}
  .hero--zwei .zwei__text>.unter{margin-top:24px}
}
@media (max-width:640px) and (max-height:600px){
  .hero--zwei{padding-top:clamp(84px,16svh,110px)}
  .hero--zwei .klein{margin-bottom:12px}
  .hero--zwei .zwei__titel{font-size:clamp(26px,min(8.6vw,calc((100svh - 300px) / 8.5)),36px)}
  .hero--zwei .knopfblock{margin-top:16px}
}

@media (min-width:901px){
  .hero--optin .zwei__titel.optin__titel{max-width:none;font-size:clamp(30px,min(3.6vw,calc((100svh - 330px) / 10)),64px)}
  .hero--optin .zwei__titel.optin__titel--lang{max-width:none;font-size:clamp(28px,min(3.3vw,calc((100svh - 330px) / 10.5)),50px)}
}

@media (min-width:901px) and (max-width:1100px) and (max-height:760px){
  .hero--zwei .unter{font-size:15px;line-height:1.45}
  .hero--zwei .vertrauen__satz{font-size:14px}
}

@media (min-width:641px) and (max-height:900px){
  .hero--seite:not(.vsl):not(.hero--danke){padding-top:clamp(96px,16svh,170px)}
  .hero--seite:not(.vsl) .hero__titel--seite{font-size:clamp(32px,min(5vw,calc((100svh - 330px) / 5)),74px)}
  .hero--seite:not(.vsl):not(.hero--danke) .hero__unter{margin-top:clamp(14px,2.6svh,32px);font-size:clamp(15px,2.5svh,22px)}
  .hero--seite:not(.vsl):not(.hero--danke) .knopfblock{margin-top:clamp(16px,3svh,34px)}
}
@media (max-width:640px){
  .hero--seite:not(.vsl):not(.hero--danke){padding-top:clamp(100px,17svh,140px)}
}
@media (max-width:640px) and (max-height:640px),(min-width:641px) and (max-height:520px){
  .hero--seite:not(.vsl):not(.hero--danke) .hero__innen{display:flex;flex-direction:column;align-items:center}
  .hero--seite:not(.vsl):not(.hero--danke) .hero__innen>.klein,.hero--seite:not(.vsl):not(.hero--danke) .hero__innen>h1{order:-2}
  .hero--seite:not(.vsl):not(.hero--danke) .hero__innen>.knopfblock{order:-1;margin-top:20px}
  .hero--seite:not(.vsl):not(.hero--danke) .hero__innen>.hero__unter{margin-top:22px}
}
@media (max-width:640px) and (max-height:520px){.hero--danke{padding-top:92px;min-height:auto}}

@media (min-width:901px) and (max-height:820px){
  .hero--404{padding-top:clamp(92px,14svh,128px)}
  .f04__zahl{font-size:clamp(64px,min(10vw,13svh),150px)}
  .f04__titel{font-size:clamp(28px,min(3.6vw,6.2svh),52px)}
  .f04__unter{margin-top:clamp(10px,2svh,22px);font-size:clamp(15px,2.5svh,20px);line-height:1.5}
  .f04__knoepfe{margin-top:clamp(14px,2.6svh,28px)}
}
@media (max-width:640px) and (max-height:700px){
  .hero--404{padding-top:clamp(86px,15svh,112px)}
  .f04__zahl{font-size:clamp(60px,12svh,88px)}
  .f04__titel{font-size:clamp(26px,5.4svh,34px)}
  .f04__text{display:flex;flex-direction:column}
  .f04__text>.f04__zahl,.f04__text>h1{order:-2}
  .f04__text>.f04__knoepfe{order:-1;margin-top:18px}
  .f04__text>.f04__unter{margin-top:22px}
}


[data-farbe="10"]{--a1:#1F3BFF; --a2:#FFD21F; --a-text:#1A33E0; --a-weich:rgba(31,59,255,.09);
  --verlauf:linear-gradient(115deg,#1430F5 0%,#2F55FF 45%,#5B7BFF 70%,#2F55FF 100%);
  --verlauf-hell:linear-gradient(100deg,#FFE45C,#FFF4B0 50%,#FFD21F);
  --bg:#F8F9FD; --bg-2:#EEF1FB; --card:#FFFFFF; --ink:#0D1240; --ink-2:#4F5677; --line:#DDE2F3;
  --dunkel:#2236E8; --dunkel-2:#2A42F0; --dunkel-line:rgba(255,255,255,.16); --hell-2:rgba(255,255,255,.82);
  --a1-rgb:31,59,255; --a2-rgb:255,210,31; --am-rgb:47,85,255; --at-rgb:26,51,224; --at2-rgb:20,40,190;
  --ink-rgb:13,18,64; --dk-rgb:26,40,200; --dk2-rgb:20,30,150; --dkm-rgb:40,60,235; --bg-rgb:248,249,253; --bg3-rgb:252,252,255; --card-rgb:255,255,255;
  --sch1-rgb:20,30,150; --sch2-rgb:20,30,150; --sch3-rgb:20,30,150;
  --hauch:#EEF1FF; --hauch-2:#F6F7FF; --vg-r1:#1C2FD0; --vg-r2:#3247F2; --a-tief:#1226C8; --a-mitte-2:#4D6BFF;
  --eb1a:#1A33E0; --eb1b:#5B7BFF; --eb2a:#E0A800; --eb2b:#FFD21F; --ini3a:#2F55FF; --ini3b:#FFC400;
  --grau:#D6DCEE; --grau-2:#EDF0F8; --grau-3:#E4E8F4; --grau-4:#BFC7E2;
  --mass-fein:repeating-linear-gradient(90deg,rgba(255,255,255,.34) 0 1px,transparent 1px 12px); --mass-grob:repeating-linear-gradient(90deg,rgba(255,226,92,.8) 0 2px,transparent 2px 60px)}
[data-farbe="10"] .dunkel,[data-farbe="10"] .beleg,[data-farbe="10"] .fuss,[data-farbe="10"] .vergleich,[data-farbe="10"] .werk,[data-farbe="10"] .stufe--buendel{
  background-color:#2236E8;background-image:var(--mass-fein),var(--mass-grob),radial-gradient(120% 90% at 85% 0%,rgba(91,123,255,.55),transparent 60%),radial-gradient(90% 80% at 0% 100%,rgba(20,30,170,.55),transparent 60%);
  background-size:100% 9px,100% 16px,100% 100%,100% 100%;background-position:0 0,0 0,0 0,0 0;background-repeat:no-repeat}
[data-farbe="10"] .knopf--voll,[data-farbe="10"] .knopf--gross{background:linear-gradient(180deg,#3557FF,#1A33E0);color:#fff;box-shadow:0 12px 30px -10px rgba(31,59,255,.6),inset 0 -3px 0 rgba(255,210,31,.95)}
[data-farbe="10"] .knopf--voll:hover,[data-farbe="10"] .knopf--gross:hover{box-shadow:0 16px 38px -10px rgba(31,59,255,.75),inset 0 -4px 0 #FFD21F}
[data-farbe="10"] :is(.dunkel,.beleg,.fuss,.vergleich,.werk,.stufe--buendel) :is(.knopf--voll,.knopf--gross){background:linear-gradient(180deg,#FFE04A,#FFC80A);color:#0D1240;box-shadow:0 14px 34px -12px rgba(255,200,10,.7)}
[data-farbe="10"] .sterne i{background:linear-gradient(135deg,#FFE04A,#FFB800)}
[data-farbe="10"] .grad{animation:glanz 7s ease-in-out infinite}
[data-farbe="10"] .klein::before{background:linear-gradient(90deg,#1F3BFF 0 60%,#FFD21F 60%)}


[data-farbe="11"]{--a1:#0E9F6E; --a2:#16C2B0; --a-text:#0A7F57; --a-weich:rgba(14,159,110,.1);
  --verlauf:linear-gradient(115deg,#078A5C 0%,#12B57A 40%,#3FE0A8 58%,#14B8A6 80%,#0E8FA0 100%);
  --verlauf-hell:linear-gradient(100deg,#D4FF4A,#F3FFC2 50%,#7DF5D0);
  --bg:#F5FBF8; --bg-2:#E8F5EF; --card:#FFFFFF; --ink:#0B1F19; --ink-2:#4B6460; --line:#D7EAE1;
  --dunkel:#0D7A66; --dunkel-2:#0F8A72; --dunkel-line:rgba(255,255,255,.16); --hell-2:rgba(255,255,255,.84);
  --a1-rgb:14,159,110; --a2-rgb:22,194,176; --am-rgb:18,181,122; --at-rgb:10,127,87; --at2-rgb:8,100,80;
  --ink-rgb:11,31,25; --dk-rgb:10,100,84; --dk2-rgb:8,80,70; --dkm-rgb:16,130,108; --bg-rgb:245,251,248; --bg3-rgb:250,253,251; --card-rgb:255,255,255;
  --sch1-rgb:8,80,70; --sch2-rgb:8,80,70; --sch3-rgb:8,80,70;
  --hauch:#E9F8F1; --hauch-2:#F3FBF7; --vg-r1:#0B6E5C; --vg-r2:#0E7C8C; --a-tief:#06704C; --a-mitte-2:#22C08A;
  --eb1a:#0A8F5E; --eb1b:#3FD69C; --eb2a:#0E8FA0; --eb2b:#3FD6C6; --ini3a:#12B57A; --ini3b:#14B8A6;
  --grau:#D3E6DD; --grau-2:#ECF6F1; --grau-3:#E2F0E9; --grau-4:#B9D6C9;
  --punkte:radial-gradient(rgba(255,255,255,.16) 1.2px,transparent 1.4px)}
[data-farbe="11"] .dunkel,[data-farbe="11"] .beleg,[data-farbe="11"] .fuss,[data-farbe="11"] .vergleich,[data-farbe="11"] .werk,[data-farbe="11"] .stufe--buendel{
  background-color:#0D7A66;background-image:var(--punkte),radial-gradient(110% 90% at 90% 0%,rgba(63,224,168,.45),transparent 60%),radial-gradient(90% 90% at 0% 100%,rgba(14,143,160,.6),transparent 60%);
  background-size:22px 22px,100% 100%,100% 100%;background-repeat:repeat,no-repeat,no-repeat}
[data-farbe="11"] .knopf--voll,[data-farbe="11"] .knopf--gross{background:linear-gradient(180deg,#16BF82,#0A8F5E);color:#fff;box-shadow:0 12px 30px -10px rgba(14,159,110,.6),0 0 0 1px rgba(190,255,225,.45) inset}
[data-farbe="11"] .knopf--voll:hover,[data-farbe="11"] .knopf--gross:hover{box-shadow:0 16px 38px -10px rgba(14,159,110,.75),0 0 0 1px rgba(210,255,235,.7) inset}
[data-farbe="11"] :is(.dunkel,.beleg,.fuss,.vergleich,.werk,.stufe--buendel) :is(.knopf--voll,.knopf--gross){background:linear-gradient(180deg,#DDFF5C,#C2F032);color:#063B2E;box-shadow:0 14px 34px -12px rgba(194,240,50,.65)}
[data-farbe="11"] .sterne i{background:linear-gradient(135deg,#FFD84A,#F5A700)}
[data-farbe="11"] .grad{animation:glanz 7s ease-in-out infinite}


[data-farbe="12"]{--a1:#F0546A; --a2:#FF9A5C; --a-text:#C8325A; --a-weich:rgba(240,84,106,.1);
  --verlauf:linear-gradient(105deg,#E8582C 0%,#DE4A50 32%,#C9307A 64%,#8A3FD0 100%);
  --verlauf-hell:linear-gradient(100deg,#FFD0A8,#FFE9DC 50%,#F7B6D6);
  --bg:#FFF8F3; --bg-2:#FBEDE4; --card:#FFFFFF; --ink:#2A1426; --ink-2:#6E5560; --line:#F0DDD3;
  --dunkel:#8E2F72; --dunkel-2:#9C3478; --dunkel-line:rgba(255,255,255,.16); --hell-2:rgba(255,255,255,.84);
  --a1-rgb:240,84,106; --a2-rgb:255,154,92; --am-rgb:224,64,138; --at-rgb:200,50,90; --at2-rgb:150,40,110;
  --ink-rgb:42,20,38; --dk-rgb:110,36,96; --dk2-rgb:84,28,78; --dkm-rgb:150,52,124; --bg-rgb:255,248,243; --bg3-rgb:255,251,248; --card-rgb:255,255,255;
  --sch1-rgb:110,36,96; --sch2-rgb:110,36,96; --sch3-rgb:110,36,96;
  --hauch:#FFEFE8; --hauch-2:#FFF6F1; --vg-r1:#7E2A6A; --vg-r2:#A53A6E; --a-tief:#B2284E; --a-mitte-2:#E0408A;
  --eb1a:#E85A3C; --eb1b:#FF9A5C; --eb2a:#B23A9E; --eb2b:#E07AC8; --ini3a:#F65E6B; --ini3b:#9B4FD8;
  --grau:#EAD9D0; --grau-2:#F7EEE8; --grau-3:#F2E5DD; --grau-4:#DCC4B8}
[data-farbe="12"] .dunkel,[data-farbe="12"] .beleg,[data-farbe="12"] .fuss,[data-farbe="12"] .vergleich,[data-farbe="12"] .werk,[data-farbe="12"] .stufe--buendel{
  background-color:#8E2F72;background-image:radial-gradient(70% 60% at 88% 4%,rgba(255,154,92,.55),transparent 62%),radial-gradient(60% 70% at 4% 96%,rgba(155,79,216,.6),transparent 62%),radial-gradient(50% 50% at 50% 50%,rgba(240,84,106,.25),transparent 70%),var(--korn);
  background-size:100% 100%,100% 100%,100% 100%,180px 180px;background-repeat:no-repeat,no-repeat,no-repeat,repeat}
[data-farbe="12"] .knopf--voll,[data-farbe="12"] .knopf--gross{background:linear-gradient(100deg,#DE4A3A,#D63C5A 45%,#C2307C);color:#fff;box-shadow:0 14px 32px -12px rgba(214,60,90,.6)}
[data-farbe="12"] .knopf--voll:hover,[data-farbe="12"] .knopf--gross:hover{box-shadow:0 18px 40px -12px rgba(224,64,138,.75)}
[data-farbe="12"] :is(.dunkel,.beleg,.fuss,.vergleich,.werk,.stufe--buendel) :is(.knopf--voll,.knopf--gross){background:linear-gradient(180deg,#FFE3CC,#FFC59C);color:#5A1A4E;box-shadow:0 14px 34px -12px rgba(255,170,110,.6)}
[data-farbe="12"] .sterne i{background:linear-gradient(135deg,#FFC45C,#FF8A3D)}
[data-farbe="12"] .grad{animation:glanz 8s ease-in-out infinite}


.marke{gap:0}
.marke__wort{position:relative;display:inline-flex;align-items:baseline;font-size:21px;font-weight:800;letter-spacing:-.05em;padding-bottom:6px}
.marke__j{display:inline-block;font-weight:900;font-size:1.26em;line-height:.7;transform:translateY(.1em) skewX(-8deg);margin:0 .035em 0 .02em;padding-right:.04em;filter:drop-shadow(0 3px 8px rgba(var(--a1-rgb),.3))}
.marke__linie{position:absolute;left:1.62em;right:0;bottom:0;height:2.5px;border-radius:2px;background:linear-gradient(90deg,var(--a1),rgba(var(--a1-rgb),.55) 45%,rgba(var(--a1-rgb),0))}
.fuss .marke__linie,.dunkel .marke__linie{background:linear-gradient(90deg,#fff,rgba(255,255,255,.5) 45%,rgba(255,255,255,0))}
@media (max-width:640px){.marke__wort{font-size:19px}}
@media (max-width:640px){.beleg__buehne{height:100vh;height:100svh;grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:12px;padding:92px var(--rand) 88px}.beleg__satz{font-size:18px;line-height:1.36}.beleg__quelle{margin-top:6px;font-size:12px}.beleg__zahl{margin-top:12px;gap:12px}.beleg__zaehler{font-size:76px}.beleg__zahl span{font-size:12px}.beleg__phasen{margin-top:12px;gap:8px}.beleg__phase{font-size:12px;padding:8px 12px}.beleg__fortschritt{margin-top:14px}.beleg__feld{height:auto;min-height:0;position:relative;align-self:stretch}.beleg__feld canvas{position:absolute;inset:0;width:100%;height:100%}}
@media (max-width:640px) and (max-height:620px){.beleg__buehne{padding-top:88px;gap:8px}.beleg__satz{font-size:15px;line-height:1.32}.beleg__quelle{font-size:11px;margin-top:4px}.beleg__zaehler{font-size:52px}.beleg__zahl{margin-top:4px}.beleg__phasen{margin-top:6px;gap:6px}.beleg__phase{padding:6px 10px;font-size:11px}.beleg__fortschritt{display:none}}
@media (max-width:640px) and (max-height:500px){.beleg__feld{display:none}.beleg__buehne{grid-template-rows:auto}}


.ewm--klar .ewm__szene{padding:0 34px 58px 26px}
.ewm--klar .ewm__seite{gap:14px;padding:22px 30px 46px}
.ewm--klar .ewm__nav{margin-bottom:12px}
.ewm--klar .ewm__titel{max-width:14ch;margin-top:6px;padding-left:0;font-size:clamp(27px,2.7vw,38px);line-height:1.02;letter-spacing:-.045em;text-wrap:balance}
.ewm--klar .ewm__unter{max-width:30ch;font-size:14.5px}
.ewm--klar .ewm__aktion{flex-direction:column;align-items:flex-start;gap:12px;margin-top:8px}
.ewm--klar .ewm__knopf{padding:13px 20px;font-size:13.5px}
.ewm--klar .ewm__buchung{top:auto;right:auto;left:0;bottom:6px;z-index:3;padding:11px 16px 11px 11px;animation:schweben 4.2s ease-in-out infinite}
.ewm--klar .ewm__buchung i{flex-basis:28px;height:28px}
.ewm--klar .ewm__buchung span{font-size:11.5px}
.ewm--klar .ewm__handy{right:0;bottom:0}
.ewm--klar .ewm__handy-seite p{font-size:11px}
@media (max-width:560px){.ewm--klar .ewm__szene{padding:0 10px 64px 4px}.ewm--klar .ewm__seite{padding:16px 18px 34px}.ewm--klar .ewm__titel{font-size:25px;padding-left:0;max-width:12ch}.ewm--klar .ewm__unter{max-width:22ch;font-size:13px}.ewm--klar .ewm__aktion{flex-direction:column;align-items:flex-start;gap:10px}}

.zeigt--bento{position:relative;overflow:hidden}
.zeigt__licht{position:absolute;left:50%;top:6%;width:min(1100px,130%);height:64%;transform:translateX(-50%);pointer-events:none;background:radial-gradient(closest-side,var(--a-weich),transparent)}
.zeigt--bento .rahmen{position:relative}
.bento{list-style:none;margin:clamp(40px,6vh,64px) auto 0;padding:0;max-width:1120px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.bento__feld{position:relative;isolation:isolate;grid-column:span 7;display:flex;flex-direction:column;padding:12px 12px 30px;border-radius:30px;background:var(--card);border:1px solid var(--line);box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 40px 70px -50px rgba(20,19,16,.35);transition:transform .6s var(--aus),box-shadow .6s var(--aus)}
.bento__feld:nth-child(2),.bento__feld:nth-child(3){grid-column:span 5}
.bento__feld::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;padding:1.5px;background:var(--verlauf);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .6s var(--aus)}
.bento__feld:hover{transform:translateY(-5px);box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 50px 80px -46px rgba(var(--a1-rgb),.45)}
.bento__feld:hover::before{opacity:1}
.bento__bild{position:relative;height:clamp(160px,15vw,200px);border-radius:22px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(120% 90% at 0% 0%,rgba(var(--a1-rgb),.10),transparent 55%),radial-gradient(120% 90% at 100% 100%,rgba(var(--a2-rgb),.12),transparent 55%),var(--bg)}
.bento__bild::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(20,19,16,.07) 1px,transparent 1.2px);background-size:16px 16px;-webkit-mask:radial-gradient(80% 80% at 50% 50%,#000,transparent);mask:radial-gradient(80% 80% at 50% 50%,#000,transparent)}
.bento__nr{margin:24px 16px 0;font:800 13px/1 var(--fd);letter-spacing:.16em;background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent}
.bento__feld p{margin:10px 16px 0;max-width:30ch;font:700 clamp(19px,1.55vw,23px)/1.28 var(--fd);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.zb{position:relative;z-index:1;width:min(74%,340px)}
.zb--titel{display:flex;flex-direction:column;gap:10px}
.zb--titel b{height:16px;border-radius:8px;background:var(--ink)}
.zb--titel b:nth-of-type(2){width:70%}
.zb--titel em{width:46%;height:9px;margin-top:4px;border-radius:5px;background:var(--line)}
.zb__zeit{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;margin-bottom:6px;padding:6px 12px 6px 7px;border-radius:999px;background:var(--card);border:1px solid var(--line);box-shadow:0 10px 20px -14px rgba(20,19,16,.4);font:700 12px/1 var(--ff);color:var(--ink)}
.zb__zeit i{width:16px;height:16px;border-radius:50%;background:conic-gradient(var(--a1) 0 72%,var(--line) 0)}
.zb--knopf{height:100%;display:grid;place-items:center}
.zb__knopf{display:inline-flex;align-items:center;gap:10px;padding:17px 28px;border-radius:999px;background:var(--verlauf);color:#fff;font:700 15px/1 var(--ff);white-space:nowrap;box-shadow:0 20px 40px -18px rgba(var(--a1-rgb),.9)}
.zb__knopf i{font-style:normal}
.zb__zeiger{position:absolute;left:64%;top:58%;width:26px;height:26px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 2.5l13.5 10.6-6.3 1 3.4 6.9-2.9 1.4-3.3-7-4.4 4.4z' fill='%23fff' stroke='%23141310' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 4px 6px rgba(0,0,0,.22));animation:zb-klick 3s var(--aus) infinite}
@keyframes zb-klick{0%,100%{transform:translate(16px,18px)}42%,58%{transform:translate(0,0) scale(.9)}}
.zb--aufbau{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:var(--card);border:1px solid var(--line);box-shadow:0 24px 44px -30px rgba(20,19,16,.45)}
.zb__kopf{display:block;width:38%;height:8px;border-radius:4px;background:var(--line)}
.zb__held{height:54px;border-radius:10px;background:linear-gradient(120deg,rgba(var(--a1-rgb),.28),rgba(var(--a2-rgb),.2))}
.zb__karten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.zb__karten i{height:30px;border-radius:8px;background:var(--bg-2)}
.zb--texte{display:flex;flex-direction:column;gap:10px}
.zb--texte b{height:9px;border-radius:5px;background:var(--line)}
.zb--texte b:nth-of-type(1){width:92%}
.zb--texte b:nth-of-type(2){background:linear-gradient(90deg,var(--line) 0 28%,rgba(var(--a1-rgb),.6) 28% 64%,var(--line) 64%)}
.zb--texte b:nth-of-type(3){width:60%}
.zb__anfrage{align-self:flex-end;margin-top:10px;display:inline-flex;align-items:center;gap:9px;padding:9px 14px 9px 9px;border-radius:14px;background:var(--card);border:1px solid var(--line);box-shadow:0 18px 32px -20px rgba(20,19,16,.5);font:700 12.5px/1 var(--ff);color:var(--ink);animation:schweben 4s ease-in-out infinite}
.zb__anfrage i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#34C78C;color:#fff;font:800 11px/1 var(--ff);font-style:normal}
@media (max-width:980px){.bento__feld,.bento__feld:nth-child(2),.bento__feld:nth-child(3){grid-column:span 6}}
@media (max-width:700px){.bento{grid-template-columns:1fr;gap:12px}.bento__feld,.bento__feld:nth-child(2),.bento__feld:nth-child(3){grid-column:auto}.bento__bild{height:150px}.bento__feld{padding-bottom:24px;border-radius:26px}}
@media (prefers-reduced-motion:reduce){.zb__zeiger,.zb__anfrage,.ewm--klar .ewm__buchung{animation:none}}

.gruende__raster.prozess{overflow:visible}
.gruende__raster.prozess .grund{position:relative;border-right:0}
.gruende__raster.prozess .grund:first-child{border-radius:var(--r) 0 0 var(--r)}
.gruende__raster.prozess .grund:last-child{border-radius:0 var(--r) var(--r) 0}
.gruende__raster.prozess .grund:not(:last-child)::after{content:"";position:absolute;z-index:2;top:0;bottom:0;left:calc(100% - 1px);width:24px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 48'%3E%3Cpath d='M1 0 L22.5 24 L1 48' fill='none' stroke='%23fff' stroke-opacity='.7' stroke-width='1.6'/%3E%3C/svg%3E") left center/24px 48px no-repeat,
  linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,.3)) left top/1.6px calc(50% - 24px) no-repeat,
  linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,.3)) left bottom/1.6px calc(50% - 24px) no-repeat}
.gruende__raster.prozess .grund:not(:first-child){padding-left:calc(clamp(26px,2.6vw,36px) + 18px)}
@media (max-width:1060px){
  .gruende__raster.prozess{grid-template-columns:1fr}
  .gruende__raster.prozess .grund{border-bottom:0;border-radius:0}
  .gruende__raster.prozess .grund:first-child{border-radius:var(--r) var(--r) 0 0}
  .gruende__raster.prozess .grund:last-child{border-radius:0 0 var(--r) var(--r)}
  .gruende__raster.prozess .grund:not(:first-child){padding-left:clamp(26px,2.6vw,36px);padding-top:calc(clamp(26px,2.6vw,36px) + 18px)}
  .gruende__raster.prozess .grund:not(:last-child)::after{top:calc(100% - 1px);bottom:auto;left:0;right:0;width:auto;height:24px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 24'%3E%3Cpath d='M0 1 L24 22.5 L48 1' fill='none' stroke='%23fff' stroke-opacity='.7' stroke-width='1.6'/%3E%3C/svg%3E") center top/48px 24px no-repeat,
    linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,.3)) left top/calc(50% - 24px) 1.6px no-repeat,
    linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,.3)) right top/calc(50% - 24px) 1.6px no-repeat}
}

.warten__angemeldet{display:flex;gap:12px;align-items:flex-start;max-width:58ch;margin:24px auto 0;padding:14px 18px;border-radius:16px;background:var(--card);border:1px solid var(--line);text-align:left;font-size:15.5px;line-height:1.5;color:var(--ink)}
.warten__angemeldet i{flex:0 0 24px;height:24px;margin-top:1px;border-radius:50%;display:grid;place-items:center;background:var(--gruen);color:#fff;font:800 12px/1 var(--ff);font-style:normal}
@media (max-width:640px){.warten__angemeldet{margin-left:0}}


.zb--verlust{height:150px}
.zb__seite{position:absolute;inset:6px 10%;display:flex;flex-direction:column;gap:9px;padding:16px;border-radius:14px;background:var(--card);border:1px solid var(--line);box-shadow:0 24px 44px -30px rgba(20,19,16,.45)}
.zb__seite b{height:9px;border-radius:5px;background:var(--line)}.zb__seite b:first-child{width:46%;height:12px;background:var(--ink);opacity:.85}.zb__seite b:nth-child(3){width:78%}.zb__seite b:last-child{width:60%}
.zb__leck{position:absolute;left:var(--x);top:var(--y);width:14px;height:14px;border-radius:50%;background:var(--a1);box-shadow:0 0 0 0 rgba(var(--a1-rgb),.5);animation:zb-puls 2.4s ease-out infinite}
.zb__leck:nth-of-type(2){animation-delay:1.2s}
@keyframes zb-puls{0%{box-shadow:0 0 0 0 rgba(var(--a1-rgb),.55)}80%,100%{box-shadow:0 0 0 14px rgba(var(--a1-rgb),0)}}
.zb__chip{position:absolute;right:4%;bottom:0;padding:7px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);box-shadow:0 14px 26px -18px rgba(20,19,16,.5);font:700 12px/1 var(--ff);color:var(--a-text)}
.zb__blatt{display:flex;flex-direction:column;gap:10px;width:min(78%,300px);margin:0 auto;padding:18px;border-radius:14px;background:var(--card);border:1px solid var(--line);box-shadow:0 24px 44px -30px rgba(20,19,16,.45)}
.zb__blatt b{height:9px;border-radius:5px;background:var(--line)}.zb__blatt b:nth-child(2){width:84%}.zb__blatt b:nth-child(3){width:62%}
.zb__blatt em{align-self:flex-end;margin-top:6px;padding:9px 14px;border-radius:10px;background:var(--verlauf);color:#fff;font:700 13px/1 var(--ff);font-style:normal}
.zb--doppelt{height:140px;padding-bottom:24px;display:flex;align-items:flex-end;justify-content:center;gap:22px}
.zb__saeule{position:relative;width:54px;height:var(--h);border-radius:12px 12px 4px 4px;background:var(--line)}
.zb__saeule--ziel{background:var(--verlauf);box-shadow:0 18px 34px -18px rgba(var(--a1-rgb),.9)}
.zb__saeule i{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);font:600 12px/1 var(--ff);font-style:normal;color:var(--ink-2)}
.zb__x2{position:absolute;right:16%;top:6px;font:800 30px/1 var(--fd);letter-spacing:-.04em;background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent}
.zb--passt{display:flex;flex-direction:column;align-items:center;gap:10px}
.zb__wahl{display:inline-flex;align-items:center;gap:10px;padding:11px 16px 11px 11px;border-radius:14px;background:var(--card);border:1px solid var(--line);box-shadow:0 16px 30px -22px rgba(20,19,16,.5);font:700 13.5px/1 var(--ff);color:var(--ink)}
.zb__wahl i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--bg-2);font-style:normal;font-weight:800;color:var(--ink-2)}
.zb__wahl--ja{transform:translateX(-10%)}.zb__wahl--ja i{background:#34C78C;color:#fff}.zb__wahl:not(.zb__wahl--ja){transform:translateX(10%)}
@media (prefers-reduced-motion:reduce){.zb__leck{animation:none}}