.tk{--t:7s}.tk-buehne{background:var(--panel);border-radius:1.25rem;padding:.75rem}@media (min-width:640px){.tk-buehne{padding:1.25rem}}.tk-fenster{background:var(--paper);border:1px solid var(--line);box-shadow:0 10px 30px -22px color-mix(in srgb, var(--ink) 55%, transparent);border-radius:1rem;overflow:hidden}.tk-kasten{border:1.5px solid color-mix(in srgb, var(--ink) 35%, transparent);border-radius:5px;flex-shrink:0;width:18px;height:18px;display:inline-block;position:relative}.tk-haken{background:var(--ink);color:var(--paper);border-radius:5px;justify-content:center;align-items:center;display:flex;position:absolute;inset:-1.5px}.tk-aus{opacity:0}.tk-pille{border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;padding:.3rem .7rem;font-size:12px;font-weight:600;display:inline-flex}.tk-knopf{background:var(--ink);color:var(--paper);white-space:nowrap;border-radius:999px;align-items:center;padding:.45rem .95rem;font-size:13px;font-weight:600;display:inline-flex}.tk-strich{background:color-mix(in srgb, var(--ink) 12%, transparent);border-radius:999px;height:8px;display:inline-block}.tk-mu-zeile{background:color-mix(in srgb, var(--ink) 7%, transparent)}.tk-auf{max-height:16rem;overflow:hidden}.tk-stand{display:inline-grid}.tk-stand>span{text-align:right;grid-area:1/1}.tk-bereit,.tk-laeuft{opacity:0}.tk-spur{background:color-mix(in srgb, var(--ink) 10%, transparent);border-radius:999px;height:6px;overflow:hidden}.tk-balken{background:var(--ink);transform-origin:0;border-radius:999px;width:100%;height:100%;display:block}.tk-punkt{background:var(--ink);border-radius:999px;flex-shrink:0;width:8px;height:8px}.tk-zip{background:var(--paper);border:1px solid var(--line);width:64px;height:80px;box-shadow:0 10px 30px -22px color-mix(in srgb, var(--ink) 55%, transparent);border-radius:8px 20px 8px 8px;position:relative;overflow:hidden}.tk-zip:before{content:"";background:var(--panel);border-left:1px solid var(--line);border-bottom:1px solid var(--line);border-bottom-left-radius:6px;width:20px;height:20px;position:absolute;top:-1px;right:-1px}.tk-zaehne{opacity:.25;background:repeating-linear-gradient(180deg, var(--ink) 0 3px, transparent 3px 6px);width:10px;margin-left:-5px;position:absolute;top:6px;bottom:26px;left:50%}.tk-zug{background:var(--ink);border-radius:3px;width:12px;height:16px;margin-left:-6px;position:absolute;bottom:10px;left:50%}.tk-wichtig{background:color-mix(in srgb, var(--ink) 7%, transparent)}.tk-nochmal{display:none}@media (prefers-reduced-motion:no-preference){.tk[data-tk] .tk-nochmal{display:inline-flex}.tk[data-tk] .tk-a{animation-duration:var(--t);animation-timing-function:cubic-bezier(.22,1,.36,1);animation-iteration-count:1;animation-fill-mode:both}.tk[data-tk=wartet] .tk-a{animation-play-state:paused}.tk[data-tk] .tk-alle{animation-name:tk-alle}.tk[data-tk] .tk-aus{animation-name:tk-aus;animation-delay:calc(var(--i,0) * 70ms)}.tk[data-tk] .tk-yt{animation-name:tk-yt}.tk[data-tk] .tk-auf{animation-name:tk-auf}.tk[data-tk] .tk-mu{animation-name:tk-an}.tk[data-tk] .tk-mu-zeile{animation-name:tk-mark}.tk[data-tk] .tk-weiter{animation-name:tk-weiter}.tk[data-tk] .tk-erstellen{animation-name:tk-erstellen}.tk[data-tk] .tk-bereit{animation-name:tk-bereit}.tk[data-tk] .tk-laeuft{animation-name:tk-laeuft}.tk[data-tk] .tk-fertig{animation-name:tk-fertig}.tk[data-tk] .tk-balken{animation-name:tk-laden;animation-timing-function:linear}.tk[data-tk] .tk-mail{animation-name:tk-mail}.tk[data-tk] .tk-dl{animation-name:tk-dl}.tk[data-tk] .tk-zug{animation-name:tk-zug}.tk[data-tk] .tk-zaehne{animation-name:tk-zaehne}.tk[data-tk] .tk-reihe{animation-name:tk-rein;animation-delay:calc(var(--i,0) * .18s)}}@keyframes tk-alle{0%,13%{color:inherit;background:0 0;transform:scale(1)}16%{background:var(--ink);color:var(--paper);transform:scale(.92)}21%,to{color:inherit;background:0 0;transform:scale(1)}}@keyframes tk-aus{0%,17%{opacity:1;transform:scale(1)}23%,to{opacity:0;transform:scale(.6)}}@keyframes tk-yt{0%,17%{opacity:1;transform:scale(1)}23%,34%{opacity:0;transform:scale(.6)}40%,to{opacity:1;transform:scale(1)}}@keyframes tk-auf{0%,42%{opacity:0;max-height:0}56%,to{opacity:1;max-height:16rem}}@keyframes tk-an{0%,62%{opacity:0;transform:scale(.6)}68%,to{opacity:1;transform:scale(1)}}@keyframes tk-mark{0%,62%{background:0 0}68%,to{background:color-mix(in srgb, var(--ink) 7%, transparent)}}@keyframes tk-weiter{0%,80%{transform:scale(1)}84%{transform:scale(.92)}88%,to{transform:scale(1)}}@keyframes tk-erstellen{0%,10%{transform:scale(1)}13%{transform:scale(.92)}17%,to{transform:scale(1)}}@keyframes tk-bereit{0%,12%{opacity:1}15%,to{opacity:0}}@keyframes tk-laeuft{0%,14%{opacity:0}17%,54%{opacity:1}57%,to{opacity:0}}@keyframes tk-fertig{0%,55%{opacity:0}58%,to{opacity:1}}@keyframes tk-laden{0%,16%{transform:scaleX(0)}30%{transform:scaleX(.35)}42%{transform:scaleX(.6)}55%,to{transform:scaleX(1)}}@keyframes tk-mail{0%,58%{opacity:0;transform:translateY(14px)}68%,to{opacity:1;transform:none}}@keyframes tk-dl{0%,80%{transform:scale(1)}84%{transform:scale(.92)}88%,to{transform:scale(1)}}@keyframes tk-zug{0%,6%{transform:translateY(-48px)}24%,to{transform:none}}@keyframes tk-zaehne{0%,6%{opacity:1}24%,to{opacity:.25}}@keyframes tk-rein{0%,26%{opacity:0;transform:translate(-8px)}34%,to{opacity:1;transform:none}}