/* Webversion (Stitch-Entwurf): dunkles Indigo-Design für alle öffentlichen Seiten.
   Gilt nur mit body.web; die App nach dem Login und der Betreiber-Bereich haben eigene Oberflächen. */
body.web{--w-bg:#fff;--w-card:#fff;--w-cont:#f8fafc;--w-over:#f1f5f9;--w-tx:#0f172a;--w-mut:#64748b;--w-mut2:#475569;--w-p:#4f46e5;--w-pl:#4338ca;--w-onp:#fff;--w-onp2:#fff;--w-ongr:#fff;
 --w-cy:#0284c7;--w-gr:#059669;--w-warn:#b45309;--w-err:#dc2626;--w-pt:rgba(79,70,229,.08);--w-gt:rgba(5,150,105,.09);--w-ct:rgba(2,132,199,.09);--w-wt:rgba(217,119,6,.1);
 --w-sub:#e2e8f0;--w-glass:rgba(255,255,255,.88);--w-pri:#4f46e5;--w-pri-l:#4338ca;--w-raised:#fff;
 --paper:#fff;--card:#fff;--white:#fff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--cobalt:#4f46e5;--coral:#0284c7;--coral-text:#dc2626;
 --display:"Geist",ui-sans-serif,system-ui,sans-serif;--body:"Inter",ui-sans-serif,system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--r:12px;
 background:var(--w-bg);background-image:none;color:var(--ink);font:400 1rem/1.6 var(--body);color-scheme:light;scrollbar-color:#cbd5e1 #fff}
body.web[data-theme=dark]{--w-bg:#090D16;--w-card:#0F172A;--w-cont:#1c1f29;--w-over:#1E293B;--w-tx:#F8FAFC;--w-mut:#94A3B8;--w-mut2:#c7c4d7;--w-p:#8083ff;--w-pl:#818CF8;--w-onp:#0d0096;--w-onp2:#07006c;--w-ongr:#003824;
 --w-cy:#4cd7f6;--w-gr:#4edea3;--w-warn:#F59E0B;--w-err:#ffb4ab;--w-pt:rgba(128,131,255,.12);--w-gt:rgba(78,222,163,.1);--w-ct:rgba(76,215,246,.1);--w-wt:rgba(245,158,11,.1);
 --w-sub:rgba(255,255,255,.08);--w-glass:rgba(9,13,22,.85);--w-pri:#8083ff;--w-pri-l:#818CF8;--w-raised:#0F172A;
 --paper:#090D16;--card:#0F172A;--white:#0F172A;--ink:#F8FAFC;--muted:#94A3B8;--line:rgba(255,255,255,.1);--cobalt:#8083ff;--coral:#4cd7f6;--coral-text:#ffb4ab;
 color-scheme:dark;scrollbar-color:#334155 #090D16}
body.web ::selection{background:var(--w-p);color:var(--w-onp)}
body.web a{text-decoration-color:var(--w-pri-l)}
body.web :focus-visible{outline:2px solid var(--w-cy);outline-offset:3px}
body.web h1,body.web h2,body.web h3{font-family:var(--display);letter-spacing:-.02em}
/* Kopfzeile: fest, mit Glas */
body.web .top{position:fixed;top:0;left:0;right:0;z-index:50;height:4rem;padding:0 max(1rem,calc((100vw - 1280px)/2 + 2rem));flex-wrap:nowrap;gap:1rem;background:var(--w-glass);
 -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--w-sub)}
body.web .brand{font:600 1.1rem var(--display);letter-spacing:-.01em;color:var(--w-tx);gap:.55rem}
body.web .dot::before{background:var(--w-p)}body.web .dot::after{background:var(--w-cy)}
body.web .top nav{margin-left:2rem;margin-right:auto;gap:0 1.6rem;font:400 .875rem var(--body);flex-wrap:nowrap}
body.web .top nav>a:not(.btn){color:var(--w-mut);padding:.5rem 0;transition:color .2s}body.web .top nav>a:not(.btn):hover{color:var(--w-tx);text-decoration:none}
body.web .top nav>a:not(.btn)::after{background:var(--w-pl)}
body.web .langs{border:1px solid var(--w-sub);background:var(--w-card);border-radius:10px;padding:2px;gap:0;margin-left:auto;order:3}
body.web .langs a{padding:.2rem .6rem;border-radius:6px;font:500 .7rem var(--mono);color:var(--w-mut);min-height:28px;display:inline-flex;align-items:center}
body.web .langs [aria-current]{background:var(--w-over);color:var(--w-tx)}
body.web .top .btn.login,body.web .top .btn.small{background:var(--w-p);color:var(--w-onp);border:0;border-radius:10px;font:500 .875rem var(--body);padding:.5rem 1rem;min-height:40px;display:inline-flex;align-items:center;order:4}
body.web .top .btn.login:hover{background:var(--w-pl);color:var(--w-onp2);transform:none}
body.web main{padding-top:4rem;display:block}
@media(max-width:899px){body.web .top{padding:0 1rem}body.web .top nav{margin:0 0 0 auto}body.web .top nav>a:not(.btn){display:none}body.web .langs{margin-left:auto}}
@media(max-width:640px){body.web .top{display:flex;grid-template-columns:none;padding-block:0}body.web .top nav{grid-row:auto;grid-column:auto}}
/* Fuß */
body.web .foot{background:var(--w-bg);border-top:1px solid var(--w-sub);color:var(--w-mut)}body.web .foot strong{color:var(--w-tx)}body.web .footnav a{color:var(--w-mut)}body.web .footnav a:hover{color:var(--w-tx)}
/* Gemeinsame Bausteine der Landing */
.w-wrap{max-width:1280px;margin:0 auto;padding:0 2rem}.w-wrap.narrow{max-width:820px}
@media(max-width:640px){.w-wrap{padding:0 1rem}}
.kick{font:600 .8rem var(--mono);letter-spacing:.06em;text-transform:none;color:var(--w-pri-l);display:inline-block;margin-bottom:.4rem}
.wi{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.wi.cy{color:var(--w-cy)}.wi.gr{color:var(--w-gr)}.wi.pr{color:var(--w-pri-l)}
.w-btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:10px;padding:.8rem 1.4rem;font:600 1rem var(--display);text-decoration:none!important;border:0;cursor:pointer;min-height:48px;transition:background .2s,color .2s,transform .2s cubic-bezier(.16,1,.3,1)}
.w-btn.primary{background:var(--w-p);color:var(--w-onp);box-shadow:0 8px 24px -10px rgba(0,0,0,.6)}.w-btn.primary:hover{background:var(--w-pl);color:var(--w-onp2);transform:translateY(-1px)}
.w-btn.ghost{background:var(--w-card);color:var(--w-tx);font:500 .9rem var(--body)}.w-btn.ghost:hover{background:var(--w-over)}.w-btn:active{transform:scale(.98)}
.w-btn.primary .wi{transition:transform .25s cubic-bezier(.16,1,.3,1)}.w-btn.primary:hover .wi{transform:translateX(3px)}
/* Hero */
.w-hero-wrap{position:relative;overflow:hidden;background:var(--w-bg)}
.w-hero-wrap::before,.w-hero-wrap::after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(110px);z-index:0}
.w-hero-wrap::before{top:2.5rem;left:50%;width:720px;height:340px;margin-left:-360px;background:var(--w-pt)}
.w-hero-wrap::after{top:24rem;left:20%;width:480px;height:320px;background:rgba(76,215,246,.08)}
.w-trust{position:relative;z-index:1;display:flex;width:fit-content;max-width:calc(100% - 2rem);margin:1.5rem auto 0;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem .6rem;padding:.35rem 1rem;border-radius:99px;background:var(--w-card);font:500 .72rem var(--mono);color:var(--w-mut2);text-align:center}
.w-trust .dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--w-gr)}.w-trust strong{color:var(--w-tx);font-weight:500}.w-trust i{color:var(--w-mut);font-style:normal}.w-trust .cy{color:var(--w-cy)}
.w-hero{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:2rem 2rem 4rem;display:grid;grid-template-columns:7fr 5fr;gap:2.5rem;align-items:center}
@media(max-width:1000px){.w-hero{grid-template-columns:1fr;padding:1.5rem 1rem 3rem}}
.w-copy{display:flex;flex-direction:column;gap:1rem}
.w-badges{display:flex;gap:.4rem;flex-wrap:wrap}.w-badges span{padding:.15rem .7rem;border-radius:99px;font:500 .72rem var(--mono)}.w-badges .b1{background:var(--w-pt);color:var(--w-pri-l)}.w-badges .b2{background:var(--w-gt);color:var(--w-gr)}
.w-h1{font:600 clamp(2.4rem,5.6vw,3.6rem)/1.08 var(--display);letter-spacing:-.025em;color:var(--w-tx);margin:0}
.w-h1 .hl{display:block;width:auto;position:relative}.w-h1 .hl::after{display:none}.w-h1 .acc{color:var(--w-pri-l)}
.w-lead{font:400 1.0625rem/1.65 var(--body);color:var(--w-mut);max-width:38rem;margin:0}
.w-cta{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;padding-top:.3rem}
.w-compliance{display:flex;gap:.7rem;padding:.8rem 1rem;border-radius:12px;background:var(--w-card);max-width:38rem}.w-compliance .wi{margin-top:.15rem}
.w-compliance p{margin:0;font:400 .8rem/1.55 var(--body);color:var(--w-mut);max-width:none}.w-compliance strong{color:var(--w-tx);font-weight:600}
.w-loop{padding-top:.5rem}.w-loop-h{display:flex;justify-content:space-between;gap:1rem;font:500 .7rem var(--mono);color:var(--w-mut);margin-bottom:.5rem;flex-wrap:wrap}.w-loop-h em{font-style:italic}
.w-loop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}@media(max-width:640px){.w-loop-grid{grid-template-columns:repeat(2,1fr)}}
.w-loop .m{background:var(--w-card);border-radius:12px;padding:.7rem .8rem;display:flex;flex-direction:column;justify-content:space-between;min-height:5.2rem}
.w-loop .l{font:500 .68rem var(--mono);color:var(--w-mut);display:flex;align-items:center;gap:.4rem}.w-loop .d{width:.4rem;height:.4rem;border-radius:50%;background:var(--w-pri-l)}.w-loop .d2{background:var(--w-cy)}.w-loop .d3{background:var(--w-gr)}.w-loop .d4{background:var(--w-pri)}
.w-loop .v{display:flex;align-items:baseline;gap:.35rem;margin-top:.5rem;color:var(--w-tx)}.w-loop .v b{font:700 1.5rem var(--display)}.w-loop .v small{font:400 .75rem var(--body);color:var(--w-mut)}
.w-loop .v.cy b{color:var(--w-cy)}.w-loop .v.gr{color:var(--w-gr);align-items:center}.w-loop .v.pr{color:var(--w-pri-l);align-items:center}.w-loop .v strong{font:600 1.05rem var(--display)}
.w-small{font:400 .75rem var(--body);color:var(--w-mut);margin:.5rem 0 0;max-width:none}
/* Befund-Karte */
.w-card{position:relative;border-radius:16px;background:var(--w-card);padding:1.5rem;box-shadow:0 30px 60px -30px rgba(0,0,0,.7),inset 0 0 0 1px var(--w-sub);display:flex;flex-direction:column;gap:.8rem}
.w-card-tag{position:absolute;top:-.7rem;right:1rem;background:var(--w-p);color:var(--w-onp);font:600 .68rem var(--mono);padding:.15rem .7rem;border-radius:99px}
.w-card-h{display:flex;justify-content:space-between;gap:.6rem;align-items:flex-start}.w-card .who{display:flex;gap:.7rem;align-items:center}
.w-card .ico{width:2.5rem;height:2.5rem;border-radius:10px;background:var(--w-cont);display:grid;place-items:center;color:var(--w-pri-l)}.w-card .ico .wi{width:1.4rem;height:1.4rem}
.w-card .nm{display:flex;gap:.4rem;align-items:baseline}.w-card h3{font:600 1.1rem var(--display);margin:0;color:var(--w-tx)}.w-card small{font:500 .7rem var(--mono);color:var(--w-mut)}
.w-card .who p{margin:.1rem 0 0;font:500 .72rem var(--mono);color:var(--w-mut);max-width:none}.w-card .who b{color:var(--w-cy);font-weight:500}
.esc{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .6rem;border-radius:99px;background:var(--w-gt);color:var(--w-gr);font:500 .68rem var(--mono);white-space:nowrap}.esc i{width:.4rem;height:.4rem;border-radius:50%;background:var(--w-gr)}
.w-chips{display:flex;flex-wrap:wrap;gap:.4rem}.w-chips span{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .6rem;border-radius:6px;background:var(--w-cont);color:var(--w-mut);font:500 .7rem var(--mono)}.w-chips .wi{width:.9rem;height:.9rem}
.w-chips .warn{color:var(--w-warn)}.w-chips .pr{background:var(--w-pt);color:var(--w-pri-l)}
.w-quote{padding:1rem;border-radius:12px;background:var(--w-cont)}.w-quote .capt{display:flex;gap:.4rem;align-items:center;margin:0 0 .5rem;font:500 .7rem var(--mono);color:var(--w-mut);max-width:none}
.w-quote blockquote{margin:0;padding:0;background:none;border:0;border-radius:0;white-space:normal;font:italic 400 .9rem/1.6 var(--body);color:var(--w-mut2);max-width:none}.w-quote blockquote::before{display:none}.w-quote blockquote::first-letter{}
.w-quote blockquote::before{content:none}
.w-payout{display:flex;justify-content:space-between;align-items:center;font:400 .8rem var(--body);color:var(--w-mut)}.w-payout b{font:700 .8rem var(--mono);color:var(--w-gr)}
.w-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}@media(max-width:480px){.w-actions{grid-template-columns:1fr}}
.w-actions button{display:flex;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:10px;padding:.65rem .8rem;font:600 .9rem var(--body);cursor:pointer;min-height:44px;transition:background .2s,color .2s,transform .2s}
.w-actions .accept{background:#00885d;color:#fff}.w-actions .accept:hover{background:var(--w-gr);color:var(--w-ongr)}.w-actions .accept.done{background:var(--w-gr);color:var(--w-ongr)}
.w-actions .copy{background:var(--w-over);color:var(--w-mut)}.w-actions .copy:hover{background:var(--w-over);color:var(--w-tx)}.w-actions button:active{transform:scale(.97)}
.w-foot{display:flex;justify-content:space-between;gap:.6rem;font:500 .68rem var(--mono);color:var(--w-mut);padding-top:.6rem;flex-wrap:wrap}.w-foot b{color:var(--w-cy);font-weight:500}
/* Ablauf in 4 Schritten */
.w-flow{background:var(--w-card);padding:4rem 0}
.w-flow-h{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}
.w-flow-h h2{font:600 clamp(1.7rem,3.4vw,2rem)/1.25 var(--display);margin:.2rem 0 0;color:var(--w-tx)}.w-flow-h p{color:var(--w-mut);margin:.4rem 0 0;max-width:34rem;font-size:.95rem}
.w-cycle{display:flex;align-items:center;gap:.5rem;background:var(--w-bg);padding:.4rem;border-radius:12px}.w-cycle button{width:2.5rem;height:2.5rem;border:0;border-radius:8px;background:none;color:var(--w-mut);cursor:pointer;display:grid;place-items:center}
.w-cycle button:hover{background:var(--w-over);color:var(--w-tx)}.w-cycle span{font:500 .75rem var(--mono);color:var(--w-tx);padding:0 .5rem;min-width:6.5rem;text-align:center}
.w-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}@media(max-width:1000px){.w-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.w-steps{grid-template-columns:1fr}}
.w-step{position:relative;background:var(--w-cont);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;opacity:.62;transform:scale(.985);transition:opacity .5s,transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s;overflow:hidden;cursor:pointer}
.w-step.on{opacity:1;transform:none;box-shadow:inset 0 0 0 1.5px rgba(128,131,255,.65),0 24px 50px -28px rgba(0,0,0,.8)}
.w-step .hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;color:var(--w-mut)}.w-step .num{width:2rem;height:2rem;border-radius:8px;background:var(--w-over);display:grid;place-items:center;font:700 .78rem var(--mono);color:var(--w-mut);transition:background .4s,color .4s}
.w-step.on .num{background:var(--w-p);color:var(--w-onp)}.w-step.on .top .wi{color:var(--w-pri-l)}.w-step .hd .wi{width:1.4rem;height:1.4rem}
.w-step h3{font:600 1.15rem var(--display);margin:0;color:var(--w-tx)}.w-step .tag{margin:.1rem 0;padding:.45rem .7rem;border-radius:8px;background:var(--w-bg);color:var(--w-warn);font:500 .75rem var(--mono);max-width:none}
.w-step:nth-child(2) .tag{color:var(--w-pri-l)}.w-step:nth-child(3) .tag{color:var(--w-cy)}.w-step:nth-child(4) .tag{color:var(--w-gr)}
.w-step p{margin:0;font:400 .875rem/1.6 var(--body);color:var(--w-mut);max-width:none}.w-step .bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:transparent}.w-step .bar i{display:block;height:100%;width:0;background:var(--w-pri-l)}
.w-step.on .bar i{animation:w-fill var(--dur,5s) linear forwards}.w-flow.paused .w-step.on .bar i{animation-play-state:paused}
@keyframes w-fill{to{width:100%}}
/* Abschnitte */
.w-sec{padding:5rem 0;background:var(--w-bg)}.w-sec.alt{background:var(--w-card)}
.w-sec h2{font:600 clamp(1.7rem,3.4vw,2.2rem)/1.2 var(--display);margin:.2rem 0 1.5rem;color:var(--w-tx);max-width:40rem}
.w-how{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media(max-width:900px){.w-how{grid-template-columns:1fr}}
.w-how li{background:var(--w-card);border-radius:16px;padding:1.5rem;box-shadow:inset 0 0 0 1px var(--w-sub)}.w-sec.alt .w-how li{background:var(--w-bg)}
.w-how .n{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:8px;background:rgba(128,131,255,.14);color:var(--w-pri-l);font:700 .85rem var(--mono);margin-bottom:.8rem}
.w-how h3,.w-feats h3{font:600 1.1rem var(--display);margin:0 0 .4rem;color:var(--w-tx)}.w-how p,.w-feats p{margin:0;color:var(--w-mut);font-size:.9rem;max-width:none}
.w-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}@media(max-width:1000px){.w-feats{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.w-feats{grid-template-columns:1fr}}
.w-feats .f{background:var(--w-bg);border-radius:16px;padding:1.4rem;box-shadow:inset 0 0 0 1px var(--w-sub);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.w-feats .f:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(128,131,255,.5)}
.w-honest{background:linear-gradient(180deg,#0d0096 0%,#1c1d8f 100%);padding:4rem 0}.w-honest h2{font:600 clamp(1.6rem,3vw,2rem) var(--display);color:#fff;margin:0 0 .8rem;max-width:30rem}.w-honest p{color:#e1e0ff;max-width:44rem;margin:0;font-size:1.05rem}
.w-sec details{border-top:1px solid var(--w-sub);padding:1.1rem 0}.w-sec details:last-of-type{border-bottom:1px solid var(--w-sub)}
.w-sec summary{font:600 1.05rem var(--display);color:var(--w-tx);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;min-height:44px;align-items:center}
.w-sec summary::-webkit-details-marker{display:none}.w-sec summary::after{content:"+";font:500 1.4rem var(--mono);color:var(--w-pri-l);transition:transform .3s}.w-sec details[open] summary::after{content:"+";transform:rotate(45deg)}
.w-sec details p{color:var(--w-mut);margin:.6rem 0 0;max-width:44rem}
.w-closing{background:var(--w-card);padding:5rem 0;overflow:hidden}.w-closing .w-wrap{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.w-closing h2{font:600 clamp(2rem,4.5vw,3rem)/1.1 var(--display);margin:0 0 .6rem;color:var(--w-tx);max-width:18ch}.w-closing p{color:var(--w-mut);max-width:32rem;margin:0 0 1.4rem}
.w-closing .mark{position:relative;width:7rem;height:7rem;flex:none;margin:1.5rem 3rem 1.5rem 0}.w-closing .mark i{position:absolute;left:50%;top:-8%;width:24%;height:116%;margin-left:-12%;border-radius:.6rem}
.w-closing .mark i:first-child{background:var(--w-p);transform:rotate(45deg)}.w-closing .mark i:last-child{background:var(--w-cy);transform:rotate(-45deg);mix-blend-mode:screen;opacity:.9}
/* Blog, Rechtliches, Listen: Dunkel */
body.web .prose,body.web .band{color:var(--w-mut2)}body.web .prose h1,body.web .band h1{font:600 clamp(2rem,4.4vw,3rem)/1.15 var(--display);color:var(--w-tx)}
body.web .prose p,body.web .prose li{color:var(--w-mut2)}body.web .prose a{color:var(--w-pri-l)}body.web .meta,body.web time{color:var(--w-mut)}
body.web .posts li,body.web details{border-color:var(--w-sub)}body.web .posts a{color:var(--w-tx)}
body.web .callout,body.web .toc{background:var(--w-card);border:1px solid var(--w-sub);border-radius:12px;color:var(--w-mut2)}
body.web blockquote{background:var(--w-card);border:1px solid var(--w-sub);color:var(--w-mut2)}body.web blockquote::before{border-color:rgba(76,215,246,.5);background:rgba(76,215,246,.06)}
body.web .cookies th,body.web .cookies td{border-color:var(--w-sub)}body.web .cookies th{background:var(--w-card)}
body.web input,body.web select,body.web textarea{background:var(--w-card);border:1px solid var(--w-sub);color:var(--w-tx);border-radius:10px}
body.web .btn{background:var(--w-p);color:var(--w-onp);border:0;border-radius:10px}body.web .btn:hover{background:var(--w-pl);color:var(--w-onp2)}body.web .btn.ghost{background:var(--w-card);color:var(--w-tx)}
body.web .consent{background:var(--w-card);color:var(--w-mut2);border:1px solid var(--w-sub);border-radius:16px}
body.web .auth-card{background:var(--w-card);border:1px solid var(--w-sub);border-radius:20px}
body.web .err{color:var(--w-err)}body.web .ok{color:var(--w-gr)}
/* Bewegung: ein Auftritt der Hero-Elemente, scrollgesteuerte Einblendung der Abschnitte */
@media(prefers-reduced-motion:no-preference){
 .w-hero .w-copy>*{animation:w-rise .8s cubic-bezier(.16,1,.3,1) both}.w-hero .w-copy>:nth-child(2){animation-delay:.06s}.w-hero .w-copy>:nth-child(3){animation-delay:.12s}.w-hero .w-copy>:nth-child(4){animation-delay:.18s}.w-hero .w-copy>:nth-child(5){animation-delay:.24s}.w-hero .w-copy>:nth-child(6){animation-delay:.3s}
 .w-h1 .hl{animation:w-rise .9s calc(.1s + var(--k) * .09s) cubic-bezier(.16,1,.3,1) both}
 .w-card{animation:w-rise 1s .25s cubic-bezier(.16,1,.3,1) both}
 .w-loop .m{animation:w-rise .7s calc(.5s + var(--k) * .12s) cubic-bezier(.16,1,.3,1) both}
 @supports (animation-timeline:view()){.w-how li,.w-feats .f,.w-step,.w-honest .w-wrap,.w-closing .w-wrap{animation:w-rise linear both;animation-timeline:view();animation-range:entry 0% entry 45%}}
 .w-trust{animation:w-fade .8s both}
}
@keyframes w-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes w-fade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.w-step{transition:none;opacity:1;transform:none}.w-step .bar{display:none}}

/* Google Play Closed Testing */
.w-gp-sec{padding:4rem 0 1rem}.w-gp{border-radius:20px;padding:2rem;background:linear-gradient(135deg,rgba(49,46,129,.55),var(--w-card) 70%);box-shadow:inset 0 0 0 1px var(--w-sub),0 30px 60px -36px rgba(0,0,0,.8);display:grid;gap:1rem;max-width:56rem}
.w-gp h2{font:600 clamp(1.4rem,3vw,1.9rem)/1.2 var(--display);margin:0;color:var(--w-tx);max-width:none}.gp-p{margin:0;color:var(--w-mut);max-width:40rem;font-size:.95rem}
.gp-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .75rem;border-radius:99px;background:var(--w-ct);color:var(--w-cy);font:500 .72rem var(--mono)}
.gp-track{padding:1rem;border-radius:12px;background:var(--w-cont);display:grid;gap:.6rem}.gp-track .r{display:flex;justify-content:space-between;gap:.6rem;font:500 .72rem var(--mono);color:var(--w-mut)}.gp-track em{font-style:normal;color:var(--w-warn)}
.gp-track .big{align-items:baseline}.gp-track .big b{font:600 1.2rem var(--display);color:var(--w-tx)}.gp-track .ok{color:var(--w-gr);font-weight:600}
.gp-track .dots{display:grid;grid-template-columns:repeat(14,1fr);gap:4px}.gp-track .dots i{height:.55rem;border-radius:3px;background:var(--w-gr);opacity:.9}
.gp-checks{list-style:none;margin:0;padding:0;display:flex;gap:1.2rem;flex-wrap:wrap;color:var(--w-mut2);font-size:.875rem}.gp-checks li{display:flex;gap:.4rem;align-items:center}.gp-checks .wi{color:var(--w-gr);width:1rem;height:1rem}
.w-gp .w-btn{width:fit-content}
/* Vergleich */
.w-sub{color:var(--w-mut);margin:-.8rem 0 1.5rem;max-width:40rem}.w-cmp{display:grid;gap:.9rem}
.w-cmp .row{display:grid;grid-template-columns:11rem 1fr 1fr;gap:.8rem;align-items:stretch;background:var(--w-bg);border-radius:14px;padding:.9rem;box-shadow:inset 0 0 0 1px var(--w-sub)}
@media(max-width:760px){.w-cmp .row{grid-template-columns:1fr 1fr}.w-cmp .lbl{grid-column:1/-1}}
.w-cmp .lbl{font:600 .75rem var(--mono);color:var(--w-mut);align-self:center}.w-cmp .us,.w-cmp .them{padding:.7rem .8rem;border-radius:10px;background:var(--w-card)}
.w-cmp b{display:block;font:600 .72rem var(--mono);margin-bottom:.3rem;color:var(--w-gr)}.w-cmp .them b{color:var(--w-err)}
.w-cmp p{display:flex;gap:.4rem;margin:0;font-size:.82rem;line-height:1.45;color:var(--w-tx);max-width:none}.w-cmp .them p{color:var(--w-mut)}.w-cmp p .wi{width:1rem;height:1rem;margin-top:.1rem;color:var(--w-gr)}.w-cmp .them p .wi{color:var(--w-err)}
/* Mobile: fester Start-Balken unten, kompakter Hero */
.w-sticky{display:none}
@media(max-width:700px){
 .w-trust{font-size:.62rem}
 .w-copy{text-align:center;align-items:center}.w-badges{justify-content:center}.w-cta{flex-direction:column;align-items:stretch;width:100%}.w-cta .w-btn{justify-content:center}
 .w-compliance{text-align:left}.w-loop{width:100%}.w-hero{padding-top:1rem}
 .w-flow{padding:2.5rem 0}.w-sec{padding:3rem 0}.w-gp{padding:1.2rem}.w-closing .w-wrap{flex-direction:column;text-align:center}.w-closing h2{max-width:none}.w-closing .mark{display:none}
 .w-closing p{margin-inline:auto}.w-closing .w-btn{width:100%;justify-content:center}
 body.web main{padding-bottom:5.5rem}
 .w-sticky{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));
  background:var(--w-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--w-sub);transform:translateY(110%);transition:transform .45s cubic-bezier(.16,1,.3,1)}
 .w-sticky.show{transform:none}
 .w-sticky .l{display:flex;align-items:center;gap:.4rem;font:600 .72rem var(--mono);color:var(--w-tx)}.w-sticky .l i{width:.5rem;height:.5rem;border-radius:50%;background:var(--w-gr)}
 .w-sticky .s{display:block;font:400 .75rem var(--body);color:var(--w-mut)}.w-sticky .w-btn{padding:.6rem 1rem;font-size:.9rem;min-height:44px;white-space:nowrap}
 body.has-sticky .pwa-toast{bottom:calc(5.2rem + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.w-sticky{transition:none}}

/* ===== Vollständige Webversion (Stitch): Banner, Schritte, Bento, Richtlinien, FAQ, Abschluss ===== */
.w-center{text-align:center;max-width:42rem;margin:0 auto 2.5rem}.w-center h2{margin-inline:auto}.w-center .w-sub{margin:.4rem auto 0}
.kick.cy{color:var(--w-cy)}.kick.gr{color:var(--w-gr)}.kick.er{color:var(--w-err)}
.w-man{padding-top:2.5rem;padding-bottom:0}
.w-banner{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem 1.2rem;border-radius:16px;background:var(--w-bg);box-shadow:inset 0 0 0 1px var(--w-sub)}
.w-banner div{display:flex;align-items:center;gap:.8rem}.w-banner .ic{width:2.4rem;height:2.4rem;border-radius:50%;background:rgba(128,131,255,.18);color:var(--w-pri-l);display:grid;place-items:center;flex:none}
.w-banner p{margin:0;color:var(--w-tx);font-size:.95rem;max-width:none}.w-banner b{color:var(--w-pri-l)}
.w-btn.small{padding:.5rem 1rem;font:500 .8rem var(--mono);min-height:40px}
.w-flow+.w-man{background:var(--w-bg)}
/* 3 Schritte */
.w-how li{display:flex;flex-direction:column;position:relative;padding-bottom:0;overflow:hidden}
.w-how .n{width:3rem;height:3rem;border-radius:12px;background:var(--w-over);font:700 1.3rem var(--display);color:var(--w-pri-l)}.w-how .n2{color:var(--w-cy)}.w-how .n3{color:var(--w-gr)}
.w-how li p{flex:1}.w-how .ftr{display:flex;align-items:center;gap:.5rem;margin:1.2rem -1.5rem 0;padding:.9rem 1.5rem;background:var(--w-cont);font:500 .72rem var(--mono);color:var(--w-mut)}.w-how .ftr .wi{width:1rem;height:1rem;color:var(--w-pri-l)}
.w-how li:nth-child(2) .foot .wi{color:var(--w-cy)}.w-how li:nth-child(3) .foot .wi{color:var(--w-gr)}
/* Bento */
.w-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem}
.w-bento .bx{grid-column:span 4;background:var(--w-cont);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:.4rem;justify-content:space-between;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}
.w-bento .bx:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(128,131,255,.45)}
.w-bento .b1{grid-column:span 7}.w-bento .b2{grid-column:span 5}
@media(max-width:1000px){.w-bento .bx,.w-bento .b1,.w-bento .b2{grid-column:span 12}}
.w-bento .bh{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.w-bento .bh .wi{width:1.5rem;height:1.5rem}
.tg{padding:.15rem .7rem;border-radius:99px;font:500 .7rem var(--mono)}.tg.pr{background:var(--w-pt);color:var(--w-pri-l)}.tg.cy{background:var(--w-ct);color:var(--w-cy)}.tg.gr{background:var(--w-gt);color:var(--w-gr)}.tg.wa{background:var(--w-wt);color:var(--w-warn)}
.w-bento h3{font:600 1.2rem var(--display);margin:0 0 .3rem;color:var(--w-tx)}.w-bento p{margin:0;color:var(--w-mut);font-size:.9rem;max-width:none}
.snip{margin-top:1rem;padding:1rem;border-radius:12px;background:var(--w-bg);display:grid;gap:.5rem;font:500 .72rem var(--mono)}.snip div{display:flex;justify-content:space-between;gap:.6rem;color:var(--w-mut);flex-wrap:wrap}
.snip span{display:flex;align-items:center;gap:.4rem}.snip i{width:.5rem;height:.5rem;border-radius:50%;background:var(--w-pri-l)}.snip i.gr{background:var(--w-gr)}.snip i.wa{background:var(--w-warn)}.snip b{font-weight:500;color:var(--w-tx)}.snip b.gr{color:var(--w-gr)}.snip b.wa{color:var(--w-warn)}
.trk{margin-top:1rem;padding:.8rem 1rem;border-radius:12px;background:var(--w-bg);display:flex;justify-content:space-between;align-items:center;gap:.6rem}.trk b{display:block;font:700 1.1rem var(--display);color:var(--w-tx)}.trk span{font:500 .7rem var(--mono);color:var(--w-mut)}.trk em{font:600 .68rem var(--mono);font-style:normal;color:var(--w-warn);padding:.15rem .5rem;border-radius:6px;background:var(--w-wt)}
.ft{display:flex;align-items:center;gap:.4rem;margin-top:1rem;font:500 .75rem var(--mono)}.ft.pr{color:var(--w-pri-l)}.ft.wa{color:var(--w-warn)}.ft .wi{width:1rem;height:1rem}
.langs-row{display:flex;align-items:center;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.langs-row span{padding:.3rem .7rem;border-radius:8px;background:var(--w-bg);font:500 .72rem var(--mono);color:var(--w-tx)}.langs-row em{font:400 .72rem var(--mono);font-style:normal;color:var(--w-mut)}
/* Richtlinien + Vergleich */
.w-comp{display:grid;grid-template-columns:5fr 7fr;gap:2.5rem;align-items:start}@media(max-width:1000px){.w-comp{grid-template-columns:1fr}}
.w-comp .left h2{margin:.2rem 0 1rem}.w-comp .left>p{color:var(--w-mut);margin:0 0 1.2rem;max-width:none}
.w-comp .why{padding:1rem 1.2rem;border-radius:14px;background:var(--w-card);box-shadow:inset 0 0 0 1px var(--w-sub)}.w-comp .why b{display:flex;align-items:center;gap:.5rem;color:var(--w-gr);font:600 .85rem var(--mono);margin-bottom:.5rem}
.w-comp .why ul{margin:0;padding-left:1.1rem;color:var(--w-mut);font-size:.85rem;display:grid;gap:.4rem}
.w-comp .right{background:var(--w-card);border-radius:16px;padding:1.5rem;box-shadow:inset 0 0 0 1px var(--w-sub),0 30px 60px -36px rgba(0,0,0,.8)}.w-comp .right h3{font:600 1.05rem var(--display);margin:0 0 1rem;color:var(--w-tx)}
.w-cmp.tbl{gap:.4rem}.w-cmp.tbl .hd{display:grid;grid-template-columns:11rem 1fr 1fr;gap:.8rem;padding:0 .9rem .3rem;font:600 .68rem var(--mono);color:var(--w-mut)}.w-cmp.tbl .hd .us{color:var(--w-pri-l)}
.w-cmp.tbl .row{background:var(--w-bg)}.w-cmp.tbl .us b,.w-cmp.tbl .them b{display:none}
@media(max-width:760px){.w-cmp.tbl .hd{display:none}.w-cmp.tbl .us b,.w-cmp.tbl .them b{display:block}}
/* FAQ als Karten */
.w-sec details{background:var(--w-cont);border:0;border-radius:14px;padding:1rem 1.2rem;margin-bottom:.6rem;transition:background .25s}.w-sec details:last-of-type{border-bottom:0}.w-sec details:hover{background:var(--w-over)}
.w-sec.alt details{background:var(--w-bg)}.w-sec.alt details:hover{background:var(--w-over)}
.w-sec details summary::after{content:"";width:.8rem;height:.5rem;background:var(--w-pri-l);clip-path:polygon(0 0,100% 0,50% 100%);transition:transform .25s;margin-right:.2rem;flex:none}
.w-sec details[open] summary::after{content:"";transform:rotate(180deg)}
/* Abschluss */
.w-final{padding:3rem 0 5rem}.w-cta-card{position:relative;overflow:hidden;border-radius:24px;padding:3.5rem 1.5rem;background:var(--w-card);box-shadow:inset 0 0 0 1px var(--w-sub),0 40px 80px -40px rgba(0,0,0,.9);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.8rem}
.w-cta-card::before{content:"";position:absolute;top:-6rem;left:50%;width:24rem;height:24rem;margin-left:-12rem;border-radius:50%;background:rgba(128,131,255,.18);filter:blur(90px);pointer-events:none}
.w-cta-card>*{position:relative}.w-cta-card .bd{padding:.2rem .8rem;border-radius:99px;background:var(--w-pt);color:var(--w-pri-l);font:600 .72rem var(--mono)}
.w-cta-card h2{font:600 clamp(2rem,5vw,3rem)/1.1 var(--display);margin:.3rem 0 0;color:var(--w-tx);max-width:20ch}.w-cta-card p{color:var(--w-mut);margin:0 0 .8rem;max-width:30rem}
.w-cta-card .chk{list-style:none;display:flex;gap:.6rem 1.4rem;flex-wrap:wrap;justify-content:center;margin:1rem 0 0;padding:0;color:var(--w-mut);font:500 .75rem var(--mono)}.w-cta-card .chk li{display:flex;align-items:center;gap:.4rem}.w-cta-card .chk .wi{width:1rem;height:1rem;color:var(--w-gr)}
.w-cta-card .tags{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;margin-top:1.2rem;font-size:.85rem;color:var(--w-mut)}.w-cta-card .tags a{color:var(--w-mut);text-decoration:none}.w-cta-card .tags a:hover{color:var(--w-tx)}.w-cta-card .tags i{font-style:normal}
/* Google-Play-Zusatz nur mobil */
@media(min-width:701px){.w-gp-sec{display:none}}
/* Fuß in Spalten */
.w-foot-in{max-width:1280px;margin:0 auto;padding:3rem 2rem 1.5rem;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}@media(max-width:800px){.w-foot-in{grid-template-columns:1fr 1fr;padding:2rem 1rem}.w-foot-in .brandcol{grid-column:1/-1}}
.w-foot-in .brandcol p{color:var(--w-mut);font-size:.9rem;max-width:26rem;margin:.6rem 0 0}.w-foot-in .brandcol strong{font:600 1.1rem var(--display);color:var(--w-tx)}
.w-foot-in h4{margin:0 0 .6rem;font:600 .72rem var(--mono);color:var(--w-tx);letter-spacing:.04em}.w-foot-in a{display:block;color:var(--w-mut);text-decoration:none;padding:.35rem 0;font-size:.9rem}.w-foot-in a:hover{color:var(--w-tx)}
.w-foot-bot{max-width:1280px;margin:0 auto;padding:1.2rem 2rem 2rem;border-top:1px solid var(--w-sub);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:var(--w-mut);font-size:.8rem}@media(max-width:800px){.w-foot-bot{padding:1rem}}
.w-foot-bot p{margin:0;max-width:46rem}

/* Hell/Dunkel-Schalter */
body.web .themebtn{order:3;width:36px;height:36px;border-radius:10px;border:1px solid var(--w-sub);background:var(--w-card);color:var(--w-mut);display:inline-grid;place-items:center;cursor:pointer;padding:0;transition:color .2s,background .2s}
body.web .themebtn:hover{color:var(--w-tx);background:var(--w-over)}
body.web .themebtn .moon{display:none}body.web[data-theme=dark] .themebtn .sun{display:none}body.web[data-theme=dark] .themebtn .moon{display:block}
/* Hell: Karten ohne Flächenkontrast brauchen eine feine Kante und weichere Schatten */
body.web:not([data-theme=dark]) .w-btn.ghost{box-shadow:inset 0 0 0 1px var(--w-sub)}
body.web:not([data-theme=dark]) [class*=card],body.web:not([data-theme=dark]) .w-loop .m,body.web:not([data-theme=dark]) .w-compliance{box-shadow:inset 0 0 0 1px var(--w-sub),0 1px 2px rgba(15,23,42,.04)}

/* Schlanke Startseite */
.w-small{font:400 .8rem/1.5 var(--body);color:var(--w-mut);margin:0}
.w-three{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem}@media(max-width:800px){.w-three{grid-template-columns:1fr}}
.w-three .bx{padding:1.5rem;border-radius:14px;background:var(--w-card);box-shadow:inset 0 0 0 1px var(--w-sub)}.w-three .bh{margin-bottom:.8rem}.w-three h3{margin:0 0 .4rem;font-size:1.05rem}.w-three p{margin:0;color:var(--w-mut);font-size:.92rem}
.w-comp.solo{display:block}.w-comp.solo h2{text-align:center;margin-bottom:1.6rem}
.w-final .w-cta-card{padding:3rem 1.5rem;text-align:center}.w-final h2{margin-bottom:1.4rem}