@keyframes ds-puls{50%{opacity:0}}.ds-buehne{background:oklch(var(--k));color:oklch(100% 0 0);--g-grid:oklch(100% 0 0/.16);--g-axis:oklch(100% 0 0/.55);--g-curve:oklch(100% 0 0);--g-point:oklch(100% 0 0);--g-label:oklch(100% 0 0);--g-bg:oklch(var(--k));--g-ghost:oklch(100% 0 0/.45)}.ds-buehne.ds-rund{border-radius:24px}.ds-symbolfeld{background:oklch(var(--k));color:oklch(100% 0 0);border-radius:14px;flex:none;place-items:center;width:40px;height:40px;font-family:KaTeX_Main,Times New Roman,serif;font-size:18px;font-weight:800;display:grid}.ds-symbolfeld[data-kategorie=funktion]{font-family:Geologica,system-ui,sans-serif}.ds-symbolfeld[data-kategorie=zahl]{container-type:size}.ds-symbol-treppe{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;width:67.5cqw;height:67.5cqw;font-size:30cqw;line-height:1;display:grid}.ds-symbol-treppe>:first-child{grid-area:1/1}.ds-symbol-treppe>:nth-child(2){grid-area:2/2}.ds-symbol-treppe>:nth-child(3){grid-area:3/3}.ds-slot{width:112px;height:var(--ds-slot-hoehe,54px);background:oklch(var(--ds-sunken));border:2px solid oklch(var(--ds-ink-faint));color:oklch(var(--ds-ink));font-variant-numeric:tabular-nums;border-radius:14px;place-items:center;font-size:22px;font-weight:800;display:grid;position:relative}.ds-slot.ds-kompakt{width:92px;height:48px}.ds-slot input{text-align:center;width:100%;height:100%;font:inherit;color:inherit;border-radius:inherit;caret-color:oklch(var(--k,var(--ds-focus)));background:0 0;border:0;outline:none;padding:0 10px}.dark .ds-slot input{caret-color:oklch(var(--k-text,var(--ds-focus)))}.ds-slot[data-zustand=fokus],.ds-slot:focus-within{background:oklch(var(--ds-surface));border:3px solid oklch(var(--k,var(--ds-focus)))}.dark .ds-slot[data-zustand=fokus],.dark .ds-slot:focus-within{border-color:oklch(var(--k-text,var(--ds-focus)))}.ds-slot[data-zustand=fokus][data-leer]:not(:focus-within):after{content:"";background:oklch(var(--k,var(--ds-focus)));pointer-events:none;width:2px;height:26px;animation:1.1s step-end infinite ds-puls;position:absolute}.dark .ds-slot[data-zustand=fokus][data-leer]:not(:focus-within):after{background:oklch(var(--k-text,var(--ds-focus)))}.ds-slot[data-zustand=richtig]{background:oklch(var(--ds-richtig-soft));border-color:oklch(var(--ds-richtig));color:oklch(var(--ds-richtig-deep))}.ds-slot[data-zustand=falsch]{background:oklch(var(--ds-falsch-soft));border-color:oklch(var(--ds-falsch));color:oklch(var(--ds-falsch-deep))}.ds-slot:has(input:disabled){opacity:.55}.ds-slot-badge{pointer-events:none;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:-9px;right:-9px}.ds-slot[data-zustand=richtig] .ds-slot-badge{background:oklch(var(--ds-richtig));color:oklch(var(--ds-on-richtig))}.ds-slot[data-zustand=falsch] .ds-slot-badge{background:oklch(var(--ds-falsch));color:oklch(var(--ds-on-falsch))}.ds-slot-badge .ds-ic{stroke-width:3px;width:14px;height:14px}.ds-kachel{background:oklch(var(--ds-surface));width:100%;min-height:60px;color:oklch(var(--ds-ink));text-align:left;font:inherit;cursor:pointer;box-shadow:inset 0 0 0 2px oklch(var(--ds-line-strong)), 0 4px 0 oklch(var(--ds-line-strong));border:0;border-radius:14px;align-items:center;gap:14px;padding:14px 18px;font-size:18px;font-weight:600;transition:transform .1s,box-shadow .1s,opacity .1s;display:flex}.ds-kachel:focus-visible{outline:3px solid oklch(var(--ds-focus));outline-offset:2px}.ds-kachel:active:not(:disabled){box-shadow:inset 0 0 0 2px oklch(var(--ds-line-strong)), 0 2px 0 oklch(var(--ds-line-strong));transform:translateY(2px)}.ds-kachel-taste{width:30px;height:30px;color:oklch(var(--ds-ink-muted));box-shadow:inset 0 0 0 1.5px oklch(var(--ds-line-strong));border-radius:8px;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.ds-kachel-inhalt{overflow-wrap:anywhere;flex:auto;min-width:0;overflow:auto hidden}.ds-kachel-ende{margin-left:auto;display:grid}.ds-kachel[data-zustand=gewaehlt]{box-shadow:inset 0 0 0 2px oklch(var(--ds-ink)), 0 4px 0 oklch(var(--ds-ink))}.ds-kachel[data-zustand=gewaehlt] .ds-kachel-taste{background:oklch(var(--ds-ink));color:oklch(var(--ds-on-ink));box-shadow:none}.ds-kachel[data-zustand=richtig]{background:oklch(var(--ds-richtig-soft));color:oklch(var(--ds-richtig-deep));box-shadow:inset 0 0 0 2px oklch(var(--ds-richtig)), 0 4px 0 oklch(var(--ds-richtig))}.ds-kachel[data-zustand=richtig] .ds-kachel-taste{background:oklch(var(--ds-richtig));color:oklch(var(--ds-surface));box-shadow:none}.ds-kachel[data-zustand=falsch]{background:oklch(var(--ds-falsch-soft));color:oklch(var(--ds-falsch-deep));box-shadow:inset 0 0 0 2px oklch(var(--ds-falsch)), 0 4px 0 oklch(var(--ds-falsch))}.ds-kachel[data-zustand=falsch] .ds-kachel-taste{background:oklch(var(--ds-falsch));color:oklch(var(--ds-surface));box-shadow:none}.ds-kachel[data-zustand=gedimmt]{opacity:.55}.ds-ic{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.ds-ic.ds-s{width:16px;height:16px}.ds-tag{white-space:nowrap;background:oklch(var(--k-soft,var(--ds-sunken)));height:26px;color:oklch(var(--k-on-soft,var(--ds-ink)));border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:500;display:inline-flex}.ds-tag[data-variante=richtig]{background:oklch(var(--ds-richtig-soft));color:oklch(var(--ds-richtig-deep))}.ds-tag[data-variante=falsch]{background:oklch(var(--ds-falsch-soft));color:oklch(var(--ds-falsch-deep))}.ds-tag[data-variante=hinweis]{background:oklch(var(--ds-hinweis-soft));color:oklch(var(--ds-hinweis-text))}.ds-tag[data-variante=neutral]{background:oklch(var(--ds-sunken));color:oklch(var(--ds-ink-muted))}.ds-tag[data-variante=aufBuehne]{background:oklch(var(--k-deep,.3 .015 50));color:oklch(100% 0 0)}.ds-knoten{border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:inline-grid}.ds-knoten.ds-klein{width:20px;height:20px}.ds-knoten[data-zustand=sicher]{background:oklch(var(--ds-richtig));color:oklch(var(--ds-surface))}.ds-knoten[data-zustand=sicher] .ds-ic{stroke-width:3px;width:15px;height:15px}.ds-knoten.ds-klein[data-zustand=sicher] .ds-ic{width:12px;height:12px}.ds-knoten[data-zustand=angefangen]{background:conic-gradient(oklch(var(--ds-hinweis)) 0 50%, transparent 50% 100%);box-shadow:inset 0 0 0 2.5px oklch(var(--ds-hinweis))}.ds-knoten[data-zustand=neu]{border:2.5px dashed oklch(var(--ds-ink-faint))}.ds-segmente{gap:6px;display:flex}.ds-segmente>i{background:oklch(var(--ds-line));border-radius:999px;flex:1;height:10px}.ds-segmente>i[data-zustand=erledigt]{background:oklch(var(--k,var(--ds-ink)))}.ds-segmente>i[data-zustand=falsch]{background:oklch(var(--ds-falsch))}.ds-segmente>i[data-zustand=aktuell]{background:oklch(var(--k,var(--ds-ink)));opacity:.45}.ds-segmente--buehne{align-items:center;gap:3px}@media (width>=640px){.ds-segmente--buehne{gap:4px}}.ds-segmente--buehne>i{min-width:2px;height:10px}.ds-segmente--buehne>i[data-zustand]{opacity:1}.ds-segmente--buehne>i[data-zustand=erledigt]{background:oklch(var(--k-text,var(--ds-ink)))}.ds-segmente--buehne>i[data-gruppenstart]{margin-inline-start:8px}.ds-segmente--buehne>i[data-zustand=offen]{background:oklch(var(--ds-ink-muted));height:4px}.ds-segmente--buehne>i[data-zustand=falsch]{background:linear-gradient(to bottom, oklch(var(--ds-falsch)) 0 4px, transparent 4px 6px, oklch(var(--ds-falsch)) 6px 100%)}.ds-segmente--buehne>i[data-zustand=aktuell]{background:oklch(var(--ds-ink))}.ds-segmente--buehne>i[data-aktuell]{height:18px}.ds-leiste{box-shadow:var(--ds-float);border-radius:24px 24px 0 0;flex-wrap:wrap;align-items:flex-start;gap:12px 16px;padding:18px 24px;display:flex}.ds-leiste[data-art=richtig]{background:oklch(var(--ds-richtig-soft))}.ds-leiste[data-art=falsch]{background:oklch(var(--ds-falsch-soft))}.ds-leiste[data-art=neutral]{background:oklch(var(--ds-sunken))}:where(.ds-leiste){position:relative}.ds-leiste-spaeher{pointer-events:none;width:96px;height:96px;position:absolute;bottom:100%;right:28px;overflow:hidden}.ds-leiste-spaeher .ds-maskottchen{width:100%;height:100%;display:block}.ds-leiste-ico{border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.ds-leiste[data-art=richtig] .ds-leiste-ico{background:oklch(var(--ds-richtig));color:oklch(var(--ds-surface))}.ds-leiste[data-art=falsch] .ds-leiste-ico{background:oklch(var(--ds-falsch));color:oklch(var(--ds-surface))}.ds-leiste[data-art=neutral] .ds-leiste-ico{background:oklch(var(--ds-ink-muted));color:oklch(var(--ds-surface))}.ds-leiste-ico .ds-ic{stroke-width:3px}.ds-leiste-text{overflow-wrap:anywhere;flex:calc(100% - 56px);gap:2px;min-width:0;max-height:max(6rem,28dvh);display:grid;overflow-y:auto}@media (height<=700px){.ds-leiste-text{max-height:max(4.5rem,16dvh)}}.ds-leiste-titel{letter-spacing:-.01em;font-size:22px;font-weight:800;line-height:1.3;display:block}.ds-leiste[data-art=richtig] .ds-leiste-titel{color:oklch(var(--ds-richtig-deep))}.ds-leiste[data-art=falsch] .ds-leiste-titel{color:oklch(var(--ds-falsch-deep))}.ds-leiste[data-art=neutral] .ds-leiste-titel{color:oklch(var(--ds-ink))}.ds-leiste-text>div{font-size:16px}.ds-leiste-aktionen{flex-wrap:wrap;flex:100%;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.ds-hinweis{background:oklch(var(--ds-hinweis-soft));color:oklch(var(--ds-ink));border-radius:14px;gap:12px;padding:14px 16px;font-size:15px;display:flex}.ds-hinweis-kreis{background:oklch(var(--ds-hinweis));width:30px;height:30px;color:oklch(var(--ds-on-hinweis));border-radius:50%;flex:none;place-items:center;display:grid}.ds-hinweis-titel{font-weight:600}.ds-abschnitt{background:oklch(var(--ds-surface));box-shadow:inset 0 0 0 1px oklch(var(--ds-line));color:oklch(var(--ds-ink));border-radius:24px;padding:20px 22px}.ds-abschnitt-titel{margin:0 0 8px;font-size:18px;font-weight:700}.ds-zeile{align-items:center;gap:14px;padding:12px 0;display:flex}.ds-zeile+.ds-zeile{border-top:1px solid oklch(var(--ds-line))}.ds-zeile-text{flex:1;min-width:0}.ds-zeile-titel{font-size:16px;font-weight:600;display:block}.ds-zeile-unter{color:oklch(var(--ds-ink-muted));font-size:14px;display:block}.ds-plakette{background:oklch(var(--ds-sunken));height:34px;color:oklch(var(--ds-ink));box-shadow:inset 0 0 0 1px oklch(var(--ds-line));border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.ds-serie-flamme{color:oklch(var(--ds-ink-muted))}.ds-serie-flamme[data-heute]{color:oklch(var(--ds-belohnung-deep))}.ds-serie-flamme[data-zuendet]{animation:ds-serie-flamme var(--ds-dauer-serie,.52s) var(--ease-out) 1 both}@keyframes ds-serie-flamme{0%{color:oklch(var(--ds-ink-muted));transform:scale(1)}45%{color:oklch(var(--ds-belohnung-deep));transform:scale(1.18)}to{color:oklch(var(--ds-belohnung-deep));transform:scale(1)}}.ds-serie-rolle{height:1.25em;line-height:1.25em;display:inline-block;overflow:hidden}.ds-serie-rolle>span{animation:ds-serie-rollen var(--ds-dauer-serie,.52s) var(--ease-out) 1 both;flex-direction:column;display:flex}.ds-serie-rolle b{font-weight:inherit;height:1.25em;display:block}@keyframes ds-serie-rollen{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){.ds-serie-flamme[data-zuendet]{color:oklch(var(--ds-belohnung-deep));animation:none}.ds-serie-rolle>span{animation:none;transform:translateY(-50%)}}.ds-maskottchen{--pk-koerper:.208 .042 265.755;--pk-schnabel:.765 .177 163.223;--pk-kachel:.828 .189 84.429;--pk-zeichen:.208 .042 265.755;flex:none;display:inline-block;overflow:visible}.dark .ds-maskottchen,.ds-maskottchen[data-hell]{--pk-koerper:.968 .007 247.896}.ds-m-koerper,.ds-m-auge{fill:oklch(var(--pk-koerper))}.ds-m-schnabel{fill:oklch(var(--pk-schnabel))}.ds-m-kachel{fill:oklch(var(--pk-kachel));stroke:oklch(var(--pk-koerper));stroke-width:7px;stroke-linejoin:round}.ds-m-zeichen{fill:none;stroke:oklch(var(--pk-zeichen));stroke-linecap:round}.ds-m-fuge{fill:none;stroke:oklch(var(--pk-zeichen));stroke-width:5px;opacity:.3}.ds-m-punkt{fill:oklch(var(--pk-zeichen))}.ds-m-zu{fill:none;stroke:oklch(var(--pk-koerper));stroke-width:7px;stroke-linecap:round}.ds-m-figur{transform-box:fill-box;transform-origin:45% 100%}.ds-m-fluegel{transform-box:fill-box;transform-origin:92% 13%}.ds-m-sack{transform-box:fill-box;transform-origin:10% 12%}.ds-m-ding{transform-box:fill-box;transform-origin:50% 0}.ds-m-auge{transform-box:fill-box;transform-origin:50%}.ds-maskottchen[data-pose=freut] .ds-m-fluegel,.ds-maskottchen[data-pose=winkt] .ds-m-fluegel{transform:rotate(18deg)}.ds-maskottchen[data-pose=freut] .ds-m-sack{transform:rotate(10deg)}.ds-maskottchen[data-pose=nachdenklich] .ds-m-ding{transform:rotate(12deg)}.ds-maskottchen[data-pose=nachdenklich] .ds-m-figur{transform:rotate(-2deg)}.ds-m-animiert[data-pose=freut] .ds-m-fluegel{animation:ds-m-fluegel-hoch .7s var(--ease-out) 1 both}.ds-m-animiert[data-pose=freut] .ds-m-sack{animation:ds-m-sack-auf .7s var(--ease-out) 1 both}.ds-m-animiert[data-pose=freut] .ds-m-ding{animation:ds-m-hochwerfen var(--ds-dauer-wurf,1.3s) ease-in-out 1 both}.ds-m-animiert[data-pose=winkt] .ds-m-fluegel{animation:ds-m-winken var(--ds-dauer-winken,1.1s) ease-in-out 1 both}.ds-m-animiert[data-pose=nachdenklich] .ds-m-ding{animation:1.4s ease-in-out both ds-m-gerade-noch}.ds-m-blinzeln .ds-m-auge{animation:3.6s ease-in-out .6s 2 both ds-m-blinzeln}@keyframes ds-m-fluegel-hoch{0%{transform:rotate(0)}to{transform:rotate(18deg)}}@keyframes ds-m-sack-auf{0%{transform:rotate(0)}to{transform:rotate(10deg)}}@keyframes ds-m-hochwerfen{0%,10%{transform:translateY(0)rotate(0)}38%{transform:translateY(-150px)rotate(180deg)}64%{transform:translateY(0)rotate(360deg)}74%{transform:translateY(0)rotate(368deg)}to{transform:translateY(0)rotate(360deg)}}@keyframes ds-m-winken{0%{transform:rotate(0)}20%{transform:rotate(18deg)}40%{transform:rotate(6deg)}60%{transform:rotate(18deg)}80%{transform:rotate(6deg)}to{transform:rotate(18deg)}}@keyframes ds-m-gerade-noch{0%{transform:rotate(0)}18%{transform:rotate(26deg)}38%{transform:rotate(-18deg)}58%{transform:rotate(16deg)}78%{transform:rotate(8deg)}to{transform:rotate(12deg)}}@keyframes ds-m-blinzeln{0%,90%,to{transform:scaleY(1)}94%{transform:scaleY(.1)}}.ds-m-fangtext{fill:oklch(var(--ds-belohnung-deep));opacity:0;font-family:inherit;font-size:76px;font-weight:800}.ds-m-animiert[data-pose=faengt] .ds-m-fangtext{animation:1.2s ease-in both ds-m-fang-text}.ds-m-animiert[data-pose=faengt] .ds-m-sack{animation:1.2s ease-in-out both ds-m-schlucken}@keyframes ds-m-fang-text{0%{opacity:0;transform:translateY(-170px)}14%{opacity:1}52%{opacity:1;transform:translateY(40px)}64%,to{opacity:0;transform:translateY(70px)}}@keyframes ds-m-schlucken{0%{transform:rotate(0)scale(1)}18%,46%{transform:rotate(14deg)scale(1)}60%{transform:rotate(0)scale(1)}74%{transform:rotate(0)scale(1.12)}to{transform:rotate(0)scale(1)}}.ds-m-laedt .ds-m-ding{animation:1.6s ease-in-out infinite ds-m-balancieren}.ds-m-laedt .ds-m-figur{animation:1.6s ease-in-out infinite ds-m-ausgleichen}@keyframes ds-m-balancieren{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes ds-m-ausgleichen{0%,to{transform:rotate(1deg)}50%{transform:rotate(-1deg)}}.ds-maskottchen.ds-m-spaeht{animation:1.6s cubic-bezier(.2,.8,.2,1) both ds-m-spaehen}@keyframes ds-m-spaehen{0%{transform:translateY(100%)}25%,70%{transform:translateY(32%)}to{transform:translateY(100%)}}:where(a,button):hover>.ds-maskottchen[data-groesse=logo] .ds-m-figur,:where(a,button):focus-visible>.ds-maskottchen[data-groesse=logo] .ds-m-figur{animation:.7s ease-in-out ds-m-wackeln}:where(a,button):hover>.ds-maskottchen[data-groesse=logo] .ds-m-ding,:where(a,button):focus-visible>.ds-maskottchen[data-groesse=logo] .ds-m-ding{animation:.9s ease-in-out 80ms ds-m-nachschwingen}@keyframes ds-m-wackeln{0%,to{transform:rotate(0)}15%{transform:rotate(-9deg)}35%{transform:rotate(7deg)}55%{transform:rotate(-4deg)}75%{transform:rotate(2deg)}}@keyframes ds-m-nachschwingen{0%,to{transform:rotate(0)}25%{transform:rotate(14deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(5deg)}}@media (prefers-reduced-motion:reduce){.ds-maskottchen,.ds-maskottchen .ds-m-figur,.ds-maskottchen .ds-m-fluegel,.ds-maskottchen .ds-m-sack,.ds-maskottchen .ds-m-ding,.ds-maskottchen .ds-m-auge,.ds-maskottchen .ds-m-fangtext{animation:none!important}}.ds-laden{color:oklch(var(--ds-ink-muted));flex-direction:column;align-items:center;gap:10px;font-size:16px;display:flex}.ds-feier{pointer-events:none;position:absolute;inset:0;overflow:visible}.ds-feier-form{font-weight:800;line-height:1;font-size:var(--s,16px);color:var(--c);opacity:0;animation:form-flug var(--ds-dauer-form,1.15s) var(--ease-out) var(--d,0s) 1 both;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ds-feier[data-farben=auf-flaeche]{--f1:oklch(100% 0 0);--f2:oklch(90% .12 85);--f3:oklch(86% .08 255);--f4:oklch(86% .09 340);--f5:oklch(88% .09 42)}.ds-feier[data-farben=auf-hell]{--f1:oklch(var(--ds-zahl));--f2:oklch(var(--ds-belohnung-deep));--f3:oklch(var(--ds-funktion));--f4:oklch(var(--ds-daten));--f5:oklch(var(--ds-geometrie))}@keyframes form-flug{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(0)}12%{opacity:1}55%{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1) rotate(calc(var(--r) * .6));opacity:1}to{transform:translate(calc(-50% + var(--dx) * 1.15), calc(-50% + var(--dy) + 70px)) scale(.9) rotate(var(--r));opacity:0}}@media (prefers-reduced-motion:reduce){.ds-feier-form{opacity:0;animation:none}}.ds-heat{font-variant-numeric:tabular-nums;border-radius:8px;place-items:center;min-width:74px;height:34px;padding:0 8px;font-size:14px;font-weight:600;display:inline-grid}.ds-heat[data-stufe=sicher]{background:oklch(var(--ds-richtig-soft));color:oklch(var(--ds-richtig-deep))}.ds-heat[data-stufe=unterwegs]{background:oklch(var(--ds-hinweis-soft));color:oklch(var(--ds-hinweis-text))}.ds-heat[data-stufe=luecke]{background:oklch(var(--ds-falsch-soft));color:oklch(var(--ds-falsch-deep))}.ds-heat[data-stufe=keine]{background:oklch(var(--ds-sunken));color:oklch(var(--ds-ink-faint))}.ds-heat[data-gewaehlt]{box-shadow:inset 0 0 0 2px oklch(var(--ds-ink))}.ds-seg{background:oklch(var(--ds-surface));max-width:100%;box-shadow:inset 0 0 0 1px oklch(var(--ds-line));scrollbar-width:none;border-radius:14px;gap:4px;padding:4px;display:inline-flex;overflow-x:auto}.ds-seg::-webkit-scrollbar{display:none}.ds-seg-item{cursor:pointer;font:inherit;white-space:nowrap;color:oklch(var(--ds-ink-muted));background:0 0;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:16px;font-weight:500;line-height:1.4;transition:color .12s,background-color .12s;display:inline-flex}@media (hover:hover){.ds-seg-item:hover:not(:disabled):not([data-state=active]):not([aria-selected=true]):not([aria-checked=true]){color:oklch(var(--ds-ink))}}.ds-seg-item:focus-visible{outline:3px solid oklch(var(--ds-focus));outline-offset:0}.ds-seg-item:disabled{opacity:.4;pointer-events:none}.ds-seg-item[data-state=active],.ds-seg-item[aria-selected=true],.ds-seg-item[aria-checked=true]{background:oklch(var(--ds-ink));color:oklch(var(--ds-on-ink));font-weight:600}.ds-seg-zahl{color:oklch(var(--ds-link));font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.ds-seg-item[data-state=active] .ds-seg-zahl,.ds-seg-item[aria-selected=true] .ds-seg-zahl,.ds-seg-item[aria-checked=true] .ds-seg-zahl{color:inherit}.ds-seg[data-groesse=klein] .ds-seg-item{padding:5px 12px;font-size:14px}@media (pointer:coarse){.ds-seg-item{min-height:44px}}.ds-leer{background:oklch(var(--ds-sunken));box-shadow:inset 0 0 0 1px oklch(var(--ds-line));color:oklch(var(--ds-ink));border-radius:24px;container-type:inline-size}.ds-leer-innen{align-items:center;gap:36px;padding:36px 44px;display:flex}.ds-leer-text{min-width:0}.ds-leer-titel{margin:0;line-height:1.3}.ds-leer-satz{color:oklch(var(--ds-ink-muted));max-width:56ch;margin:6px 0 0;font-size:16px}.ds-leer-aktionen{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.ds-leer[data-gestapelt] .ds-leer-innen,.ds-leer-innen[data-gestapelt]{text-align:center;flex-direction:column;gap:18px;padding:28px 22px}.ds-leer[data-gestapelt] .ds-leer-aktionen{justify-content:center}.ds-leer[data-gestapelt] .ds-leer-satz{margin-inline:auto}@container (width<=560px){.ds-leer:not([data-quer]) .ds-leer-innen{text-align:center;flex-direction:column;gap:18px;padding:28px 22px}.ds-leer:not([data-quer]) .ds-leer-aktionen{justify-content:center}.ds-leer:not([data-quer]) .ds-leer-satz{margin-inline:auto}}.ds-leer[data-kompakt] .ds-leer-innen{gap:24px;padding:22px 28px}.ds-info-knopf{cursor:pointer;width:44px;height:44px;color:oklch(var(--ds-link));background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.ds-info-knopf>span{border-radius:50%;place-items:center;width:26px;height:26px;transition:background-color .12s,color .12s;display:grid;box-shadow:inset 0 0 0 2px}.ds-info-knopf svg{stroke:currentColor;stroke-width:2.2px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.ds-info-knopf[aria-expanded=true]>span{background:oklch(var(--ds-link));color:oklch(var(--ds-surface));box-shadow:none}.ds-info-knopf:focus-visible{outline:3px solid oklch(var(--ds-focus));outline-offset:0}.ds-erklaerung{background:oklch(var(--ds-sunken));max-width:70ch;box-shadow:inset 0 0 0 1px oklch(var(--ds-line));color:oklch(var(--ds-ink));border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:16px;display:flex}.ds-erklaerung>svg{width:20px;height:20px;color:oklch(var(--ds-link));stroke:currentColor;stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:2px}.ds-erklaerung[hidden]{display:none}@keyframes ds-skelett-puls{50%{opacity:.5}}:where(.ds-skelett){background:color-mix(in oklch, oklch(var(--ds-sunken)), oklch(var(--ds-line)) 70%);border-radius:10px;animation:1.6s ease-in-out infinite ds-skelett-puls;display:block}:where(.ds-skelett[data-form=zeile]){border-radius:6px;height:18px}:where(.ds-skelett[data-form=block]){border-radius:14px;height:160px}:where(.ds-skelett[data-form=kachel]){border-radius:24px;height:96px}@media (prefers-reduced-motion:reduce){:where(.ds-skelett){animation:none}}.ds-medaille{background:radial-gradient(circle at 35% 30%, color-mix(in oklch, oklch(var(--ds-belohnung)), oklch(100% 0 0) 35%), oklch(var(--ds-belohnung)) 55%, oklch(var(--ds-belohnung-deep)));width:64px;height:64px;box-shadow:inset 0 0 0 3px color-mix(in oklch, oklch(var(--ds-belohnung-deep)), oklch(var(--ds-belohnung)) 30%), inset 0 0 0 6px color-mix(in oklch, oklch(var(--ds-belohnung)), oklch(100% 0 0) 30%);color:oklch(var(--ds-on-hinweis));border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.ds-medaille[data-groesse=s]{width:44px;height:44px}.ds-medaille[data-groesse=l]{width:96px;height:96px}.ds-medaille>svg{z-index:1;stroke:currentColor;width:46%;height:46%;position:relative}.ds-medaille[data-offen=false]{background:oklch(var(--ds-sunken));box-shadow:inset 0 0 0 2px oklch(var(--ds-line));color:oklch(var(--ds-ink-faint))}.ds-medaille-glanz{pointer-events:none;background:linear-gradient(115deg,#0000 40%,oklch(100% 0 0/.65) 50%,#0000 60%);position:absolute;inset:-20%;transform:translate(-120%)}.ds-medaille[data-glanz=true] .ds-medaille-glanz{animation:ds-glanz var(--ds-dauer-glanz,.9s) ease-out var(--ds-verzug-glanz,0s) 1 both}.ds-medaille[data-eindrehen=true]{animation:ds-eindrehen var(--ds-dauer-eindrehen,.76s) var(--ease-out) var(--ds-verzug-eindrehen,0s) 1 both}@keyframes ds-glanz{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes ds-eindrehen{0%{opacity:0;transform:perspective(300px)rotateY(100deg)scale(.6)}60%{opacity:1;transform:perspective(300px)rotateY(-12deg)scale(1)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ds-medaille[data-glanz=true] .ds-medaille-glanz,.ds-medaille[data-eindrehen=true]{animation:none}}.ds-anim-einrasten{animation:ds-einrasten var(--ds-dauer-einrasten,.24s) var(--ease-out) var(--ds-verzug,0s) 1 both}.ds-anim-schuetteln{animation:ds-schuetteln var(--ds-dauer-schuetteln,.3s) ease-in-out var(--ds-verzug,0s) 1 both}.ds-anim-hoch{animation:ds-hoch var(--ds-dauer-hoch,.3s) var(--ease-out) var(--ds-verzug,0s) 1 both}.ds-anim-haken-zeichnen{stroke-dasharray:24;animation:ds-haken-zeichnen var(--ds-dauer-haken,.32s) var(--ease-out) var(--ds-verzug,0s) 1 both}.ds-anim-stempel{animation:ds-stempel var(--ds-dauer-stempel,.42s) var(--ease-out) var(--ds-verzug,.12s) 1 both}.ds-anim-pulsieren{animation:ds-pulsieren var(--ds-dauer-pulsieren,.32s) var(--ease-out) var(--ds-verzug,0s) 1 both}@keyframes ds-einrasten{0%{transform:scale(1)}45%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes ds-schuetteln{0%,to{transform:none}12%{transform:translate(-5px)}37%{transform:translate(5px)}62%{transform:translate(-5px)}87%{transform:translate(5px)}}@keyframes ds-hoch{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ds-haken-zeichnen{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes ds-stempel{0%{opacity:0;transform:rotate(calc(var(--ds-stempel-winkel,-7deg) - 9deg)) scale(1.9)}60%{opacity:1;transform:rotate(var(--ds-stempel-winkel,-7deg)) scale(.94)}80%{transform:rotate(var(--ds-stempel-winkel,-7deg)) scale(1.03)}to{opacity:1;transform:rotate(var(--ds-stempel-winkel,-7deg)) scale(1)}}@keyframes ds-pulsieren{0%{transform:scale(1)}50%{transform:scale(1.16)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ds-anim-einrasten,.ds-anim-schuetteln,.ds-anim-hoch,.ds-anim-haken-zeichnen,.ds-anim-stempel,.ds-anim-pulsieren{animation:none}.ds-anim-haken-zeichnen{stroke-dasharray:none}}.ds-slot[data-wechsel=richtig]{animation:ds-einrasten var(--ds-dauer-einrasten,.24s) var(--ease-out) 1 both}.ds-slot[data-wechsel=falsch]{animation:ds-schuetteln var(--ds-dauer-schuetteln,.3s) ease-in-out 1 both}.ds-slot[data-wechsel=richtig] .ds-slot-badge path,.ds-kachel[data-wechsel=richtig] .ds-kachel-ende path{stroke-dasharray:24;animation:ds-haken-zeichnen var(--ds-dauer-haken,.32s) var(--ease-out) 60ms 1 both}.ds-kachel[data-wechsel=richtig]{animation:ds-einrasten var(--ds-dauer-einrasten,.24s) var(--ease-out) 1 both}.ds-kachel[data-wechsel=falsch]{animation:ds-schuetteln var(--ds-dauer-schuetteln,.3s) ease-in-out 1 both}.ds-leiste[data-animiert=true]{animation:ds-leiste-hoch var(--ds-dauer-leiste,.2s) var(--ease-drawer) 1 both}@keyframes ds-leiste-hoch{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.ds-segmente>i[data-sprung]{animation:ds-pulsieren var(--ds-dauer-sprung,.26s) var(--ease-out) 1 both}@media (prefers-reduced-motion:reduce){.ds-slot[data-wechsel],.ds-kachel[data-wechsel],.ds-leiste[data-animiert=true],.ds-segmente>i[data-sprung]{animation:none}.ds-slot[data-wechsel] .ds-slot-badge path,.ds-kachel[data-wechsel] .ds-kachel-ende path{stroke-dasharray:none;animation:none}}