.kk-wurzel{container-type:inline-size}.kk-buehne{--w:264px;--h:540px;--k:.8;--versatz:112px;--dauer:.7s;--kurve:cubic-bezier(.45, 0, .2, 1);height:calc(var(--h) * var(--k));perspective:1100px;perspective-origin:50% 45%;touch-action:pan-y;-webkit-tap-highlight-color:transparent;position:relative}@container (min-width:340px){.kk-buehne{--k:.84;--versatz:122px}}@container (min-width:380px){.kk-buehne{--k:.88;--versatz:136px}}@container (min-width:430px){.kk-buehne{--k:.94;--versatz:150px}}@container (min-width:480px){.kk-buehne{--k:1;--versatz:164px}}@container (min-width:640px){.kk-buehne{--versatz:196px}}@media (min-width:64rem){.kk-buehne{--versatz:150px}}@media (min-width:80rem){.kk-buehne{--versatz:172px}}@media (min-width:64rem) and (max-height:820px){.kk-buehne{--k:.84}}@media (min-width:64rem) and (max-height:720px){.kk-buehne{--k:.7}}.kk-karte{width:var(--w);height:var(--h);margin-top:calc(var(--h) / -2);margin-left:calc(var(--w) / -2);transform-origin:50%;transition:transform var(--dauer) var(--kurve), opacity var(--dauer) var(--kurve);backface-visibility:hidden;position:absolute;top:50%;left:50%}.kk-schleier{pointer-events:none;transition:opacity var(--dauer) var(--kurve);background:var(--lightningcss-light,#2b1f1633)var(--lightningcss-dark,#0a08066b);border-radius:36px;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.kk-karte,.kk-schleier{transition:opacity .16s linear}}.kk-wechsel{animation:.42s ease-out both kk-einblenden}.kk-fortschritt{transform-origin:0;animation:kk-wachsen var(--verweil,5.5s) linear both}.kk-schein{opacity:.8}.kk-spielt .kk-schein{animation:2.6s ease-in-out .5s 2 both kk-atmen}.kk-spielt .kk-gleiten{animation:kk-gleiten 1.5s var(--ease-out) .45s both}.kk-abschnitt{transform-origin:0}.kk-spielt .kk-abschnitt{animation:kk-wachsen .52s var(--ease-out) both;animation-delay:calc(.38s + var(--i,0) * .11s)}.kk-spielt .kk-kurve{stroke-dasharray:1;animation:kk-zeichnen 1.3s var(--ease-out) .45s both}.kk-spielt .kk-zone{animation:.7s ease-out 1.55s both kk-einblenden}.kk-spielt .kk-ploppen{animation:.42s cubic-bezier(.34,1.56,.64,1) both kk-ploppen;animation-delay:var(--d,1.9s)}.kk-stufe{transform-origin:0}.kk-spielt .kk-stufe{animation:kk-wachsen .36s var(--ease-out) both;animation-delay:calc(.5s + var(--i,0) * .2s)}.kk-puls{position:relative}.kk-puls:after{content:"";opacity:0;background:currentColor;border-radius:9999px;position:absolute;inset:0}.kk-spielt .kk-puls:after{animation:1.5s ease-out .7s 3 kk-pulsieren}.kk-spielt .kk-ankommen{animation:kk-ankommen .48s var(--ease-out) both;animation-delay:calc(.35s + var(--i,0) * .36s)}.kk-spielt .kk-fallen{animation:kk-fallen .52s var(--ease-out) .25s both}.kk-tippt{opacity:0}.kk-spielt .kk-tippt{animation:1.5s linear .5s both kk-tippen}.kk-spielt .kk-tippt span{animation:.9s ease-in-out 2 kk-punkt;animation-delay:calc(var(--i,0) * .15s)}.kk-spielt .kk-frage{animation:kk-ankommen .42s var(--ease-out) .2s both}.kk-spielt .kk-antwort{animation:kk-ankommen .48s var(--ease-out) 2s both}.kk-knopf{opacity:0;visibility:hidden}.kk-spielt .kk-knopf{visibility:visible;animation:kk-druecken 1.9s var(--ease-standard) .3s both}.kk-spielt .kk-erledigt{animation:.3s ease-out 1.85s both kk-einblenden}.kk-spielt .kk-haken{stroke-dasharray:1;animation:kk-zeichnen .52s var(--ease-out) 1.95s both}.kk-spielt .kk-vorher{animation:2.8s ease-in-out .65s both kk-aufdecken}.kk-spielt .kk-griff{animation:2.8s ease-in-out .65s both kk-griff}@keyframes kk-einblenden{0%{opacity:0}to{opacity:1}}@keyframes kk-wachsen{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes kk-atmen{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.16)}}@keyframes kk-gleiten{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes kk-zeichnen{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes kk-ploppen{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes kk-pulsieren{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(3)}}@keyframes kk-ankommen{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes kk-fallen{0%{opacity:0;transform:translateY(-14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes kk-tippen{0%{opacity:0}12%,86%{opacity:1}to{opacity:0}}@keyframes kk-punkt{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes kk-druecken{0%,55%{opacity:1;transform:scale(1)}64%{opacity:1;transform:scale(.96)}74%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes kk-aufdecken{0%{clip-path:inset(0 50% 0 0)}30%{clip-path:inset(0 12% 0 0)}70%{clip-path:inset(0 82% 0 0)}to{clip-path:inset(0 50% 0 0)}}@keyframes kk-griff{0%{left:50%}30%{left:88%}70%{left:18%}to{left:50%}}