.wartelauf{--wartelauf-stand:0;--wartelauf-kontur:#1a2540;--wartelauf-fuellung:#dd6900;--wartelauf-bahn:#fff8dc;--wartelauf-text:#1a2540;--wartelauf-fehler:#a8412f;--wartelauf-hoodie:#0064aa;--wartelauf-haut:#f7c9a3;--wartelauf-haare:#8c5a2b;--wartelauf-glas:#fff;--wartelauf-bahnhoehe:16px;--wartelauf-figurbreite:52px;--wartelauf-figurhoehe:70px;--wartelauf-zielbreite:92px;--wartelauf-zielhoehe:68px;--wartelauf-sitzversatz:58px;--wartelauf-tisch:#fff;--wartelauf-laptop:#e9eef6;--wartelauf-laptop-an:#ffc66d;--wartelauf-kaffee:#2e9e5b;color:var(--wartelauf-text);container-type:inline-size}.wartelauf[data-thema="dunkel"]{--wartelauf-bahn:#2b2b2e;--wartelauf-text:#fff8dc;--wartelauf-kontur:#7c8aa5;--wartelauf-tisch:#3c3c42;--wartelauf-laptop:#4a4f5c;--wartelauf-glas:#f3f7ff;--wartelauf-hoodie:#1179c4;--wartelauf-haare:#b47b45}.wartelauf-zeile{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0 0 4.8rem}.wartelauf-status{margin:0;font-size:.95rem;line-height:1.4}.wartelauf-prozent{flex:0 0 auto;font-variant-numeric:tabular-nums;font-weight:700;font-size:.95rem}.wartelauf-bahn{position:relative;height:var(--wartelauf-bahnhoehe);border:2px solid var(--wartelauf-kontur);border-radius:999px;background:var(--wartelauf-bahn)}.wartelauf-fuellung{position:absolute;inset:0 auto 0 0;width:calc(var(--wartelauf-stand)*100%);min-width:0;background:var(--wartelauf-fuellung);border-radius:999px}.wartelauf[data-zustand="fehler"] .wartelauf-fuellung{background:var(--wartelauf-fehler)}.wartelauf[data-halt="true"] .wartelauf-fuellung{animation:wartelauf-puls 1.8s ease-in-out infinite}.wartelauf-schlussfahrt .wartelauf-fuellung{transition:width .4s ease-out}.wartelauf-figur{position:absolute;bottom:calc(100% - 3px);left:calc(var(--wartelauf-stand)*(100% - var(--wartelauf-figurbreite) - var(--wartelauf-sitzversatz)));width:var(--wartelauf-figurbreite);height:var(--wartelauf-figurhoehe);overflow:visible}.wartelauf-figur *{fill:none;stroke:var(--wartelauf-kontur);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.wartelauf-rumpf{fill:var(--wartelauf-hoodie)}.wartelauf-kopf{fill:var(--wartelauf-haut)}.wartelauf-haare{fill:var(--wartelauf-haare)}.wartelauf-glas{fill:var(--wartelauf-glas)}.wartelauf-bein,.wartelauf-arm{stroke-width:2.2}.wartelauf-mund{stroke-width:1.1}.wartelauf-ziel{position:absolute;right:0;bottom:calc(100% - 3px);width:var(--wartelauf-zielbreite);height:var(--wartelauf-zielhoehe)}.wartelauf-ziel *{fill:none;stroke:var(--wartelauf-kontur);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.wartelauf-tischplatte,.wartelauf-hockersitz,.wartelauf-laptop-boden,.wartelauf-kaffee-koerper{fill:var(--wartelauf-tisch)}.wartelauf-laptop-deckel{fill:var(--wartelauf-laptop)}.wartelauf-kaffee-deckel{fill:var(--wartelauf-kaffee)}.wartelauf-tischbein,.wartelauf-hockerbein{stroke-width:2.2}.wartelauf-dampf{opacity:0;stroke-width:1.6}.wartelauf-figur-sitzend{display:none}.wartelauf[data-zustand="fertig"] .wartelauf-figur-gehend{display:none}.wartelauf[data-zustand="fertig"] .wartelauf-figur-sitzend{display:block}.wartelauf[data-zustand="fertig"] .wartelauf-laptop-deckel{fill:var(--wartelauf-laptop-an)}.wartelauf[data-zustand="fertig"] .wartelauf-dampf{animation:wartelauf-dampf 2.4s ease-in-out infinite}.wartelauf[data-zustand="fertig"] .wartelauf-dampf:last-of-type{animation-delay:.5s}@keyframes wartelauf-dampf{0%{opacity:0;transform:translateY(2px)}45%{opacity:.85}100%{opacity:0;transform:translateY(-5px)}}.wartelauf-schritt-b{opacity:0}.wartelauf[data-zustand="laeuft"] .wartelauf-figur{animation:wartelauf-wippen .23s ease-in-out infinite}.wartelauf[data-zustand="laeuft"] .wartelauf-schritt-a{animation:wartelauf-schritt-a .46s infinite}.wartelauf[data-zustand="laeuft"] .wartelauf-schritt-b{animation:wartelauf-schritt-b .46s infinite}.wartelauf-schlussfahrt .wartelauf-figur{transition:left .4s ease-out}@keyframes wartelauf-puls{50%{opacity:.78}}@keyframes wartelauf-wippen{50%{transform:translateY(-1px)}}@keyframes wartelauf-schritt-a{0%,49.9%{opacity:1}50%,100%{opacity:0}}@keyframes wartelauf-schritt-b{0%,49.9%{opacity:0}50%,100%{opacity:1}}@container (max-width:420px){.wartelauf-innen{--wartelauf-bahnhoehe:12px;--wartelauf-figurbreite:38px;--wartelauf-figurhoehe:51px;--wartelauf-zielbreite:66px;--wartelauf-zielhoehe:49px;--wartelauf-sitzversatz:42px;}.wartelauf-zeile{margin-bottom:3.6rem;}}@media(prefers-reduced-motion:reduce){.wartelauf[data-halt="true"] .wartelauf-fuellung{animation:none}.wartelauf-schlussfahrt .wartelauf-fuellung{transition:none}.wartelauf[data-zustand="laeuft"] .wartelauf-figur,.wartelauf[data-zustand="laeuft"] .wartelauf-schritt-a,.wartelauf[data-zustand="laeuft"] .wartelauf-schritt-b{animation:none}.wartelauf-schlussfahrt .wartelauf-figur{transition:none}.wartelauf[data-zustand="fertig"] .wartelauf-dampf{animation:none;opacity:.85;transform:none}}