:root{--h:245;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:oklch(.97 .025 var(--h));--card:oklch(.995 .01 var(--h));--line:oklch(.9 .035 var(--h));--text:oklch(.3 .03 var(--h));--muted:oklch(.5 .03 var(--h));--brand:oklch(.8 .12 var(--h));--brand-dark:oklch(.66 .13 var(--h));--on-brand:oklch(.25 .05 var(--h));--sat:env(safe-area-inset-top,0px);--gutter-l:max(16px, env(safe-area-inset-left,0px));--gutter-r:max(16px, env(safe-area-inset-right,0px))}*{box-sizing:border-box}:root{--r-s:12px;--r-m:16px;--r-l:20px;--r-bar:var(--r-s);--pad:16px;--gap:16px;--font:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif}[data-radius=eckig]{--r-s:4px;--r-m:6px;--r-l:8px}[data-radius=rund]{--r-s:18px;--r-m:24px;--r-l:32px}[data-density=kompakt]{--pad:16px;--gap:12px}[data-density=luftig]{--pad:24px;--gap:24px}body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0}.page{max-width:560px;padding-block:16px 96px;padding-left:var(--gutter-l);padding-right:var(--gutter-r);flex-direction:column;gap:12px;margin:0 auto;display:flex}.page.center{text-align:center;justify-content:center;align-items:center;min-height:100vh}h1{margin:0;font-size:1.6rem}h2{margin:4px 0;font-size:1.1rem}small,.hint{color:var(--muted)}.hint{margin:0;font-size:.85rem}.card{background:var(--card);border:2px solid var(--line);border-radius:var(--r-l);padding:var(--pad);flex-direction:column;gap:12px;display:flex}.row,.chips{flex-wrap:wrap;gap:12px;display:flex}.row>button{flex:1}.row-between{flex-direction:row;justify-content:space-between;align-items:center}input,select,textarea{border-radius:var(--r-s);border:2px solid var(--line);background:var(--bg);width:100%;min-height:48px;color:var(--text);font:inherit;padding:8px 12px}button{font:inherit;color:var(--text);background:var(--card);border:2px solid var(--line);border-radius:var(--r-s);cursor:pointer;padding:8px 12px}button.primary{background:var(--brand);border-color:var(--brand-dark);color:var(--on-brand);box-shadow:0 4px 0 var(--brand-dark);font-weight:700}button:disabled{opacity:.5;cursor:not-allowed}button.sel,.chip.on{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 18%, var(--card))}.hero{align-items:center;gap:12px;display:flex}.bubble{background:var(--card);border:2px solid var(--line);border-radius:16px;flex:1;padding:8px 16px}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{background:var(--card);border:2px solid var(--line);text-align:center;border-radius:14px;flex-direction:column;padding:8px;display:flex}.stat b{font-size:1.3rem}.bar{background:var(--line);border-radius:99px;height:12px;overflow:hidden}.bar>div{background:var(--brand);height:100%;transition:width .4s}.quest,.topic{text-align:left;justify-content:space-between;align-items:center;width:100%;display:flex}.quest.done,.topic.done{opacity:.65}.flash{text-align:center;cursor:pointer;justify-content:space-between;min-height:180px}.big{margin:0;font-size:1.3rem}.soon{color:#e11d48;font-weight:700}.past{color:var(--muted)}.tabs{padding:8px var(--gutter-r) calc(8px + env(safe-area-inset-bottom,0px)) var(--gutter-l);background:var(--card);border-top:2px solid var(--line);justify-content:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.tabs button{background:0 0;border:0;flex-direction:column;flex:1;align-items:center;max-width:100px;padding:4px;display:flex}.tabs button.active{color:var(--brand-dark);font-weight:700}.mascot{flex-shrink:0;line-height:0;animation:3s ease-in-out infinite bob}.mascot-sleepy{opacity:.85;animation:none}@keyframes bob{50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.mascot,.bar>div{transition:none;animation:none}}.back{color:var(--muted);background:0 0;border:0;padding:4px 8px;font-size:1.6rem}.say{align-items:center;gap:12px;display:flex}.say .mascot{order:-1}.say .bubble{flex:1}.say-big{flex-direction:column;align-items:center;gap:16px;margin-top:auto;display:flex}.bubble{background:var(--card);border:2px solid var(--line);border-radius:var(--r-m);text-align:left;padding:12px 16px;font-size:1.1rem;line-height:1.4;position:relative}.say-big .bubble{text-align:center;max-width:340px}.bubble .hl,.hl{color:oklch(55% .17 300)}.tail:before{content:"";border:8px solid #0000;border-bottom:0;border-top-color:var(--line);margin-left:-8px;position:absolute;bottom:-9px;left:50%}.tail-left:before{content:"";border:8px solid #0000;border-left:0;border-right-color:var(--line);position:absolute;top:26px;left:-9px}.body{flex-direction:column;flex:1;gap:12px;display:flex}.ob-input{text-align:center;font-size:1.15rem}.opts{flex-direction:column;gap:12px;display:flex}.opt{text-align:left;width:100%;padding:var(--pad) 16px;border:2px solid var(--line);border-radius:var(--r-m);background:var(--card);box-shadow:0 3px 0 var(--line);align-items:center;gap:16px;font-size:1.05rem;display:flex}.opt.on{border-color:var(--brand-dark);background:color-mix(in srgb, var(--brand) 25%, var(--card));box-shadow:0 3px 0 var(--brand-dark)}.opt-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.opt-main small{font-size:.85rem}.side{color:var(--muted);font-size:.95rem}.check{border:2px solid var(--line);border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.check.on{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}.bars{align-items:flex-end;gap:4px;width:34px;height:32px;display:inline-flex}.bars i{background:var(--line);border-radius:3px;flex:1}.bars i.on{background:var(--brand-dark)}.foot{padding-block:12px calc(8px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top, var(--bg) 75%, transparent);flex-direction:column;gap:12px;display:flex;position:sticky;bottom:0}.foot button{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--r-m);padding:16px;font-weight:800}.foot .outline{color:var(--brand-dark);border:2px solid var(--line);background:0 0}.foot .ghost-btn{color:var(--brand-dark);background:0 0;border:0}.splash{flex-direction:column;align-items:center;gap:8px;margin-top:auto;display:flex}.wordmark{letter-spacing:-.02em;color:var(--brand-dark);margin:8px 0 0;font-size:2.4rem}.wordmark span{color:var(--muted)}.splash p{color:var(--muted);margin:0;font-size:1.1rem}.phone{border:8px solid var(--line);background:color-mix(in srgb, var(--line) 30%, var(--card));border-bottom:0;border-radius:40px 40px 0 0;grid-template-columns:1fr 1fr;align-self:center;gap:16px;width:min(78%,300px);padding:20px 16px 0;display:grid}.phone .notch{background:var(--line);border-radius:99px;grid-column:1/-1;justify-self:center;width:80px;height:16px}.phone .widget{background:linear-gradient(160deg,oklch(88% .08 300),oklch(82% .09 245));border-radius:22px;flex-direction:column;grid-area:2/1/4/2;align-items:center;padding:8px;font-weight:800;display:flex}.phone .ghost{background:var(--line);opacity:.7;border-radius:16px;height:56px}.benefits{flex-direction:column;gap:24px;margin:0;padding:0;list-style:none;display:flex}.benefits li{align-items:flex-start;gap:16px;display:flex}.benefits small{margin-top:4px;display:block}.hop{animation:.5s ease-out hop}@keyframes hop{30%{transform:translateY(-14px)scale(1.04)}}[data-style=B] .opt{border:0;border-radius:22px;box-shadow:0 8px 22px oklch(70% .08 245/.22)}[data-style=B] .opt.on{background:var(--brand);box-shadow:0 8px 22px oklch(60% .12 245/.4)}[data-style=B] .bubble{border:0;box-shadow:0 6px 18px oklch(70% .08 245/.2)}[data-style=B] .tail:before,[data-style=B] .tail-left:before{display:none}[data-style=C] .opts:not(.list){grid-template-columns:1fr 1fr;display:grid}[data-style=C] .opts:not(.list) .opt{text-align:center;flex-direction:column;padding:16px 8px}[data-style=C] .opts:not(.list) .opt-icon{font-size:2.2rem}[data-style=C] .opts:not(.list) .check{position:absolute;top:8px;right:8px}[data-style=C] .opts:not(.list) .opt{position:relative}[data-style=D] .opt{background:color-mix(in srgb, var(--brand) 18%, var(--card));width:auto;max-width:92%;box-shadow:none;border-width:2px;border-radius:22px 22px 6px;align-self:flex-end}[data-style=D] .opt.on{background:var(--brand);border-color:var(--brand-dark)}[data-style=D] .opts.list .opt{border-radius:22px 22px 6px;align-self:stretch;width:100%}.devbar{top:calc(8px + env(safe-area-inset-top,0px));right:var(--gutter-r);max-width:calc(100vw - var(--gutter-l) - var(--gutter-r));scrollbar-width:none;z-index:50;background:var(--card);border:2px solid var(--line);border-radius:99px;flex-wrap:nowrap;align-items:center;gap:4px;padding:4px;font-size:.75rem;display:flex;position:fixed;overflow-x:auto;box-shadow:0 2px 8px #0000001f}.devbar>*{flex-shrink:0}.devbar button{border:0;border-radius:99px;padding:4px 8px}.devbar button.on{background:var(--brand);color:var(--on-brand);font-weight:700}@media (prefers-reduced-motion:reduce){.hop{animation:none}}[data-dev] .page{padding-top:56px}.devbar small{padding:0 4px 0 8px}html,body{min-height:100%}button{min-height:44px}.shell{display:block}.content{min-width:0}.brand{display:none}.cols,.col{flex-direction:column;gap:12px;min-width:0;display:flex}.subject-grid{flex-direction:column;gap:12px;display:flex}@media (width>=768px){body{font-size:1.0625rem}.shell{grid-template-columns:112px minmax(0,1fr);min-height:100vh;display:grid}.tabs{border-top:0;border-right:2px solid var(--line);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:12px;height:100vh;padding:28px 12px;position:sticky;inset:0 auto auto}.tabs button{border-radius:18px;flex:none;width:100%;max-width:none;min-height:64px;padding:16px 8px}.tabs button span{font-size:1.6rem}.tabs button small{font-size:.8rem}.tabs button.active{background:color-mix(in srgb, var(--brand) 28%, var(--card))}.brand{text-align:center;color:var(--brand-dark);margin-bottom:16px;font-size:1rem;font-weight:800;display:block}.brand span{color:var(--muted)}.page{gap:16px;max-width:760px;padding-top:32px;padding-bottom:40px}.page.wide{max-width:1040px}h1{font-size:2rem}h2{font-size:1.25rem}.card{border-radius:20px;padding:24px}.hero .mascot svg{width:170px;height:170px}.stat{padding:16px}.stat b{font-size:1.6rem}.bubble{font-size:1.15rem}.say .mascot svg{width:130px;height:130px}.say-big .mascot svg,.splash .mascot svg{width:240px;height:240px}.wordmark{font-size:3rem}.opts:not(.list){grid-template-columns:1fr 1fr;gap:16px;display:grid}[data-style=D] .opts:not(.list){display:flex}.opt{min-height:64px;padding:16px;font-size:1.1rem}.foot{width:100%;max-width:520px;margin-inline:auto}.phone{width:320px}}@media (width>=1100px){.shell{grid-template-columns:248px minmax(0,1fr)}.tabs{padding:32px 16px}.tabs button{flex-direction:row;justify-content:flex-start;gap:16px;min-height:56px;padding:12px 16px}.tabs button small{font-size:1.05rem}.brand{text-align:left;padding-left:16px;font-size:1.5rem}.page.wide{max-width:1100px}}.plain{margin:0}.badge{letter-spacing:.06em;border-radius:var(--r-s);background:var(--brand);color:var(--on-brand);vertical-align:middle;padding:4px 8px;font-size:.7rem;font-weight:800;display:inline-block}.ico{margin:0 auto 4px;display:block}.ico.flame{color:oklch(72% .16 50)}.ico.star{color:oklch(80% .15 90)}.ico.snow{color:var(--brand-dark)}.dot{border:2px solid var(--line);vertical-align:middle;color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;margin-right:8px;display:inline-grid}.dot.on{background:var(--brand-dark);border-color:var(--brand-dark)}.row-l{align-items:center;display:inline-flex}.tabs button svg{display:block}.groups{flex-direction:column;gap:16px;display:flex}.group{margin:0 0 8px;font-size:1.05rem;font-weight:800}.flame-count{color:oklch(60% .17 50);align-items:center;gap:4px;display:inline-flex}.benefits li>svg{color:var(--brand-dark);flex-shrink:0}.back span{display:block}[data-btn=flach] button.primary{box-shadow:none;border-color:var(--brand)}[data-btn=umriss] button.primary{color:var(--brand-dark);box-shadow:none;border-color:var(--brand-dark);background:0 0}[data-btn=umriss] button.primary:disabled{border-color:var(--line);color:var(--muted)}.icon-tile{border-radius:var(--r-s);background:color-mix(in srgb, var(--brand) 38%, var(--card));color:var(--on-brand);place-items:center;display:inline-grid}.stat .icon-tile{margin:0 auto 4px}.tabs button .icon-tile{background:color-mix(in srgb, var(--brand) 30%, var(--card))}.werk h2{margin:0}.werk-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.werk-grid.three{grid-template-columns:repeat(3,1fr)}.choice{text-align:left;border:2px solid var(--line);border-radius:var(--r-m);background:var(--card);box-shadow:0 3px 0 var(--line);flex-direction:column;align-items:flex-start;gap:8px;padding:16px;display:flex}.choice.on{border-color:var(--brand-dark);background:color-mix(in srgb, var(--brand) 22%, var(--card));box-shadow:0 3px 0 var(--brand-dark)}.icon-row{color:var(--brand-dark);flex-wrap:wrap;gap:8px;display:flex}.swatches{flex-wrap:wrap;gap:12px;display:flex}.swatch{color:oklch(25% .05 245);border-width:3px;min-width:120px;padding:16px 12px;font-weight:800}.swatch.on{outline:3px solid var(--text);outline-offset:2px}.mini-card{background:var(--brand);width:100%;height:44px}.mini-card.r-eckig{border-radius:4px}.mini-card.r-mittel{border-radius:16px}.mini-card.r-rund{border-radius:32px}.btn-demo{width:100%;display:block}.primary-demo{text-align:center;text-transform:uppercase;letter-spacing:.06em;border:2px solid var(--brand-dark);border-radius:var(--r-m);background:var(--brand);color:var(--on-brand);box-shadow:0 3px 0 var(--brand-dark);padding:8px;font-weight:800;display:block}[data-btn=flach].btn-demo .primary-demo{box-shadow:none}[data-btn=umriss].btn-demo .primary-demo{color:var(--brand-dark);box-shadow:none;background:0 0}.opts.mini{gap:12px;width:100%}.opts.mini .opt{pointer-events:none;min-height:0;padding:8px 12px}.summary{border-radius:var(--r-s);background:var(--bg);margin:0;padding:12px;line-height:1.7}.plain-list{flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}@media (width<=520px){.werk-grid.three{grid-template-columns:1fr}}.feld{border-radius:var(--r-m);flex-direction:column;gap:8px;padding:4px;display:flex}.feld.now{background:color-mix(in srgb, var(--brand) 18%, var(--card));outline:2px solid var(--brand)}.feld-kopf{align-items:stretch;gap:8px;display:flex}.feld-kopf .topic{flex:1}.mini-toggle{flex-shrink:0;width:44px;padding:0;font-size:1.4rem;font-weight:800}.topic{text-align:left}.topic b{display:block}.sub{color:var(--muted);margin-top:4px;font-weight:400;display:block}.art{color:var(--brand-dark);text-transform:uppercase;letter-spacing:.04em;font-weight:800}.topic.small{padding:8px 12px;font-size:.95rem}.bloecke{flex-direction:column;gap:8px;margin:0;padding:0 0 0 12px;list-style:none;display:flex}.quelle{margin-top:4px}.quelle a{color:var(--brand-dark)}.preview{position:static;box-shadow:0 8px 24px oklch(50% .08 245/.18)}@media (width>=1100px) and (height>=760px){.preview{z-index:5;position:sticky;top:8px}}.pv{flex-direction:column;gap:8px;display:flex}.pv .hero,.pv .stats{gap:8px}.pv-nav{justify-content:space-around;padding-top:8px}@media (width>=900px){.pv{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.pv .hero,.pv .stats{grid-column:1/2}.pv .opts{grid-area:1/2/3/3}.pv .row,.pv-nav{grid-column:2/3}}.vh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topstats{align-items:center;gap:16px;display:flex}.ts{align-items:center;gap:8px;font-size:1.1rem;font-weight:800;display:inline-flex}.ico-i.flame{color:oklch(72% .16 50)}.ico-i.star{color:oklch(80% .15 90)}.ico-i.snow{color:var(--brand-dark)}.ico-i.herz{color:oklch(65% .19 20)}.fachwahl{scrollbar-width:thin;gap:12px;padding:4px 4px 8px;display:flex;overflow-x:auto}.fachwahl .chip{white-space:nowrap;flex-shrink:0}.chip .badge{margin-left:8px}.ring{flex-shrink:0;place-items:center;display:inline-grid;position:relative}.ring>svg{position:absolute;inset:0}.ring-in{flex-direction:column;align-items:center;line-height:1.1;display:flex;position:relative}.ring-in small{font-size:.7rem}.tagesziel,.tagesstart{flex-direction:row;align-items:center;gap:16px}.tagesziel-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.lernen>*{min-width:0}.kopf-a{flex-direction:column;gap:8px;display:flex}.kleben{z-index:30;margin:-16px calc(-1 * var(--gutter-r)) 0 calc(-1 * var(--gutter-l));padding:calc(8px + env(safe-area-inset-top,0px)) var(--gutter-r) 8px var(--gutter-l);background:var(--bg);border-bottom:0;gap:8px;position:sticky;top:0}[data-dev] .kleben{box-shadow:0 -44px 0 var(--bg);top:44px}.kopf-zeile{justify-content:space-between;align-items:center;gap:12px;display:flex}.kopf-zeile .topstats{gap:16px}.fach-knopf{background:var(--card);border:2px solid var(--line);border-radius:14px;align-items:center;gap:12px;max-width:52%;min-height:0;padding:4px 8px 4px 4px;font-weight:800;display:inline-flex}.fach-knopf span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fach-knopf svg:first-child{border-radius:8px;flex-shrink:0}.tagesziel-k{align-items:center;gap:12px;display:flex}.tagesziel-k .tagesziel-text b{font-size:.95rem}.tagesziel-k .tagesziel-text small{color:var(--muted);font-size:.8rem}.kopf{flex-direction:column;gap:12px;display:flex}.kopf-zeile.gleich{justify-content:space-between}.fach-auf{margin-top:8px}.fach-knopf.klein{align-self:flex-start;padding:4px 8px 4px 4px;font-size:.85rem}.fach-bild-w{position:relative}.fach-bild{border-radius:12px;min-height:0;padding:4px;line-height:0}.tag-balken{background:var(--line);text-align:center;border:0;border-radius:99px;width:100%;height:24px;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.tag-balken span{background:var(--brand);border-radius:99px;transition:width .4s;position:absolute;inset:0 auto 0 0}.tag-balken small{color:var(--text);font-size:.72rem;font-weight:800;line-height:22px;position:relative}.chips{gap:8px;display:flex}.chip-w{border-radius:var(--r-s);background:var(--card);border:2px solid var(--line);align-items:center;gap:4px;padding:8px 12px 8px 8px;font-weight:800;display:inline-flex}.kopf-C .fachwahl{padding-bottom:4px}.ring-knopf{background:0 0;border:0;border-radius:50%;min-height:0;padding:0;line-height:0}.ring-knopf .ring-in{color:var(--brand-dark)}.kopf-D .d-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.kopf-D .d-text b{font-size:.95rem}.kopf-D .d-text small{font-size:.75rem}.d-stats{flex-direction:column;gap:4px;display:flex}.kopf-D .kopf-zeile{justify-content:flex-start;gap:12px}button.klein{min-height:0;padding:8px 16px;font-size:.9rem}.a-raster{display:block}.a-rechts{display:none}@media (width>=768px){.kleben{margin-top:-32px;padding-top:16px}}@media (width>=1100px){.lernen-A .kleben{display:none}.a-raster{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:32px;display:grid}.a-rechts{flex-direction:column;gap:16px;display:flex;position:sticky;top:24px}[data-dev] .a-rechts{top:60px}.a-rechts .fach-knopf{flex:none;max-width:none}.a-rechts .kopf-zeile .topstats{flex-shrink:0;gap:12px}}.hero-b{align-items:center;gap:12px;display:flex}.zwei{grid-template-columns:1fr;align-items:start;gap:16px;display:grid}@media (width>=900px){.zwei{grid-template-columns:minmax(280px,1fr) minmax(0,1.4fr)}.seite-c{position:sticky;top:16px}}.seite-c,.haupt-c{flex-direction:column;gap:16px;min-width:0;display:flex}.kopf-d{justify-content:space-between;align-items:center;gap:12px;display:flex}.bar.schmal{height:8px}.select-fach select{padding:8px 12px;font-weight:800}.pfad{padding-inline:12px;flex-direction:column;gap:24px;margin-inline:-12px;padding-bottom:80px;display:flex;overflow-x:clip}.pfad-leer{text-align:center;padding:24px}.banner{border-radius:var(--r-l);color:var(--on-brand);background:var(--brand);box-shadow:0 5px 0 var(--brand-dark);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.banner b{margin:4px 0;font-size:1.15rem;display:block}.banner small{opacity:.85}.banner .fort{margin-top:4px;display:block}.banner-1{background:oklch(.82 .1 calc(var(--h) + 55));box-shadow:0 5px 0 oklch(.68 .12 calc(var(--h) + 55))}.banner-2{background:oklch(.84 .1 calc(var(--h) + 110));box-shadow:0 5px 0 oklch(.7 .12 calc(var(--h) + 110))}.banner-3{background:oklch(.84 .1 calc(var(--h) + 170));box-shadow:0 5px 0 oklch(.7 .12 calc(var(--h) + 170))}.banner>div{flex:1;min-width:0}.banner-art{flex-shrink:0;width:76px;height:76px;line-height:0}.einheit{--ec:var(--brand);--ecd:var(--brand-dark)}.e-1{--ec:oklch(.82 .1 calc(var(--h) + 55));--ecd:oklch(.68 .12 calc(var(--h) + 55))}.e-2{--ec:oklch(.84 .1 calc(var(--h) + 110));--ecd:oklch(.7 .12 calc(var(--h) + 110))}.e-3{--ec:oklch(.84 .1 calc(var(--h) + 170));--ecd:oklch(.7 .12 calc(var(--h) + 170))}.knoten{flex-direction:column;align-items:center;gap:28px;padding:32px 0 8px;display:flex}.knoten-zeile{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.knopf-platz{place-items:center;display:grid;position:relative}.knopf-platz:has(.knopf-ring){margin:16px 0 24px}.knopf{--w:72px;--hh:64px;--lip:8px;width:var(--w);height:var(--hh);color:#fff;background:var(--ec);box-shadow:0 var(--lip) 0 var(--ecd);z-index:1;border:0;border-radius:50%;place-items:center;min-height:0;padding:0;transition:transform 80ms,box-shadow 80ms;display:grid;position:relative}.knopf:active{transform:translateY(calc(var(--lip) - 2px));box-shadow:0 2px 0 var(--ecd)}.knopf:not(.done):not(.jetzt){background:oklch(.92 .012 var(--h));color:oklch(.68 .02 var(--h));box-shadow:0 var(--lip) 0 oklch(.8 .02 var(--h))}.knopf:not(.done):not(.jetzt):active{box-shadow:0 2px 0 oklch(.8 .02 var(--h))}.knopf.test.done,.knopf.test.jetzt{color:oklch(45% .1 75);box-shadow:0 var(--lip) 0 oklch(74% .13 80);background:oklch(88% .13 88)}.start-tipp{z-index:3;background:var(--card);color:var(--ecd);border:2px solid var(--line);letter-spacing:.06em;text-transform:uppercase;border-radius:12px;margin-bottom:8px;padding:8px 16px;font-size:.85rem;font-weight:800;animation:1.4s ease-in-out infinite hops;position:relative}.start-tipp:after{content:"";background:var(--card);border-right:2px solid var(--line);border-bottom:2px solid var(--line);width:12px;height:12px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes hops{50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.start-tipp{animation:none}}.knopf-ring{width:112px;height:104px;transform:translate(-50%, -50%) translateY(calc(var(--lip,9px) / 2));fill:none;stroke:oklch(.9 .015 var(--h));stroke-width:6px;position:absolute;top:50%;left:50%}.knopf-ring .voll{stroke:var(--ec);stroke-linecap:round}[data-knoten=B] .knopf-platz,[data-knoten=C] .knopf-platz,[data-knoten=D] .knopf-platz{margin-bottom:12px}[data-knoten=B] .knopf{--w:72px;--hh:72px;--lip:8px}[data-knoten=B] .knopf-platz:after{content:"";background:radial-gradient(closest-side, oklch(.45 .06 var(--h) / .28), transparent);border-radius:50%;width:92px;height:20px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}[data-knoten=B] .knopf.jetzt{animation:1.8s ease-in-out infinite puls}@keyframes puls{50%{box-shadow:0 var(--lip) 0 var(--ecd), 0 0 0 10px color-mix(in srgb, var(--ec) 40%, transparent)}}[data-knoten=C] .knopf{--w:92px;--hh:56px;--lip:12px}[data-knoten=C] .knopf svg{transform:scaleY(.82)}[data-knoten=C] .knopf-platz:after{content:"";background:oklch(.88 .03 var(--h) / .7);border-radius:50%;width:110px;height:24px;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}[data-knoten=C] .knopf.jetzt{outline:4px solid color-mix(in srgb, var(--ec) 45%, transparent);outline-offset:5px}[data-knoten=D] .knoten{gap:44px}[data-knoten=D] .knopf{--w:76px;--hh:64px;--lip:8px}[data-knoten=D] .knopf-platz:after{content:"";background:oklch(.86 .03 var(--h) / .6);border-radius:50%;width:86px;height:16px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.spur{z-index:0;width:0;height:0;position:absolute;top:0;left:50%}.spur i{background:oklch(.86 .03 var(--h));border-radius:50%;width:18px;height:8px;position:absolute;left:-9px}.fenster-rand{z-index:60;background:oklch(.2 .04 var(--h) / .45);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.fenster{background:var(--card);border-radius:var(--r-l) var(--r-l) 0 0;width:100%;max-width:520px;padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:12px;display:flex;position:relative}@media (width>=768px){.fenster-rand{align-items:center}.fenster{border-radius:var(--r-l)}}.fenster-zu{background:0 0;border:0;padding:8px;position:absolute;top:10px;right:10px}.fenster-kopf{color:var(--muted);font-weight:700}.fenster h2{margin:0;font-size:1.35rem}.fenster .primary small{opacity:.8;margin-left:8px}.fenster button{text-transform:none}.lekt{--ok:oklch(62% .15 150);--ok-bg:oklch(94% .06 150);--ok-dark:oklch(45% .14 150);--lern:oklch(55% .15 255);--lern-bg:oklch(93% .045 250);--lern-dark:oklch(42% .14 255);z-index:70;background:var(--bg);padding-top:env(safe-area-inset-top,0px);flex-direction:column;display:flex;position:fixed;inset:0}.lekt-kopf{padding:16px var(--gutter-r) 8px var(--gutter-l);align-items:center;gap:16px;width:100%;max-width:760px;margin:0 auto;display:flex}.lekt-kopf .bar{flex:1;height:16px}.lekt-zu{min-width:44px;min-height:44px;color:var(--muted);background:0 0;border:0;place-items:center;padding:8px;display:grid}.herzen{color:oklch(55% .2 20);justify-content:flex-end;align-items:center;gap:4px;min-width:44px;font-size:1.1rem;font-weight:800;display:inline-flex}.herz-puls{animation:.5s ease-out herz-puls;display:inline-flex}@keyframes herz-puls{0%{transform:scale(1.6)}}.runde-chip{letter-spacing:.06em;text-transform:uppercase;color:var(--brand-dark);font-size:.8rem;font-weight:800}.lekt-beispiel{width:100%;max-width:640px;padding:0 var(--gutter-r) 0 var(--gutter-l);color:var(--muted);margin:0 auto;font-size:.8rem;line-height:1.35}.lekt-mitte{padding:16px var(--gutter-r) 24px var(--gutter-l);flex-direction:column;flex:1;gap:24px;width:100%;max-width:640px;margin:0 auto;display:flex;overflow-y:auto}.lekt-titel{margin:0;font-size:1.4rem;line-height:1.25}.lekt-frage{align-items:center;gap:16px;display:flex}.frage-wolf{flex-shrink:0;max-width:88px;transition:opacity .25s,max-width .4s .1s,margin .4s .1s;display:inline-flex}.frage-wolf.weg{opacity:0;max-width:0;margin-right:-16px;overflow:hidden}.frage-wolf.weg+.bubble:before{opacity:0;transition:opacity .25s}.lekt-frage .mascot{flex-shrink:0}.lekt-frage .bubble{flex:1;font-size:1.15rem;font-weight:700}.kicker{color:var(--brand-dark);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:.75rem;font-weight:800;display:block}.lekt-antwort{border:2px solid var(--brand-dark);border-radius:var(--r-m);background:color-mix(in srgb, var(--brand) 22%, var(--card));text-align:left;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;display:flex}.lekt-antwort p{margin:0;font-size:1.2rem;font-weight:700;line-height:1.4}.optionen{flex-direction:column;gap:12px;display:flex}.lopt{text-align:left;border:2px solid var(--line);border-radius:var(--r-m);background:var(--card);border-bottom-width:4px;align-items:center;gap:16px;width:100%;min-height:56px;padding:12px 16px;font-size:1.05rem;font-weight:700;line-height:1.35;display:flex}.lopt-nr{display:none}@media (hover:hover) and (pointer:fine){.lopt-nr{border:2px solid var(--line);width:28px;height:28px;color:var(--muted);border-radius:8px;flex-shrink:0;place-items:center;font-size:.8rem;display:grid}}.lopt.sel{border-color:var(--brand-dark);background:color-mix(in srgb, var(--brand) 22%, var(--card))}.lopt.richtig{border-color:var(--ok);background:var(--ok-bg);color:var(--ok-dark)}.lopt.falsch{border-color:var(--lern);background:var(--lern-bg);color:var(--lern-dark);animation:.4s sanft}.lopt:disabled{opacity:1;cursor:default}.lopt.blass{opacity:.5}.lopt.paar.richtig:disabled{opacity:.55}@keyframes sanft{50%{transform:scale(1.02)}}.hoeren-box{flex-direction:column;flex:1;align-items:flex-start;gap:4px;display:flex}.hoeren-text{margin:0;font-size:1.1rem;font-weight:700;line-height:1.4}.sprecher{align-items:center;gap:12px;display:flex}.sprecher-gross{width:72px;height:72px;color:var(--on-brand);background:var(--brand);border:2px solid var(--brand-dark);border-bottom-width:4px;border-radius:50%;place-items:center;padding:0;display:grid}.sprecher-klein,.textknopf{min-height:44px;color:var(--brand-dark);letter-spacing:.05em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;font-weight:800;display:inline-flex}.textknopf{color:var(--muted)}.lekt-eingabe{border-radius:var(--r-m);min-height:56px;font-size:1.2rem;font-weight:700}.lekt-eingabe.richtig{border-color:var(--ok);background:var(--ok-bg)}.lekt-eingabe.falsch{border-color:var(--lern);background:var(--lern-bg)}.bau-zeile{box-sizing:border-box;border:2px dashed var(--line);border-radius:var(--r-m);flex-wrap:wrap;align-content:flex-start;gap:8px;min-width:0;max-width:100%;min-height:72px;padding:8px;display:flex}.bau-zeile.richtig{border-color:var(--ok);background:var(--ok-bg)}.bau-zeile.falsch{border-color:var(--lern);background:var(--lern-bg)}.bau-bank{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.baustein{box-sizing:border-box;overflow-wrap:anywhere;text-align:center;border:2px solid var(--line);border-radius:var(--r-s);background:var(--card);border-bottom-width:4px;align-items:center;max-width:100%;min-height:44px;padding:8px 16px;font-size:1.05rem;font-weight:700;display:inline-flex}.baustein.leer{background:var(--line);color:#0000;-webkit-user-select:none;user-select:none;border-color:#0000}.paare-raster{flex-direction:column;gap:12px;display:flex}.paare-zeile{grid-template-columns:1fr 1fr;gap:16px;display:grid}.paare-zeile .lopt{height:100%}.lopt.paar{text-align:center;justify-content:center;min-height:64px;font-size:.95rem}.mikro{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.mikro .hint{max-width:36ch}.mikro-ring{width:88px;height:88px;color:var(--brand-dark);background:color-mix(in srgb, var(--brand) 25%, var(--card));border:2px solid var(--brand-dark);border-radius:50%;place-items:center;display:grid}.mikro.gezeigt .mikro-ring{opacity:.6}.mikro-aus{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.lekt-fuss{padding:16px var(--gutter-r) calc(16px + env(safe-area-inset-bottom,0px)) var(--gutter-l);background:var(--bg);border-top:0}.lekt-fuss.richtig{background:var(--ok-bg);color:var(--ok-dark);border-color:#0000}.lekt-fuss.falsch{background:var(--lern-bg);color:var(--lern-dark);border-color:#0000}.fuss-in{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:640px;margin:0 auto;display:flex}.fuss-in>button:not(.textknopf),.selbst{flex:1}.selbst{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lekt-fuss button:not(.textknopf){z-index:1;text-transform:uppercase;letter-spacing:.05em;min-height:52px;font-weight:800;position:relative}.lekt-fuss button.primary.richtig{background:var(--ok);border-color:var(--ok-dark);box-shadow:0 4px 0 var(--ok-dark);color:#fff}.lekt-fuss button.primary.falsch{background:var(--lern);border-color:var(--lern-dark);box-shadow:0 4px 0 var(--lern-dark);color:#fff}.fuss-in.rueck{flex-direction:column;align-items:stretch;gap:12px}.fuss-in.rueck>button{flex:none;width:100%}.rueck-wolf{align-items:center;min-height:112px;display:flex;position:relative}.wolf-seite{transform-origin:30% 100%;line-height:0;animation:.7s cubic-bezier(.2,1.25,.4,1) both wolf-seite-rein;position:absolute;bottom:-36px;left:-8px;transform:translate(-30%)rotate(14deg)}.wolf-seite .mascot,.wolf-seite.richtig{animation:none}@keyframes wolf-seite-rein{0%{transform:translate(-130%)rotate(14deg)}}.rueck-blase{border-radius:var(--r-m);background:var(--card);transform-origin:0;border:2px solid;flex-direction:column;flex:1;align-items:flex-start;gap:4px;margin-left:96px;padding:12px 16px;animation:.45s cubic-bezier(.3,1.5,.5,1) .3s both blase-pop;display:flex;position:relative}.rueck-blase:before{content:"";background:var(--card);border-bottom:2px solid;border-left:2px solid;border-color:inherit;width:12px;height:12px;position:absolute;top:24px;left:-8px;transform:rotate(45deg)}.lekt-fuss.richtig .rueck-blase{border-color:var(--ok);color:var(--ok-dark)}.lekt-fuss.falsch .rueck-blase{border-color:var(--lern);color:var(--lern-dark)}@keyframes blase-pop{0%{opacity:0;scale:.5}}.rueck-blase p{margin:0}.rueck-kopf{align-items:center;gap:8px;font-size:1.3rem;display:inline-flex}.kombo{align-items:center;gap:4px;font-size:.85rem;font-weight:800;display:inline-flex}.lekt.fertig{text-align:center;justify-content:center;align-items:center;gap:16px;padding:24px;overflow-y:auto}.fertig-werte{gap:20px;display:flex}.lekt.fertig>*{max-width:520px}.lekt.fertig>:not(.konfetti){z-index:1;position:relative}.lekt.fertig>.konfetti{z-index:0;max-width:none;position:absolute}.lekt.fertig>button.primary{text-transform:uppercase;letter-spacing:.05em;width:100%;max-width:320px;min-height:52px;font-weight:800}.lekt.fertig p{margin:0}.finale{gap:24px}.finale-wolf{justify-content:center;align-items:flex-end;gap:8px;display:flex}.finale-bonus{color:oklch(50% .12 75);align-items:center;gap:8px;font-weight:800;display:inline-flex}.finale-karten{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;display:flex}.lekt.fertig>.finale-karten{max-width:560px}.fk{border:2px solid var(--c);border-radius:var(--r-m);background:var(--card);flex:120px;min-width:120px;animation:.6s cubic-bezier(.3,1.5,.5,1) both poppen;overflow:hidden}.fk small{background:var(--c);color:#fff;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;font-size:.7rem;font-weight:800;display:block}.fk b{white-space:nowrap;color:var(--cd);justify-content:center;align-items:center;gap:8px;padding:12px 8px;font-size:1.4rem;display:flex}.fk.xp{--c:oklch(78% .15 85);--cd:oklch(50% .12 75)}.fk.treffer{--c:oklch(68% .15 150);--cd:oklch(45% .14 150)}.fk.serie{--c:oklch(72% .16 50);--cd:oklch(50% .15 50)}.fk.herz{--c:oklch(68% .18 20);--cd:oklch(50% .18 20)}.fk:nth-child(2){animation-delay:.12s}.fk:nth-child(3){animation-delay:.24s}.fk:nth-child(4){animation-delay:.36s}.leer-herzen{opacity:.35;filter:grayscale();gap:8px;display:flex}.abbruch{z-index:5}.abbruch .fenster{text-align:center;align-items:center}@media (prefers-reduced-motion:reduce){.fk,.lopt.falsch,.wolf-seite,.rueck-blase,.herz-puls{animation:none}.frage-wolf{transition:none}}.feld-label{flex-direction:column;gap:4px;font-size:.9rem;font-weight:700;display:flex}.beispiel-hinweis{background:color-mix(in srgb, oklch(90% .12 90) 45%, var(--card));border-radius:var(--r-s);border:2px solid oklch(80% .12 88);margin:0;padding:8px 12px;font-size:.92rem}.gesperrt,.leer,.upsell{text-align:center;align-items:center}.gesperrt svg{color:var(--muted)}.zettel{background:var(--bg);border-radius:var(--r-s);border:2px solid var(--line);padding:16px}.zettel h3{margin:0 0 8px}.zettel h4{color:var(--brand-dark);margin:8px 0 4px}.zettel p{margin:0;line-height:1.5}.segment{border:2px solid var(--line);border-radius:var(--r-m);background:var(--card);display:flex;overflow:hidden}.segment button{background:0 0;border:0;border-radius:0;flex:1;font-weight:800}.segment button.on{background:var(--brand);color:var(--on-brand)}.segment.klein button{min-height:36px;padding:8px;font-size:.9rem}.mehr summary{cursor:pointer;padding:8px 4px;font-weight:800}.mehr[open]>summary{margin-bottom:8px}.zeile-fach{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.zeile-fach small{color:var(--muted);display:block}.kartenliste{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.kartenliste li{border:2px solid var(--line);border-radius:var(--r-s);background:var(--card);flex-direction:column;padding:8px;display:flex}.kartenliste small{color:var(--muted)}.preis{font-size:1.6rem}.preis small{color:var(--muted);font-size:.85rem;font-weight:400;display:block}.vorteile{text-align:left;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.vorteile li{align-items:center;gap:8px;display:flex}.vorteile svg{color:var(--brand-dark)}.chatbox{max-height:62vh;overflow-y:auto}.feed{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.feed.liste{gap:8px}.msg{background:var(--bg);border:2px solid var(--line);border-radius:16px;flex-direction:column;gap:4px;max-width:82%;padding:8px 12px;display:flex}.msg.me{background:var(--brand);border-color:var(--brand-dark);color:var(--on-brand);margin-left:auto}.msg .von,.msg .zeit{opacity:.7;font-size:.75rem}.post{border-radius:var(--r-m);border:2px solid var(--line);background:color-mix(in srgb, var(--brand) 12%, var(--card));flex-direction:column;gap:4px;padding:8px 12px;display:flex}.post-kopf{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.post-text{font-weight:700}.post .mini-toggle{align-self:flex-start;width:auto;min-height:36px;padding:4px 12px;font-size:.9rem}.post .mini-toggle.on{background:var(--brand)}.schreiben{flex-direction:column;gap:12px;display:flex}.schreiben .row>input{flex:1}.senden{place-items:center;display:grid;flex:0 0 52px!important;padding:0!important}.pins{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.filter{flex-wrap:wrap;gap:12px;display:flex}.profil-kopf{flex-direction:row;align-items:center;gap:16px}.profil-kopf>div{flex-direction:column;gap:4px;display:flex}.profil-kopf h2{margin:0;font-size:1.4rem}.profil-kopf small{color:var(--muted)}@media (prefers-reduced-motion:reduce){.knopf.jetzt{animation:none}}.fertig-bild{justify-content:center;align-items:flex-end;gap:8px;display:flex}.abzeichen{flex-shrink:0;place-items:center;display:inline-grid;position:relative}.abzeichen svg{position:absolute;inset:0}.abz-in{flex-direction:column;align-items:center;gap:0;line-height:1;display:flex;position:relative}.bilder-gitter{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.bilder-gitter .fb{border-radius:var(--r-m);background:var(--brand);place-items:center;padding:8px;display:grid}.erfolge{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:16px;display:grid}.erfolg{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.erfolg.zu .abzeichen{filter:grayscale()opacity(.45)}.erfolg small{color:var(--muted)}.abzeichen>svg{position:absolute;inset:0}.abz-in svg{position:static}.link{color:var(--brand-dark);background:0 0;border:0;min-height:0;padding:4px;text-decoration:underline}.choice .bilder-gitter,.choice .icon-row{width:100%}.kacheln{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.kachel{border-radius:var(--r-l);border:2px solid var(--line);background:var(--card);box-shadow:0 4px 0 var(--line);flex-direction:column;align-items:center;gap:4px;padding:16px 8px;display:flex}.kachel small{color:var(--muted)}.kachel-bild{background:var(--brand);border-radius:var(--r-m);padding:4px;line-height:0}.tabs button{position:relative}.tabs button small{display:none}.badge-n{border:2px solid var(--card);box-sizing:content-box;background:oklch(68% .19 25);border-radius:50%;width:11px;height:12px;position:absolute;top:8px;left:calc(50% + 7px)}.nav-A,.nav-B,.nav-D{left:16px;right:16px;bottom:max(8px, calc(env(safe-area-inset-bottom,0px) - 10px));box-sizing:border-box;border:1.5px solid color-mix(in srgb, #fff 70%, var(--line));border-radius:var(--r-bar);background:color-mix(in srgb, var(--card) 94%, transparent);max-width:440px;height:64px;box-shadow:0 10px 30px oklch(.4 .08 var(--h) / .22), inset 0 1px 0 #fff;justify-content:space-around;align-items:center;gap:12px;margin-inline:auto;padding:8px 12px}.nav-A button,.nav-B button{flex:0 0 44px;width:44px}.nav-A button,.nav-B button,.nav-D button{border-radius:calc(var(--r-bar) - 3px);max-width:none;height:44px;min-height:0;color:color-mix(in srgb, var(--text,#1f2a3a) 80%, var(--brand-dark));justify-content:center}.nav-A button svg,.nav-B button svg,.nav-D button svg{width:30px;height:30px}.nav-A button.active{color:var(--brand-dark);background:color-mix(in srgb, var(--brand) 22%, var(--card));box-shadow:inset 0 0 0 2px var(--brand)}.nav-B button.active{color:var(--on-brand);background:var(--brand);box-shadow:0 3px 0 var(--brand-dark)}.nav-D button{flex:none;width:52px;transition:width .25s,background .25s}.nav-D button.active{background:color-mix(in srgb, var(--brand) 26%, var(--card));width:auto;color:var(--brand-dark);flex-direction:row;flex:auto;gap:8px;padding:0 16px}.nav-D button.active small{font-size:.95rem;font-weight:800;display:inline}.nav-C{padding:8px var(--gutter-r) calc(8px + env(safe-area-inset-bottom,0px)) var(--gutter-l);justify-content:space-around}.nav-C button{border:2px solid #0000;border-radius:16px;flex:none;justify-content:center;width:56px;height:52px}.nav-C button svg{stroke-width:2.2px;width:32px;height:32px}.nav-C .t-0{color:oklch(70% .15 40)}.nav-C .t-1{color:oklch(.62 .15 var(--h))}.nav-C .t-2{color:oklch(62% .16 150)}.nav-C .t-3{color:oklch(72% .15 85)}.nav-C .t-4{color:oklch(60% .17 305)}.nav-C button.active{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 20%, var(--card))}@media (width>=768px){.nav-A,.nav-B,.nav-D{border-radius:var(--r-bar);flex-direction:column;place-self:start center;gap:12px;width:62px;max-width:none;height:auto;margin:16px 0 16px 12px;padding:8px;position:sticky;inset:16px auto auto}.nav-A button,.nav-B button{align-self:center;width:44px;height:44px;min-height:0}.nav-D button{flex:none;width:100%;height:56px;min-height:0;padding:0}.nav-D button.active{flex:none;width:100%;padding:0}.nav-D button.active small{display:none}.nav-C{justify-content:flex-start;gap:12px}.nav-C button{width:100%;height:60px}}@media (width>=1100px){.nav-A,.nav-B,.nav-D{justify-self:center;width:62px}.nav-A button,.nav-B button,.nav-D button{justify-content:center;gap:0;width:44px;padding:0}.nav-C button{flex-direction:row;justify-content:flex-start;gap:16px;width:100%;padding:0 16px}.nav-C button small{text-transform:uppercase;letter-spacing:.06em;color:var(--text,inherit);font-size:.9rem;font-weight:800;display:inline}.nav-C button.active small{color:var(--brand-dark)}.nav-C .badge-n{top:12px;left:40px}}.tabs{z-index:40}.kopf-vorschau{text-align:left;pointer-events:none;width:100%}.start-text{letter-spacing:.08em;text-transform:uppercase;font-size:.95rem;font-weight:800}.kopf .kopf-zeile{justify-content:space-between;gap:16px}.kopf .d-text{text-align:left;background:0 0;border:0;flex-direction:column;flex:1;align-items:stretch;gap:4px;min-width:0;min-height:0;padding:0;display:flex}.kopf .bar.schmal{height:8px;display:block}.kopf .bar.schmal span{background:var(--brand);border-radius:99px;height:100%;transition:width .4s;display:block}.kopf .d-stats{flex-direction:row;align-items:center;gap:12px;display:flex}.kopf .ts{gap:4px;font-size:1rem}.kopf .fachwahl{padding-bottom:4px}.einheit>.banner{top:calc(var(--kopf-h,0px) + var(--kopf-top,0px) + 8px);z-index:20;position:sticky}[data-dev] .lernen{--kopf-top:44px}@media (width>=1100px){.lernen-A .einheit>.banner{top:calc(var(--kopf-top,0px) + 8px)}}.ic-bunt{color:var(--ic)}.tabs button.active .ic-bunt,.primary .ic-bunt{color:inherit}.knoten-zeile:has(.wurmi-pos){margin-top:64px}.kleben{padding-top:calc(8px + env(safe-area-inset-top,0px));gap:4px;padding-bottom:8px}.kopf{gap:12px}.kopf .d-text b{font-size:.88rem}.kopf .d-text small{font-size:.7rem}.kopf .bar.schmal{height:8px}.kopf .ts{font-size:.92rem}.kopf .d-stats{gap:12px}.kopf .fachwahl{gap:12px;padding:4px}.kopf .fachwahl .chip{border-width:2px;min-height:0;padding:4px 12px;font-size:.85rem}.kopf .chip .badge{padding:4px 8px;font-size:.6rem}.einheit>.banner{box-shadow:0 4px 0 var(--ecd,var(--brand-dark));padding:8px 16px}.einheit>.banner b{margin:0;font-size:1rem}.einheit>.banner small{font-size:.72rem}.einheit>.banner .fort{margin-top:0}.einheit>.banner .banner-art,.einheit>.banner .banner-art svg{width:52px;height:52px}@media (width>=768px){.kleben{padding-top:8px}}.einheit>.banner{padding:8px 16px;transition:padding .15s}.einheit>.banner .banner-art,.einheit>.banner .banner-art svg{width:44px;height:44px}.einheit>.banner.stuck{border-radius:14px;padding:8px 16px}.banner.stuck .banner-art,.banner.stuck>div>small:first-child{display:none}.banner.stuck>div{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.banner.stuck b{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.banner.stuck .fort{white-space:nowrap;display:inline}.kopf2{flex-direction:column;gap:4px;display:flex}.k2-zeile,.k2-werte{align-items:center;gap:12px;display:flex}.k2-werte.gleich{flex:1;justify-content:space-around}.kopf2 .ts{gap:4px;font-size:.95rem}.fach-auf.wrap .fachwahl{flex-wrap:wrap;overflow:visible}.fach-auf.wrap .chip{min-height:0;padding:4px 12px;font-size:.85rem}.fach-bild-w{display:inline-flex;position:relative}.fach-bild{border-radius:var(--r-bar);background:var(--card);place-items:center;min-width:44px;min-height:44px;padding:4px;line-height:0;display:grid}.fach-pille{border-radius:var(--r-bar);align-items:center;gap:8px;max-width:160px;min-height:40px;padding:4px 8px 4px 4px;font-size:.85rem;font-weight:800;display:inline-flex}.fach-pille span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fach-pille svg:first-child{border-radius:calc(var(--r-bar) - 3px);flex-shrink:0}.fach-auf.pop{z-index:40;background:var(--card);border:2px solid var(--line);width:min(86vw,340px);box-shadow:0 10px 28px oklch(.4 .08 var(--h) / .2);border-radius:16px;padding:8px;position:absolute;top:calc(100% + 8px);left:0}.k2-rechts{margin-left:auto}.k2-rechts .fach-auf.pop{left:auto;right:0}.kopf2 .tag-balken{height:16px}.kopf2 .tag-balken small{font-size:.68rem;line-height:18px}.tag-linie{background:var(--line);border:0;border-radius:99px;width:100%;height:4px;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.tag-linie span{background:var(--brand);border-radius:99px;transition:width .4s;position:absolute;inset:0 auto 0 0}.k2-reiter{flex:1;min-width:0}.kopf2-B .fachwahl{gap:12px;padding:0 4px 4px}.kopf2-B .chip{min-height:0;padding:4px 12px;font-size:.85rem}.kopf2-B .chip .badge{display:none}.kleben:has(.kopf2-C){pointer-events:none;background:0 0;border-bottom:0;padding-bottom:0}.kleben:has(.kopf2-C) .kapsel{pointer-events:auto}.kapsel{border-radius:var(--r-bar);border:1.5px solid color-mix(in srgb, #fff 70%, var(--line));background:color-mix(in srgb, var(--card) 94%, transparent);box-shadow:0 6px 20px oklch(.4 .08 var(--h) / .18), inset 0 1px 0 #fff;align-self:center;align-items:center;gap:16px;padding:8px 12px 8px 8px;display:flex}.kapsel .ring-knopf .ring-in{color:var(--brand-dark)}.streak-ring{background:0 0;border:0;align-items:center;gap:8px;min-height:0;padding:0;display:inline-flex}.streak-ring b{font-size:1rem}.banner .zurueck{border-radius:inherit;cursor:pointer;width:100%;min-height:0;color:inherit;background:0 0;border:0;padding:0;display:none;position:absolute;inset:0}.banner.stuck .zurueck{display:block}.banner.stuck{cursor:pointer}.banner .pfeil{flex-shrink:0;align-self:center;display:none}.banner.stuck .pfeil{display:inline-flex}.banner[data-richtung=hoch] .pfeil{transform:rotate(180deg)}.banner[data-richtung=""] .pfeil{visibility:hidden}.knopf-belohnung{background:0 0;border:0;border-radius:24px;place-items:center;width:92px;height:88px;min-height:0;padding:0;transition:transform .1s;display:grid;position:relative}.knopf-belohnung:active{transform:scale(.94)}.knopf-belohnung svg{filter:drop-shadow(0 4px #00000014);display:block}.knopf-belohnung.gesperrt svg{filter:grayscale()contrast(.9)brightness(1.08);opacity:.6}.knopf-belohnung.jetzt svg{animation:2.2s ease-in-out infinite wackel}@keyframes wackel{0%,to{transform:rotate(0)}10%{transform:rotate(-5deg)}20%{transform:rotate(5deg)}30%{transform:rotate(0)}}.knopf-belohnung .schloss,.knopf-belohnung .haken{background:var(--card);border:2px solid var(--line);width:30px;height:32px;color:oklch(.42 .03 var(--h));border-radius:50%;place-items:center;display:grid;position:absolute;bottom:6px;right:8px}.knopf-belohnung .haken{color:#fff;background:oklch(84% .13 150);border-color:oklch(60% .14 150)}.knopf.gesperrt:not(.done):not(.jetzt){background:oklch(.9 .015 var(--h));color:oklch(.4 .03 var(--h));box-shadow:0 var(--lip) 0 oklch(.7 .025 var(--h))}.knopf:not(.done):not(.jetzt):not(.gesperrt){color:oklch(.4 .05 var(--h))}button:focus-visible,a:focus-visible,[role=option]:focus-visible{outline:3px solid var(--brand-dark);outline-offset:2px}.feier{z-index:80;overflow:hidden}.feier-bild{justify-content:center;align-items:flex-end;gap:4px;display:flex;position:relative}.feier-belohnung{animation:.8s cubic-bezier(.3,1.5,.5,1) both poppen}@keyframes poppen{0%{opacity:0;transform:scale(.2)rotate(-12deg)}to{opacity:1;transform:none}}.konfetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.konfetti i{top:-20px;left:var(--x);width:var(--w);height:calc(var(--w) * 1.6);background:var(--c);transform:rotate(var(--r));animation:fall var(--t) ease-in var(--d) both;border-radius:2px;position:absolute}@keyframes fall{to{transform:translateY(105vh) rotate(calc(var(--r) + 540deg))}}.xp-flug{z-index:100;pointer-events:none;border-radius:var(--r-bar);color:oklch(38% .08 75);white-space:nowrap;background:oklch(90% .12 88);border:2px solid oklch(78% .13 85);padding:8px 12px;font-size:1.15rem;font-weight:800;position:fixed;top:0;left:0;box-shadow:0 4px 12px #00000026}@media (prefers-reduced-motion:reduce){.knopf-belohnung.jetzt svg,.feier-belohnung{animation:none}.konfetti{display:none}}.fach-liste{flex-direction:column;gap:12px;max-height:60vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.fach-zeile{border-radius:var(--r-s);text-align:left;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px;display:flex}.fach-zeile.on{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 16%, var(--card))}.fach-zeile svg:first-child{border-radius:calc(var(--r-s) - 3px);flex-shrink:0}.fz-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.fz-text b{align-items:center;gap:8px;font-size:.95rem;display:flex}.fz-text .badge{padding:4px 8px;font-size:.62rem}.fz-bar{background:var(--line);border-radius:99px;height:8px;display:block;overflow:hidden}.fz-bar i{background:var(--brand-dark);border-radius:99px;height:100%;display:block}.fz-prozent{text-align:right;min-width:52px;color:var(--text);font-size:.8rem;font-weight:800}.fachwahl .chip{min-height:40px}.einheit>.banner.stuck{align-items:center;min-height:44px;padding-block:8px}.knopf.test:not(.done){box-shadow:0 var(--lip) 0 oklch(80% .1 88);color:oklch(62% .15 75);background:oklch(96% .06 92)}.knopf.test:not(.done):active{box-shadow:0 2px oklch(80% .1 88)}.knopf .ico-gold{color:oklch(62% .15 75)}.knopf.test .ico-gold{stroke-width:1.75px}.knopf.test .schloss{background:var(--card);border:2px solid var(--line);width:28px;height:28px;color:oklch(.42 .03 var(--h));border-radius:50%;place-items:center;display:grid;position:absolute;bottom:0;right:-4px}.knopf.test.done{box-shadow:0 var(--lip) 0 oklch(74% .13 82);background:oklch(90% .12 88)}.knopf.test .haken{color:#fff;background:oklch(84% .13 150);border:2px solid oklch(60% .14 150);border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;bottom:0;right:-4px}.einheit>.banner.stuck{min-height:44px;padding:8px 16px}.fenster{padding:24px 24px calc(24px + env(safe-area-inset-bottom,0px))}.fach-knopf{min-height:48px}p{margin-block:16px}.einheit.komplett>.banner{position:relative;top:auto}.kleben{border-bottom:0}.pfad{gap:24px}.trenner{color:var(--muted);align-items:center;gap:16px;margin:8px 0;display:flex}.trenner:before,.trenner:after{content:"";background:var(--line);border-radius:2px;flex:1;height:2px}.trenner .t-name{text-transform:uppercase;letter-spacing:.08em;color:oklch(.42 .04 var(--h));font-size:.8rem;font-weight:800}.trenner .t-hier{border-radius:var(--r-bar);background:color-mix(in srgb, var(--brand) 22%, var(--card));color:var(--brand-dark);padding:4px 8px;font-size:.72rem;font-weight:800}.trenner.hier{color:var(--brand-dark)}.banner .leitfaden-knopf{border-radius:0 var(--r-l) var(--r-l) 0;width:56px;min-height:44px;color:inherit;z-index:1;background:0 0;border:0;border-left:2px solid #00000024;flex-shrink:0;align-self:stretch;place-items:center;margin:-12px -16px -12px 0;padding:0;display:grid;position:relative}.banner .ico-banner{color:inherit}.banner.stuck .leitfaden-knopf{border-radius:0 14px 14px 0;margin-block:-8px}.banner.stuck .zurueck{width:calc(100% - 56px)}.banner .banner-art{margin-right:16px}.leitfaden .lf-fortschritt{flex-direction:column;gap:8px;display:flex}.lf-fortschritt .bar.schmal{background:var(--line);border-radius:99px;height:8px;display:block;overflow:hidden}.lf-fortschritt .bar.schmal span{background:var(--brand-dark);border-radius:99px;height:100%;display:block}.lf-liste{flex-direction:column;gap:8px;max-height:40vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.lf-liste li{border-radius:var(--r-s);border:2px solid var(--line);align-items:center;gap:12px;min-height:48px;padding:8px 12px;display:flex}.lf-liste li.jetzt{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 14%, var(--card))}.lf-punkt{background:var(--line);width:32px;height:32px;color:oklch(.4 .04 var(--h));border-radius:50%;flex-shrink:0;place-items:center;display:grid}li.done .lf-punkt{color:#fff;background:oklch(84% .13 150)}li.jetzt .lf-punkt{background:var(--brand);color:var(--on-brand)}.lf-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.lf-text b{font-size:.95rem}.lf-status{color:var(--text);font-weight:800}.toast{z-index:90;border-radius:var(--r-bar);background:var(--text);color:var(--card);padding:12px 16px;font-weight:700;position:fixed;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}.trenner:before,.trenner:after{background:oklch(.93 .02 var(--h));height:8px;box-shadow:0 4px 0 oklch(.84 .035 var(--h))}.t-scheibe{border-radius:var(--r-bar);background:var(--card);box-shadow:0 8px 0 oklch(.84 .035 var(--h));align-items:center;gap:8px;padding:8px 24px;display:inline-flex;position:relative;top:-4px}.trenner.hier .t-scheibe{background:color-mix(in srgb, var(--brand) 18%, var(--card));box-shadow:0 8px 0 color-mix(in srgb, var(--brand) 55%, white)}.trenner .t-hier{background:0 0;padding:0}.trenner{margin:8px 0 16px}.trenner:before,.trenner:after{height:4px;box-shadow:0 4px 0 oklch(.84 .035 var(--h))}.t-scheibe{box-shadow:0 4px 0 oklch(.84 .035 var(--h));padding:4px 16px;top:-2px}.trenner.hier .t-scheibe{box-shadow:0 4px 0 color-mix(in srgb, var(--brand) 55%, white)}.t-scheibe .t-name{font-size:.72rem}.trenner .t-hier{font-size:.68rem}.lk{letter-spacing:.06em;color:var(--brand-dark);margin-left:8px;font-size:.75rem;font-weight:800}.fz-text .lk{margin-left:0}@keyframes blase-ein{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes blase-schweben{0%,to{translate:0}50%{translate:0 -4px}}@media (prefers-reduced-motion:reduce){.wurmi-pos .bubble{animation:none}}.einheit{--dh:var(--h)}.e-1{--dh:calc(var(--h) + 55)}.e-2{--dh:calc(var(--h) + 110)}.e-3{--dh:calc(var(--h) + 170)}.dekor{--abstand:128px;pointer-events:none;z-index:0;width:72px;height:72px;color:oklch(.7 .11 var(--dh));opacity:.9;translate:calc(-50% + var(--ver) + var(--seite) * var(--abstand)) -50%;rotate:var(--rot);position:absolute;top:40%;left:50%}@media (width>=600px){.dekor{--abstand:176px;width:88px;height:88px}}.dekor{width:64px;height:64px;rotate:none;translate:calc(-50% + var(--ver) + var(--seite) * var(--abstand)) calc(-100% + 8px);opacity:1;top:50%}.dekor svg{z-index:1;position:relative}@media (width>=600px){.dekor{width:72px;height:72px}}.dekor{translate:calc(-50% + var(--ver) + var(--seite) * (var(--abstand) + var(--extra,0px))) calc(-100% + 8px + var(--hoch,0px));rotate:var(--rot,0deg);scale:var(--gr,1)}.wolf-auftritt{left:0;bottom:calc(34px + env(safe-area-inset-bottom,0px));z-index:35;pointer-events:none;align-items:flex-start;display:flex;position:fixed}.wolf-kopf{transform-origin:30% 100%;margin-right:-64px;line-height:0;display:block;transform:translate(-120%)rotate(17deg)}.wolf-auftritt.rein .wolf-kopf,.wolf-auftritt.blase .wolf-kopf{transform:translate(-30%)rotate(17deg)}.wolf-auftritt.raus .wolf-kopf{transition:transform .5s ease-in;transform:translate(-120%)rotate(17deg)}.wolf-auftritt .mascot{animation:none}.wolf-blase{border-radius:var(--r-m);background:var(--card);border:2px solid var(--line);max-width:min(236px,100vw - 150px);box-shadow:0 4px 0 var(--line);opacity:0;transform-origin:0;margin:62px 0 0;padding:12px 16px;font-size:.9rem;font-weight:600;line-height:1.35;position:relative;scale:.5}.wolf-blase:before{content:"";background:var(--card);border-left:2px solid var(--line);border-bottom:2px solid var(--line);width:12px;height:12px;position:absolute;top:24px;left:-8px;transform:rotate(45deg)}.wolf-auftritt.blase .wolf-blase{opacity:1;transition:opacity .25s,scale .5s cubic-bezier(.3,1.5,.5,1);animation:3.6s ease-in-out .6s infinite blase-schweben;scale:1}.wolf-auftritt.raus .wolf-blase{opacity:0;transition:opacity .25s,scale .3s;scale:.5}@media (width>=768px){.wolf-auftritt{bottom:-44px}.wolf-kopf{margin-right:-80px}.wolf-blase{margin-top:28px}}@media (prefers-reduced-motion:reduce){.wolf-kopf,.wolf-auftritt.rein .wolf-kopf,.wolf-auftritt.blase .wolf-kopf,.wolf-auftritt.raus .wolf-kopf{transition:none}.wolf-auftritt.blase .wolf-blase{animation:none}}.wolf-geist{visibility:hidden}.farbe-0{--ec:var(--brand);--ecd:var(--brand-dark)}.farbe-1{--ec:oklch(.82 .1 calc(var(--h) + 55));--ecd:oklch(.66 .12 calc(var(--h) + 55))}.farbe-2{--ec:oklch(.84 .1 calc(var(--h) + 110));--ecd:oklch(.68 .12 calc(var(--h) + 110))}.farbe-3{--ec:oklch(.84 .1 calc(var(--h) + 170));--ecd:oklch(.68 .12 calc(var(--h) + 170))}.fenster-rand{animation:.25s ease-out rand-ein}@keyframes rand-ein{0%{background:0 0}}.fenster{animation:.4s cubic-bezier(.2,1,.3,1) fenster-hoch}@keyframes fenster-hoch{0%{opacity:.4;transform:translateY(60%)}}@media (prefers-reduced-motion:reduce){.fenster,.fenster-rand{animation:none}}.f-griff{background:var(--line);border-radius:4px;align-self:center;width:48px;height:4px;margin-bottom:4px}.f-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:800}.f-text{margin:0;line-height:1.4}.f-start small{margin-left:8px}.f-erledigt{min-height:48px}.f-kopf{align-items:center;gap:16px;padding-right:32px;display:flex}.f-kopf h2{margin:4px 0 0}.f-kopf small{color:var(--muted);font-weight:700}.f-quelle{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:.85rem;font-weight:700;display:flex}.f-start{justify-content:center;align-items:center;gap:16px;display:flex}.f-xp{align-items:center;gap:4px;font-weight:800;display:inline-flex}.sc-unsicher{color:oklch(42% .1 75);background:oklch(93% .09 90);border-radius:6px;margin-left:8px;padding:2px 8px;font-size:.75rem;font-style:normal;font-weight:800;display:inline-block}.sc-vorschau{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.sc-vorschau.klein{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.sc-vorschau li{flex-direction:column;gap:4px;display:flex;position:relative}.sc-vorschau img,.sc-vorschau .pdf{aspect-ratio:3/4;object-fit:cover;border-radius:var(--r-s);border:2px solid var(--line);background:var(--card);place-items:center;width:100%;font-weight:800;display:grid}.sc-vorschau button{background:var(--card);border-radius:50%;place-items:center;width:32px;height:32px;min-height:0;padding:0;display:grid;position:absolute;top:-8px;right:-8px}.sc-thema{border:2px solid var(--line);border-radius:var(--r-m);background:var(--card);width:100%;padding:8px 16px}.sc-thema summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:48px;list-style:none;display:flex}.sc-thema summary::-webkit-details-marker{display:none}.sc-thema-text{flex-direction:column;gap:2px;min-width:0;display:flex}.sc-thema-text small{color:var(--muted);font-weight:700}.sc-aendern{color:var(--brand-dark);font-weight:800;text-decoration:underline}.sc-thema[open] summary{padding-bottom:8px}.sc-thema .feld-label{margin-bottom:8px}.sc-auswerten{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sc-auswerten li{min-height:48px;color:var(--muted);align-items:center;gap:16px;font-weight:700;display:flex}.sc-auswerten li.jetzt{color:var(--text)}.sc-auswerten li.ok{color:var(--ok-dark,var(--text))}.sc-punkt{border:2px solid var(--line);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.sc-auswerten li.ok .sc-punkt{color:#fff;background:oklch(62% .15 150);border-color:oklch(62% .15 150)}.sc-auswerten li.jetzt .sc-punkt{border-color:var(--brand-dark)}.sc-dreh{border:3px solid var(--brand-dark);border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite sc-dreh}@keyframes sc-dreh{to{transform:rotate(360deg)}}.sc-fehler{text-align:center;align-items:center}.sc-fehler p{margin:0}.sc-vorteile{text-align:left;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.sc-vorteile li{align-items:center;gap:12px;font-weight:700;display:flex}.sc-leer{text-align:center;padding:16px 0}.sc-verlauf{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sc-verlauf li{border:2px solid var(--line);border-radius:var(--r-m);background:var(--card);overflow:hidden}.sc-verlauf li.neu{border-color:var(--brand-dark);background:color-mix(in srgb, var(--brand) 14%, var(--card));animation:.6s cubic-bezier(.3,1.5,.5,1) sc-neu}@keyframes sc-neu{0%{opacity:0;transform:scale(.94)}}.sc-zeile{text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:16px;width:100%;min-height:64px;padding:8px 16px;display:flex}.sc-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sc-text small{color:var(--muted)}.sc-ico{background:color-mix(in srgb, var(--brand) 25%, var(--card));border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.sc-zahl{flex-direction:column;align-items:center;font-size:1.2rem;font-weight:800;line-height:1.1;display:flex}.sc-zahl small{color:var(--muted);font-size:.7rem;font-weight:700}.sc-aktionen{gap:8px;padding:0 16px 16px;display:flex}.sc-aktionen button{flex:1;min-height:44px}.scB-sucher{aspect-ratio:3/4;border-radius:var(--r-l);text-align:center;background:color-mix(in srgb, var(--brand) 14%, var(--card));border:2px solid var(--line);place-items:center;width:100%;max-width:420px;max-height:42vh;margin:0 auto;display:grid;position:relative;overflow:hidden}.scB-sucher img{object-fit:cover;width:100%;height:100%}.scB-sucher .leer{flex-direction:column;align-items:center;gap:8px;padding:24px;font-weight:700;display:flex}.scB-sucher .leer p{margin:0}.scB-sucher .ecke{border:4px solid var(--brand-dark);width:32px;height:32px;position:absolute}.scB-sucher .a{border-bottom:0;border-right:0;border-top-left-radius:12px;top:16px;left:16px}.scB-sucher .b{border-bottom:0;border-left:0;border-top-right-radius:12px;top:16px;right:16px}.scB-sucher .c{border-top:0;border-right:0;border-bottom-left-radius:12px;bottom:16px;left:16px}.scB-sucher .d{border-top:0;border-left:0;border-bottom-right-radius:12px;bottom:16px;right:16px}.scB-sucher .laser{background:var(--brand-dark);height:4px;box-shadow:0 0 16px 4px color-mix(in srgb, var(--brand) 70%, transparent);animation:1.4s ease-in-out infinite alternate sc-laser;position:absolute;top:0;left:0;right:0}@keyframes sc-laser{to{top:calc(100% - 4px)}}.scB-leiste{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.scB-leiste .rund{border-radius:var(--r-m);flex-direction:column;justify-self:start;align-items:center;gap:4px;width:64px;min-height:64px;padding:8px;display:flex}.scB-leiste .rund small{font-weight:700}.scB-leiste .zaehl{flex-direction:column;justify-self:end;align-items:center;font-size:1.4rem;line-height:1.1;display:flex}.scB-leiste .zaehl small{color:var(--muted);font-size:.75rem;font-weight:700}.scB-stapel{flex-direction:column;gap:16px;width:100%;max-width:520px;margin:0 auto;display:flex}.scB-zaehler{gap:4px;display:flex}.scB-zaehler i{background:var(--line);border-radius:4px;flex:1;height:8px}.scB-zaehler i.ok{background:oklch(62% .15 150)}.scB-zaehler i.weg{background:var(--muted);opacity:.4}.scB-zaehler i.jetzt{background:var(--brand-dark)}.scB-karte{border:2px solid var(--line);border-radius:var(--r-l);background:var(--card);min-height:280px;box-shadow:0 6px 0 var(--line);flex-direction:column;gap:16px;padding:24px;display:flex}.scB-karte small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-weight:800}.scB-karte h2{margin:0;font-size:1.4rem;line-height:1.3}.scB-karte hr{border:0;border-top:2px dashed var(--line);width:100%;margin:0}.scB-karte p{color:var(--brand-dark);margin:0;font-size:1.15rem;font-weight:700;line-height:1.45}.scB-karte.unsicher{border-color:oklch(80% .12 88);box-shadow:0 6px oklch(85% .1 88)}.scB-aktionen{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.scB-aktionen button{flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:72px;font-weight:800;display:flex}.scB-aktionen .streichen{color:var(--muted)}.scB-fertig{text-align:center;align-items:center;gap:16px;position:relative;overflow:hidden}.scB-fertig>*{z-index:1;position:relative}.scB-fertig>.konfetti{z-index:0;position:absolute}.scB-fertig p,.scB-fertig h2{margin:0}.scB-ende{text-align:center;align-items:center;gap:16px;width:100%;max-width:520px;margin:0 auto}.scB-ende h2{margin:0}@media (prefers-reduced-motion:reduce){.sc-dreh,.scB-sucher .laser,.sc-verlauf li.neu{animation:none}}.sc-erinnern{align-items:center;gap:8px;margin:0;display:flex}.sc-erinnerung{flex-direction:column;gap:12px;display:flex}.sc-erinnerung h3{align-items:center;gap:8px;margin:0;font-size:1.1rem;display:flex}.sc-erinnerung p{margin:0}.sc-ok{color:oklch(45% .14 150);align-items:center;gap:8px;font-weight:700;display:flex}.erinnerung-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.erinnerung-text span{color:var(--muted);font-size:.9rem}.erinnerung-knoepfe{flex-direction:column;gap:8px;display:flex}.erinnerung-knoepfe button{min-width:88px;min-height:44px;font-weight:800}@keyframes erinnerung-ein{0%{opacity:0;transform:translateY(-120%)}}@media (prefers-reduced-motion:reduce){.erinnerung{animation:none}}.scan .einheit{flex-direction:column;gap:16px;display:flex}.scan .einheit>.banner{position:sticky}.sc-banner-ico{background:#ffffff59;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.scB-leiste .ausloeser{background:var(--ec);color:#fff;width:84px;height:72px;min-height:0;box-shadow:0 8px 0 var(--ecd);border:0;border-radius:50%;place-items:center;padding:0;transition:transform 80ms,box-shadow 80ms;display:grid}.scB-leiste .ausloeser:active{box-shadow:0 4px 0 var(--ecd);transform:translateY(4px)}.scB-leiste{padding-bottom:8px}.scB-sucher .leer svg{color:var(--ecd)}.sc-naechste{flex-direction:row;align-items:center;gap:16px}.sc-naechste div{flex-direction:column;gap:2px;min-width:0;display:flex}.sc-naechste small{color:var(--muted)}@media (width>=1100px){.sc-nur-schmal{display:none}.scan .a-haupt{max-width:560px}}.sc-zusammen{border-radius:var(--r-s);background:color-mix(in srgb, var(--brand) 18%, var(--card));margin:0;padding:8px 12px;font-weight:700}.zw{flex-direction:column;gap:12px;display:flex}.zwB-raster{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.zwB-kachel{text-align:left;border:2px solid var(--line);border-radius:var(--r-s);background:var(--card);border-bottom-width:4px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;width:100%;min-height:80px;padding:12px;display:flex;position:relative}.zwB-kachel small{color:var(--muted);font-weight:700}.zwB-kachel b{font-size:1.25rem}.zwB-kachel.an{border-color:var(--brand-dark);background:color-mix(in srgb, var(--brand) 25%, var(--card))}.zwB-haken{background:var(--brand-dark);color:#fff;border-radius:6px;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:8px;right:8px}@media (width<=420px){.zwB-raster{grid-template-columns:1fr 1fr}}.fach-knopf{border-radius:var(--r-bar);justify-content:center;gap:0;min-width:44px;min-height:44px;padding:4px;line-height:0}.scan .hint{color:color-mix(in srgb, var(--text) 72%, transparent);font-size:1rem}.sc-gross{align-self:flex-start;margin:0;font-size:1.4rem;line-height:1.25;display:inline-block;position:relative}h3.sc-gross{align-items:center;gap:8px;display:flex}.scan .einheit>.banner{transform-origin:8%;padding-block:12px;transform:rotate(-.7deg)}.scan .einheit>.banner b{margin:0;font-size:1.3rem}.sc-schritt,.w-zahl{width:56px;height:56px;color:var(--ecd);box-shadow:0 4px 0 color-mix(in srgb, var(--ecd) 55%, transparent);background:#fff;border-radius:10px;flex:none;justify-content:center;align-items:baseline;gap:1px;margin:-14px -8px -14px 0;padding-top:12px;font-size:1.8rem;font-weight:800;line-height:1;display:flex;transform:rotate(6deg)}.sc-schritt small{opacity:.7;font-size:.9rem}.scan .scB-sucher{transform:rotate(.5deg)}.scB-leiste{position:relative}.scB-leiste .rund{flex-direction:row;gap:8px;width:auto;padding:8px 16px;font-weight:800}.scB-leiste .zaehl{flex-direction:row;gap:4px;font-size:1.1rem;font-weight:800}.sc-vorschau li:nth-child(odd){transform:rotate(-3deg)}.sc-vorschau li:nth-child(2n){transform:rotate(2.5deg)translateY(4px)}.sc-vorschau li:nth-child(3n){transform:rotate(-1deg)translateY(2px)}.sc-thema-text{flex-flow:wrap;align-items:baseline;gap:4px 12px;padding-bottom:8px;position:relative}.sc-thema-text b{font-size:1.25rem}.sc-seite{color:var(--muted);font-weight:700}.sc-text b{font-size:1.1rem}.sc-text span{color:var(--muted);font-size:.95rem}.sc-zeile>svg{color:var(--muted);flex:none}.sc-naechste div{flex-direction:column;gap:2px;display:flex}.sc-naechste span{color:var(--muted)}.scB-stapel{isolation:isolate}.scB-karte{position:relative;transform:rotate(-.7deg)}.scB-karte:before{content:"";z-index:-1;border:2px solid var(--line);border-radius:var(--r-l);background:var(--card);position:absolute;inset:8px -8px -10px 8px;transform:rotate(2.4deg)}.sc-zettel{color:oklch(40% .08 75);background:oklch(93% .12 95);border-radius:4px;align-self:flex-start;margin:-8px 0 0 -4px;padding:4px 12px;font-style:normal;font-weight:800;transform:rotate(-2.5deg);box-shadow:0 2px oklch(80% .1 90)}.zwB-kachel small{color:var(--text);opacity:.75;font-size:.95rem}.zwB-haken{transform:rotate(8deg)}.sc-held{display:inline-flex;position:relative}.scan .einheit>button.primary{transform:rotate(-.6deg)}@media (prefers-reduced-motion:no-preference){.scan .einheit>.banner,.scB-karte{transition:transform .2s}}.sc-held~.sc-gross,.sc-held+.sc-gross{text-align:center;align-self:center}:root{--wdh:oklch(62% .16 150);--wdh-d:oklch(50% .14 150);--wdh-bg:oklch(94% .06 150);--wdh-knopf:oklch(78% .14 150);--wdh-lippe:oklch(64% .14 150)}.seitenwahl{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.seitenwahl small{letter-spacing:.06em;text-transform:uppercase;font-weight:800}.seitenwahl .seitenname{text-transform:none;letter-spacing:0}.seitenwahl button{border-radius:var(--r-s);min-width:36px;min-height:36px;padding:0;font-weight:800}.seitenwahl button.on{background:var(--brand);border-color:var(--brand-dark);color:var(--on-brand)}.wdh-seite .einheit{--ec:var(--wdh-knopf);--ecd:var(--wdh-lippe)}.banner-w{background:var(--wdh-knopf);color:oklch(30% .08 150);box-shadow:0 4px 0 var(--wdh-lippe)}.wdh-seite .banner-w .w-zahl{color:var(--wdh-d)}.w-zahl{align-items:center;padding-top:0}.ue-leer{text-align:center;align-items:center;gap:16px;padding:32px 16px}.ue-leer h2{margin:0;font-size:1.4rem}.ue-leer p{color:var(--muted);margin:0;font-size:1rem}.ue-karten{flex-direction:column;gap:12px;display:flex}.ue-gross{flex-direction:column;align-items:center;gap:2px;min-height:96px;padding:16px;display:flex}.ue-gross b{font-size:1.5rem;line-height:1.2}.ue-gross span{opacity:.75;font-size:1rem;font-weight:700}.ue-faecher{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.ue-fach{text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:12px 16px;width:100%;padding:16px;display:grid}.ue-faecher .r1 .ue-fach{transform:rotate(-.5deg)}.ue-faecher .r2 .ue-fach{transform:rotate(.6deg)}.ue-fach-text{flex-direction:column;min-width:0;display:flex}.ue-fach-text b{font-size:1.2rem}.ue-fach-text span{color:var(--muted);font-size:1rem}.ue-fach .ue-zahl{font-size:2rem}.ue-fach:disabled{opacity:1}.ue-fach:disabled .ue-zahl{color:var(--muted)}.ue-stand{grid-column:1/-1;gap:4px;height:12px;display:flex}.ue-stand i{background:var(--line);border-radius:4px;min-width:0;display:block}.ue-stand .sitzt{background:var(--wdh-knopf)}.ue-stand .lernen{background:oklch(88% .08 150)}.ue-zahl{color:var(--wdh-d);font-size:2rem;line-height:1}:root{--tm:oklch(88% .12 85);--tm-d:oklch(74% .13 78);--tm-text:oklch(33% .08 70);--tm-bg:oklch(95% .06 90)}.termine-seite .einheit{--ec:var(--tm);--ecd:var(--tm-d)}.banner-t{background:var(--tm);color:var(--tm-text);box-shadow:0 4px 0 var(--tm-d)}.termine-seite .banner-t .w-zahl{color:var(--tm-text)}.erinnerung.termin .termin-ico{border-radius:var(--r-m);background:var(--tm-bg);width:56px;height:56px;color:var(--tm-text);flex:none;place-items:center;display:grid}.tm-h{margin:8px 0 12px;font-size:1.4rem;line-height:1.2}.tm-liste{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.tm-zeile{text-align:left;border-radius:var(--r-l);align-items:center;gap:16px;width:100%;padding:12px 16px;display:flex}.tm-liste .r1 .tm-zeile{transform:rotate(-.4deg)}.tm-liste .r2 .tm-zeile{transform:rotate(.5deg)}div.tm-zeile{background:var(--card);border:2px dashed var(--line)}div.tm-zeile button{flex:none;align-items:center;gap:4px;font-weight:800;display:inline-flex}.tm-datum{border-radius:var(--r-s);background:color-mix(in srgb, var(--brand) 30%, var(--card));width:56px;height:64px;color:var(--on-brand);flex-direction:column;flex:none;justify-content:center;align-items:center;line-height:1.05;display:flex}.tm-datum b{font-size:1.6rem}.tm-datum span{font-size:.9rem;font-weight:700}.tm-zeile.klausur .tm-datum{background:var(--tm);color:var(--tm-text);box-shadow:0 3px 0 var(--tm-d)}.tm-text{flex-direction:column;flex:1;min-width:0;display:flex}.tm-text b{font-size:1.1rem;line-height:1.25}.tm-text span{color:var(--muted);font-size:.95rem}.tm-tage{color:var(--tm-text);flex:none;font-size:1.05rem;font-weight:800}.tm-text b{text-wrap:balance}@media (width<=520px){.tm-zeile{grid-template-columns:56px minmax(0,1fr);grid-template-areas:"d t""d g";align-items:center;gap:4px 16px;display:grid}.tm-zeile .tm-datum{grid-area:d}.tm-zeile .tm-text{grid-area:t}.tm-zeile .tm-tage{grid-area:g;font-size:1rem}div.tm-zeile button{grid-area:g;justify-self:start}}.tm-fenster .row{gap:12px;display:flex}.tm-fenster .row input{flex:1;min-width:0}.tm-arten{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tm-arten button{min-height:48px;padding:8px;font-weight:800}.tm-arten button.on{background:var(--tm);border-color:var(--tm-d);color:var(--tm-text)}.tm-teilen{border:2px solid var(--line);border-radius:var(--r-m);cursor:pointer;align-items:flex-start;gap:12px;padding:12px;display:flex}.tm-teilen input{width:24px;min-height:24px;accent-color:var(--tm-d);flex:none;margin-top:2px}.tm-teilen>span{flex-direction:column;gap:4px;display:flex}.tm-teilen>span span{color:var(--muted);font-size:.95rem}.tm-neu{justify-content:center;align-self:stretch;align-items:center;gap:8px;min-height:48px;padding:8px 20px;display:flex}:root{--pr:oklch(86% .09 305);--pr-d:oklch(70% .12 305);--pr-text:oklch(32% .08 305)}.profil-seite .einheit{--ec:var(--pr);--ecd:var(--pr-d)}.banner-p{background:var(--pr);color:var(--pr-text);box-shadow:0 4px 0 var(--pr-d)}.profil-seite .banner-p .w-zahl{color:var(--pr-text)}.pr-avatar{border-radius:var(--r-m);background:var(--pr);width:72px;height:72px;color:var(--pr-text);box-shadow:0 4px 0 var(--pr-d);flex:none;place-items:center;font-size:2.2rem;font-weight:800;display:grid;transform:rotate(-4deg)}.pr-kopf{grid-template-columns:auto 1fr;align-items:center;gap:16px;display:grid}.pr-kopf .pr-level{grid-column:1/-1}.pr-kopf-text{flex-direction:column;gap:2px;min-width:0;display:flex}.pr-kopf-text h2{margin:0;font-size:1.5rem;line-height:1.2}.pr-kopf-text span{color:var(--muted);font-size:1rem}.pr-level{flex-direction:column;gap:8px;display:flex}.pr-level b{font-size:1.1rem}.pr-level>span:last-child{color:var(--muted)}.pr-bar{background:var(--line);border-radius:4px;height:12px;display:block;overflow:hidden}.pr-bar i{background:var(--brand-dark);border-radius:4px;height:100%;display:block}.pr-werte{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pr-werte div{flex-direction:column;gap:2px;display:flex}.pr-werte b{font-size:2.4rem;line-height:1.1}.pr-werte span{color:var(--muted);font-size:1rem;font-weight:700}.pr-werte div:first-child{transform:rotate(-2deg)}.pr-werte div:nth-child(3){transform:rotate(2deg)translateY(4px)}.pr-wischen{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:16px 8px;margin:0;padding:0;list-style:none;display:grid}.pr-wischen li{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.pr-wischen b{text-wrap:balance;font-size:.95rem;line-height:1.25}.pr-erfolg.zu{filter:grayscale();opacity:.45}.pr-erfolg{display:inline-flex}.pr-zeilen{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.pr-zeilen button{text-align:left;border-radius:var(--r-m);align-items:center;gap:12px;width:100%;min-height:64px;padding:8px 16px;display:flex}.pr-zeilen b{font-size:1.05rem}.pr-zeile-ico{border-radius:var(--r-s);background:var(--pr);width:44px;height:44px;color:var(--pr-text);flex:none;place-items:center;display:grid}.pr-wert{color:var(--muted);text-align:right;margin-left:auto;font-weight:700}.pr-pfeil{color:var(--muted);flex:none;transform:rotate(-90deg)}.pr-fenster{max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px));overflow:hidden}.pr-fenster h2{margin:0;font-size:1.4rem}.pr-form{flex-direction:column;gap:12px;display:flex}.pr-form .row{gap:12px;display:flex}.pr-form .row>*{flex:1;min-width:0}.pr-form p{margin:0}.pr-frage{font-weight:800;margin-top:4px!important}.pr-reihe{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.pr-reihe button{min-height:48px;padding:4px;font-size:.95rem;font-weight:800}.pr-punkte{flex-direction:column;gap:4px;margin:0;padding-left:20px;display:flex}.ob{max-width:560px;min-height:100dvh;padding:16px var(--gutter-r) 0 var(--gutter-l);box-sizing:border-box;flex-direction:column;gap:16px;margin:0 auto;display:flex;overflow-x:clip}.ob-gross{text-align:center;justify-content:center}.ob-gross .say-big{margin-top:0}.ob-gross .body,.ob-gross .foot{width:100%}@media (width>=768px){.ob{gap:24px;max-width:720px;padding-block:32px 0}.ob .say-big .mascot svg{width:220px;height:220px}}.ph-ich{--of:var(--brand);--ofd:var(--brand-dark);--oft:var(--on-brand)}.ph-ziel{--of:var(--wdh-knopf);--ofd:var(--wdh-lippe);--oft:oklch(30% .08 150)}.ph-lektion{--of:var(--pr);--ofd:var(--pr-d);--oft:var(--pr-text)}.ph-profil{--of:var(--tm);--ofd:var(--tm-d);--oft:var(--tm-text)}.ph-fast{--of:oklch(88% .08 40);--ofd:oklch(74% .11 40);--oft:oklch(35% .08 40)}.ob-banner{z-index:20;border-radius:var(--r-l);background:var(--of);color:var(--oft);box-shadow:0 4px 0 var(--ofd);align-items:center;gap:8px;padding:12px 16px 12px 8px;display:flex;position:sticky;top:8px;transform:rotate(-.7deg)}.ob-banner b{flex:1;font-size:1.3rem}.ob-banner .back,.ob-banner .sc-schritt{color:var(--oft)}.ob-frage{min-height:120px;padding-right:76px;position:relative}.ob-frage h1{margin:8px 0;font-size:1.6rem;line-height:1.25}.ob-rand{right:calc(-1 * var(--gutter-r) - 40px);pointer-events:none;position:absolute;top:0}.ob-plan{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.ob-plan li{background:var(--card);border:2px solid var(--line);border-radius:var(--r-m);align-items:center;gap:12px;padding:12px 16px;display:flex}.ob-plan li:nth-child(odd){transform:rotate(-.4deg)}.ob-plan li:nth-child(2n){transform:rotate(.4deg)}.ob-plan li>span{border-radius:var(--r-s);background:color-mix(in srgb, var(--brand) 40%, var(--card));width:44px;height:44px;color:var(--on-brand);flex:none;place-items:center;display:grid}.ob-plan b{flex:1}.ob-plan em{color:var(--muted);text-align:right;font-style:normal;font-weight:700}.ob-vorschau{z-index:30;background:var(--bg);border-bottom:2px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex;position:sticky;top:0}.ob-vorschau~.ob{min-height:calc(100dvh - 62px)}.ob-kacheln,.ob-gross-wahl{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ob-gross-wahl{grid-template-columns:1fr;gap:16px}.ob-kachel{text-align:center;border:2px solid var(--line);border-radius:var(--r-l);background:var(--card);min-height:96px;box-shadow:0 3px 0 var(--line);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px 12px;font-size:1.05rem;display:flex}.ob-kachel span{color:var(--muted);font-size:.95rem;font-weight:700}.ob-gross-wahl .ob-kachel{min-height:120px;font-size:1.2rem}.ob-kachel.on{border-color:var(--ofd,var(--brand-dark));background:color-mix(in srgb, var(--of,var(--brand)) 30%, var(--card));box-shadow:0 3px 0 var(--ofd,var(--brand-dark))}.ob-kachel:disabled{opacity:.55;box-shadow:none}.ob-kacheln .ob-kachel:nth-child(odd):not(:disabled){transform:rotate(-.6deg)}.ob-kacheln .ob-kachel:nth-child(2n):not(:disabled){transform:rotate(.6deg)}.ob-gross-wahl .ob-kachel:first-child{transform:rotate(-.5deg)}.ob-gross-wahl .ob-kachel:last-child{transform:rotate(.5deg)}.ob-zahlen{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ob-zahlen div{flex-direction:column;gap:4px;display:flex}.ob-zahlen b{color:var(--ofd,var(--brand-dark));font-size:2.6rem;line-height:1.1}.ob-zahlen span{color:var(--muted);font-size:1rem;font-weight:700}.ob-zahlen div:first-child{transform:rotate(-2deg)}.ob-zahlen div:nth-child(3){transform:rotate(2deg)}.ob-beute{justify-content:center;gap:24px;margin:0;padding:0;list-style:none;display:flex}.ob-alter{width:100%;max-width:200px;margin:0 auto;font-size:1.6rem;font-weight:800}.ob-alter::placeholder{font-size:1.15rem;font-weight:600}.ob-auth{flex-direction:column;gap:12px;display:flex}.ob-auth button{min-height:52px;font-weight:800}.ob-oder{text-align:center;color:var(--muted);font-weight:700}.ob-glocke{border-radius:var(--r-l);background:var(--of);width:112px;height:112px;color:var(--oft);box-shadow:0 5px 0 var(--ofd);align-self:center;place-items:center;display:grid;transform:rotate(-5deg)}.ob-vorschau select{flex:1;min-height:40px;padding:4px 8px}.ob-gross .ob-mitte{flex:1;justify-content:center;gap:20px;margin:0}.ob-gross .body{flex:0}.ob-mitte .bubble{text-align:center;flex:none;max-width:360px;font-size:1.2rem}.ob-mitte .bubble.tail:before{bottom:-9px}.ob-bubble-haken{vertical-align:-5px;color:var(--wdh-d);margin-right:8px;display:inline-block}.ob-flamme{filter:drop-shadow(0 0 24px oklch(80% .16 60/.6));transform-origin:50% 90%;animation:.9s cubic-bezier(.3,1.6,.5,1) both flamme-an,2s ease-in-out .9s infinite flamme-wiegen;display:inline-flex}@keyframes flamme-an{0%{opacity:0;transform:scale(.2)}}@keyframes flamme-wiegen{50%{transform:scale(1.06)rotate(-2deg)}}@media (prefers-reduced-motion:reduce){.ob-flamme{animation:none}}.ob-geschenk-bild{width:230px;height:auto;overflow:visible}.ob-beute{flex-wrap:wrap;justify-content:center;gap:16px;margin:0;padding:0;list-style:none;display:flex}.ob-beute li{background:var(--card);border:2px solid var(--line);border-radius:var(--r-m);align-items:center;gap:8px;padding:8px 16px;font-size:1.1rem;display:flex}.ob-beute li:first-child{transform:rotate(-2deg)}.ob-beute li:last-child{transform:rotate(1.5deg)}.ob .hint,.ob small.hint{font-size:1rem;line-height:1.4}.ob-zahlen{margin:8px 0}.au{position:relative}.au-feld{text-align:left;border:2px solid var(--line);border-radius:var(--r-s);background:var(--card);width:100%;min-height:52px;box-shadow:0 3px 0 var(--line);color:var(--text);justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;font-weight:700;display:flex}.au-feld>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.au-feld .leer{color:var(--muted);font-weight:400}.au-feld.offen{border-color:var(--brand-dark);box-shadow:0 3px 0 var(--brand-dark)}.au-pfeil{color:var(--muted);flex:none}.au-feld.offen .au-pfeil{transform:rotate(180deg)}.au-schleier{z-index:70;position:fixed;inset:0}.au-pop{z-index:71;background:var(--card);border:2px solid var(--line);border-radius:var(--r-m);box-shadow:0 10px 28px oklch(.4 .08 var(--h) / .22);padding:8px;position:fixed;overflow:auto;transform:rotate(-.3deg)}.au-eingabe{cursor:text;padding:0 16px}.au-eingabe input{min-width:0;min-height:48px;font:inherit;color:var(--text);text-overflow:ellipsis;background:0 0;border:0;border-radius:0;flex:1;padding:0;font-weight:700}.au-eingabe input::placeholder{color:var(--muted);font-weight:400}.au-eingabe input:focus{outline:none}.au-liste{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.au-liste button{text-align:left;border-radius:var(--r-s);background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:48px;padding:8px 12px;display:flex}.au-liste button span{flex-direction:column;display:flex}.au-liste small{color:var(--muted)}.au-liste button.on{background:color-mix(in srgb, var(--brand) 35%, var(--card));color:var(--on-brand)}.au-liste button.aktiv{outline:2px solid var(--brand-dark);outline-offset:-2px}.au-liste li:nth-child(odd) button{transform:rotate(-.2deg)}.au-leer{color:var(--muted);padding:12px}.ob-punkte{text-align:left;flex-direction:column;gap:12px;margin:0;padding:0;font-size:1.05rem;line-height:1.35;list-style:none;display:flex}.ob-punkte li{border:2px solid var(--line);border-radius:var(--r-s);background:var(--card);min-height:56px;box-shadow:0 3px 0 var(--line);align-items:center;gap:12px;padding:12px 16px;display:flex}.ob-punkte .pk{background:var(--brand-dark);color:#fff;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.pr-form .stapel{flex-direction:column;gap:12px;display:flex}.pw{z-index:90;background:var(--bg);position:fixed;inset:0;overflow-y:auto}.pw-in{max-width:640px;padding:16px var(--gutter-r,16px) 32px var(--gutter-l,16px);flex-direction:column;gap:16px;margin:0 auto;display:flex}.pw-top{align-items:center;gap:8px;min-height:44px;display:flex}.pw-top .seitenwahl{flex:1;min-width:0}.pw-knopf{flex:none;place-items:center;width:44px;height:44px;min-height:44px;padding:0;display:grid}.pw-zu{margin-left:auto}.pw-kopf{align-items:center;gap:16px;display:flex}.pw-kopf h1,.pw-wolf h1{text-wrap:balance;margin:0;font-size:1.6rem;line-height:1.2}.pw-kopf p{color:var(--muted);margin:8px 0 0}.pw-kopf .mascot{flex:none;transform:rotate(-3deg)}.pw-vorteile{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pw-vorteile li{background:var(--card);border:2px solid var(--line);border-radius:var(--r-m);align-items:center;gap:12px;padding:12px 16px;display:flex}.pw-vorteile li:nth-child(2){transform:rotate(.4deg)}.pw-vorteile div{flex-direction:column;display:flex}.pw-vorteile small{color:var(--muted);font-size:.95rem}.pw-test{flex-direction:column;gap:12px;display:flex}.pw-test h2,.pw-sektion h2{margin:0;font-size:1.2rem}.pw-status{margin:0;font-weight:700}.pw-status.st-aktiv{color:oklch(42% .14 150)}.pw-link{flex-direction:column;gap:4px;display:flex}.pw-link span{color:var(--muted);font-size:.85rem;font-weight:800}.pw-link input{min-height:48px;font-size:.95rem}.pw-teilen{justify-content:center;align-items:center;gap:8px;min-height:52px;font-size:1.05rem;display:inline-flex}.pw-sektion{flex-direction:column;gap:12px;display:flex}.pw-abos{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.pw-abo{text-align:left;border-radius:var(--r-m);flex-direction:column;align-items:flex-start;gap:4px;min-height:44px;padding:16px;display:flex;position:relative}.pw-abo b{font-size:1.1rem}.pw-abo .pw-preis{font-size:1.6rem;font-weight:800;line-height:1.1}.pw-abo .pw-preis small{color:var(--muted);font-size:.9rem;font-weight:700}.pw-abo>small{color:var(--muted)}.pw-abo.aktiv{border-color:var(--brand-dark);background:color-mix(in srgb, var(--brand) 22%, var(--card))}.pw-abo .pw-an{align-items:center;gap:4px;font-size:.9rem;font-weight:800;display:inline-flex;position:absolute;top:12px;right:12px}.pw-abo.kompakt{flex-flow:wrap;align-items:baseline;gap:4px 12px;padding:12px 16px}.pw-abo.kompakt>small{flex-basis:100%}.pw-weiter{min-height:52px}.pw-ohne{min-height:48px;box-shadow:none;color:var(--brand-dark);text-transform:uppercase;letter-spacing:.04em;background:0 0;border:0;align-self:center;font-weight:800}.pw-schritte{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.pw-schritte li{background:var(--card);border:2px solid var(--line);border-radius:var(--r-m);align-items:center;gap:16px;padding:12px 16px;display:flex}.pw-schritte div{flex-direction:column;display:flex}.pw-schritte small{color:var(--muted);font-size:.95rem}.pw-schritte li.jetzt{border-color:var(--brand-dark);background:color-mix(in srgb, var(--brand) 22%, var(--card));transform:rotate(-.4deg)}.pw-schritte li.spaeter{opacity:.6}.pw-nr{border-radius:var(--r-s);background:var(--line);flex:none;place-items:center;width:44px;height:44px;font-size:1.2rem;font-weight:800;display:grid}.pw-schritte li.jetzt .pw-nr{background:var(--brand);color:var(--on-brand);box-shadow:0 3px 0 var(--brand-dark)}.pw-schritte li.fertig .pw-nr{color:oklch(35% .1 150);background:oklch(86% .1 150)}.pw-vergleich{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pw-vergleich .card{flex-direction:column;gap:12px;padding:16px;display:flex}.pw-vergleich h2{margin:0;font-size:1.2rem}.pw-vergleich ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pw-vergleich li{align-items:flex-start;gap:8px;line-height:1.3;display:flex}.pw-vergleich li svg{flex:none}.pw-vergleich .mitki{border-color:var(--brand-dark);background:color-mix(in srgb, var(--brand) 22%, var(--card));transform:rotate(.5deg)}.pw-hinweis{color:var(--muted);font-weight:700}.pw-wolf{text-align:center;align-items:center;gap:16px}.pw-vorschau{border-top:2px dashed var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding-top:16px;display:flex}.pw-vorschau small{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:800}.pw-vorschau button{min-height:44px;font-size:.9rem}@media (width<=420px){.pw-vergleich{grid-template-columns:1fr}.pw-kopf{align-items:flex-start}}.sc-vorteile svg{flex:none}.gesperrt .primary{align-self:stretch;min-height:48px}.anm{z-index:90;background:var(--bg);position:fixed;inset:0;overflow-y:auto}.an-in{max-width:480px;padding:16px var(--gutter-r,16px) 32px var(--gutter-l,16px);flex-direction:column;gap:16px;margin:0 auto;display:flex}.an-top{align-items:center;gap:8px;min-height:44px;display:flex}.an-top .seitenwahl{flex:1;min-width:0}.an-kopf{align-items:center;gap:16px;display:flex}.an-kopf h1,.an-karte h1,.an-wolf h1{text-wrap:balance;margin:0;font-size:1.6rem;line-height:1.2}.an-kopf p,.an-karte p{color:var(--muted);margin:8px 0 0}.an-anbieter{gap:12px;display:flex}.an-knopf{border-radius:var(--r-m);flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:52px;font-size:1.05rem;font-weight:800;display:inline-flex}.an-oder{color:var(--muted);align-items:center;gap:12px;font-weight:700;display:flex}.an-oder:before,.an-oder:after{content:"";background:var(--line);flex:1;height:2px}.an-felder{flex-direction:column;gap:12px;display:flex}.an-feld{flex-direction:column;gap:4px;display:flex}.an-feld>span:first-child{color:var(--muted);font-size:.9rem;font-weight:800}.an-feld input{min-height:52px;font-size:1.05rem}.an-feld input[aria-invalid=true]{border-color:oklch(62% .17 25)}.an-pw{gap:8px;display:flex}.an-pw input{flex:1;min-width:0}.an-pw button{flex:none;min-height:52px;padding:0 12px;font-weight:800}.an-fehler{color:oklch(50% .17 25);font-weight:700}.an-text{min-height:44px;box-shadow:none;color:var(--brand-dark);text-underline-offset:3px;background:0 0;border:0;padding:0 4px;font-weight:800;text-decoration:underline}.an-felder>.an-text{align-self:flex-start}.an-senden{min-height:52px;font-size:1.05rem}.an-wechsel{text-align:center;color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin:0;display:flex}.an-hinweis{text-align:center;color:var(--muted)}.an-karte{flex-direction:column;gap:16px;padding:20px;display:flex}.scan .scB-sucher{max-height:52vh}.scB-leiste{gap:12px}.scB-leiste .rund{min-height:56px;padding:8px 20px;font-size:1.05rem}.scB-leiste .ausloeser{width:88px;height:88px}.scB-leiste .zaehl{font-size:1.2rem}.scan .primary{min-height:56px;font-size:1.1rem}.sc-thema summary{min-height:56px}.kleben{background:var(--bg)}[data-dev] .kleben{box-shadow:0 -44px 0 var(--bg)}.shell,.ob,.pw,.anm{overflow-x:clip}*{scrollbar-width:none}::-webkit-scrollbar{width:0;height:0;display:none}.einheit>.banner{transition:none}.kleben{padding-top:calc(4px + env(safe-area-inset-top,0px));padding-bottom:8px}@media (width>=768px){.kleben{padding-top:4px}}.einheit>.banner{min-height:56px;padding:8px 16px}.sc-schritt,.w-zahl{width:40px;height:40px;box-shadow:0 3px 0 color-mix(in srgb, var(--ecd) 55%, transparent);border-radius:8px;margin:-8px -4px -8px 0;padding-top:8px;font-size:1.35rem}.w-zahl{padding-top:0}.einheit>.banner b{font-size:1.05rem}.scB-leiste{grid-template-columns:1fr auto 1fr}.scB-leiste .hoch{border-radius:var(--r-m);justify-self:start;place-items:center;width:56px;height:56px;min-height:56px;padding:0;display:grid}.pr-vorschau{flex-direction:column;gap:12px;display:flex}.pr-vorschau h2{margin:0;font-size:1.1rem}.pr-vorschau-knoepfe{flex-wrap:wrap;gap:8px;display:flex}.pr-vorschau-knoepfe button{flex:120px;min-height:48px;font-weight:800}.ek-nr{width:56px;height:56px;color:var(--ecd);box-shadow:0 3px 0 color-mix(in srgb, var(--ecd) 55%, transparent);background:#fff;border-radius:12px;flex:none;place-items:center;font-size:1.6rem;font-weight:800;display:grid}.sr-nur{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pfad .ek-karte>div{flex-direction:column;gap:2px;display:flex}.pfad .ek-karte b{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;margin:0;font-size:1.05rem;line-height:1.25;display:-webkit-box;overflow:hidden}.pfad .ek-karte .fort{opacity:.85;font-size:.82rem;font-weight:700;line-height:1.3}.einheit>.banner{top:calc(var(--kopf-h,0px) + var(--kopf-top,0px))}@media (width>=1100px){.lernen-A .einheit>.banner{top:calc(var(--kopf-top,0px) + 8px)}}main summary{cursor:pointer;min-height:44px;padding-block:10px}main button.link{min-height:44px}html,body,#root{height:100%;overflow:hidden}.shell{height:100%;min-height:0}.content,.seitenrahmen{overscroll-behavior-y:contain;height:100%;min-height:0;overflow:clip auto}@media (width>=768px){.shell{min-height:0}.tabs{height:100%}}:root{--tipp:26;--t-kurz:.14s;--t-mittel:.24s;--t-lang:.4s;--e-aus:cubic-bezier(.2, .8, .2, 1);--e-feder:cubic-bezier(.34, 1.56, .64, 1);--e-ein:cubic-bezier(.4, 0, .2, 1);--pop:1.06;--schuettel:6px;--zug:24px}:root[data-bewegung=ruhig]{--tipp:34;--t-kurz:.18s;--t-mittel:.32s;--t-lang:.52s;--e-feder:cubic-bezier(.22, .9, .3, 1);--pop:1.02;--schuettel:3px;--zug:16px}:root[data-bewegung=kraeftig]{--tipp:18;--t-kurz:.11s;--t-mittel:.2s;--t-lang:.34s;--e-feder:cubic-bezier(.3, 2.1, .6, 1);--pop:1.14;--schuettel:10px;--zug:32px}:root[data-bewegung=aus] *,:root[data-bewegung=aus] :before,:root[data-bewegung=aus] :after{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}@keyframes b-rein{0%{opacity:0;translate:var(--von,var(--zug)) 0}to{opacity:1;translate:0}}@keyframes b-tick{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@keyframes b-pop{0%{scale:1}45%{scale:var(--pop)}to{scale:1}}@keyframes b-haken{0%{rotate:-20deg;scale:0}to{rotate:0deg;scale:1}}@keyframes b-zettel{0%{opacity:0;translate:0 -28px;rotate:-7deg}to{opacity:1;translate:0;rotate:0deg}}@keyframes b-blase{0%{opacity:0;translate:0 10px;scale:.8}to{opacity:1;translate:0;scale:1}}@keyframes b-lugen{0%{translate:64px}to{translate:0}}@keyframes b-nicken{0%,to{rotate:0deg}35%{translate:0 3px;rotate:-5deg}70%{rotate:3deg}}@keyframes b-schuetteln{0%,to{translate:0}20%{translate:calc(-1 * var(--schuettel)) 0}40%{translate:var(--schuettel) 0}60%{translate:calc(-.6 * var(--schuettel)) 0}80%{translate:calc(.6 * var(--schuettel)) 0}}@keyframes b-ein{0%{opacity:0;translate:0 -4px}to{opacity:1;translate:0}}@keyframes b-auf{0%{opacity:0;scale:.96}to{opacity:1;scale:1}}@keyframes b-aktiv{0%{scale:.97}50%{scale:calc(1 + (var(--pop) - 1) / 2)}to{scale:1}}.ob[data-richtung=zurueck]{--von:calc(var(--zug) * -1)}.ob .body,.lekt-unten{background:var(--bg)}@supports not (view-transition-name:none){.ob .body,.lekt-unten{animation:seite-rein var(--t-lang) var(--e-aus) backwards}.ob[data-richtung=zurueck] .body{animation-name:seite-rein-zurueck}}.ob .body{view-transition-name:ob-unten}.lekt-unten{view-transition-name:lekt-unten;flex-direction:column;flex:1;gap:24px;min-height:0;display:flex}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-group(ob-unten){animation-duration:calc(var(--t-lang) + .1s);animation-timing-function:cubic-bezier(.32,.72,0,1)}::view-transition-group(lekt-unten){animation-duration:calc(var(--t-lang) + .1s);animation-timing-function:cubic-bezier(.32,.72,0,1)}::view-transition-old(ob-unten){animation-duration:calc(var(--t-lang) + .1s);mix-blend-mode:normal;animation-timing-function:cubic-bezier(.32,.72,0,1);animation-fill-mode:both}::view-transition-new(ob-unten){animation-duration:calc(var(--t-lang) + .1s);mix-blend-mode:normal;animation-timing-function:cubic-bezier(.32,.72,0,1);animation-fill-mode:both}::view-transition-old(lekt-unten){animation-duration:calc(var(--t-lang) + .1s);mix-blend-mode:normal;animation-timing-function:cubic-bezier(.32,.72,0,1);animation-fill-mode:both}::view-transition-new(lekt-unten){animation-duration:calc(var(--t-lang) + .1s);mix-blend-mode:normal;animation-timing-function:cubic-bezier(.32,.72,0,1);animation-fill-mode:both}::view-transition-old(ob-unten){z-index:1;animation-name:vt-raus}::view-transition-old(lekt-unten){z-index:1;animation-name:vt-raus}::view-transition-new(ob-unten){z-index:2;animation-name:vt-rein}::view-transition-new(lekt-unten){z-index:2;animation-name:vt-rein}:root[data-richtung=zurueck]::view-transition-old(ob-unten){z-index:2;animation-name:vt-raus-zurueck}:root[data-richtung=zurueck]::view-transition-old(lekt-unten){z-index:2;animation-name:vt-raus-zurueck}:root[data-richtung=zurueck]::view-transition-new(ob-unten){z-index:1;animation-name:vt-rein-zurueck}:root[data-richtung=zurueck]::view-transition-new(lekt-unten){z-index:1;animation-name:vt-rein-zurueck}@keyframes seite-rein{0%{translate:100vw}to{translate:0}}@keyframes seite-rein-zurueck{0%{translate:-30vw}to{translate:0}}@keyframes vt-raus{to{transform:translate(-100vw)}}@keyframes vt-rein{0%{transform:translate(100vw)}}@keyframes vt-raus-zurueck{to{transform:translate(100vw)}}@keyframes vt-rein-zurueck{0%{transform:translate(-100vw)}}.ob .ob-banner{transition:background-color var(--t-mittel) var(--e-ein), box-shadow var(--t-mittel) var(--e-ein), color var(--t-mittel) var(--e-ein)}.ob .sc-schritt{animation:b-tick var(--t-kurz) var(--e-aus) both}.ob .ob-rand{animation:b-lugen var(--t-lang) var(--e-feder) 80ms both}.ob .opt .check.on svg,.ob .ob-kachel.on:after{animation:b-haken var(--t-kurz) var(--e-feder) both}.ob .ob-mitte .bubble{transform-origin:50% 100%;animation:b-blase var(--t-mittel) var(--e-feder) .1s both}.ob .ob-mitte .mascot{animation:bob 3s ease-in-out infinite, b-nicken var(--t-lang) var(--e-aus) .3s 1 both}.ob .foot .primary:not(:disabled){animation:b-aktiv var(--t-mittel) var(--e-feder)}.ob button.primary,.anm button.primary{transition:translate var(--t-kurz) var(--e-feder), box-shadow var(--t-kurz) var(--e-aus)}.ob button.primary:active:not(:disabled),.anm button.primary:active:not(:disabled){box-shadow:0 1px 0 var(--brand-dark);translate:0 3px}.ob button:not(.primary),.anm button:not(.primary){transition:scale var(--t-kurz) var(--e-aus), background-color var(--t-kurz) var(--e-ein), border-color var(--t-kurz) var(--e-ein)}.ob button:not(.primary):active:not(:disabled),.anm button:not(.primary):active:not(:disabled){scale:.97}.ob .opt:active:not(:disabled),.ob .ob-kachel:active:not(:disabled){scale:.98}.ob input:focus,.anm input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 55%, transparent);transition:box-shadow var(--t-kurz) var(--e-aus)}.an-feld input[aria-invalid=true]{animation:b-schuetteln var(--t-mittel) var(--e-ein)}.an-fehler{animation:b-ein var(--t-kurz) var(--e-aus) both}.au-pop{transform-origin:50% 0;animation:b-auf var(--t-kurz) var(--e-aus) both}.au-pop.oben{transform-origin:50% 100%}.au-feld .au-pfeil{transition:rotate var(--t-kurz) var(--e-aus)}.au-feld.offen .au-pfeil{rotate:180deg}.au-liste button.on svg{animation:b-haken var(--t-kurz) var(--e-feder) both}.bew-wahl{flex-direction:column;gap:8px;display:flex}.bew-wahl button{text-align:left;border:2px solid var(--line);border-radius:var(--r-m);background:var(--card);flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:64px;padding:12px 16px;display:flex}.bew-wahl button b{font-size:1.05rem}.bew-wahl button small{color:var(--muted);font-size:.9rem}.bew-wahl button[aria-checked=true]{border-color:var(--brand-dark);background:color-mix(in srgb, var(--brand) 25%, var(--card));box-shadow:0 3px 0 var(--brand-dark)}.bew-probe{align-items:center;gap:12px;display:flex}.bew-probe .primary{min-height:56px;padding-inline:24px}.bew-richtig,.bew-falsch{border-radius:var(--r-m);place-items:center;width:56px;height:56px;min-height:56px;padding:0;display:grid}.bew-richtig{background:var(--ok-bg);border-color:var(--ok);color:var(--ok-dark);animation:b-pop var(--t-mittel) var(--e-feder)}.bew-falsch{background:var(--lern-bg);border-color:var(--lern);color:var(--lern-dark);animation:b-schuetteln var(--t-mittel) var(--e-ein)}.bew-probe button.primary{transition:translate var(--t-kurz) var(--e-feder), box-shadow var(--t-kurz) var(--e-aus)}.bew-probe button.primary:active{box-shadow:0 1px 0 var(--brand-dark);translate:0 3px}.getippt .geist{visibility:hidden}button.opt.on,.ob-kachel.on,.lopt.sel{animation:var(--eintritt,none), b-pop var(--t-mittel) var(--e-feder)}.ob,.pw-in,.an-in{padding-top:calc(16px + env(safe-area-inset-top,0px))}.mascot svg{overflow:visible}.w-auge{transform-box:fill-box;transform-origin:50%;animation:5.6s ease-in-out infinite w-blinzeln;animation-delay:var(--w-v,0s)}@keyframes w-blinzeln{0%,93%,to{scale:1}95.5%{scale:1 .08}}.w-pupille{translate:calc(var(--blick-x,0) * 1px) calc(var(--blick-y,0) * 1px);transition:translate .2s var(--e-aus)}.w-atem{transform-box:fill-box;transform-origin:50% 100%;animation:3.6s ease-in-out infinite w-atmen;animation-delay:var(--w-v,0s)}@keyframes w-atmen{0%,to{scale:1}50%{scale:1.014 1.028}}.w-kopf{transform-box:fill-box;transform-origin:50% 100%;animation:3.6s ease-in-out infinite w-kopf;animation-delay:var(--w-v,0s)}@keyframes w-kopf{0%,to{translate:0}50%{translate:0 -2px}}.w-schwanz{transform-box:fill-box;transform-origin:90% 80%;animation:4.4s ease-in-out infinite w-schwanz;animation-delay:var(--w-v,0s)}@keyframes w-schwanz{0%,to{rotate:0deg}50%{rotate:-5deg}}@supports not (view-transition-name:none){.ob .opts>*,.ob .ob-kacheln>*,.ob .ob-gross-wahl>*{--eintritt:b-tick var(--t-mittel) var(--e-aus) calc(var(--i,6) * 45ms + .14s) both;animation:var(--eintritt)}.ob .opts>:first-child,.ob .ob-kacheln>:first-child,.ob .ob-gross-wahl>:first-child{--i:0}.ob .opts>:nth-child(2),.ob .ob-kacheln>:nth-child(2),.ob .ob-gross-wahl>:nth-child(2){--i:1}.ob .opts>:nth-child(3),.ob .ob-kacheln>:nth-child(3){--i:2}.ob .opts>:nth-child(4),.ob .ob-kacheln>:nth-child(4){--i:3}.ob .opts>:nth-child(5){--i:4}.ob .opts>:nth-child(6){--i:5}.ob .opts>:nth-child(7){--i:6}.ob .opts>:nth-child(8){--i:7}.ob .opts>:nth-child(n+9){--i:8}.ob .opts>.opt.on,.ob .opts>.ob-kachel.on{animation:var(--eintritt), b-pop var(--t-mittel) var(--e-feder)}}.haken path{stroke-dasharray:1;stroke-dashoffset:1px;animation:b-zeichne var(--t-mittel) var(--e-aus) 40ms forwards}@keyframes b-zeichne{to{stroke-dashoffset:0}}:root[data-bewegung=aus] .haken path{stroke-dashoffset:0}.zaehler{font-variant-numeric:tabular-nums;justify-items:center;display:inline-grid}.zaehler>*{grid-area:1/1}.zaehler .geist{visibility:hidden}.ob-banner{overflow:hidden}.bar>div:after{content:"";animation:b-glanz 2.8s var(--e-ein) .6s infinite;background:linear-gradient(100deg,#0000 30%,#fffc 50%,#0000 70%);position:absolute;inset:0;translate:-100%}.bar>div{position:relative;overflow:hidden}@keyframes b-glanz{0%{translate:-100%}55%,to{translate:100%}}.ob-zahlen b .zaehler,.ob-zahlen b .zaehler>span{font:inherit;color:inherit}body:before{content:"";height:env(safe-area-inset-top,0px);background:var(--streifen,var(--bg));z-index:8000;pointer-events:none;position:fixed;top:0;left:0;right:0}.ob-banner{top:calc(8px + env(safe-area-inset-top,0px))}.ob-vorschau~.ob .ob-banner{top:calc(64px + env(safe-area-inset-top,0px))}.ob .au-feld{background:var(--bg);min-height:48px;box-shadow:none;padding:0 12px;font-size:1.15rem;font-weight:400}.ob .au-feld.offen{box-shadow:none}.ob .au-eingabe input{text-align:center;min-height:44px;font-size:1.15rem;font-weight:400}.fuss-in:not(.rueck){flex-wrap:wrap}.lekt-skip{text-transform:uppercase;letter-spacing:.05em;min-height:44px;color:var(--muted);flex:1 0 100%;margin-top:4px;font-weight:800}.baustein{touch-action:none;-webkit-user-select:none;user-select:none}.baustein.zieht{opacity:.35}.baustein.im-zug{z-index:300;pointer-events:none;box-shadow:0 10px 22px oklch(.4 .08 var(--h) / .28);justify-content:center;position:fixed;rotate:-2deg;scale:1.06}.ob .foot{view-transition-name:ob-fuss}.lekt-fuss{view-transition-name:lekt-fuss}::view-transition-group(ob-fuss){animation-duration:.16s}::view-transition-group(lekt-fuss){animation-duration:.16s}::view-transition-old(ob-fuss){animation-duration:.16s}::view-transition-new(ob-fuss){animation-duration:.16s}::view-transition-old(lekt-fuss){animation-duration:.16s}::view-transition-new(lekt-fuss){animation-duration:.16s}.ob-punkte .pk>svg:not(.pk-ico){color:#fff!important}.pk-ico{color:var(--ic)}.pk-A .pk{background:0 0;border-radius:0;width:32px;height:32px}.pk-A li{min-height:60px}.ob-plan li>span{background:0 0;width:36px;height:36px}.ob-plan li>span .pk-ico{color:var(--ic)}.ob-kacheln .ob-kachel:last-child:nth-child(odd){grid-column:1/-1}.pr-zeile-ico{width:36px;height:36px;color:var(--ic,var(--brand-dark));background:0 0}.ob-punkte li,.pw-vorteile li,.sc-vorteile li{font-weight:700}.pw-vorteile small,.ob-punkte small{font-weight:400}.flamme{place-items:center;width:220px;height:240px;display:grid;position:relative}.flamme>*{grid-area:1/1}.fl-icon{transform-origin:50% 95%;filter:drop-shadow(0 0 26px oklch(80% .16 60/.55));place-items:center;display:grid}.fl-icon svg{width:190px;height:190px}.fl-zahl{color:#fff;text-shadow:0 2px oklch(60% .17 45/.55);font-variant-numeric:tabular-nums;place-self:center;margin-top:62px;font-size:4.2rem;font-weight:800;line-height:1}.fl-glut{opacity:0;background:radial-gradient(closest-side,oklch(88% .15 75/.55),#0000);border-radius:50%;width:190px;height:190px}.fl-ring{opacity:0;border:6px solid oklch(82% .15 65);border-radius:50%;width:120px;height:120px}@keyframes fl-flackern{0%,to{transform:scale(1)rotate(0)}30%{transform:scale(1.035,.985)rotate(-1.2deg)}65%{transform:scale(.99,1.03)rotate(1deg)}}@keyframes fl-zahl-pop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes fl-glut-puls{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.1)}}.fl-C .fl-icon{animation:.9s cubic-bezier(.2,.9,.25,1) both flC-an,2.6s ease-in-out .9s infinite fl-flackern}@keyframes flC-an{0%{filter:brightness(2.2)drop-shadow(0 0 30px oklch(90% .15 80));opacity:0;transform:scale(.7,.05)}55%{filter:brightness(1.45)drop-shadow(0 0 40px oklch(90% .15 80));opacity:1;transform:scale(1.06,1.22)}to{filter:brightness()drop-shadow(0 0 26px oklch(80% .16 60/.55));opacity:1;transform:scale(1)}}.fl-C .fl-ring{animation:.9s ease-out .25s both flC-ring}@keyframes flC-ring{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(2.1)}}.fl-C .fl-zahl{animation:fl-zahl-pop .52s var(--e-feder) .6s both}.fl-C .fl-glut{animation:3s ease-in-out .9s infinite fl-glut-puls}.fk.fk-neu{transition:none;animation:none;overflow:visible}.fk-neu small{border-radius:10px 10px 0 0;transition:opacity 90ms,translate .12s}.fk-neu b{border-radius:0 0 10px 10px}.fk-reihe{position:relative}.fk-blitz{clip-path:polygon(60% 0,10% 58%,45% 58%,30% 100%,90% 40%,55% 40%);background:oklch(82% .15 88);width:10px;height:16px;margin:-8px -5px;position:absolute;top:50%}.lekt.finale{justify-content:flex-start;padding:0}.finale-inhalt{width:100%;padding:24px var(--gutter-r) 8px var(--gutter-l);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;display:flex;overflow-y:auto}.finale-fuss{width:100%}.ob .fk-neu,.fk-neu{box-shadow:none}.ob[data-getippt=nein] .body{visibility:hidden}.ob[data-getippt=ja] .body{animation:.38s cubic-bezier(.32,.72,0,1) backwards ob-von-rechts}@keyframes ob-von-rechts{0%{translate:100vw}to{translate:0}}::view-transition-new(ob-unten){z-index:0;animation:none!important}:root[data-bewegung=aus] .ob[data-getippt=nein] .body{visibility:visible}.pw-pakete{flex-direction:column;gap:12px;display:flex}.pw-abo.gross{flex-direction:column;align-items:flex-start;gap:8px;padding:16px}.pw-abo.gross ul,.pw-detail ul{flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.pw-abo.gross li,.pw-detail li{align-items:center;gap:8px;font-weight:700;display:flex}.pw-abo.gross li.nein,.pw-detail li.nein{color:var(--muted);font-weight:400;text-decoration:line-through}.pw-plus{text-align:left;border-radius:var(--r-m);align-items:center;gap:12px;width:100%;min-height:64px;padding:8px 16px;display:flex}.pw-plus:disabled{opacity:.55}.pw-plus.aktiv{border-color:var(--brand-dark);background:color-mix(in srgb, var(--brand) 22%, var(--card))}.pw-plus-text{flex-direction:column;flex:1;display:flex}.pw-plus-text small{color:var(--muted)}.pw-plus .pw-preis{text-align:right;font-weight:800}.pw-plus .pw-preis small{color:var(--muted);font-size:.8rem;font-weight:700;display:block}.pw-steuer{text-align:center;margin:0}.pw-umschalter{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pw-umschalter button{min-height:52px;font-weight:800}.pw-umschalter button.on{border-color:var(--brand-dark);background:color-mix(in srgb, var(--brand) 30%, var(--card));box-shadow:0 3px 0 var(--brand-dark)}.pw-detail{flex-direction:column;gap:12px;display:flex}.pw-detail .pw-preis{font-size:2rem;font-weight:800}.pw-detail .pw-preis small{color:var(--muted);font-size:.95rem}.pw-detail .primary.an{background:var(--ok,var(--brand-dark))}.pw-tabelle{border:2px solid var(--line);border-radius:var(--r-m);background:var(--card);flex-direction:column;display:flex;overflow:hidden}.pw-tz{border-top:2px solid var(--line);grid-template-columns:1.5fr 1fr 1fr;align-items:center;gap:8px;padding:10px 12px;font-weight:700;display:grid}.pw-tz>span:not(:first-child){text-align:center;color:var(--muted);place-items:center;display:grid}.pw-tz.kopf{border-top:0;align-items:stretch}.pw-tz.kopf button{flex-direction:column;align-items:center;gap:2px;min-height:76px;padding:8px 4px;display:flex}.pw-tz.kopf button.aktiv{border-color:var(--brand-dark);background:color-mix(in srgb, var(--brand) 25%, var(--card))}.pw-tz.kopf .pw-preis{font-size:1.3rem;font-weight:800}.pw-tz.kopf small{color:var(--muted);text-align:center;font-size:.72rem}.lekt-mitte:has(.getippt.tippt) .lekt-unten{visibility:hidden;animation:none}.lekt-mitte:not(:has(.getippt.tippt)) .lekt-unten{animation:.38s cubic-bezier(.32,.72,0,1) backwards ob-von-rechts}::view-transition-new(lekt-unten){z-index:0;animation:none!important}:root[data-bewegung=aus] .lekt-mitte:has(.getippt.tippt) .lekt-unten{visibility:visible}.pwd{z-index:90;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.pwd-scroll{min-height:0;padding:calc(8px + env(safe-area-inset-top,0px)) var(--gutter-r) 16px var(--gutter-l);box-sizing:border-box;flex:1;width:100%;max-width:560px;margin:0 auto;overflow-y:auto}.pwd-zu{width:48px;height:48px;min-height:48px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.pwd-titel{text-align:center;margin:8px 0 24px;font-size:1.8rem;font-weight:800;line-height:1.25}.pwd-titel span{color:var(--brand-dark);display:block}.pwd-karten{flex-direction:column;gap:16px;display:flex}.pwd-karte{text-align:left;border:2px solid var(--line);border-radius:var(--r-l);background:var(--card);width:100%;box-shadow:0 3px 0 var(--line);flex-direction:column;gap:6px;padding:16px;display:flex;position:relative}.pwd-karte:disabled{opacity:.55}.pwd-karte.an{border:3px solid var(--brand-dark);box-shadow:0 3px 0 var(--brand-dark);padding:15px}.pwd-kopf{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.pwd-kopf b{font-size:1.3rem}.pwd-preis{white-space:nowrap;font-size:1.1rem;font-weight:800}.pwd-preis small,.pwd-zeile{color:var(--muted);font-weight:700}.pwd-karte ul{flex-direction:column;gap:8px;margin:6px 0 0;padding:0;list-style:none;display:flex}.pwd-karte li{color:var(--text);align-items:center;gap:10px;display:flex}.pwd-karte li svg{color:var(--brand-dark);flex:none}.pwd-an{background:var(--brand-dark);color:#fff;border:3px solid var(--bg);border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:-12px;right:-8px}.pwd-hinweis{text-align:center}.pwd-fuss{padding:12px var(--gutter-r) calc(8px + env(safe-area-inset-bottom,0px)) var(--gutter-l);background:var(--bg);text-align:center;border-top:0;flex-direction:column;align-items:center;gap:8px;display:flex}.pwd-fuss p{color:var(--muted);margin:0}.pwd-fuss .primary{text-transform:uppercase;letter-spacing:.05em;width:100%;max-width:560px;min-height:56px;font-weight:800}.pwd-fuss small{color:var(--muted);max-width:560px}.pwd-ico{color:inherit}.pwd-an{color:#fff}.pwd-karte li .pwd-ico{color:var(--brand-dark)}.pwd-teilen{border-radius:var(--r-s);background:color-mix(in srgb, var(--brand) 35%, var(--card));min-height:48px;color:var(--brand-dark);justify-content:center;align-self:stretch;align-items:center;gap:8px;margin-top:6px;font-weight:800;display:flex}.pwd-karte.beste{border:3px solid var(--brand-dark);background:color-mix(in srgb, var(--brand) 14%, var(--card));box-shadow:0 4px 0 var(--brand-dark);margin-top:12px;padding:15px}.pwd-tag{border-radius:var(--r-s);background:var(--brand-dark);color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:4px;padding:4px 12px;font-size:.8rem;font-weight:800;position:absolute;top:-14px;left:16px}.pwd-paket{flex-direction:column;margin-top:12px;display:flex}.pwd-paket .pwd-karte.beste{box-shadow:none;border-bottom-width:1px;border-bottom-right-radius:0;border-bottom-left-radius:0;margin-top:0}.pwd-zusatz{text-align:left;border:3px solid var(--brand-dark);border-top:1px dashed var(--brand-dark);border-radius:0 0 var(--r-l) var(--r-l);background:var(--card);width:100%;min-height:64px;box-shadow:0 4px 0 var(--brand-dark);align-items:center;gap:12px;padding:8px 16px;display:flex}.pwd-zusatz.an{background:color-mix(in srgb, var(--brand) 22%, var(--card))}.pwd-zusatz-text{flex-direction:column;flex:1;display:flex}.pwd-zusatz-text small{color:var(--muted)}.pwd-zusatz .pwd-preis{text-align:right}.ob-punkte.pk-A li{box-shadow:none;background:0 0;border:0;min-height:48px;padding:8px 0}.pwd-spaeter{border-top:1px dashed var(--line);color:var(--muted);margin-top:4px;padding-top:8px;font-size:.95rem;font-weight:700}.ob-plan li{box-shadow:none;background:0 0;border:0;border-radius:0;padding:8px 0;transform:none!important}.ob-punkte .pk-ico{transform-origin:50% 60%}.ob:not([data-getippt=nein]) .ob-punkte .pk-ico{animation:ik-a .52s var(--e-feder) backwards;animation-delay:calc(.32s + var(--i,0) * .11s)}@keyframes ik-a{0%{scale:0}to{scale:1}}.lekt-unten>*{flex-shrink:0}.lekt-unten{overflow-y:auto}.bau-zeile{box-sizing:border-box;align-content:flex-start;height:auto}.bau-zeile .baustein{flex:0 auto}.getippt .g-wort{white-space:nowrap}.lekt-unten,.ob .body{margin-inline:-24px;padding-inline:24px}.tail-right:before{content:"";border:8px solid #0000;border-right:0;border-left-color:var(--line);position:absolute;top:26px;right:-9px}.lekt-frage.rechts{flex-direction:row-reverse}.lekt-frage.rechts .frage-wolf{scale:-1 1}.lekt-frage.rechts .frage-wolf.weg{margin-left:-16px;margin-right:0}.ob[data-seite=links] .ob-frage{padding-left:76px;padding-right:0}.ob[data-seite=links] .ob-rand{right:auto;left:calc(-1 * var(--gutter-l) - 40px);transform:scaleX(-1)}@keyframes b-lugen-links{0%{translate:-64px}to{translate:0}}.ob[data-seite=links] .ob-rand{animation-name:b-lugen-links}.pwd-scroll{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.pwd-klein{text-align:center;color:var(--muted);margin-top:16px;display:block}.pwd-fuss{background:linear-gradient(to top, var(--bg) 75%, transparent);position:absolute;bottom:0;left:0;right:0}.nav-B .nav-hell{width:44px;height:44px;translate:var(--hx,0px) var(--hy,0px);pointer-events:none;z-index:0;position:absolute;top:0;left:0}.nav-B .nav-hell i{border-radius:calc(var(--r-bar) - 3px);background:var(--brand);width:100%;height:100%;box-shadow:0 3px 0 var(--brand-dark);display:block}.nav-B button{z-index:1}.nav-B button.active{box-shadow:none;background:0 0}.nav-B button svg{transition:scale var(--t-kurz) var(--e-aus)}.nav-B button:active svg{scale:.8}.nav-B button.active svg{animation:nav-hupf var(--t-mittel) var(--e-feder)}@keyframes nav-hupf{0%{scale:.75}to{scale:1}}.nav-B .nav-hell{transition:translate calc(var(--t-lang) + 60ms) var(--e-ein)}.nav-B .nav-hell i{rotate:var(--w-neu,-4deg);animation:nav-gummi calc(var(--t-lang) + 60ms) var(--e-ein);background:oklch(90% .13 95);border-radius:6px;box-shadow:0 2px oklch(72% .13 85),inset 0 0 0 2px oklch(72% .13 85)}@keyframes nav-gummi{0%{scale:1;rotate:var(--w-alt,-4deg)}40%{scale:1.45 .82}to{scale:1;rotate:var(--w-neu,-4deg)}}.nav-B button.active{color:oklch(30% .05 85)}.content>*{animation:seite-auf var(--t-mittel) var(--e-aus) backwards}@keyframes seite-auf{0%{opacity:0;translate:0 8px}}.sf{--amp:.02;--dur:3.2s;--aussen:oklch(74% .11 55);--kern:oklch(90% .1 90);--gr:oklch(75% .16 55/0);--gross:1;width:var(--sf);height:var(--sf);scale:var(--gross);transform-origin:50% 85%;place-items:end center;display:inline-grid;position:relative}.sf:before{content:"";width:calc(var(--sf) * 2);height:calc(var(--sf) * 2);background:radial-gradient(circle, var(--gr) 0%, transparent 62%);opacity:var(--schein,0);pointer-events:none;z-index:-1;border-radius:50%;position:absolute;top:55%;left:50%;translate:-50% -50%}.sf svg{display:block;overflow:visible}.sf-haupt{transform-origin:50% 92%;width:100%;height:100%;animation:sf-flackern var(--dur) ease-in-out infinite}.sf-aussen{fill:var(--aussen)}.sf-kern{fill:var(--kern);transform-box:fill-box;transform-origin:50% 100%;animation:sf-kern calc(var(--dur) * .6) ease-in-out infinite}@keyframes sf-flackern{0%,to{rotate:0deg;scale:1}22%{scale:calc(1 - var(--amp) * .5) calc(1 + var(--amp));rotate:calc(var(--amp) * -22deg)}48%{scale:calc(1 + var(--amp) * .5) calc(1 - var(--amp) * .6);rotate:calc(var(--amp) * 14deg)}74%{scale:calc(1 - var(--amp) * .3) calc(1 + var(--amp) * .7);rotate:calc(var(--amp) * 20deg)}}@keyframes sf-kern{0%,to{opacity:1;scale:1}40%{opacity:.9;scale:.88 1.14}70%{opacity:1;scale:1.08 .92}}.sf-0{--amp:.015;--dur:4.4s}.sf-1{--amp:.04;--dur:3.4s;--aussen:oklch(74% .15 52);--kern:oklch(92% .12 92);--schein:.35;--gr:oklch(78% .16 60/.4);--gross:1.06}.sf-2{--amp:.07;--dur:2.6s;--aussen:oklch(72% .18 46);--kern:oklch(93% .14 92);--schein:.45;--gr:oklch(76% .18 55/.45);--gross:1.14}.sf-3{--amp:.1;--dur:2s;--aussen:oklch(68% .2 40);--kern:oklch(95% .12 96);--schein:.55;--gr:oklch(72% .2 48/.55);--gross:1.24}.sf-4{--amp:.13;--dur:1.5s;--aussen:oklch(64% .22 34);--kern:oklch(97% .09 98);--schein:.7;--gr:oklch(70% .21 42/.65);--gross:1.34}.sf-5{--amp:.17;--dur:1.1s;--aussen:oklch(60% .23 30);--kern:oklch(99% .05 100);--schein:.85;--gr:oklch(74% .2 48/.75);--gross:1.46}.sf-5:before{animation:1.4s ease-in-out infinite sf-glut}@keyframes sf-glut{0%,to{scale:1}50%{scale:1.1}}.sf-funke{background:var(--kern);opacity:0;width:3px;height:3px;animation:sf-funke var(--fd,1.8s) ease-out infinite;animation-delay:var(--fv,0s);border-radius:50%;margin-left:-1.5px;position:absolute;bottom:55%;left:50%}@keyframes sf-funke{0%{opacity:0;translate:0}15%{opacity:1}to{translate:var(--dx,0px) calc(var(--sf) * -1.1);opacity:0}}.sf-f0{--dx:-5px;--fd:1.7s;--fv:0s}.sf-f1{--dx:6px;--fd:2s;--fv:-.6s}.sf-f2{--dx:-2px;--fd:1.5s;--fv:-1.1s}.sf-f3{--dx:8px;--fd:1.9s;--fv:-.3s}.sf-f4{--dx:-8px;--fd:1.6s;--fv:-1.4s}.streak-ring .ring-in{overflow:visible}.fach-bild{transition:rotate var(--t-mittel) var(--e-feder), scale var(--t-kurz) var(--e-aus);rotate:-5deg}.fach-bild[aria-expanded=true]{rotate:4deg}.fach-bild:active{scale:.92}.fach-auf.pop{transform-origin:100% 0;animation:fa-zettel calc(var(--t-lang) + .2s) var(--e-ein)}@keyframes fa-zettel{0%{opacity:0;translate:0 -10px;rotate:-14deg;scale:.7}35%{opacity:1}55%{translate:0;rotate:5deg;scale:1}78%{rotate:-2deg}to{rotate:0deg}}.trenner{gap:12px;margin:16px 0 20px}.trenner:before,.trenner:after{background:var(--line);height:2px;box-shadow:none;border-radius:2px}.t-scheibe,.trenner.hier .t-scheibe{box-shadow:none;background:0 0;border-radius:0;padding:0;top:0}.pfad{--kh:88px;--kb:48px;--ek-zeit:.44s;--ek-kurve:cubic-bezier(.34, 1.56, .64, 1)}.pfad .ek-wrap{top:calc(var(--kopf-h,0px) + var(--kopf-top,0px) + 10px);z-index:20;height:var(--kh);pointer-events:none;position:sticky}.pfad .ek-karte{pointer-events:auto;box-sizing:border-box;height:var(--kh);cursor:default;width:100%;min-height:0;transition:height var(--ek-zeit) var(--ek-kurve), padding var(--ek-zeit) var(--ek-kurve), border-radius var(--ek-zeit) var(--ek-kurve), width var(--ek-zeit) var(--ek-kurve), box-shadow var(--ek-zeit) var(--ek-kurve), translate var(--ek-zeit) var(--ek-kurve);margin-inline:auto;padding:12px 16px;position:relative;overflow:hidden}.pfad .ek-karte .ek-nr{transition:width var(--ek-zeit) var(--ek-kurve), height var(--ek-zeit) var(--ek-kurve), font-size var(--ek-zeit) var(--ek-kurve), border-radius var(--ek-zeit) var(--ek-kurve), box-shadow var(--ek-zeit) var(--ek-kurve)}.pfad .ek-karte .fort{transition:opacity calc(var(--ek-zeit) * .6) var(--ek-kurve), max-height var(--ek-zeit) var(--ek-kurve);max-height:24px}.pfad .ek-karte b{transition:font-size var(--ek-zeit) var(--ek-kurve)}.pfad .ek-karte .leitfaden-knopf{transition:margin var(--ek-zeit) var(--ek-kurve);margin-block:-12px}.pfad [data-stuck="1"] .ek-karte{height:var(--kb);cursor:pointer;border-radius:14px;align-items:center;padding-block:0}.pfad [data-stuck="1"] .ek-karte .ek-nr{width:32px;height:32px;box-shadow:none;border-radius:8px;font-size:1.05rem}.pfad [data-stuck="1"] .ek-karte .fort{opacity:0;max-height:0}.pfad [data-stuck="1"] .ek-karte b{-webkit-line-clamp:1;font-size:1rem}.pfad [data-stuck="1"] .ek-karte .leitfaden-knopf{border-radius:0 14px 14px 0;margin-block:0}.pfad .knopf{transform-origin:50% 100%;transition:transform .34s cubic-bezier(.34,1.56,.64,1),box-shadow .34s cubic-bezier(.34,1.56,.64,1),scale .34s cubic-bezier(.34,1.56,.64,1)}.pfad .knopf:active{scale:1.1 .84;transform:translateY(calc(var(--lip) - 3px));box-shadow:0 3px 0 var(--ecd);transition-duration:60ms;transition-timing-function:ease-out}.pfad .knopf:not(.done):not(.jetzt):active{box-shadow:0 3px 0 oklch(.8 .02 var(--h))}.fenster.fenster-B{width:calc(100% - 28px);margin:0 14px calc(16px + env(safe-area-inset-bottom,0px));box-shadow:0 2px 0 oklch(78% .1 88), 0 14px 30px oklch(.3 .06 var(--h) / .3);transform-origin:50% 100%;background:oklch(96% .07 95);border-radius:6px;padding-bottom:24px;animation:.76s cubic-bezier(.2,.8,.2,1) kfB;rotate:-1.4deg}@keyframes kfB{0%{translate:0 115%;rotate:9deg}55%{translate:0 -2%;rotate:-3.4deg}78%{rotate:.6deg}to{translate:0;rotate:-1.4deg}}.fenster.fenster-B .f-griff{background:oklch(90% .05 95/.85);border-radius:2px;width:84px;height:24px;margin:-36px auto 4px;rotate:2deg;box-shadow:0 1px oklch(70% .06 90/.5)}.fenster.fenster-B .f-kopf h2{font-size:1.45rem}.fenster.fenster-B .f-erledigt,.fenster.fenster-B .fenster-zu{color:oklch(40% .06 85)}@media (prefers-reduced-motion:reduce){.fenster.fenster-B{animation:none}}.leitfaden{background:oklch(98.5% .012 95);border-radius:10px 10px 0 0;max-height:92dvh;padding-left:52px;animation:.42s cubic-bezier(.2,.9,.2,1) la-D;overflow-y:auto}@keyframes la-D{0%{translate:0 100%}}.leitfaden:before{content:"";background:oklch(75% .12 25);width:2px;position:absolute;top:0;bottom:0;left:38px}.leitfaden>*{flex-shrink:0}.leitfaden h2{overflow-wrap:anywhere;line-height:1.25}.leitfaden .fenster-kopf{color:oklch(.38 .03 var(--h))}.leitfaden .hint{color:oklch(.38 .03 var(--h));font-size:.9rem}.leitfaden{--lf-schrift:oklch(.22 .03 var(--h))}.leitfaden .lf-liste{gap:0;max-height:none;overflow:visible}.leitfaden .lf-liste li{background:0 0;border:0;border-radius:0;align-items:flex-start;gap:12px;min-height:0;padding:10px 0 12px 22px;position:relative}.leitfaden .lf-liste li:before{content:"";background:var(--lf-schrift);border-radius:50%;width:9px;height:9px;position:absolute;top:1.05rem;left:4px}.leitfaden .lf-liste li:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 8' preserveAspectRatio='none'%3E%3Cpath d='M2 4.4 C 30 2.6, 62 5.8, 104 4 S 176 2.2, 214 4.8 S 276 5.6, 298 3.4' fill='none' stroke='%23192130' stroke-width='1.7' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:8px;position:absolute;bottom:0;left:0;right:0}.leitfaden .lf-liste li:nth-child(3n+2):after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 8' preserveAspectRatio='none'%3E%3Cpath d='M2 3.2 C 44 5.4, 80 2.4, 126 4.4 S 200 5.6, 246 3.4 S 284 2.8, 298 4.6' fill='none' stroke='%23192130' stroke-width='1.7' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}.leitfaden .lf-liste li:nth-child(3n+3):after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 8' preserveAspectRatio='none'%3E%3Cpath d='M2 5 C 36 3.4, 70 4.8, 112 3 S 188 5.4, 232 4 S 280 3, 298 4.2' fill='none' stroke='%23192130' stroke-width='1.7' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}.leitfaden .lf-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.leitfaden .lf-text b{color:var(--lf-schrift);overflow-wrap:anywhere;font-size:1.05rem;line-height:1.4}.leitfaden .lf-text small{color:oklch(.4 .03 var(--h));font-size:.9rem;line-height:1.35}.leitfaden .lf-status{color:var(--lf-schrift);flex:none;font-size:.85rem;font-weight:800}.leitfaden .lf-status:empty{display:none}.leitfaden li.done{--lf-schrift:oklch(.38 .03 var(--h))}.leitfaden li.done .lf-text b{font-weight:700}.leitfaden li.done .lf-t{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 8' preserveAspectRatio='none'%3E%3Cpath d='M1 4.6 C 30 2.2, 70 6, 120 3.6 S 210 3, 299 4.2' fill='none' stroke='%23192130' stroke-width='2.2' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") 0 58%/100% .5em no-repeat}.leitfaden li.done:nth-child(3n+2) .lf-t{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 8' preserveAspectRatio='none'%3E%3Cpath d='M1 3.4 C 40 5.6, 90 2.6, 150 4.6 S 240 5, 299 3.2' fill='none' stroke='%23192130' stroke-width='2.2' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}.leitfaden li.done:nth-child(3n+3) .lf-t{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 8' preserveAspectRatio='none'%3E%3Cpath d='M1 4 C 50 2.4, 100 5.2, 160 3.2 S 250 5.4, 299 4.4' fill='none' stroke='%23192130' stroke-width='2.2' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}.leitfaden li.jetzt .lf-text b{font-size:1.2rem}.leitfaden li.jetzt .lf-t{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M1 4.5 C 20 2.5, 60 5, 98 1.8 L 99.5 15.5 C 70 18, 30 15.5, 2.5 18.8 Z' fill='%23ffe566'/%3E%3C/svg%3E") 0 92%/100% 1.05em no-repeat;margin-inline:-5px;padding-inline:5px;animation:.46s cubic-bezier(.4,0,.2,1) .42s backwards la-marker}@keyframes la-marker{0%{background-size:0 1.05em}}.leitfaden>.primary{z-index:2;position:sticky;bottom:0}@media (prefers-reduced-motion:reduce){.leitfaden,.leitfaden .lf-liste li{animation:none!important}}.fw-wahl{z-index:62;left:0;right:0;top:calc(16px + env(safe-area-inset-top,0px));justify-content:center;display:flex;position:fixed}.fw-wahl .seitenwahl{border-radius:var(--r-m);background:var(--card);border:2px solid var(--line);padding:6px 10px}.fenster-rand.zu{animation:.32s ease-in forwards rand-aus}@keyframes rand-aus{to{background:0 0}}.fach-auf.pop.zu{transform-origin:90% 0;pointer-events:none;animation:.26s cubic-bezier(.5,0,.9,.4) forwards fz-B}@keyframes fz-B{to{opacity:0;scale:.15}}.fenster.fenster-B.zu{pointer-events:none;animation:.34s cubic-bezier(.5,0,1,.7) forwards kz-C}@keyframes kz-C{30%{translate:0 -2%;rotate:.8deg}to{translate:0 120%;rotate:-1.4deg}}.fenster.leitfaden.zu{transform-origin:0 100%;pointer-events:none;animation:.34s cubic-bezier(.6,0,1,.5) forwards lz-D}@keyframes lz-D{25%{translate:0 -2%}to{translate:0 115%;rotate:3deg}}.abbruch .fenster-ab{text-align:center;width:calc(100% - 28px);margin:0 14px calc(16px + env(safe-area-inset-bottom,0px));box-shadow:0 2px 0 oklch(78% .1 88), 0 14px 30px oklch(.3 .06 var(--h) / .3);transform-origin:50% 100%;background:oklch(96% .07 95);border-radius:6px;align-items:stretch;padding-bottom:24px;animation:.7s cubic-bezier(.2,.8,.2,1) ab-A;rotate:1.2deg}@keyframes ab-A{0%{translate:0 115%;rotate:-9deg}55%{translate:0 -2%;rotate:3deg}78%{rotate:-.6deg}to{translate:0;rotate:1.2deg}}.abbruch .fenster-ab .f-griff{background:oklch(90% .05 95/.85);border-radius:2px;align-self:center;width:84px;height:24px;margin:-36px auto 4px;display:block;rotate:-2deg;box-shadow:0 1px oklch(70% .06 90/.5)}.abbruch .fenster-ab h2{font-size:1.5rem}.abbruch .fenster-ab .hint{color:oklch(38% .04 85);margin-bottom:4px;font-size:1rem}.abbruch .fenster-ab .ab-weiter{text-transform:uppercase;letter-spacing:.06em;min-height:60px;font-size:1.15rem;font-weight:800}.abbruch .fenster-ab .ab-beenden{color:oklch(34% .06 85);border-radius:var(--r-m);background:oklch(99% .02 95);border:2px solid oklch(82% .08 90);min-height:56px;font-size:1.05rem;font-weight:800}.abbruch .fenster-ab.zu{pointer-events:none;animation:.34s cubic-bezier(.5,0,1,.7) forwards ab-A-zu}@keyframes ab-A-zu{30%{translate:0 -2%}to{translate:0 120%;rotate:1.2deg}}.lekt .optionen{gap:16px;padding-block:8px}.lekt .optionen .lopt{min-height:68px;box-shadow:0 6px 14px oklch(.4 .06 var(--h) / .18);transition:translate .2s var(--e-feder), rotate .2s var(--e-feder), scale .2s var(--e-feder), box-shadow .2s;background:#fff;border-width:2px;border-radius:18px}.lekt .optionen .lopt:nth-child(odd){rotate:-.9deg}.lekt .optionen .lopt:nth-child(2n){rotate:.8deg}.lekt .optionen .lopt.sel{box-shadow:0 16px 28px oklch(.4 .08 var(--h) / .28);translate:0 -6px;rotate:0deg;scale:1.03}.lekt .optionen .lopt-nr{width:30px;height:auto;color:var(--brand-dark);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:0;place-items:center;font-size:1.6rem;font-weight:800;line-height:1;display:grid}.lekt .optionen .lopt.richtig{animation:.64s cubic-bezier(.3,.8,.3,1) sp-dreh;rotate:0deg}@keyframes sp-dreh{0%{scale:1}40%{scale:1.05}to{scale:1}}.lekt .lekt-frage .bubble{box-shadow:0 8px 18px oklch(.4 .06 var(--h) / .16);rotate:-.5deg}.lekt-fuss{z-index:3;position:absolute;bottom:0;left:0;right:0}.lekt-fuss.offen{pointer-events:none;background:0 0}.lekt-fuss.offen>*{pointer-events:auto}.lekt .lekt-unten{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}.lekt:has(.lekt-fuss.richtig,.lekt-fuss.falsch) .lekt-unten{padding-bottom:calc(300px + env(safe-area-inset-bottom,0px))}.lekt-fuss.offen .fuss-in{gap:4px}.lekt:has(.lekt-fuss.richtig,.lekt-fuss.falsch) .optionen{gap:10px}.lekt:has(.lekt-fuss.richtig,.lekt-fuss.falsch) .optionen .lopt{min-height:54px;padding-block:8px}.lekt .optionen{transition:gap .28s var(--e-aus)}.lekt .optionen .lopt{transition:translate .2s var(--e-feder), rotate .2s var(--e-feder), scale .2s var(--e-feder), box-shadow .2s, min-height .28s var(--e-aus), padding .28s var(--e-aus), opacity .24s}.sp-wahl{z-index:30;left:0;right:0;top:calc(64px + env(safe-area-inset-top,0px));pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed}.sp-wahl .seitenwahl{pointer-events:auto;border-radius:var(--r-m);background:var(--card);border:2px solid var(--line);padding:6px 10px}.paare-raster .pp-text{flex:1;min-width:0}.paare-raster .lopt.paar{transition:translate .2s var(--e-feder), rotate .2s var(--e-feder), scale .2s var(--e-feder), box-shadow .2s, background .2s, border-color .2s, opacity .2s}.paare-raster[data-paare=A]{gap:14px;padding-block:6px}.paare-raster[data-paare=A] .lopt.paar{min-height:68px;box-shadow:0 6px 14px oklch(.4 .06 var(--h) / .18);background:#fff;border-width:2px;border-radius:18px}.paare-raster[data-paare=A] .paare-zeile:nth-child(odd) .lopt.paar:first-child{rotate:-.8deg}.paare-raster[data-paare=A] .paare-zeile:nth-child(2n) .lopt.paar:last-child{rotate:.8deg}.paare-raster[data-paare=A] .lopt.paar.sel{box-shadow:0 16px 28px oklch(.4 .08 var(--h) / .28);translate:0 -6px;rotate:0deg;scale:1.03}.paare-raster[data-paare=A] .lopt.paar.richtig{opacity:.6;box-shadow:none;rotate:0deg}.paare-raster[data-paare=A] .lopt.paar.richtig:after{content:"✓";color:var(--ok-dark);font-weight:800;position:absolute;top:8px;right:12px}.lekt .optionen .lopt{backface-visibility:hidden;transform:translateZ(0)}.lekt .lekt-antwort{border-width:2px;border-color:var(--line);box-shadow:0 6px 14px oklch(.4 .06 var(--h) / .18);background:#fff;border-radius:18px;rotate:-.5deg}.lekt .lekt-eingabe{box-shadow:0 6px 14px oklch(.4 .06 var(--h) / .14);background:#fff;border-width:2px;border-radius:18px}.lekt .baustein{box-shadow:0 4px 10px oklch(.4 .06 var(--h) / .14);border-radius:14px}.lekt .baustein.leer{box-shadow:none}.lekt .bau-zeile{background:#fff9;border-radius:18px}.opt .opt-fach{flex:none;line-height:0;display:inline-flex}.lekt .lekt-unten{padding-top:26px;margin-top:-18px;margin-inline:-32px;padding-inline:32px}.finale .fv{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:440px;display:flex}.finale .fv-chips{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin:0;padding:0;list-style:none;display:flex}.finale .fv-chips li{border:2px solid var(--line);box-shadow:0 4px 10px oklch(.4 .06 var(--h) / .12);background:#fff;border-radius:16px;align-items:baseline;gap:6px;padding:10px 14px;display:flex}.finale .fv-chips li svg{align-self:center}.finale .fv-chips b{font-variant-numeric:tabular-nums;font-size:1.25rem}.finale .fv-chips small{color:oklch(.38 .04 var(--h));font-weight:700}.finale .fv-chips.klein li{padding:8px 12px}.finale .fv-chips.klein b{font-size:1.05rem}.fv-D .fv-medal{place-items:center;animation:.8s cubic-bezier(.34,1.56,.64,1) .2s backwards fv-medal;display:grid;position:relative}@keyframes fv-medal{0%{opacity:0;rotate:-25deg;scale:.2}}.fv-D .fv-glanz{z-index:0;background:radial-gradient(circle,oklch(92% .12 90/.9) 0%,oklch(92% .12 90/0) 62%);border-radius:50%;animation:2.4s ease-in-out infinite fv-glanz;position:absolute;inset:-30px}.fv-D .fv-medal svg{z-index:1;position:relative}@keyframes fv-glanz{50%{opacity:.7;scale:1.15}}.fv-D .fv-xp{font-variant-numeric:tabular-nums;color:oklch(50% .12 75);font-size:2.6rem;line-height:1}.fv-D .fv-abzeichen{color:oklch(38% .08 80);background:oklch(94% .1 95);border-radius:10px;margin:0;padding:6px 14px;font-weight:800}.fv-D .fv-morgen{color:oklch(.38 .04 var(--h));align-items:center;gap:8px;margin:0;font-weight:700;display:flex}.finale:has(.fv-D.mit) .finale-wolf{display:none}.finale .sp-wahl{top:calc(12px + env(safe-area-inset-top,0px))}.finale .finale-inhalt{gap:22px;padding-top:90px}.finale .fv{gap:22px}.sp-wahl{z-index:9000;top:calc(12px + env(safe-area-inset-top,0px))}.seiten-rahmen{touch-action:pan-y;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.seiten-rahmen>.content{background:var(--bg)}.seiten-rahmen>.content>*{animation:none}.seiten-rahmen>.schicht{background:var(--bg);pointer-events:none;will-change:transform;height:100%;position:absolute;inset:0;overflow:clip auto}.seiten-rahmen,.seiten-rahmen>.content,.seiten-rahmen>.schicht{touch-action:pan-y}.sp-schalter{z-index:9000;left:0;right:0;bottom:calc(max(8px, env(safe-area-inset-bottom,0px) - 10px) + 68px);pointer-events:none;flex-direction:column-reverse;align-items:center;gap:6px;padding:0 12px;display:flex;position:fixed}.sp-schalter>*{pointer-events:auto}.sp-chip{border-radius:var(--r-s);background:color-mix(in srgb, var(--card) 92%, transparent);min-height:28px;padding:2px 12px;font-size:.8rem;font-weight:800}.sp-hinweis{border-radius:var(--r-s);background:var(--card);border:2px solid var(--line);max-width:260px;padding:8px 12px}.sp-schalter .seitenwahl{border-radius:var(--r-m);background:var(--card);border:2px solid var(--line);box-shadow:0 4px 0 var(--line);padding:6px 10px}.pwd-platz{border-top:1px dashed var(--line);flex-direction:column;gap:6px;margin-top:4px;padding-top:8px;display:flex}.pwd-platz small{color:var(--muted);font-weight:700}.pwd-balken{background:var(--line);border-radius:4px;height:10px;display:block;overflow:hidden}.pwd-balken i{background:var(--brand-dark);width:2%;min-width:6px;height:100%;display:block}.fd{position:relative}.fd-buehne{place-items:center;width:100%;height:270px;display:grid;position:relative}.fd-buehne.klein{height:150px}.fd-pokal{z-index:3;place-items:center;display:grid;position:relative}.fd-xp{font-variant-numeric:tabular-nums;color:oklch(50% .12 75);background:linear-gradient(100deg,oklch(50% .12 75) 40%,oklch(85% .15 90) 50%,oklch(50% .12 75) 60%) 0 0/250% 100%;-webkit-text-fill-color:transparent;animation:fd-xp-rein .6s var(--e-feder,cubic-bezier(.34,1.56,.64,1)) .9s backwards, fd-glanz 1.6s ease-in-out 1.6s 2;-webkit-background-clip:text;background-clip:text;font-size:2.8rem;line-height:1}@keyframes fd-xp-rein{0%{opacity:0;rotate:-12deg;scale:.1}60%{rotate:3deg;scale:1.35}to{scale:1}}@keyframes fd-glanz{0%{background-position:120% 0}to{background-position:-60% 0}}@keyframes fd-tick{40%{scale:1.12}}@keyframes fd-hoch{0%{opacity:0;translate:0 24px}}@keyframes fd-fall{0%{opacity:0;translate:0 -380px;rotate:-18deg;scale:1.5}55%{opacity:1}}@keyframes fd-atmen{50%{scale:1.06}}.fd-welle{z-index:1;opacity:0;border:8px solid oklch(85% .15 90);border-radius:50%;width:220px;height:220px;animation:1s ease-out .85s fd-welle;position:absolute}.fd-welle.w2{border-width:3px;animation-delay:1.05s}@keyframes fd-welle{0%{opacity:.9;scale:.3}to{opacity:0;scale:2.3}}.fd-strahlen{z-index:0;background:repeating-conic-gradient(from 0deg, oklch(92% .13 90/.55) 0 10deg, transparent 10deg 24deg);border-radius:50%;width:420px;height:420px;animation:14s linear infinite fd-dreh,1s ease-out .8s backwards fd-ein;position:absolute;-webkit-mask:radial-gradient(circle,#000 18%,#0000 68%);mask:radial-gradient(circle,#000 18%,#0000 68%)}@keyframes fd-dreh{to{rotate:360deg}}@keyframes fd-ein{0%{opacity:0;scale:.4}}.fd-glut{z-index:0;background:radial-gradient(circle,oklch(92% .13 90/.85) 0,#0000 65%);border-radius:50%;width:340px;height:340px;animation:1.6s ease-in-out infinite fd-puls;position:absolute}@keyframes fd-puls{50%{opacity:.6;scale:1.2}}html[data-bewegung=aus] .fd *,html[data-bewegung=aus] .fd{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}html[data-bewegung=aus] .fd-kanone,html[data-bewegung=aus] .fd-fontaene,html[data-bewegung=aus] .fd-muenze,html[data-bewegung=aus] .fd-stern,html[data-bewegung=aus] .fd-welle{display:none}.fd-A .fd-pokal{animation:.62s cubic-bezier(.3,1.5,.5,1) .1s backwards fd-einschlag,2.6s ease-in-out 1.6s infinite fd-atmen}@keyframes fd-einschlag{0%{opacity:0;scale:4.4}50%{opacity:1}74%{translate:0 14px;scale:.9}88%{scale:1.06}}.fd-A .fd-buehne{animation:.6s ease-out .5s fd-wackel}@keyframes fd-wackel{15%{translate:-8px 6px;scale:1.05}30%{translate:8px -6px}45%{translate:-5px 4px;scale:1.02}60%{translate:4px -3px}80%{translate:-2px 1px}}.fd-A .fd-welle{animation-delay:.65s}.fd-A .fd-welle.w2{animation-delay:.85s}.fd-A .fd-strahlen{animation:14s linear infinite fd-dreh,1s ease-out .6s backwards fd-ein}.fd-flamme{transform-origin:50% 90%;animation:1.1s ease-in-out infinite fd-flackern}@keyframes fd-flackern{25%{rotate:-3deg;scale:1.08 .94}60%{rotate:3deg;scale:.95 1.1}}.fd-herz{animation:1.2s ease-in-out infinite fd-schlag}@keyframes fd-schlag{0%,40%,to{scale:1}15%{scale:1.22}30%{scale:.96}}html[data-bewegung=aus] .fd-flamme,html[data-bewegung=aus] .fd-herz{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.fd-vor{animation:.8s ease-in forwards fd-vorspiel}@keyframes fd-vorspiel{0%{opacity:.2;scale:.3}to{opacity:.9;scale:1.1}}.fd-gross{gap:36px}.fd-gross li{flex-direction:row;align-items:center;gap:8px}.fd-gross b{font-size:2rem}.fd-gross li{animation:fd-hoch .5s var(--e-feder,cubic-bezier(.34,1.56,.64,1)) calc(1.9s + var(--i) * .2s) backwards;list-style:none}.fd-gross{justify-content:center;margin:0;padding:0;list-style:none;display:flex}.fd-gross b{font-variant-numeric:tabular-nums;line-height:1}.xp-st{z-index:100;pointer-events:none;clip-path:polygon(50% 0,62% 36%,100% 38%,70% 60%,80% 100%,50% 76%,20% 100%,30% 60%,0 38%,38% 36%);opacity:0;background:oklch(86% .17 88);width:18px;height:18px;position:fixed;top:0;left:0}.xp-ring{display:inline-flex}.finale .konfetti i{animation-delay:calc(var(--d) + 1.35s)}.fd-welle.w3{border-width:14px;border-color:oklch(92% .12 90/.6);animation-delay:.75s}.fd-A .fd-welle.w3{animation-delay:1.05s}.fd-blitz{z-index:5;opacity:0;pointer-events:none;background:radial-gradient(circle,#fff 0,#fffc 25%,#0000 65%);border-radius:50%;width:520px;height:520px;animation:.55s ease-out .55s fd-blitz;position:absolute}@keyframes fd-blitz{0%{opacity:1;scale:.2}to{opacity:0;scale:1.5}}.fd-gross li:first-child{animation-name:fd-hoch,fd-huepf;animation-duration:.5s,.6s;animation-delay:1.9s,2.5s}@keyframes fd-huepf{40%{translate:0 -14px}70%{translate:0 3px}}.fd-abz{justify-content:center;align-items:center;animation:.5s cubic-bezier(.3,1.5,.5,1) 1.6s backwards fd-stempel;display:flex;position:relative}@keyframes fd-stempel{0%{opacity:0;rotate:18deg;scale:3.4}65%{scale:.88}85%{scale:1.08}}.fd-abz b{text-transform:uppercase;letter-spacing:.06em;font-weight:900}.fd-abz-a{gap:12px;rotate:-3deg}.fd-abz-a b{color:oklch(40% .09 75);font-size:1.15rem}.fd-rosette svg{filter:drop-shadow(0 4px oklch(50% .11 75/.35));animation:.9s ease-out 1.6s backwards fd-dreh-ein;display:block}@keyframes fd-dreh-ein{0%{rotate:-180deg}}.fd-abz-b{width:240px;height:64px}.fd-abz-b>svg{position:absolute;inset:0}.fd-abz-text{color:#fff;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 2px oklch(40% .11 25);align-items:center;gap:8px;margin-top:-8px;font-size:1.05rem;font-weight:900;display:inline-flex;position:relative}.fd-abz-b{animation-name:fd-band-ein}@keyframes fd-band-ein{0%{opacity:0;scale:0 1}60%{scale:1.12 1}}.fd-abz-c{flex-direction:column;gap:4px}.fd-abz-c svg{filter:drop-shadow(0 6px 8px oklch(50% .11 75/.35))}.fd-abz-c b{color:oklch(40% .09 75);font-size:1.05rem}.fd-abz-d{perspective:600px;gap:12px;animation-name:none}.fd-abz-d b{color:oklch(40% .09 75);font-size:1.15rem}.fd-muenze-rund{background:radial-gradient(circle at 35% 30%,oklch(95% .1 92),oklch(80% .16 85));border:5px solid oklch(55% .12 75);border-radius:50%;place-items:center;width:88px;height:88px;animation:1.1s cubic-bezier(.3,1.2,.5,1) 1.6s backwards fd-muenze;display:grid;box-shadow:inset 0 0 0 4px oklch(90% .12 90),0 5px oklch(50% .11 70/.5)}.fd-muenze-rund b{color:oklch(40% .09 75);text-transform:none;letter-spacing:0;font-size:1.7rem;line-height:1}.fd-muenze-rund small{font-size:.8rem}@keyframes fd-muenze{0%{opacity:0;rotate:y 900deg;scale:2.2}70%{scale:.92}}.fd-bonus{color:oklch(50% .1 75);margin-top:-14px;font-size:.85rem;font-weight:700;animation:.5s ease-out 2s backwards fd-hoch}.fd-titel{margin:0;font-size:1.5rem;animation:.5s ease-out 2.2s backwards fd-hoch}html[data-bewegung=aus] .fd-abz,html[data-bewegung=aus] .fd-rosette svg,html[data-bewegung=aus] .fd-muenze-rund{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.ss{flex-direction:column;align-items:center;width:100%;display:flex}.streak-seite .finale-inhalt{padding-top:40px}.ss-flamme{place-items:center;width:320px;height:320px;animation:.9s cubic-bezier(.3,1.6,.5,1) .15s backwards ss-zuenden;display:grid;position:relative}@keyframes ss-zuenden{0%{opacity:0;rotate:-20deg;scale:0}60%{scale:1.25}}.ss-glut{background:radial-gradient(circle,oklch(85% .17 70/.7) 0,#0000 62%);border-radius:50%;width:400px;height:400px;animation:1.5s ease-in-out infinite fd-puls;position:absolute}.ss-flamme .sf{z-index:1;position:relative}.ss-in{font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 4px oklch(50% .17 45),0 0 18px oklch(60% .2 50/.8);font-size:6.4rem;line-height:1}.ss-in.pop{animation:.6s cubic-bezier(.3,1.8,.5,1) ss-pop}@keyframes ss-pop{0%{scale:.4}60%{scale:1.35}}html[data-bewegung=aus] .ss *,html[data-bewegung=aus] .ss{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.sf-inhalt{transform-origin:50% 92%;animation:sf-flackern var(--dur) ease-in-out infinite;pointer-events:none;place-items:center;padding-top:30%;display:grid;position:absolute;inset:0}html[data-bewegung=aus] .sf-inhalt{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.fd-funkel{transform-box:fill-box;transform-origin:50%;animation:1.6s ease-in-out infinite fd-funkeln}@keyframes fd-funkeln{0%,to{opacity:.2;scale:.5}50%{opacity:1;scale:1.2}}.lv{text-align:center;flex-direction:column;align-items:center;gap:22px;width:100%;display:flex}.level-seite .finale-inhalt{padding-top:60px}.lv-titel{margin:0;font-size:1.5rem;font-weight:900;animation:.5s ease-out 1.6s backwards fd-hoch}.lv-level{color:oklch(50% .12 75);margin:0;font-size:2.2rem;font-weight:900;animation:.5s ease-out .3s backwards fd-hoch}.lv-neu{text-transform:uppercase;letter-spacing:.08em;color:oklch(55% .15 55);margin:8px 0 0;font-weight:900;animation:.5s ease-out 2s backwards fd-hoch}.lv-strahl{background:repeating-conic-gradient(from 0deg, oklch(92% .13 90/.55) 0 10deg, transparent 10deg 24deg);border-radius:50%;width:440px;height:440px;animation:14s linear infinite fd-dreh,1s ease-out 1.1s backwards fd-ein;position:absolute;-webkit-mask:radial-gradient(circle,#000 18%,#0000 68%);mask:radial-gradient(circle,#000 18%,#0000 68%)}.lv-ring{place-items:center;width:280px;height:280px;display:grid;position:relative}.lv-ring svg{position:absolute;inset:0}.lv-voll{stroke:var(--brand-dark);stroke-dasharray:1;stroke-dashoffset:.2px;animation:1.1s cubic-bezier(.4,.1,.3,1) .1s backwards lv-fuellen,1.1s linear .1s both lv-gold}@keyframes lv-fuellen{0%{stroke-dashoffset:.85px}}@keyframes lv-gold{0%{stroke:var(--brand-dark)}to{stroke:oklch(84% .17 92)}}.lv-ring{animation:1s cubic-bezier(.22,1,.36,1) backwards lv-ein}@keyframes lv-ein{0%{opacity:0;scale:.7}}.lv-ring.boom{animation:.6s cubic-bezier(.22,1,.36,1) lv-puls}@keyframes lv-puls{40%{scale:1.05}}.lv-ring.boom .lv-voll{stroke-dashoffset:0;stroke:oklch(84% .17 92);filter:drop-shadow(0 0 12px oklch(85% .17 90));animation:none}.lv-welle{opacity:0;border:10px solid oklch(88% .15 90);border-radius:50%;width:280px;height:280px;position:absolute}.lv-ring.boom .lv-welle{animation:1.6s cubic-bezier(.22,1,.36,1) fd-welle}.lv-ring.boom .lv-welle.w2{border-width:5px;animation-delay:.25s}.lv-mitte{flex-direction:column;align-items:center;line-height:1;display:flex;position:relative}.lv-mitte small{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:1rem;font-weight:900}.lv-mitte b{color:oklch(55% .15 70);font-variant-numeric:tabular-nums;font-size:7rem}html[data-bewegung=aus] .lv *,html[data-bewegung=aus] .lv{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.level-seite{transform-origin:44px 44px;will-change:transform, opacity;animation:.6s cubic-bezier(.22,1,.36,1) lv-auf}@keyframes lv-auf{0%{opacity:0;scale:.2}}.lv-rest{color:var(--muted);margin:0;font-weight:800;animation:.5s ease-out backwards fd-hoch}.lv-ring svg{overflow:visible}.lv-zahl{place-items:center;width:9rem;height:7.2rem;display:grid;position:relative;overflow:hidden}.lv-zahl b{color:oklch(55% .15 70);font-variant-numeric:tabular-nums;grid-area:1/1;font-size:7rem;line-height:1;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .7s}.lv-zahl .alt.weg{opacity:0;transform:translateY(-80%)}.lv-zahl .neu{opacity:0;transform:translateY(80%)}.lv-zahl .neu.da{opacity:1;transform:none}.lv-ring.boom .lv-mitte b{animation:none}html[data-bewegung=aus] .lv-zahl b{transition:none}.lv-glut{opacity:0;pointer-events:none;background:radial-gradient(circle,#0000 52%,oklch(90% .12 92/.4) 66%,#0000 78%);border-radius:50%;transition:opacity .6s;position:absolute;inset:-30px}.xp-ring{position:relative}.xp-ring:after{content:"";opacity:var(--glow,0);pointer-events:none;background:radial-gradient(circle,#0000 50%,oklch(90% .12 92/.38) 68%,#0000 82%);border-radius:50%;transition:opacity .4s;position:absolute;inset:-6px}.lv-ring,.lv-welle,.fd-pokal,.fd-strahlen,.fd-glut{will-change:transform, opacity}.lekt.finale{--fert:radial-gradient(circle at 50% 38%, oklch(97.5% .045 95) 0, oklch(91.5% .085 88) 100%);background:var(--fert)}.lekt.finale.streak-seite{background:radial-gradient(circle at 50% 42%,oklch(94% .06 65) 0,oklch(80% .13 42) 100%)}.lekt.finale .lekt-fuss{box-shadow:none;background:0 0;border:0}.lekt.finale.level-seite{background:var(--bg)}.lekt.finale.level-seite:before{content:"";z-index:0;background:var(--fert);pointer-events:none;animation:4.5s cubic-bezier(.45,0,.55,1) 1.4s forwards lv-bgaus;position:absolute;inset:0}@keyframes lv-bgaus{to{opacity:0}}.level-seite{animation:.9s cubic-bezier(.22,1,.36,1) la-a}@keyframes la-a{0%{opacity:0;scale:1.05}}html[data-bewegung=aus] .level-seite{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.lv-neu,.lv-rest{min-height:1.5em}.fenster{max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;overflow-y:auto}.pr-fenster .pr-fenster-inhalt{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex-direction:column;flex:auto;gap:12px;min-height:0;display:flex;overflow-y:auto}.pr-fenster-inhalt[data-mehr],.pwd-scroll[data-mehr]{-webkit-mask-image:linear-gradient(#000 calc(100% - 36px),#0000);mask-image:linear-gradient(#000 calc(100% - 36px),#0000)}.pr-fenster{padding-bottom:14px}.pf-kopf{grid-template-columns:auto 1fr;align-items:center;gap:16px;display:grid}.pf-kopf .pr-level{grid-column:1/-1}.pf-kompakt .pr-kopf-text h2{font-size:1.3rem}.pf-raster{grid-template-columns:repeat(3,1fr);gap:18px 8px;margin:0;padding:0;list-style:none;display:grid}.pf-raster li{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.pf-raster b,.pf-brett b,.pf-regal-quer b{font-size:.8rem;line-height:1.2}.pf-zeilen button{gap:14px}.fenster.pr-fenster{overflow:hidden}.bew-schalter{border:2px solid var(--line);border-radius:var(--r-m);background:var(--card);cursor:pointer;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.bew-schalter input{width:26px;height:26px;min-height:0;accent-color:var(--brand-dark);flex:none;margin:2px 0 0;padding:0}.bew-schalter span{flex-direction:column;gap:2px;min-width:0;display:flex}.bew-schalter small{color:var(--muted);line-height:1.35}.fenster,.pr-fenster{max-height:75dvh}.fenster.fenster-B.leitfaden{background:oklch(96% .07 95);border-radius:6px;padding-left:24px;padding-right:20px;animation:.76s cubic-bezier(.2,.8,.2,1) kfB}.fenster.fenster-B.leitfaden:before{display:none}.fenster.fenster-B.leitfaden.zu{transform-origin:50% 100%;animation:.34s cubic-bezier(.5,0,1,.7) forwards kz-C}.pr-fenster-inhalt>.primary,.pr-fenster-inhalt>button{flex:none}.pr-fenster-inhalt>*{flex-shrink:0}.pr-werte.in-karte{border-top:2px dashed var(--line);margin-top:4px;padding-top:14px}.pr-werte.in-karte div:nth-child(n){transform:none}.ek{--w:0deg;--gelb:oklch(90% .13 95);--rand:oklch(72% .13 85);--tinte:oklch(30% .05 85);width:68px;height:68px;rotate:var(--w);place-items:center;display:inline-grid;position:relative}.ek-fl{align-content:center;place-items:center;width:100%;height:100%;display:grid;position:relative}.ek-ico{color:var(--tinte)}.ek b{color:var(--tinte);font-size:.8rem;line-height:1}.ek.zu{--gelb:oklch(93% .008 250);--rand:oklch(82% .015 250);--tinte:oklch(62% .02 250)}.ek.zu .ek-fl{opacity:.85}.ek-C .ek-fl{box-shadow:0 2px 0 var(--rand), 0 6px 12px #0000001a;background:oklch(97.5% .05 95);border-radius:4px;gap:2px;padding-top:6px}.ek-C .ek-ico{color:var(--ic)}.ek-C.zu .ek-ico{color:var(--tinte)}.ek-band{z-index:2;background:oklch(90% .05 95/.9);width:30px;height:12px;margin-left:-15px;position:absolute;top:-7px;left:50%;rotate:3deg;box-shadow:0 1px oklch(70% .06 90/.5)}.pr-kopf .pr-werte{grid-column:1/-1}.pr-fenster .pr-fenster-inhalt{margin:-6px -8px 0;padding:6px 8px 16px}.fenster.fenster-B{padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))}.lekt.finale.fast-seite{background:radial-gradient(circle at 50% 38%,oklch(96.5% .03 270) 0,oklch(89% .065 275) 100%)}.fs{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:420px;display:flex}.fs-titel{margin:0;font-size:1.9rem;animation:.5s ease-out .2s backwards fd-hoch}.fs-zahl{font-variant-numeric:tabular-nums;color:oklch(45% .13 275);font-size:4.2rem;line-height:1;animation:.6s cubic-bezier(.3,1.6,.5,1) .5s backwards ss-pop}.fs-text{color:oklch(38% .05 275);margin:0;font-weight:700;animation:.5s ease-out 1.2s backwards fd-hoch}.fs-stern{animation:.6s cubic-bezier(.3,1.5,.5,1) backwards fd-einschlag}html[data-bewegung=aus] .fs *,html[data-bewegung=aus] .fs{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.fst{flex:none;display:inline-block;position:relative}.fst>svg,.fst-fuell{position:absolute;inset:0}.fst-leer{color:oklch(86% .02 270)}.fst-fuell{clip-path:inset(calc(100% - var(--q)) 0 0 0);animation:fst-hoch 1.4s cubic-bezier(.22, 1, .36, 1) var(--v) backwards}@keyframes fst-hoch{0%{clip-path:inset(100% 0 0)}}html[data-bewegung=aus] .fst-fuell{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.fenster.fenster-B,.fenster.fenster-B.pr-fenster,.abbruch .fenster-ab{overflow:visible}.f-lernzettel{border-radius:var(--r-m);color:oklch(34% .06 85);background:oklch(99% .02 95);border:2px solid oklch(82% .08 90);justify-content:center;align-items:center;gap:8px;min-height:52px;font-weight:800;display:flex}.lz-text{background:oklch(99% .02 95);border:2px solid oklch(88% .06 92);border-radius:6px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.lz-text h4{margin:0 0 2px}.lz-text p{margin:0;line-height:1.45}.lekt.finale.herzen-seite{background:radial-gradient(circle at 50% 38%,oklch(97.5% .025 15) 0,oklch(90% .065 8) 100%)}.hl{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:420px;display:flex}.hl-titel{margin:0;font-size:1.9rem;animation:.5s ease-out .2s backwards fd-hoch}.hl-text{color:oklch(38% .06 10);margin:0;font-weight:700;animation:.5s ease-out .5s backwards fd-hoch}.hl-hinweis{color:oklch(45% .05 10);margin:0;font-weight:700;animation:.5s ease-out .8s backwards fd-hoch}.herzen-seite .leer-herzen{opacity:1;filter:none}.herzen-seite .leer-herzen span{color:oklch(82% .03 10);animation:ss-pop .45s cubic-bezier(.3, 1.8, .5, 1) calc(.3s + var(--i) * .1s) backwards}.hl-wolf{animation:.6s ease-out backwards fd-hoch;position:relative}.hl-zzz{color:oklch(50% .1 270);flex-direction:column-reverse;gap:2px;font-weight:900;display:flex;position:absolute;top:8px;right:-28px}.hl-zzz i{opacity:0;font-style:normal;animation:2.4s ease-in-out infinite hl-zzz}.hl-zzz i:first-child{font-size:1rem}.hl-zzz i:nth-child(2){font-size:1.4rem;animation-delay:.5s}.hl-zzz i:nth-child(3){font-size:1.9rem;animation-delay:1s}@keyframes hl-zzz{0%,to{opacity:0;translate:-6px 6px}40%,70%{opacity:1;translate:0}}.hl-herz{animation:.6s cubic-bezier(.3,1.5,.5,1) backwards fd-einschlag,2.4s ease-in-out 1.6s infinite hl-schlag}@keyframes hl-schlag{0%,to{scale:1}12%{scale:1.05}24%{scale:1}}.hl-zettel{background:oklch(96% .07 95);border-radius:6px;flex-direction:column;align-items:center;gap:12px;width:100%;padding:34px 20px 22px;animation:.76s cubic-bezier(.2,.8,.2,1) backwards kfB;display:flex;position:relative;rotate:-1.6deg;box-shadow:0 2px oklch(78% .1 88),0 14px 30px oklch(30% .06 10/.25)}.hl-zettel .f-griff{margin:0 0 0 -42px;display:block;position:absolute;top:-14px;left:50%}.hl-zettel h2{margin:0;font-size:1.5rem}.hl-zettel p{color:oklch(38% .06 85);margin:0;font-weight:700}.hl-uhr{place-items:center;width:240px;height:240px;animation:.6s cubic-bezier(.3,1.5,.5,1) backwards fd-einschlag;display:grid;position:relative}.hl-uhr svg{position:absolute;inset:0}.hl-zeit{flex-direction:column;align-items:center;gap:4px;display:flex}.hl-zeit b{font-variant-numeric:tabular-nums;color:oklch(45% .17 15);font-size:3rem;line-height:1}.hl-schlag{animation:1.6s ease-in-out infinite hl-schlag}html[data-bewegung=aus] .hl *,html[data-bewegung=aus] .hl{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.hl-titel,.hl-zettel h2{color:var(--text)}.hl-uhr svg{position:static}.hl-uhr>svg{position:absolute;inset:0}.hl-zettel .f-griff{background:oklch(90% .05 95/.85);border-radius:2px;width:84px;height:24px;rotate:2deg;box-shadow:0 1px oklch(70% .06 90/.5)}.kl-sheet .kl-fuss{flex-direction:column;flex:none;gap:8px;padding:10px 4px 0;display:flex}.kl-sheet .kl-fuss button{min-height:54px}.kl-inhalt{gap:14px}.kl-inhalt>*{flex-shrink:0}.kl-einl{color:oklch(36% .05 85);margin:0;font-weight:700;line-height:1.4}.kl-wahl{text-align:left;border-radius:var(--r-m);background:var(--card);border:2px solid var(--line);width:100%;min-height:84px;box-shadow:0 4px 0 var(--line);align-items:center;gap:14px;padding:14px 16px;display:flex}.kl-wahl>svg:first-child{color:var(--brand-dark);flex:none}.kl-wahl span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.kl-wahl b{font-size:1.1rem}.kl-wahl small{color:var(--muted);font-weight:700}.kl-karte{border-radius:var(--r-m);background:var(--card);border:2px solid var(--line);box-shadow:0 4px 0 var(--line);flex-direction:column;gap:12px;padding:16px;display:flex}.kl-karte p{margin:0}.kl-eingabe{text-align:center;letter-spacing:.18em;text-transform:uppercase;font-variant-numeric:tabular-nums;min-height:64px;font-size:1.9rem;font-weight:900}.kl-fehler{color:oklch(50% .17 25);font-weight:800}.kl-schritte{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.kl-schritte li{border-radius:var(--r-m);background:var(--card);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);animation:fd-hoch .4s ease-out calc(.1s + var(--i) * .12s) backwards;align-items:flex-start;gap:14px;padding:14px;display:flex}.kl-schritte span{background:var(--brand);color:#fff;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.kl-schritte div{text-align:left;flex-direction:column;gap:2px;display:flex}.kl-schritte small{color:var(--muted);font-weight:700;line-height:1.35}.kl-code{text-align:center;background:var(--card);border-radius:var(--r-m);border:2px solid var(--line);box-shadow:0 4px 0 var(--line);flex-direction:column;align-items:center;gap:14px;padding:18px 16px;display:flex}.kl-code small{color:oklch(40% .05 85);font-weight:800}.kl-zeichen{justify-content:center;align-items:center;gap:5px;max-width:100%;display:flex}.kl-zeichen b{font-variant-numeric:tabular-nums;width:clamp(24px,7.4vw,32px);height:46px;color:var(--brand-dark);animation:ss-pop .4s cubic-bezier(.3, 1.8, .5, 1) calc(.2s + var(--i) * 50ms) backwards;background:oklch(96% .03 240);border:2px solid oklch(86% .05 240);border-radius:8px;place-items:center;font-size:1.5rem;line-height:1;display:grid}.kl-luecke{width:14px}.kl-knoepfe{flex-direction:column;gap:8px;width:100%;display:flex}.kl-knoepfe button{width:100%;min-height:52px}.kl-dabei{flex-direction:column;gap:10px;display:flex}.kl-dabei h2{text-align:left}.kl-zahl{color:oklch(36% .05 85);text-align:left;margin:0;font-weight:700}.kl-zahl b{color:var(--text);font-size:1.5rem}.kl-bahn{height:14px;box-shadow:inset 0 0 0 2px var(--line);background:oklch(100% 0 0/.7);border-radius:7px;display:block;overflow:hidden}.kl-bahn i{background:var(--brand-dark);border-radius:7px;height:100%;animation:1.2s cubic-bezier(.22,1,.36,1) .3s backwards fs-fuellen;display:block}.kl-namen{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.kl-namen li{border-radius:var(--r-s);border:2px solid var(--line);animation:fd-hoch .4s ease-out calc(.1s + var(--i) * 50ms) backwards;text-align:left;background:oklch(100% 0 0/.8);align-items:center;gap:12px;padding:8px 12px;display:flex}.kl-namen b{text-align:left;flex:1}.kl-namen small{color:var(--muted);font-weight:700}.kl-initial{background:var(--brand);color:#fff;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.kl-dank{text-align:center;border-radius:var(--r-m);background:var(--card);border:2px solid var(--line);box-shadow:0 4px 0 var(--line);flex-direction:column;align-items:center;gap:12px;padding:18px 16px;display:flex}.kl-dank h2{margin:0;font-size:1.5rem}.kl-name{color:oklch(45% .13 250);margin:0;font-weight:900}.kl-haken{color:#fff;background:oklch(62% .16 150);border-radius:50%;place-items:center;width:84px;height:84px;animation:.6s cubic-bezier(.3,1.8,.5,1) .2s backwards ss-pop;display:grid}.kl-haken svg{color:#fff}.kl-vorteile{text-align:left;flex-direction:column;align-items:flex-start;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.kl-vorteile li{animation:fd-hoch .4s ease-out calc(.6s + var(--i) * .12s) backwards;align-items:center;gap:10px;font-weight:700;display:flex}.kl-vorteile svg{color:oklch(55% .16 150);flex:none}.kl-abo h2{margin:0;font-size:1.5rem}.kl-abo small{color:var(--muted);font-weight:800}.kl-preis b{font-size:1.4rem}.kl-gekuendigt{color:oklch(50% .15 40);font-weight:800}.kl-liste{flex-direction:column;gap:10px;display:flex}.kl-liste button{min-height:52px}.kl-kuendigen{color:oklch(50% .17 25);background:0 0;border-color:oklch(85% .06 25)}.kl-frage ul{text-align:left;flex-direction:column;gap:6px;margin:0;padding-left:20px;font-weight:700;display:flex}.kl-frage h2{margin:0}html[data-bewegung=aus] .kl-sheet *{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.kl-zurueck{z-index:3;color:oklch(40% .06 85);text-transform:none;background:0 0;border:0;min-height:44px;padding:8px 10px;font-weight:800;position:absolute;top:8px;left:10px}.kl-zurueck span{margin-right:2px;font-size:1.4rem;line-height:1}.kl-sheet.mit-zurueck h2{margin-top:22px}.pr-gruppe{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:10px 0 4px;font-size:.85rem}.fenster.fenster-B .f-griff,.abbruch .fenster-ab .f-griff{z-index:4;pointer-events:none;clip-path:polygon(3% 0,97% 0,100% 12%,96% 25%,100% 38%,96% 50%,100% 62%,96% 75%,100% 88%,97% 100%,3% 100%,0 88%,4% 75%,0 62%,4% 50%,0 38%,4% 25%,0 12%);width:96px;height:28px;box-shadow:none;background:repeating-linear-gradient(90deg,#ffffff47 0 2px,#0000 2px 7px),linear-gradient(oklch(87% .028 85/.96),oklch(82% .035 82/.96));border-radius:0;flex:none;align-self:center;margin:-40px auto 8px;position:relative;rotate:2deg}.abbruch .fenster-ab .f-griff{rotate:-2deg}.ek-band{clip-path:polygon(4% 0,96% 0,100% 15%,95% 30%,100% 50%,95% 70%,100% 85%,96% 100%,4% 100%,0 85%,5% 70%,0 50%,5% 30%,0 15%);box-shadow:none!important;background:repeating-linear-gradient(90deg,#ffffff47 0 2px,#0000 2px 6px),linear-gradient(oklch(87% .028 85/.96),oklch(82% .035 82/.96))!important}.fenster.fenster-B{width:calc(100% - 44px);margin-left:22px;margin-right:22px;rotate:-1.1deg}.lb{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;display:flex}.lb-start{flex:1;min-height:100%}.lb-vorschau{z-index:75;background:radial-gradient(circle at 50% 38%,oklch(98.5% .02 235) 0,oklch(93% .05 238) 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lb-vorschau.seite{background:var(--bg);padding:calc(16px + env(safe-area-inset-top,0px)) var(--gutter-r) 0 var(--gutter-l);justify-content:flex-start}.lb-tipp{bottom:calc(24px + env(safe-area-inset-bottom,0px));color:var(--muted);font-weight:700;position:absolute}.lb-zettel{text-align:left;background:oklch(96% .07 95);border-radius:6px;width:min(86%,320px);padding:34px 22px 22px;position:relative;rotate:-1.4deg;box-shadow:0 2px oklch(78% .1 88),0 14px 30px oklch(30% .06 85/.25)}.lb-zettel h2{color:var(--text);margin:0 0 12px;font-size:1.4rem}.lb-zettel .f-griff{clip-path:polygon(3% 0,97% 0,100% 12%,96% 25%,100% 38%,96% 50%,100% 62%,96% 75%,100% 88%,97% 100%,3% 100%,0 88%,4% 75%,0 62%,4% 50%,0 38%,4% 25%,0 12%);background:repeating-linear-gradient(90deg,#ffffff47 0 2px,#0000 2px 7px),linear-gradient(oklch(87% .028 85/.96),oklch(82% .035 82/.96));width:96px;height:28px;margin:0 0 0 -48px;display:block;position:absolute;top:-14px;left:50%;rotate:2deg}.lb-schritte{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.lb-schritte li{color:oklch(36% .05 85);align-items:center;gap:10px;font-weight:800;display:flex}.lb-schritte li span{color:oklch(50% .17 150);border:2.5px solid oklch(45% .08 85);border-radius:6px;place-items:center;width:26px;height:26px;display:grid}.lb-schritte li.ok span svg{animation:.4s cubic-bezier(.3,1.8,.5,1) ss-pop}.sk{background:oklch(93% .02 240);border-radius:12px;display:block}.sk-seite{flex-direction:column;gap:14px;width:100%;max-width:520px;margin:0 auto;padding-top:4px;display:flex}.sk-leiste{align-items:center;gap:12px;min-height:52px;display:flex}.sk-leiste.unten{justify-content:space-between;padding:8px 20px}.sk-rund{border-radius:50%;flex:none;width:44px;height:44px}.sk-pille{border-radius:6px;width:54px;height:20px}.sk-pille.klein{width:36px}.sk-fach{border-radius:10px;width:40px;height:40px;margin-left:auto}.sk-banner{background:oklch(90% .035 285);border-radius:18px;height:72px;margin-top:12px}.sk-gross{border-radius:18px;height:150px}.sk-karte{border-radius:16px;height:84px}.sk-karte.hoch{height:120px}.sk-reihe{border-radius:16px;height:60px}.sk-pfad{flex-direction:column;align-items:center;gap:22px;padding-top:24px;display:flex}.sk-knoten{border-radius:50%;width:72px;height:66px}.sk-knoten:nth-child(2n){translate:44px}.sk-knoten:nth-child(4n){translate:-44px}.sk-raster{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.sk-kachel{aspect-ratio:1;border-radius:10px}.sk-scan{height:calc(100dvh - 190px)}.sk-sucher{border-radius:28px;flex:1;min-height:360px}.sk-eck{border-radius:16px;width:56px;height:56px}.sk-aus{border-radius:50%;width:76px;height:76px}.fe{min-height:100%;padding:calc(24px + env(safe-area-inset-top,0px)) 20px 120px;justify-content:center;align-items:center;display:flex}.fe-ganz{z-index:300;background:radial-gradient(circle at 50% 38%,oklch(98.5% .02 235) 0,oklch(93% .05 238) 100%);position:fixed;inset:0}.fe-karte{text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:420px;display:flex;position:relative}.fe-karte h1{color:var(--text);margin:0;font-size:1.6rem}.fe-karte p{color:oklch(40% .05 250);margin:0;font-weight:700;line-height:1.4}.fe-technik{color:var(--muted);overflow-wrap:anywhere;max-width:100%}.fe-knoepfe{flex-direction:column;gap:10px;width:100%;margin-top:6px;display:flex}.fe-knoepfe button{min-height:54px}.fe-kachel{color:oklch(30% .05 85);background:oklch(90% .13 95);border-radius:12px;place-items:center;width:92px;height:92px;font-size:3.4rem;font-weight:900;animation:.5s cubic-bezier(.3,1.5,.5,1) backwards fd-stempel;display:grid;rotate:-4deg;box-shadow:0 3px oklch(72% .13 85),inset 0 0 0 3px oklch(72% .13 85)}html[data-bewegung=aus] .fe *{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.lb-platz{box-sizing:border-box}.wdh-seite .einheit{margin-top:12px}.wdh-seite .einheit>.banner{top:calc(var(--kopf-h,0px) + var(--kopf-top,0px) + 12px)}.profil-seite .einheit>.banner,.termine-seite .einheit>.banner{top:calc(var(--kopf-h,0px) + var(--kopf-top,0px) + 24px)}.tippbar{cursor:pointer}.tipp-weiter{left:0;right:0;bottom:calc(34px + env(safe-area-inset-bottom,0px));text-align:center;color:oklch(40% .05 250/.75);letter-spacing:.02em;opacity:0;pointer-events:none;z-index:3;font-weight:800;transition:opacity .5s,translate .5s;position:absolute;translate:0 6px}.tipp-weiter.an{opacity:1;animation:2.2s ease-in-out .6s infinite tipp-atmen;translate:0}@keyframes tipp-atmen{50%{opacity:.55}}html[data-bewegung=aus] .tipp-weiter{transition:none;animation:none}html,body,#root{touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}input,select,textarea{font-size:max(16px,1rem)}.rm,.bn{--c:var(--brand-dark)}.rm-ok{--c:oklch(58% .16 150)}.rm-info{--c:oklch(65% .2 20)}.rm-fehler{--c:oklch(55% .19 25)}.bn-wiederholen{--c:oklch(58% .16 150)}.bn-termin{--c:oklch(60% .17 20)}.bn-herz{--c:oklch(62% .2 18)}.bn-serie{--c:oklch(68% .17 50)}.bn-klasse{--c:oklch(55% .15 245)}.rm{z-index:95;left:50%;bottom:calc(100px + env(safe-area-inset-bottom,0px));color:oklch(30% .05 85);width:max-content;max-width:min(92vw,380px);animation:rm-rein .35s var(--e-feder,cubic-bezier(.34, 1.56, .64, 1));pointer-events:none;align-items:center;gap:10px;padding:12px 16px;font-size:1rem;display:flex;position:fixed;translate:-50%}@keyframes rm-rein{0%{opacity:0;translate:-50% 18px}}.rm-ico{color:oklch(30% .05 85);flex:none;place-items:center;width:26px;height:26px;display:grid}.rm-ico svg{color:oklch(30% .05 85)}.rm-C{background:oklch(90% .13 95);border-radius:6px;rotate:-2.5deg;box-shadow:0 3px oklch(72% .13 85),inset 0 0 0 2px oklch(72% .13 85),0 10px 24px #00000026}.rm-C.rm-fehler{background:oklch(90% .07 25);box-shadow:0 3px oklch(70% .12 25),inset 0 0 0 2px oklch(70% .12 25),0 10px 24px #00000026}.bn-halter{z-index:94;left:12px;right:12px;top:calc(10px + env(safe-area-inset-top,0px));max-width:520px;animation:rm-runter2 .45s var(--e-feder,cubic-bezier(.34, 1.56, .64, 1));margin:0 auto;position:fixed}@keyframes rm-runter2{0%{opacity:0;translate:0 -30px}}.bn{text-align:left;color:var(--text);background:oklch(96% .07 95);border-radius:6px;align-items:center;gap:12px;padding:18px 14px 12px;display:flex;position:relative;rotate:-.8deg;box-shadow:0 2px oklch(78% .1 88),0 14px 30px oklch(30% .06 85/.3)}.bn .bn-tape{clip-path:polygon(3% 0,97% 0,100% 15%,96% 30%,100% 50%,96% 70%,100% 85%,97% 100%,3% 100%,0 85%,4% 70%,0 50%,4% 30%,0 15%);background:repeating-linear-gradient(90deg,#ffffff47 0 2px,#0000 2px 6px),linear-gradient(oklch(87% .028 85/.96),oklch(82% .035 82/.96));width:68px;height:22px;margin:0 0 0 -34px;display:block;position:absolute;top:-11px;left:50%;rotate:2deg}.bn-ico{width:48px;height:48px;color:var(--c);border-radius:12px;flex:none;place-items:center;display:grid}.bn-ico svg{color:var(--c)}.bn-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.bn-text b{font-size:1.05rem}.bn-text span{color:oklch(40% .05 85);font-size:.9rem;font-weight:700;line-height:1.3}.bn-knoepfe{flex-direction:column;gap:8px;display:flex}.bn-knoepfe button{min-height:40px;padding:0 14px;font-size:.95rem}.of{z-index:96;color:var(--text);align-items:center;gap:10px;animation:.4s ease-out rm-runter2;display:flex;position:fixed}.of-ico{flex:none;place-items:center;display:grid}.of-text{text-align:left;flex-direction:column;gap:1px;display:flex}.of-text span{opacity:.8;font-size:.85rem;font-weight:700}.of-A{left:14px;right:14px;top:calc(14px + env(safe-area-inset-top,0px));background:oklch(96% .07 95);border-radius:6px;max-width:500px;margin:0 auto;padding:18px 14px 12px;rotate:.8deg;box-shadow:0 2px oklch(78% .1 88),0 12px 26px oklch(30% .06 85/.28)}.of-A .of-tape{clip-path:polygon(3% 0,97% 0,100% 15%,96% 30%,100% 50%,96% 70%,100% 85%,97% 100%,3% 100%,0 85%,4% 70%,0 50%,4% 30%,0 15%);background:repeating-linear-gradient(90deg,#ffffff47 0 2px,#0000 2px 6px),linear-gradient(oklch(87% .028 85/.96),oklch(82% .035 82/.96));width:60px;height:20px;margin:0 0 0 -30px;display:block;position:absolute;top:-10px;left:50%;rotate:-2deg}.of-A .of-ico{background:oklch(90% .02 250);border-radius:8px;width:34px;height:34px}.of.wieder{color:oklch(30% .1 150)}.of-A.wieder{background:oklch(94% .07 150)}html[data-bewegung=aus] .rm,html[data-bewegung=aus] .bn-halter,html[data-bewegung=aus] .of{animation:none}[role=dialog]:focus{outline:none}.ob[data-ueber] .body,.ob[data-ueber] .foot{view-transition-name:none}.lekt-frage{z-index:2;padding-bottom:6px;position:relative}button.sr-nur{width:1px;height:1px;min-height:0;box-shadow:none;opacity:0;background:0 0;border:0;margin:-1px;padding:0;overflow:hidden}.sl-rahmen{place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.sl-rahmen.nacht{background:radial-gradient(circle at 50% 40%,oklch(36% .09 275) 0,oklch(20% .06 270) 100%)}.sl{text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;padding:0 24px;display:flex;position:relative}.sl-name{letter-spacing:-.01em;margin:6px 0 0;font-size:1.9rem;animation:.6s .2s both sl-ein}.sl-name.hell{color:#fff}.sl-unter{color:var(--muted);margin:0;font-weight:800}.sl-unter.hell{color:oklch(85% .04 270)}@keyframes sl-ein{0%{opacity:0;translate:0 10px}}.sl-wand{flex-direction:column;gap:14px;width:min(78%,300px);display:flex}.sl-zettel{rotate:var(--w);text-align:left;animation:sl-fall .7s calc(var(--i) * .55s + .1s) cubic-bezier(.3, 1.5, .5, 1) both;background:oklch(96% .07 95);border-radius:6px;align-items:center;gap:12px;padding:22px 16px 14px;display:flex;position:relative;box-shadow:0 2px oklch(78% .1 88),0 12px 24px oklch(30% .06 85/.25)}.sl-zettel b{color:oklch(34% .05 85);font-size:1.05rem}.sl-tape{width:60px;height:20px;rotate:calc(var(--w) * -1.6);clip-path:polygon(3% 0,97% 0,100% 15%,96% 30%,100% 50%,96% 70%,100% 85%,97% 100%,3% 100%,0 85%,4% 70%,0 50%,4% 30%,0 15%);background:repeating-linear-gradient(90deg,#ffffff47 0 2px,#0000 2px 6px),linear-gradient(oklch(87% .028 85/.96),oklch(82% .035 82/.96));margin:0 0 0 -30px;display:block;position:absolute;top:-10px;left:50%}.sl-haken{color:oklch(50% .17 150);border:2.5px solid oklch(45% .08 85);border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.sl-haken svg{animation:sl-pop .4s calc(var(--i) * .55s + .9s) cubic-bezier(.3, 1.8, .5, 1) both}@keyframes sl-fall{0%{opacity:0;translate:0 -70px;rotate:calc(var(--w) * 4)}}@keyframes sl-pop{0%{scale:0}}.sl-himmel i{width:4px;height:4px;left:calc(var(--i) * 53% / 3 + 4%);top:calc(var(--i) * 37% / 2 + 6%);opacity:.2;animation:sl-funkel 2.2s calc(var(--i) * .23s) infinite ease-in-out;background:#fff;border-radius:50%;position:absolute}.sl-himmel i:nth-child(3n){width:3px;height:3px}.sl-himmel i:nth-child(4n){width:5px;height:5px}@keyframes sl-funkel{50%{opacity:1;scale:1.5}}.sl-sternglut{background:radial-gradient(closest-side,oklch(85% .15 90/.35),#0000);border-radius:50%;width:280px;height:280px;animation:2.4s ease-in-out infinite sl-atmen;position:absolute;top:-66px;left:calc(50% - 140px)}@keyframes sl-atmen{50%{opacity:.7;scale:1.12}}.sl-stempel{place-items:center;width:170px;height:170px;display:grid;position:relative}.sl-ring{width:100%;height:100%;animation:1.8s linear infinite sl-dreh;position:absolute;inset:0;rotate:-90deg}.sl-ring circle{fill:none;stroke:var(--brand-dark);stroke-width:4px;stroke-linecap:round;stroke-dasharray:60 230;opacity:.85}@keyframes sl-dreh{to{rotate:270deg}}.sl-viereck{color:oklch(30% .05 85);background:oklch(90% .13 95);border-radius:8px;place-items:center;width:108px;height:108px;animation:.7s cubic-bezier(.3,1.6,.5,1) .1s both sl-stempeln;display:grid;box-shadow:0 5px oklch(72% .13 85),inset 0 0 0 3px oklch(72% .13 85),0 14px 26px #00000026}.sl-viereck svg{color:oklch(30% .05 85)}@keyframes sl-stempeln{0%{opacity:0;rotate:-14deg;scale:1.9}to{rotate:-4deg}}.sl-tipp{min-height:1.6em;color:var(--muted);margin:0;font-weight:800;animation:1.8s both sl-tipp}@keyframes sl-tipp{0%{opacity:0;translate:0 8px}15%,85%{opacity:1;translate:0}to{opacity:0}}.sl-pfad{width:min(80%,300px);height:300px;position:relative}.sl-knoten{color:#fff;width:62px;height:62px;animation:sl-knoten .5s calc(var(--i) * .5s + .2s) cubic-bezier(.3, 1.7, .5, 1) both;background:oklch(82% .09 245);border-radius:50%;place-items:center;margin:0 0 0 -31px;display:grid;position:absolute;box-shadow:0 6px oklch(62% .12 245)}.sl-knoten svg{color:#fff}.sl-knoten.start{background:oklch(78% .12 150);width:78px;height:78px;margin-left:-39px;box-shadow:0 6px oklch(58% .14 150)}.sl-knoten.start b{letter-spacing:.06em;font-size:.9rem}.sl-knoten.start:after{content:"";border:4px solid oklch(78% .12 150/.5);border-radius:50%;animation:1.4s ease-in-out 2.6s infinite sl-atmen;position:absolute;inset:-9px}@keyframes sl-knoten{0%{opacity:0;scale:0}}.sl-wolfe{animation:.6s 2.4s both sl-ein;position:absolute;bottom:-4px;left:-34px}.ob[data-ueber]{visibility:hidden}.os{z-index:97;background:oklch(.2 .04 var(--h) / .55);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.os-zettel{text-align:center;background:oklch(96% .07 95);border-radius:6px;flex-direction:column;align-items:center;gap:10px;width:min(100%,340px);padding:34px 22px 22px;display:flex;position:relative;rotate:-1deg;box-shadow:0 2px oklch(78% .1 88),0 18px 36px oklch(30% .06 85/.35)}.os-zettel h2{margin:0}.os-zettel p{color:oklch(40% .05 85);margin:0;font-weight:700}.os-tape{clip-path:polygon(3% 0,97% 0,100% 15%,96% 30%,100% 50%,96% 70%,100% 85%,97% 100%,3% 100%,0 85%,4% 70%,0 50%,4% 30%,0 15%);background:repeating-linear-gradient(90deg,#ffffff47 0 2px,#0000 2px 6px),linear-gradient(oklch(87% .028 85/.96),oklch(82% .035 82/.96));width:68px;height:22px;margin:0 0 0 -34px;display:block;position:absolute;top:-12px;left:50%;rotate:2deg}.lekt.finale.aus-lektion:after{content:"";z-index:60;background:var(--bg);pointer-events:none;animation:.55s ease-out forwards finale-wasch;position:absolute;inset:0}@keyframes finale-wasch{0%,10%{opacity:1}to{opacity:0}}.fae-gruppe h3{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:6px 0 8px;font-size:.85rem}.fae-gruppe ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.fae-zeile{text-align:left;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 12px;display:flex}.fae-zeile b{flex:1}.fae-zeile.an{border-color:var(--brand-dark);background:color-mix(in srgb, var(--brand) 16%, var(--card))}.fae-zeile:disabled{opacity:1}.fae-zeile .lk{background:var(--brand-dark);color:#fff;border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:800}.fae-haken{border:2px solid var(--line);width:26px;height:26px;color:var(--brand-dark);border-radius:6px;place-items:center;display:grid}.fae-zeile.an .fae-haken{border-color:var(--brand-dark)}.lekt,.lekt-mitte,.lekt-unten{overscroll-behavior-x:none;overflow-x:hidden}.recht h1{margin:0 0 4px;font-size:1.6rem}.recht h2{margin:22px 0 6px;font-size:1.1rem}.recht p,.recht li{margin:0 0 8px;font-size:.98rem;line-height:1.5}.recht ul{margin:0 0 8px;padding-left:20px}.recht .hint{margin:4px 0 8px;display:block}.recht-nav{flex-wrap:wrap;gap:8px 16px;margin-top:16px;display:flex}.recht-nav a,.recht-nav .an-text{color:inherit;font-weight:700;text-decoration:underline}.recht-web{overflow:visible}html:has(.recht-web){height:auto;overflow-y:auto}body:has(.recht-web){height:auto;overflow-y:auto}#root:has(.recht-web){height:auto;overflow-y:auto}.tm-aktion{flex-wrap:wrap;flex:none;align-items:center;gap:12px;display:inline-flex}.tm-melden{color:var(--muted);background:0 0;border:0;min-height:36px;padding:0 4px;font-size:.85rem;text-decoration:underline}@media (width<=520px){div.tm-zeile .tm-aktion{grid-area:g;justify-self:start}}.mascot.mascot-w2{animation:none}.mascot-w2.mascot-sleepy{opacity:1}.stb{z-index:75;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.stb-mitte{justify-content:center;align-items:center;margin-top:-4vh;display:flex}.stb-wort{left:0;right:0;bottom:calc(44px + env(safe-area-inset-bottom,0px));text-align:center;letter-spacing:-.01em;opacity:0;font-size:2.1rem;font-weight:900;animation:.6s ease-out .5s forwards stb-wort;position:absolute}@keyframes stb-wort{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.stb-tipp{left:0;right:0;bottom:calc(10px + env(safe-area-inset-bottom,0px));text-align:center;opacity:.6;font-size:.72rem;position:absolute}@media (prefers-reduced-motion:reduce){.stb-wort{opacity:1;animation:none}}:root[data-bewegung=aus] .stb-wort{opacity:1;animation:none}.weg .wolf-schatten{visibility:hidden;opacity:0!important}.stb .w2-z{display:none}.sv{flex-direction:column;gap:16px;width:100%;max-width:520px;margin:0 auto;display:flex}.sv h2{margin:0}.sv-kopf{flex-direction:column;gap:8px;display:flex}.sv-kopf h2{font-size:1.5rem}.sv-kont{color:var(--muted);flex-direction:column;gap:8px;font-weight:700;display:flex}.sv-kont b{color:var(--text);font-size:1.1rem}.sv-leiste{background:var(--line);border-radius:4px;height:8px;display:block;overflow:hidden}.sv-leiste i{background:var(--brand-dark);border-radius:4px;height:100%;display:block}.sv-fach{align-self:stretch}.sv-sucher{border-radius:var(--r-l);text-align:center;background:color-mix(in srgb, var(--brand) 14%, var(--card));border:2px solid var(--line);flex:1 1 0;place-items:center;width:100%;min-height:240px;display:grid;position:relative;overflow:hidden}.sv-sucher img{object-fit:cover;width:100%;height:100%}.sv-leer{flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.sv-leer svg{color:var(--brand-dark)}.sv-leer p{margin:0;font-weight:700}.sv-sucher .ecke{border:4px solid var(--brand-dark);width:36px;height:36px;position:absolute}.sv-sucher .a{border-bottom:0;border-right:0;border-top-left-radius:12px;top:16px;left:16px}.sv-sucher .b{border-bottom:0;border-left:0;border-top-right-radius:12px;top:16px;right:16px}.sv-sucher .c{border-top:0;border-right:0;border-bottom-left-radius:12px;bottom:16px;left:16px}.sv-sucher .d{border-top:0;border-left:0;border-bottom-right-radius:12px;bottom:16px;right:16px}.sv-zaehler{border-radius:var(--r-s);background:color-mix(in srgb, var(--card) 90%, transparent);text-align:left;padding:8px 12px;position:absolute;bottom:24px;left:24px;right:24px}.sv-sucher.zu .sv-leer{filter:blur(3px);opacity:.5}.sv-leiste-d{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.sv-leiste-d .hoch{border-radius:var(--r-m);justify-self:start;place-items:center;width:56px;height:56px;min-height:56px;padding:0;display:grid}.sv-leiste-d .ausloeser{background:var(--brand-dark);color:#fff;width:88px;height:88px;min-height:0;box-shadow:0 8px 0 color-mix(in srgb, var(--brand-dark) 60%, #000);border:0;border-radius:50%;place-items:center;padding:0;display:grid}.sv-leiste-d .ausloeser:disabled{background:var(--line);color:var(--muted);box-shadow:0 8px 0 color-mix(in srgb, var(--line) 70%, var(--muted));opacity:1}.sv-leiste-d .ausloeser:not(:disabled):active{box-shadow:0 4px 0 color-mix(in srgb, var(--brand-dark) 60%, #000);transform:translateY(4px)}.sv-hist{position:relative;justify-self:end!important}.sv-hist b{background:var(--brand-dark);color:#fff;border-radius:6px;place-items:center;min-width:22px;height:22px;padding:0 4px;font-size:.8rem;display:grid;position:absolute;top:-6px;right:-6px}.sv-seiten{z-index:2;position:absolute;top:16px;left:16px;right:16px}.sv-seiten .sc-vorschau{gap:8px;display:flex}.sv-seiten .sc-vorschau li{flex:none;width:48px}.sv-blatt{z-index:5;background:var(--card);text-align:left;flex-direction:column;gap:12px;padding:16px;display:flex;position:absolute;inset:0;overflow:auto}.sv-blatt-kopf{justify-content:space-between;align-items:center;display:flex}.sv-blatt-kopf button{place-items:center;width:44px;height:44px;padding:0;display:grid}.sv-los{flex:none}.sv-frei-d{text-align:center}@media (prefers-reduced-motion:reduce){.sv *{transition:none!important;animation:none!important}}.sv-sucher{isolation:isolate}.sv-blitz{z-index:3;opacity:0;pointer-events:none;background:#fff;animation:.32s ease-out sv-blitz;position:absolute;inset:0}@keyframes sv-blitz{0%{opacity:.9}to{opacity:0}}.sv-sucher:has(.sv-blitz) .ecke{animation:sv-ecke .32s var(--e-feder,cubic-bezier(.34,1.56,.64,1))}@keyframes sv-ecke{0%{scale:1.12}to{scale:1}}.sv-leiste-d .ausloeser{transition:transform 80ms,box-shadow 80ms;position:relative}.sv-leiste-d .ausloeser.klick{animation:sv-druck .34s var(--e-feder,cubic-bezier(.34,1.56,.64,1))}@keyframes sv-druck{0%{transform:translateY(6px)scale(.92)}to{transform:none}}.sv-d .sc-vorschau li:last-child{animation:sv-pop .34s var(--e-feder,cubic-bezier(.34,1.56,.64,1))}@keyframes sv-pop{0%{opacity:0;scale:.5}}html[data-bewegung=aus] .sv-blitz,html[data-bewegung=aus] .sv-leiste-d .ausloeser,html[data-bewegung=aus] .sv-d .sc-vorschau li{animation:none!important}.page.scan-kamera{min-height:100dvh;padding-top:calc(16px + env(safe-area-inset-top,0px));padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.scan-kamera .a-raster,.scan-kamera .a-haupt{flex-direction:column;flex:auto;min-height:0;display:flex}.scan-kamera .a-haupt>.sv-d{flex:auto}.sv-d{max-width:none;min-height:0}.sv-d .sv-sucher{max-height:none;transform:none}.sv-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.sv-video.an{opacity:1}.sv-sucher .sv-leer{z-index:1;max-width:80%;position:relative}.sv-demo{z-index:2;border-radius:var(--r-s);background:color-mix(in srgb, var(--card) 88%, transparent);padding:4px 12px;font-size:.85rem;font-weight:800;position:absolute;top:56px;left:16px}.sv-sucher .ecke,.sv-sucher .sv-zaehler,.sv-sucher .sv-seiten{z-index:2}.sv-ausl-wrap{justify-self:center;place-items:center;display:grid;position:relative}.sv-leiste-d .hoch{transition:rotate .2s}.sv-leiste-d>.hoch:first-child{rotate:-4deg}.sv-leiste-d>.hoch.sv-hist{rotate:4deg}.sv-leiste-d{padding-inline:20px}.sv-sucher.zu{overflow:visible}.sp{z-index:5;pointer-events:none;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.sp-zettel{pointer-events:auto;text-align:center;color:#3b2f00;width:min(100%,320px);animation:sp-kleben .5s var(--e-feder,cubic-bezier(.34,1.56,.64,1));background:#ffe66d;border-radius:4px;flex-direction:column;align-items:center;gap:12px;padding:34px 20px 20px;display:flex;position:relative;rotate:-3deg;box-shadow:0 6px #00000038,0 14px 24px #00000040}.sp-zettel svg{color:#3b2f00}.sp-zettel h2{margin:0;font-size:1.4rem}.sp-zettel button{text-wrap:balance;width:100%;min-height:48px}.sp-streifen{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff9;border:1px solid #00000014;width:92px;height:28px;margin-left:-46px;position:absolute;top:-14px;left:50%;rotate:4deg}@keyframes sp-kleben{0%{opacity:0;translate:0 -40px;rotate:4deg;scale:1.15}to{opacity:1;translate:0;rotate:-3deg;scale:1}}html[data-bewegung=aus] .sp-zettel{animation:none!important}.sp-zettel p{margin:0;font-weight:800}.sp-zettel .sp-zweit{color:#3b2f00;background:#ffffff80;border-color:#0003;box-shadow:0 3px #0003}.sv-blitz-knopf{z-index:4;background:color-mix(in srgb, var(--card) 92%, transparent);width:50px;height:50px;min-height:50px;color:var(--text);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);border-radius:9px;place-items:center;padding:0;transition:rotate .15s,translate .1s,box-shadow .1s;display:grid;position:absolute;top:66px;right:26px;rotate:5deg}.sv-blitz-knopf:active{box-shadow:0 1px 0 var(--line);translate:0 2px}.sv-blitz-knopf.an{color:oklch(30% .05 85);background:oklch(90% .13 95);border-color:oklch(72% .13 85);rotate:-4deg;box-shadow:0 3px oklch(72% .13 85)}.sv-blitz-knopf.aus{opacity:.5}