.km-schleier{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b122075;justify-content:center;align-items:center;padding:16px;animation:.24s ease-out both kmBlende;display:flex;position:fixed;inset:0}.km{--km-ok:var(--success,#1f9d6b);--km-blau:var(--accent,#0b59fb);--km-text:var(--text-primary,#18212f);--km-leise:var(--text-secondary,#5b6573);--km-flaeche:var(--surface,#fff);--km-linie:var(--line,#dfe3ea);background:var(--km-flaeche);border:1px solid var(--km-linie);text-align:center;border-radius:28px;outline:none;flex-direction:column;align-items:center;gap:18px;width:min(440px,100%);max-height:calc(100dvh - 32px);padding:36px 24px 24px;animation:.34s cubic-bezier(.2,.9,.3,1) both kmHoch;display:flex;position:relative;overflow:hidden auto;box-shadow:0 30px 80px -20px #080f2873}.km-zu{width:44px;height:44px;color:var(--km-leise);cursor:pointer;z-index:2;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.km-zu:hover{background:color-mix(in srgb, var(--km-text) 7%, transparent)}.km-zeichen,.km-kopf,.km-karten,.km-ticket,.km-fuss{z-index:1;position:relative}.km-zeichen{place-items:center;width:88px;height:88px;display:grid}.km-zeichen>svg{width:88px;height:88px;overflow:visible}.km-ring circle{fill:none;stroke:color-mix(in srgb, var(--km-blau) 16%, transparent);stroke-width:5px}.km-ring .km-ring-lauf{stroke:var(--km-blau);stroke-linecap:round;stroke-dasharray:60 135;transform-origin:36px 36px;animation:1.4s cubic-bezier(.5,.15,.5,.85) infinite kmDreh}.km-kreis{fill:var(--km-ok);transform-origin:36px 36px;animation:.36s cubic-bezier(.2,1.5,.4,1) both kmPop}.km-strich{fill:none;stroke:#fff;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:44;stroke-dashoffset:44px;animation:.34s cubic-bezier(.6,0,.3,1) .26s forwards kmZeichne}.km-info{color:#fff;background:var(--km-blau);border-radius:50%;place-items:center;width:76px;height:76px;animation:.36s cubic-bezier(.2,1.5,.4,1) both kmPop;display:grid}.km-kopf{flex-direction:column;gap:6px;display:flex}.km h2{letter-spacing:-.015em;color:var(--km-text);margin:0;font-family:Satoshi,system-ui,sans-serif;font-size:28px;font-weight:700;line-height:1.15}.km-fertig .km-kopf{animation:.4s cubic-bezier(.2,.9,.3,1) .32s both kmHoch}.km-was{color:var(--km-text);margin:0;font-size:18px;font-weight:600}.km-leise{color:var(--km-leise);margin:4px 0 0;font-size:16px;line-height:1.5}.km-abgebrochen .km-was{color:var(--km-leise);font-weight:500}.km-flug{animation:kmFlug .5s cubic-bezier(.2, .9, .3, 1.1) calc(.7s + var(--km-i,0) * .16s) both}.km-karten{flex-direction:column;gap:10px;width:100%;margin:0;padding:0;list-style:none;display:flex}.km-karte{text-align:left;min-height:56px;color:var(--km-text);background:color-mix(in srgb, var(--km-ok) 9%, var(--km-flaeche));border:1px solid color-mix(in srgb, var(--km-ok) 26%, transparent);border-radius:16px;align-items:center;gap:14px;padding:10px 16px;font-size:17px;font-weight:600;display:flex}.km-karte-symbol{color:#fff;background:var(--km-ok);border-radius:11px;flex:none;place-items:center;width:36px;height:36px;display:grid}.km-ticket{text-align:left;color:#fff;background:linear-gradient(150deg,#0b2a8f,#1a83fc 70%,#3dbafc);border-radius:20px;width:100%;overflow:hidden;box-shadow:0 14px 30px -14px #0b2a8f99}.km-ticket-kopf{align-items:center;gap:14px;padding:18px 20px 14px;display:flex}.km-tag{font-family:Satoshi,system-ui,sans-serif;font-size:48px;font-weight:700;line-height:1}.km-monat{text-transform:uppercase;letter-spacing:.04em;opacity:.92;font-size:15px;font-weight:600;line-height:1.35}.km-abriss{border-top:2px dashed #ffffff73;height:0;margin:0 18px;position:relative}.km-abriss:before,.km-abriss:after{content:"";background:var(--km-flaeche);border-radius:50%;width:22px;height:22px;position:absolute;top:-12px}.km-abriss:before{left:-30px}.km-abriss:after{right:-30px}.km-ticket-fuss{flex-direction:column;gap:6px;padding:14px 20px 18px;display:flex}.km-ticket-fuss strong{font-size:19px;line-height:1.25}.km-ticket-fuss span{opacity:.9;align-items:center;gap:6px;font-size:15px;display:inline-flex}.km-ticket-wege{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.km-ticket-wege>*{flex:180px}.km-fuss{flex-direction:column;align-items:stretch;gap:10px;width:100%;display:flex}.km-fertig .km-fuss{animation:.36s ease-out 1.4s both kmBlende}.km-ehrlich{color:var(--km-leise);margin:0 0 4px;font-size:15px;line-height:1.5}.km-haupt,.km-zweit{min-height:52px;font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}.km-haupt{color:#fff;background:var(--gradient-cta,var(--km-blau));box-shadow:var(--shadow-cta,none);border:0}.km-zweit{color:var(--km-text);border:1px solid var(--km-linie);background:0 0}.km-haupt:focus-visible,.km-zweit:focus-visible,.km-zu:focus-visible{outline:3px solid color-mix(in srgb, var(--km-blau) 45%, transparent);outline-offset:2px}.km-konfetti{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.km-konfetti i{top:-12px;left:calc(50% + var(--x));background:var(--f);opacity:0;width:8px;height:13px;animation:kmFall 1.5s cubic-bezier(.25, .6, .4, 1) var(--d) both;border-radius:2px;position:absolute}.km-konfetti i:nth-child(3n){border-radius:50%;width:8px;height:8px}.km-sofort *,.km-sofort{animation-duration:10ms!important;animation-delay:0s!important}.km-sofort .km-konfetti{display:none}@keyframes kmBlende{0%{opacity:0}to{opacity:1}}@keyframes kmHoch{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}@keyframes kmPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes kmZeichne{to{stroke-dashoffset:0}}@keyframes kmDreh{to{transform:rotate(360deg)}}@keyframes kmFlug{0%{opacity:0;transform:translateY(46px)rotate(-3deg)scale(.94)}to{opacity:1;transform:none}}@keyframes kmFall{0%{opacity:1;transform:translateY(0)rotate(0)}85%{opacity:1}to{opacity:0;transform:translateY(520px) rotate(var(--r))}}@media (prefers-reduced-motion:reduce){.km-schleier,.km,.km *{animation-duration:10ms!important;animation-delay:0s!important}.km-ring .km-ring-lauf{stroke-dasharray:none;animation:none}.km-konfetti{display:none}}