#why{position:relative;z-index:2;margin-top:-130vh;margin-top:-130lvh;height:calc(100lvh + 11650px);padding:0;
  --creme:#F3E4C3;--dark:#060F0A;--clay:#C0714F;--ease:cubic-bezier(.22,1,.36,1);
  --tcard:#12241A;--tink:#ECEBE3;--tink2:#C7CFC6;--tmut:#8E978C;--ttline:rgba(255,255,255,.09);--thi:rgba(255,255,255,.06);
  --tsh:0 2px 4px rgba(0,0,0,.32),0 14px 32px rgba(0,0,0,.34),0 30px 58px -14px rgba(0,0,0,.44);--tup:#7FCB8E;--tchart:#E4E0D5}
#why .why-stage{position:sticky;top:0;height:100vh;height:100lvh;overflow:hidden;background:var(--creme);--ink:#15211A;--muted:#646E5F;color:var(--ink)}

.why-stage::before,.why-stage::after{content:"";position:absolute;left:0;right:0;z-index:4;pointer-events:none}
.why-stage::before{top:0;height:22vh;background:linear-gradient(var(--dark),transparent)}
.why-stage::after{bottom:0;height:24vh;background:linear-gradient(transparent,var(--dark))}



#why .why-stage{--out:0;--exit:1;--stagek:1;opacity:var(--stagek)}   

#whyGl,#why .why-cards,#whyBoardDom{filter:opacity(var(--exit,1))}   


#why .why-stage.silent{background:var(--dark);--ink:#E4E0D5;--muted:#8E978C}

:root[data-theme="dark"] #why .why-stage{background:var(--dark);--ink:#E4E0D5;--muted:#8E978C}
:root[data-theme="dark"] #why .beat.halo::before{background:radial-gradient(closest-side,rgba(6,15,10,.90),rgba(6,15,10,.62) 55%,rgba(6,15,10,0))}
#why .why-cv{position:absolute;inset:0;width:100%;height:100%;display:block}
#whyGl{opacity:0;visibility:hidden;pointer-events:none}


#why{
  --sn-field:243,228,195;                 
  --sn-flow:100,110,95;                   
  --sn-card:#FBF3DE; --sn-chat:#E7F5DC;
  --sn-ink:#15211A; --sn-mut:#646E5F; --sn-strong:#15211A;
  --sn-line:rgba(20,30,20,.10);
  --sn-sh:0 2px 4px rgba(30,40,30,.05),0 12px 26px rgba(30,40,30,.09);
  --sn-up:#3f8f5e; --sn-app:#1f2d24; --sn-appink:#F3E4C3;
  --sn-tick:#2F6FB0;      
  --sn-alert:#A8433A;     
  --sn-sub:#5E6858;       
}
:root[data-theme="dark"] #why{
  --sn-field:14,26,19;                    
  --sn-flow:243,228,195;
  --sn-card:#12241A; --sn-chat:#16301F;
  --sn-ink:#ECEBE3; --sn-mut:#8E978C; --sn-strong:#ECEBE3;
  --sn-line:rgba(255,255,255,.09);
  --sn-sh:0 2px 4px rgba(0,0,0,.32),0 14px 32px rgba(0,0,0,.34);
  --sn-up:#7FCB8E; --sn-app:#0B150F; --sn-appink:#F3E4C3;
  --sn-tick:#7FB3E8; --sn-alert:#E08C82; --sn-sub:#8E978C;
}


#why .why-hand{position:absolute;inset:0;display:grid;place-items:center;
  perspective:3100px;perspective-origin:50% 46%;pointer-events:none}
#why .why-geraet{position:relative;transform-style:preserve-3d;will-change:transform;
  contain:layout;backface-visibility:hidden;
  border-radius:54px;padding:11px;
  background:linear-gradient(152deg,#20272a,#0d1113 42%,#171d20);
  box-shadow:0 2px 0 rgba(255,255,255,.07) inset,
             0 40px 120px -30px rgba(0,0,0,.9),
             0 6px 24px rgba(0,0,0,.55)}
#why .why-glas{position:relative;overflow:hidden;border-radius:44px;background:#080d0a;
  box-shadow:0 0 0 1px rgba(255,255,255,.06) inset;contain:layout paint}   
#why .why-feed{position:absolute;left:0;top:0;width:100%;will-change:transform}

#why .why-glanz{position:absolute;inset:0;border-radius:44px;pointer-events:none;
  background:linear-gradient(118deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,0) 26%,
    rgba(255,255,255,0) 74%,rgba(255,255,255,.045) 100%)}

#why .why-schein{position:absolute;left:50%;top:46%;translate:-50% -50%;pointer-events:none;
  border-radius:50%;mix-blend-mode:screen;
  background:radial-gradient(closest-side,rgba(196,214,206,.36),rgba(120,150,140,.12) 46%,rgba(0,0,0,0) 76%)}


#why #whyFlow{z-index:0}                 
#why #whyWelt{position:absolute;inset:0;width:100%;height:100%;display:none;z-index:1}
.why-stage.laut #whyWelt{display:block}      
#why .why-field{z-index:2}               
#why #whyGl{z-index:3}                   
#why .why-beats{z-index:4}               
#why #whyBoardDom{z-index:5}


#why .wa-status{position:absolute;left:0;right:0;top:0;height:6.4%;z-index:3;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 7.5% 0 8.5%;color:var(--sn-ink);font:700 clamp(9px,1.05vw,15px)/1 var(--sans);
  letter-spacing:.01em;pointer-events:none;background:linear-gradient(180deg,var(--sn-card) 62%,transparent)}
#why .wa-rechts{display:flex;align-items:center;gap:.5em}
#why .wa-i{height:.82em;width:auto;fill:currentColor}
#why .wa-kopf{position:absolute;left:0;right:0;top:6.4%;z-index:3;
  padding:0 4.5%;background:color-mix(in srgb,var(--sn-card) 88%,transparent);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--sn-line)}
#why .wa-marke{display:block;text-align:center;padding:.5em 0 .35em;
  font:600 clamp(11px,1.25vw,18px)/1 var(--serif);letter-spacing:.14em;
  text-transform:lowercase;color:var(--sn-ink);opacity:.9}
#why .wa-reiter{display:flex;gap:0;font:600 clamp(9px,1.05vw,15px)/1 var(--sans);color:var(--sn-mut)}
#why .wa-reiter span{flex:1;text-align:center;padding:.65em 0 .55em;position:relative}
#why .wa-reiter span.an{color:var(--sn-ink)}
#why .wa-reiter span.an::after{content:"";position:absolute;left:28%;right:28%;bottom:0;
  height:.18em;border-radius:.2em;background:var(--sn-tick)}
#why .wa-leiste{position:absolute;left:0;right:0;bottom:0;z-index:3;height:7.4%;
  display:flex;align-items:center;justify-content:space-around;padding:0 4%;
  background:color-mix(in srgb,var(--sn-card) 92%,transparent);
  backdrop-filter:blur(12px);border-top:1px solid var(--sn-line);color:var(--sn-mut)}
#why .wa-t{height:46%;width:auto;fill:currentColor;opacity:.62}
#why .wa-t.an{color:var(--sn-ink);opacity:1}

#why .why-feed{padding:19.5% 0 9%}


#why .wa-akt{display:flex;justify-content:space-between;max-width:78%;
  margin-top:.85em;color:var(--sn-mut);font:500 clamp(9px,1.0vw,14px)/1 var(--sans)}
#why .wa-akt span{display:inline-flex;align-items:center;gap:.45em}
#why .wa-akt svg{height:1.15em;width:auto}



#why .why-feed .sn{position:static;translate:none;left:auto;top:auto;width:auto;
  margin:0;opacity:1;transition:opacity .3s var(--ease)}
#why .why-feed .sn .in{background:none;border:0;border-radius:0;box-shadow:none;
  border-bottom:1px solid var(--sn-line);padding:3.6% 4.5% 3.2%}
#why .why-feed .sn.snpill .in,#why .why-feed .sn.chat .in,#why .why-feed .sn.push .in,
#why .why-feed .sn.haus .in,#why .why-feed .sn.yt .in{padding:3.2% 4.5%}
#why .why-feed .sn.haus .in{background:color-mix(in srgb,var(--sn-card) 55%,transparent)}
#why .why-feed .sn .hd{padding:0 0 .45em}
#why .why-feed .sn .bd,#why .why-feed .sn .tt,#why .why-feed .sn .hl,
#why .why-feed .sn .sub,#why .why-feed .sn .src{padding:0}
#why .why-feed .sn .src{margin-bottom:.35em}
#why .why-feed .sn .sub{margin-top:.35em}
#why .why-feed .sn .thumb{margin:.6em 0 .55em;border-radius:.9em;height:auto;aspect-ratio:16/9}
#why .why-feed .sn.snpill .in{display:flex}
#why .why-feed .sn.snpill,#why .why-feed .sn.chat,#why .why-feed .sn.push{width:auto}
#why .why-feed .sn .in{display:block}
#why .why-feed .sn.snpill .in,#why .why-feed .sn.chat .in,#why .why-feed .sn.push .in{display:inline-block}
#why .why-feed .sn.chat .in{border-radius:16px 16px 16px 5px}
#why .why-feed .sn .mt{margin-top:9px;padding:0 11px 11px;font:500 11px var(--sans);color:var(--sn-mut);display:flex;gap:14px}
#why .why-feed .sn .av.rd{background:#8E978C;color:#15211A}  
#why .why-feed .sn .src.tv{color:var(--sn-alert)}
#why .why-feed .sn.hell .in{background:var(--sn-card);filter:brightness(1.9) saturate(.5)}


#why .why-field{position:absolute;inset:0;pointer-events:none}
#why .sn{position:absolute;left:var(--x);top:var(--y);width:var(--w,212px);translate:-50% -50%;color:var(--sn-ink);font-family:var(--sans);
  opacity:var(--op,1);
  transition:opacity .45s var(--ease) var(--sd,0s),filter .3s linear var(--sd,0s),scale .6s var(--ease) var(--sd,0s)}
#why .silent .sn{opacity:0;filter:grayscale(1)}
#why .sn .in{background:var(--sn-card);border:1px solid var(--sn-line);border-radius:13px;box-shadow:var(--sn-sh)}

#why .sn.snpill .in,#why .sn.push .in,#why .sn.chat .in{display:inline-block}
#why .sn .hd{display:flex;align-items:center;gap:8px;padding:10px 11px 6px}
#why .sn .av{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;font:700 12px var(--sans);color:#fff;background:var(--scr,#25382b)}
#why .sn .who{min-width:0}
#why .sn .nm{font:700 12.5px var(--sans);line-height:1.15;display:flex;align-items:center;gap:4px;white-space:nowrap}
#why .sn .vf{width:12px;height:12px;flex:none}
#why .sn .hn{font:500 10.5px var(--sans);color:var(--sn-mut);white-space:nowrap}
#why .sn .bd{padding:0 11px 11px;font:500 12.5px/1.42 var(--sans)}
#why .sn .hd+.bd{padding-top:2px}
#why .sn .tk{color:var(--sn-tick);font-weight:700}
#why .sn .thumb{position:relative;height:92px;background:linear-gradient(135deg,#222c26,#33403a);display:grid;place-items:center;border-radius:12px 12px 0 0}

#why .sn .play{width:34px;height:34px;border-radius:50%;border:1.5px solid #8E978C;display:grid;place-items:center;background:none}
#why .sn .play::after{content:"";border-left:11px solid #8E978C;border-top:6.5px solid transparent;border-bottom:6.5px solid transparent;margin-left:3px}
#why .sn .tt{padding:9px 11px 3px;font:700 12.5px/1.28 var(--sans)}
#why .sn .sub{padding:0 11px 11px;font:500 10.5px var(--sans);color:var(--sn-mut)}
#why .sn .src{padding:11px 12px 0;font:700 8.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--sn-mut)}
#why .sn .hl{padding:5px 12px 12px;font:600 15px/1.16 var(--serif);letter-spacing:-.01em}
#why .sn.note .src{color:var(--sn-mut)}
#why .sn.note .hl{font:600 13px/1.3 var(--sans)}
#why .sn.note .hl b{color:var(--sn-strong)}
#why .sn.snpill{width:auto;white-space:nowrap}
#why .sn.snpill .bd{padding:9px 13px;font:700 12.5px var(--sans);display:flex;align-items:center;gap:7px}
#why .sn.snpill .dot{width:7px;height:7px;border-radius:50%;flex:none}
#why .sn.buy .bd{color:var(--sn-up)}#why .sn.buy .dot{background:var(--sn-up)}
#why .sn.sell .bd,#why .sn.alert .bd{color:var(--sn-alert)}#why .sn.sell .dot,#why .sn.alert .dot{background:var(--sn-alert)}
#why .sn.hold .bd{color:var(--sn-mut)}#why .sn.hold .dot{background:var(--sn-mut)}
#why .sn.push{width:auto;white-space:nowrap}
#why .sn.push .bd{padding:9px 12px 9px 10px;display:flex;align-items:center;gap:9px;font:500 12px var(--sans)}
#why .sn .src.pq{display:inline;padding:0 0 0 8px;letter-spacing:.10em;opacity:.72}
#why .sn.push .pn{font-weight:700;color:var(--sn-ink)}
#why .sn.chat .cn{padding:0 11px 2px;font:600 10.5px var(--sans);color:var(--sn-mut)}
#why .sn.push .app{width:22px;height:22px;border-radius:6px;background:var(--sn-app);color:var(--sn-appink);display:grid;place-items:center;font:700 10px var(--sans)}
#why .sn.push .t{font:600 9.5px var(--sans);color:var(--sn-mut);margin-left:6px}
#why .sn.chat{width:auto;white-space:nowrap}
#why .sn.chat .in{background:var(--sn-chat);border-color:var(--sn-line);border-radius:14px 14px 14px 4px}
#why .sn.chat .bd{padding:8px 12px;font:500 12.5px var(--sans)}
#why .sn.chat .t{font:500 9.5px var(--sans);color:var(--sn-mut);margin-left:8px}


#why .why-beats{position:absolute;inset:0;pointer-events:none}
#why .beat{position:absolute;left:50%;top:50%;width:min(780px,88vw);transform:translate(-50%,-50%);text-align:center;opacity:0;color:var(--ink)}
#why .beat .eyebrow{font:600 11px var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--clay);margin-bottom:16px;position:static;transform:none}
#why .beat h2{font:500 clamp(36px,5.2vw,68px)/1.04 var(--serif);letter-spacing:-.02em;margin:0;text-wrap:balance;color:inherit}
#why .beat p{font:400 clamp(17px,1.5vw,21px)/1.5 var(--serif);color:var(--sn-sub);max-width:560px;margin:18px auto 0;text-wrap:balance}
#why .beat.line h2{font-size:clamp(28px,3.6vw,46px);font-weight:400;font-style:italic}

#why .beat.oben{top:7.5%;transform:translate(-50%,0)}
#why .beat.oben::before{content:"";position:absolute;inset:-58px -110px;z-index:-1;border-radius:50%;
  background:radial-gradient(closest-side,rgba(var(--sn-field),.985),rgba(var(--sn-field),.93) 46%,rgba(var(--sn-field),.55) 74%,rgba(var(--sn-field),0));
  }   
#why .beat.halo::before{content:"";position:absolute;inset:-60px -80px;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(243,228,195,.92),rgba(243,228,195,.7) 55%,rgba(243,228,195,0))}
#why .beat.halod::before{content:"";position:absolute;inset:-90px -140px;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(6,15,10,.88),rgba(6,15,10,.6) 55%,rgba(6,15,10,0))}


#whyBoardDom{position:absolute;inset:0;pointer-events:none;opacity:0}
#why .b-eyebrow{position:absolute;left:50%;top:8%;transform:translateX(-50%);font:600 11px var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--clay);white-space:nowrap}
#why .b-h2{position:absolute;left:50%;top:11%;transform:translateX(-50%);margin:0;font:500 clamp(30px,4.2vw,54px)/1.06 var(--serif);letter-spacing:-.02em;text-align:center;white-space:nowrap;color:#E4E0D5;width:auto;max-width:none}

@media(max-height:960px){#why .b-h2{top:7%;font-size:clamp(26px,3.2vw,40px)}#why .b-eyebrow{top:3.6%}}

#why .b-h2.b-h2-one{font-size:min(clamp(30px,4.2vw,54px),3.3vw)}
@media(max-height:960px){#why .b-h2.b-h2-one{font-size:min(clamp(26px,3.2vw,40px),3.3vw)}}   /* 08.09.: vorher ohne #why, die ID-Regel darueber gewann und die Zeile blieb bei 54 px */
#whyGrid,#whyGridL{position:absolute;left:0;top:0;pointer-events:none}
#why .gt{position:absolute;left:0;top:0;width:495px;transform-origin:0 0;opacity:0;will-change:transform,opacity;transition:opacity .16s ease}   
#whyGridL .gt{opacity:1}
#whyLight{position:absolute;inset:0;z-index:5;pointer-events:none;clip-path:circle(0px at 50% 60%);
  --tcard:#FBF3DE;--tink:#15211A;--tink2:#3A463C;--tmut:#646E5F;--ttline:rgba(20,30,20,.09);--thi:rgba(255,255,255,.6);
  --tsh:0 2px 4px rgba(30,40,30,.05),0 10px 24px rgba(30,40,30,.08),0 26px 50px -14px rgba(30,40,30,.12);--tup:#2E6B3A;--tchart:#3A463C}
#whyLight .lw-bg{position:absolute;inset:0;background:#F1E1B8}
#whyLight .lw-eyebrow{color:var(--clay)}
#whyLight .lw-h2{color:#15211A}
#whyLight .lw-cap{position:absolute;left:50%;top:0;transform:translateX(-50%);white-space:nowrap;font:500 15px var(--sans);letter-spacing:.02em;color:#3F4A40}   
#why .why-cap{position:absolute;left:50%;top:0;transform:translateX(-50%);white-space:nowrap;text-align:center;font:500 14px/1.3 var(--sans);letter-spacing:.04em;color:#D6D2C6;opacity:0;padding:8px 16px;border-radius:999px;background:rgba(6,15,10,.66);border:1px solid rgba(228,224,213,.09);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}      
#why .why-cap small{display:block;margin-top:14px;font:600 9px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#5f6a60}
#why .dtile .tprval.up{color:var(--tup)}

#why .dtile .thead{font-size:20px}
#why .dtile .tprval{font-size:35px}


#why.why-fallback #whyGl{display:none}

#why.why-fallback .why-stage,:root[data-theme="dark"] #why.why-fallback .why-stage,:root[data-theme="light"] #why.why-fallback .why-stage{background:linear-gradient(180deg,rgba(6,15,10,.55),rgba(6,15,10,.35) 40%,rgba(6,15,10,.82) 100%),url(chip_still.jpg) center 42%/cover no-repeat #060F0A;--ink:#E4E0D5;--muted:#8E978C}
@media(max-width:620px){#why.why-fallback .why-stage,:root[data-theme="dark"] #why.why-fallback .why-stage,:root[data-theme="light"] #why.why-fallback .why-stage{background-image:linear-gradient(180deg,rgba(6,15,10,.50),rgba(6,15,10,.30) 40%,rgba(6,15,10,.80) 100%),url(chip_still_handy.jpg);background-size:cover;background-position:center 40%}}      /* Spezifitaet wie die Themenregeln (Zeile 35), sonst gewann var(--dark) */
#why.why-fallback:not(.why-video) .gt{position:relative;left:auto;top:auto;width:100%;max-width:495px;transform:none !important;zoom:1 !important;opacity:1;margin:0 auto 14px}      
#why.why-fallback #whyGrid,#why.why-fallback #whyGridL{position:absolute;left:50%;top:22%;transform:translateX(-50%);width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,44vw),1fr));gap:14px;padding:0 5vw;max-width:1120px}
#why.why-fallback .b-h2{white-space:normal;width:min(92vw,900px)}

#why.why-video .why-stage{background-color:#060F0A!important;background-repeat:no-repeat}   
#why.why-video #whyGrid{display:block!important;position:absolute;left:0;top:0;width:100%;height:100%;transform:none;opacity:1;z-index:4}
#why.why-video .gt{position:absolute!important;left:0!important;top:0!important;width:495px!important;max-width:none!important;margin:0!important;transform-origin:0 0;opacity:0;transition:opacity .16s ease}
#why.why-video #whyGl,#why.why-video #whyBlurSnap{display:none}
@media (max-width:720px){
  #why .beat.top{top:14%}
  #why .sn{--w:170px}
  #why .b-h2{white-space:normal;width:92vw;font-size:clamp(22px,6.2vw,28px)}   
  
  #why .b-eyebrow,#whyLight .lw-eyebrow{top:11%}
  #why .b-h2,#whyLight .lw-h2{top:14.5%;font-size:clamp(24px,7vw,30px)}
}
@media (prefers-reduced-motion:reduce){ #why .sn{transition:none} }


#why .dtile .tpad,#product .dtile .tpad{padding:16px 18px 0}
#why .dtile .ident,#product .dtile .ident{display:flex;align-items:center;gap:11px;margin-bottom:14px}
#why .dtile .tchip,#product .dtile .tchip{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none;font:600 14px var(--sans);color:#F4F3E7;background:#00473C;box-shadow:inset 0 1px 0 rgba(255,255,255,.14);letter-spacing:0}
#why .dtile .tnm2,#product .dtile .tnm2{font:600 13.5px var(--sans);color:var(--tink);line-height:1.15}
#why .dtile .tnm2 .tsub,#product .dtile .tnm2 .tsub{display:block;font-weight:500;font-size:11px;color:var(--tmut);margin-top:1px}
#why .dtile .tsec,#product .dtile .tsec{margin-left:auto;font:600 11px var(--sans);letter-spacing:.11em;text-transform:uppercase;color:var(--tmut);text-align:right;line-height:1.4}
#why .dtile .thead,#product .dtile .thead{font-family:var(--serif);font-weight:500;color:var(--tink);font-size:21.5px;letter-spacing:-.012em;line-height:1.17;margin:0 0 16px;min-height:2.34em;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left}   
#why .dtile .tchartbox,#product .dtile .tchartbox{position:relative;margin-top:16px;height:126px}
#why .dtile .tchartbox svg,#product .dtile .tchartbox svg,.hvis .dtile .tchartbox svg{position:absolute;left:46%;right:0;top:12%;bottom:0;width:54%;height:88%;display:block}   
#why .dtile .tpr,#product .dtile .tpr{position:absolute;left:18px;bottom:52px;z-index:2}
#why .dtile .tprlab,#product .dtile .tprlab{font:600 11px var(--sans);letter-spacing:.11em;text-transform:uppercase;color:var(--tmut);margin-bottom:3px}
#why .dtile .tprval,#product .dtile .tprval{font:600 35px var(--sans);font-variant-numeric:tabular-nums;letter-spacing:-.015em;line-height:1}
#why .dtile .tcfoot,#product .dtile .tcfoot{position:absolute;left:18px;right:18px;bottom:12px;display:flex;align-items:center;justify-content:space-between;z-index:2}
#why .dtile .tmeta,#product .dtile .tmeta{font:500 11px var(--sans);color:var(--tmut)}
#why .dtile .topen,#product .dtile .topen{font:600 12px var(--sans);color:var(--tink2)}
#why .dtile{transform:none;transition:none}

#why .dtile,#product .dtile{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.07 0'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>"),radial-gradient(120% 90% at 16% 0%,rgba(255,255,255,.075),rgba(255,255,255,0) 58%),linear-gradient(180deg,rgba(13,22,17,.80),rgba(9,18,13,.86));background-size:180px 180px,auto,auto;-webkit-backdrop-filter:blur(14px) saturate(1.05);backdrop-filter:blur(14px) saturate(1.05)}   
@media(pointer:coarse){#why .dtile,#product .dtile{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(180deg,rgba(13,22,17,.94),rgba(9,18,13,.96))}}   
#why .dtile .tchartbox::after,#product .dtile .tchartbox::after{background:linear-gradient(to top,rgba(9,18,13,.86) 34%,transparent)}   
#product .dtile{text-align:left}
#product .dtile .tarea{display:none}
#product .dtile .tln{stroke-opacity:.34}


#why .why-stage.no-noise #whyFlow,#why .why-stage.no-noise #whyField,#why .why-stage.no-noise .why-beats{display:none}
#why .why-stage.no-noise{background:var(--dark)}



html[data-regie="1"] #why *,
html[data-regie="1"] #why *::before,
html[data-regie="1"] #why *::after{transition:none!important;animation:none!important}


#why .why-field:has(.rw-saeule){position:absolute;inset:0;display:grid;
  grid-template-rows:minmax(184px,24vh) 1fr;align-items:start;justify-items:center;
  padding:clamp(52px,7vh,92px) 0 clamp(44px,6vh,76px);pointer-events:none}


#why .rw-licht{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(56% 44% at 50% 46%,
    color-mix(in srgb,var(--sn-card) 62%,transparent),transparent 72%)}

#why .rw-saeule{grid-row:2;align-self:center;position:relative;z-index:2;
  width:min(548px,84vw);display:grid;gap:clamp(9px,1.3vh,15px)}


#why .rw-karte{background:linear-gradient(178deg,
    color-mix(in srgb,var(--sn-card) 92%,var(--sn-ink) 8%) 0%,
    var(--sn-card) 26%,
    color-mix(in srgb,var(--sn-card) 94%,#000 6%) 100%);
  border:1px solid var(--sn-line);border-radius:14px;
  box-shadow:var(--sn-sh),inset 0 1px 0 color-mix(in srgb,var(--sn-ink) 16%,transparent);
  padding:15px 17px;opacity:0;translate:0 16px}
#why .rw-kopf{display:flex;align-items:center;gap:10px;margin-bottom:8px}
#why .rw-av{width:29px;height:29px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:color-mix(in srgb,var(--sn-mut) 34%,transparent);
  color:var(--sn-ink);font:700 12px var(--sans)}
#why .rw-wer{display:grid;line-height:1.24}
#why .rw-nm{font:600 13.5px var(--sans);color:var(--sn-ink)}
#why .rw-hn{font:500 11.5px var(--sans);color:var(--sn-mut)}
#why .rw-zt{margin-left:auto;font:500 11.5px var(--sans);color:var(--sn-mut)}
#why .rw-txt{font:400 14.5px/1.5 var(--sans);color:var(--sn-ink)}
#why .rw-karte .tk{font-weight:700}
#why .rw-karte.auf .tk{color:var(--sn-up)}
#why .rw-karte.ab .tk{color:var(--sn-alert)}
#why .rw-fuss{margin-top:10px;padding-top:9px;border-top:1px solid var(--sn-line);
  display:flex;gap:20px;font:500 11.5px var(--sans);color:var(--sn-mut)}


#why .rw-zaehl{position:absolute;left:50%;top:50%;translate:-50% -50%;
  width:min(700px,88vw);text-align:center;opacity:0;z-index:3;pointer-events:none}
#why .rw-gross{font:400 clamp(30px,4.2vw,54px)/1.06 var(--serif);color:var(--ink);
  font-variant-numeric:tabular-nums;letter-spacing:-.02em}
#why .rw-klein{font:400 13px/1.6 var(--sans);color:var(--muted);margin-top:12px}

#why .rw-hinweis{position:absolute;left:0;right:0;bottom:20px;text-align:center;z-index:3;
  font:500 11px var(--sans);letter-spacing:.05em;color:var(--sn-mut);opacity:0;pointer-events:none}

@media (prefers-reduced-motion:reduce){
  #why .rw-karte{opacity:1;translate:none}
}


#why .dtile .tnew,#product .dtile .tnew,.hvis .dtile .tnew,.eq-why .dtile .tnew{display:inline-flex;align-items:center;height:20px;padding:0 9px;border-radius:999px;background:color-mix(in srgb,var(--clay,#C0714F) 20%,transparent);color:color-mix(in srgb,var(--clay,#C0714F) 70%,#F4EFE4);font:700 11px var(--sans,Inter,sans-serif);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;width:max-content}
.stage[data-theme="light"] .dtile .tnew,.tl-light .dtile .tnew,#product .dtile .tnew{background:color-mix(in srgb,var(--clay,#C0714F) 16%,transparent);color:color-mix(in srgb,var(--clay,#C0714F) 58%,#15211A)}


#whyGrid,.why-cards,.stage[data-theme="light"] #whyGrid,.stage[data-theme="light"] .why-cards{--bg:#060F0A;--surface:#0B150F;--s2:#0E1A13;--ink:#E4E0D5;--gold:#F3E4C3;--muted:#8E978C;
  --line:#1C261F;--line2:#141E17;--clay:#C0714F;--up:#8FA88F;--down:#C67F63;--ease:cubic-bezier(.22,1,.36,1);
  --serif:'Gelasio',Georgia,serif;--sans:'Inter',system-ui,sans-serif;--maxw:1200px;--tcard:#12241A;--tink:#ECEBE3;--tink2:#C7CFC6;--tmut:#8E978C;--ttline:rgba(255,255,255,.09);--thi:rgba(255,255,255,.06);--tsh:0 2px 4px rgba(0,0,0,.32),0 14px 32px rgba(0,0,0,.34),0 30px 58px -14px rgba(0,0,0,.44);--tup:#7FCB8E;--tdown:#D68F8F;--tspk:#93A08F;--tchart:#E4E0D5}
#whyGrid .dtile .tnew,.why-cards .dtile .tnew,.stage[data-theme="light"] #whyGrid .dtile .tnew,.stage[data-theme="light"] .why-cards .dtile .tnew{background:color-mix(in srgb,var(--clay,#C0714F) 20%,transparent);color:color-mix(in srgb,var(--clay,#C0714F) 70%,#ECEBE3)}


#why .gt .dtile{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 2px 8px rgba(0,0,0,.34),0 26px 50px -18px rgba(0,0,0,.55),0 54px 100px -34px rgba(0,0,0,.62)}
#why .gt .dtile::before{content:"";position:absolute;inset:-40% -60%;pointer-events:none;z-index:4;background:linear-gradient(115deg,rgba(255,255,255,0) 42%,rgba(255,255,255,.11) 50%,rgba(255,255,255,0) 58%);transform:translateX(-70%);opacity:0}
#why .gt.landed .dtile::before{animation:eqGlint 1.1s cubic-bezier(.2,.7,.2,1) .05s 1 both}
@keyframes eqGlint{0%{transform:translateX(-70%);opacity:0}15%{opacity:1}100%{transform:translateX(70%);opacity:0}}
@media(prefers-reduced-motion:reduce){#why .gt.landed .dtile::before{animation:none}}