.ap-auth{place-items:center;min-height:100dvh;padding:40px 0 0;display:grid;position:relative}.ap-marke-pille{z-index:2;height:60px;font-size:19px;font-weight:var(--gewicht-mittel);border-radius:999px;align-items:center;gap:12px;margin:0;padding:0 22px 0 8px;display:flex;position:absolute;top:36px;left:40px}.ap-marke-zeichen{background:linear-gradient(160deg, oklch(from var(--a) .62 c h), oklch(from var(--a) .5 c h));border-radius:30%;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 1px #ffffff80}.ap-marke-zeichen svg{width:58%;height:58%}.ap-mitte{width:600px;padding:24px}.ap-karte{isolation:isolate;border-radius:var(--radius-kachel);min-width:0;color:var(--t);padding:34px 40px;position:relative}.ap-karte:before{content:"";z-index:-1;border-radius:inherit;background:var(--kachel-bg);-webkit-backdrop-filter:var(--kachel-filter);backdrop-filter:var(--kachel-filter);box-shadow:var(--kachel-kante);pointer-events:none;position:absolute;inset:0}.ap-mitte:has(.ap-dialog-schritt){width:660px;padding:0}.ap-mitte:has(.ap-dialog-schritt)>.grund-ebene{display:none}.ap-karte:has(.ap-dialog-schritt){border-radius:32px;padding:30px 34px 28px}.ap-karte:has(.ap-dialog-schritt):before{background:var(--dialog-bg);-webkit-backdrop-filter:var(--dialog-filter);backdrop-filter:var(--dialog-filter);box-shadow:var(--dialog-kante)}.ap-karte h1{letter-spacing:-.01em;text-wrap:balance;font-size:34px;font-weight:400;line-height:1.15}.ap-karte h1.ap-h-schritt{font-size:28px;line-height:1.2}.ap-unter{color:var(--t2);margin-top:10px;font-size:18px;line-height:1.45}.ap-klein{color:var(--t2);font-size:15px;line-height:1.45}.ap-dialog-schritt .ap-unter{margin-top:8px;font-size:16.5px}.ap-schritt{gap:var(--raum-1);flex-direction:column;display:flex}.ap-kennung{margin-top:10px}.ap-mitte-text{text-align:center;margin-top:18px}.ap-symbol{background:var(--info);border-radius:24px;place-items:center;width:76px;height:76px;margin-bottom:20px;display:grid}.ap-symbol svg{stroke:currentColor;fill:none;stroke-width:1.7px;width:36px;height:36px}.ap-form{display:grid}.ap-feld{flex-direction:column;gap:7px;margin-top:18px;display:flex}.ap-feld>label{font-size:14.5px;font-weight:var(--gewicht-mittel);color:var(--t2)}.ap-feld small{color:var(--t3);font-size:13.5px}.ap-ein{height:var(--hoehe-eingabe-gross);border-radius:var(--radius-feld);background:var(--weiss);color:var(--weiss-text);box-shadow:inset 0 0 0 1.5px var(--weiss-rand), var(--weiss-vertieft);border:0;padding:0 16px;font-size:17px}.ap-meldung{border-radius:var(--radius-feld);background:var(--info);color:var(--t);margin-top:18px;padding:13px 16px;font-size:15px;line-height:1.45}.ap-meldung-fehler{background:var(--marke-stoerung-bg);color:var(--marke-stoerung-text)}.ap-code{margin-top:8px;position:relative}.ap-feld-verdeckt{margin-top:22px}.ap-feld-verdeckt .ap-code{margin-top:0}.ap-code input{z-index:2;opacity:0;cursor:text;border:0;width:100%;height:100%;margin:0;padding:0;font-size:28px;position:absolute;inset:0}.ap-code-felder{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.ap-code-felder span{border-radius:var(--radius-feld);background:var(--weiss);height:64px;color:var(--weiss-text);font-size:28px;font-weight:var(--gewicht-mittel);font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1.5px var(--weiss-rand), var(--weiss-vertieft);place-items:center;transition:box-shadow .12s,background-color .1s;display:grid;position:relative}.ap-code-felder b,.ap-code-felder i{grid-area:1/1}.ap-code-felder b{font-weight:var(--gewicht-mittel);display:block;position:relative}.ap-code-felder i{background:oklch(from var(--a) .52 c h);border-radius:1px;width:2px;height:34px;animation:1s steps(2,jump-none) infinite ap-code-blinken;display:none}.ap-code:focus-within .ap-code-felder span[data-naechstes] i{display:block}@keyframes ap-code-blinken{0%{opacity:1}to{opacity:0}}.ap-code:focus-within .ap-code-felder span[data-naechstes]{box-shadow:inset 0 0 0 2px oklch(from var(--a) .52 c h), 0 0 0 4px oklch(from var(--a) .55 c h / .22)}.ap-code[data-fehler] .ap-code-felder span{box-shadow:inset 0 0 0 2px var(--code-rot-licht), 0 0 0 4px var(--code-rot-halo)}.ap-code[data-fehler] .ap-code-felder b{color:var(--code-rot-ziffer)}.ap-code-felder span:before{content:"";border-radius:inherit;opacity:0;background:linear-gradient(var(--code-erfolg-oben), var(--code-erfolg-unten));transition:opacity .17s;position:absolute;inset:0}.ap-code[data-zustand=hell] .ap-code-felder span,.ap-code[data-zustand=stapel] .ap-code-felder span,.ap-code[data-zustand=gruen] .ap-code-felder span{box-shadow:inset 0 0 0 2px var(--code-licht), 0 0 0 3px var(--code-licht-halo), 0 10px 20px -8px #00000080}.ap-code[data-zustand=gruen] .ap-code-felder span:before{opacity:1}.ap-code[data-zustand=hell] .ap-code-felder span,.ap-code[data-zustand=stapel] .ap-code-felder span,.ap-code[data-zustand=gruen] .ap-code-felder span,.ap-code-ziel{will-change:transform}.ap-code-felder span:before{border-radius:var(--radius-feld)}.ap-code-bogen{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .14s;position:absolute;inset:0;overflow:visible}.ap-code-bogen path{fill:none;stroke:var(--code-licht);stroke-width:3px;stroke-linecap:butt;opacity:.15}.ap-code-bogen .halo{stroke-linecap:round;opacity:.075}.ap-code-bogen .kopf{stroke:var(--code-licht-kopf);stroke-width:3.5px;stroke-linecap:round;opacity:1}.ap-code-ziel{opacity:0;border-radius:var(--radius-feld);background:linear-gradient(var(--code-erfolg-oben), var(--code-erfolg-unten));pointer-events:none;place-items:center;display:grid;position:absolute;top:0;left:50%;box-shadow:inset 0 1px #ffffff8c}.ap-code-ring{opacity:0;border-radius:var(--radius-feld);box-shadow:inset 0 0 0 2px var(--code-licht);pointer-events:none;position:absolute;top:0;left:50%}.ap-code-ziel:after{content:"";border-radius:inherit;opacity:0;box-shadow:0 0 34px 6px rgb(from var(--code-schein) r g b / .5);transition:opacity .4s;position:absolute;inset:0}.ap-code[data-zustand=fertig] .ap-code-ziel:after{opacity:1}.ap-code-ziel svg{width:58%;height:58%;overflow:visible}.ap-code-ziel path{fill:none;stroke:#fff;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;opacity:0}.ap-code-schein{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}@media (min-width:48rem){.ap-code-schein{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000,#000 56px calc(100% - 56px),#0000),linear-gradient(#0000,#000 56px calc(100% - 56px),#0000);mask-image:linear-gradient(90deg,#0000,#000 56px calc(100% - 56px),#0000),linear-gradient(#0000,#000 56px calc(100% - 56px),#0000);-webkit-mask-composite:source-in;mask-composite:intersect}}.ap-code-glut{aspect-ratio:1;opacity:0;pointer-events:none;background:radial-gradient(closest-side, rgb(from var(--code-schein) r g b / .6) 0%, rgb(from var(--code-schein) r g b / .5753) 2.5%, rgb(from var(--code-schein) r g b / .5506) 5%, rgb(from var(--code-schein) r g b / .5252) 7.5%, rgb(from var(--code-schein) r g b / .4983) 10%, rgb(from var(--code-schein) r g b / .47) 12.5%, rgb(from var(--code-schein) r g b / .4417) 15%, rgb(from var(--code-schein) r g b / .4147) 17.5%, rgb(from var(--code-schein) r g b / .3889) 20%, rgb(from var(--code-schein) r g b / .3637) 22.5%, rgb(from var(--code-schein) r g b / .3392) 25%, rgb(from var(--code-schein) r g b / .3153) 27.5%, rgb(from var(--code-schein) r g b / .2918) 30%, rgb(from var(--code-schein) r g b / .2689) 32.5%, rgb(from var(--code-schein) r g b / .2468) 35%, rgb(from var(--code-schein) r g b / .2259) 37.5%, rgb(from var(--code-schein) r g b / .2058) 40%, rgb(from var(--code-schein) r g b / .1864) 42.5%, rgb(from var(--code-schein) r g b / .1683) 45%, rgb(from var(--code-schein) r g b / .1518) 47.5%, rgb(from var(--code-schein) r g b / .1367) 50%, rgb(from var(--code-schein) r g b / .1226) 52.5%, rgb(from var(--code-schein) r g b / .1096) 55%, rgb(from var(--code-schein) r g b / .0977) 57.5%, rgb(from var(--code-schein) r g b / .0866) 60%, rgb(from var(--code-schein) r g b / .0763) 62.5%, rgb(from var(--code-schein) r g b / .0668) 65%, rgb(from var(--code-schein) r g b / .0584) 67.5%, rgb(from var(--code-schein) r g b / .0506) 70%, rgb(from var(--code-schein) r g b / .0433) 72.5%, rgb(from var(--code-schein) r g b / .0368) 75%, rgb(from var(--code-schein) r g b / .031) 77.5%, rgb(from var(--code-schein) r g b / .0261) 80%, rgb(from var(--code-schein) r g b / .0216) 82.5%, rgb(from var(--code-schein) r g b / .0176) 85%, rgb(from var(--code-schein) r g b / .014) 87.5%, rgb(from var(--code-schein) r g b / .0106) 90%, rgb(from var(--code-schein) r g b / .007) 92.5%, rgb(from var(--code-schein) r g b / .0036) 95%, rgb(from var(--code-schein) r g b / .001) 97.5%, rgb(from var(--code-schein) r g b / 0) 100%);border-radius:50%;width:min(170%,640px);position:absolute;top:60%;left:50%;translate:-50% -50%}.ap-code-glut-rot{--code-schein:var(--code-schein-rot)}.ap-code-glut:after{content:"";opacity:.09;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");border-radius:50%;position:absolute;inset:0}.ap-code-titel{opacity:0;pointer-events:none;position:absolute}.ap-code-platz{align-items:center;min-height:48px;margin-top:18px;display:grid}.ap-code-platz .ap-meldung{text-wrap:balance;margin:0}.ap-code-ruhe{color:var(--t3);text-wrap:balance;margin:0;font-size:15px;line-height:1.45}.ap-form:has(.ap-code) .ap-aktionen{margin-top:10px}@media (prefers-reduced-motion:reduce){.ap-code-felder i{animation:none}.ap-code[data-zustand=pruefen] .ap-code-felder span{box-shadow:inset 0 0 0 1.5px oklch(from var(--a) .52 c h), var(--weiss-vertieft)}}.ap-aktionen{gap:var(--abstand-knoepfe);align-items:center;margin-top:28px;display:flex}.ap-aktionen>.ap-b,.ap-aktionen>.ap-unten{flex:1}.ap-aktionen.ap-stapel{flex-direction:column;align-items:stretch}.ap-aktionen.ap-stapel>.ap-unten,.ap-aktionen.ap-stapel>.ap-b{flex:none}.ap-aktionen.ap-rechts>.ap-unten{flex:none;min-width:220px;margin-left:auto}.ap-unten{display:flex}.ap-b{height:var(--hoehe-eingabe-gross);padding:var(--druck-fassung-rand);background:var(--druck-fassung-bg);box-shadow:var(--druck-fassung-kante);color:var(--druck-text);font-size:18px;font-weight:var(--gewicht-mittel);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:0;border-radius:999px;text-decoration:none;display:inline-grid;position:relative}.ap-b .b-knopf-kissen{padding:0 30px}.ap-b:after{content:"";border-radius:inherit;opacity:0;box-shadow:var(--druck-fuge);pointer-events:none;position:absolute;inset:0}.ap-b[data-druck]:after{opacity:1}@media (prefers-reduced-motion:no-preference){.ap-b:after{transition:opacity .12s}}.ap-unten>.ap-b{flex:1}.ap-b-p{color:var(--druck-text)}.ap-b-s{--druck-oben:var(--druck-hell-oben);--druck-mitte:var(--druck-hell-mitte);--druck-unten:var(--druck-hell-unten);--druck-tief:var(--druck-hell-tief);--druck-text:var(--druck-hell-text)}.ap-b-s .b-knopf-kissen{box-shadow:var(--druck-hell-kissen-schatten)}.ap-b-s .druck-schleier{background:var(--druck-hell-schleier-bg)}.ap-b-s .druck-delle{background:var(--druck-hell-delle-bg)}.ap-b:disabled{cursor:progress;opacity:.7}.ap-tl{font:inherit;color:var(--link);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:16px;text-decoration:underline}.ap-tl:disabled{cursor:progress;opacity:.7}.ap-links{justify-content:center;gap:28px;margin-top:18px;display:flex}.ap-abmelden{display:contents}.ap-fuss{border-top:1px solid var(--linie);color:var(--t3);justify-content:flex-end;align-items:center;gap:16px;margin-top:34px;padding-top:20px;font-size:14.5px;display:flex}.ap-fuss .ap-tl{font-size:14.5px}.ap-einrichten{align-items:flex-start;gap:24px;margin-top:22px;display:flex}.ap-qr{background:#fff;border-radius:16px;flex:none;width:170px;height:170px;padding:12px;box-shadow:0 1px 2px #0003}.ap-qr img{width:100%;height:100%;display:block}.ap-einrichten-text{flex-direction:column;gap:6px;min-width:0;display:flex}.ap-einrichten-text .ap-klein:last-child{margin-top:6px}.ap-schluessel{letter-spacing:.06em;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:16px}@media (max-width:47.9375rem){.ap-auth{padding:78px 16px 120px;display:block}.ap-marke-pille{height:46px;padding:0 16px 0 6px;font-size:16px;top:16px;left:16px}.ap-marke-zeichen{width:34px;height:34px}.ap-mitte{width:auto;padding:0}.ap-karte{padding:22px 20px}.ap-karte:before{background:var(--kachel-handy-bg);-webkit-backdrop-filter:var(--kachel-handy-filter);backdrop-filter:var(--kachel-handy-filter);box-shadow:var(--kachel-handy-kante)}.ap-karte h1{font-size:26px}.ap-mitte:has(.ap-dialog-schritt){width:auto}.ap-karte:has(.ap-dialog-schritt){border-radius:24px;padding:22px 18px 24px}.ap-dialog-schritt .ap-unter{margin-top:6px;font-size:15px}.ap-feld-verdeckt{margin-top:22px}.ap-karte h1.ap-h-schritt{font-size:23px;font-weight:var(--gewicht-mittel)}.ap-unter{margin-top:8px;font-size:15.5px}.ap-klein{font-size:14px}.ap-symbol{border-radius:19px;width:60px;height:60px;margin-bottom:14px}.ap-symbol svg{width:28px;height:28px}.ap-feld{margin-top:14px}.ap-ein{font-size:16px}.ap-meldung{margin-top:14px;padding:11px 13px;font-size:14px}.ap-code-felder{gap:7px}.ap-code-felder span{height:54px;font-size:24px}.ap-code-felder i{height:28px}.ap-code-ruhe{font-size:14px}.ap-code-platz .ap-meldung{padding:11px 13px;font-size:14px}.ap-b{font-size:17px}.ap-tl{font-size:15px}.ap-links{gap:20px;margin-top:12px}.ap-aktionen,.ap-aktionen.ap-stapel{flex-direction:column;align-items:stretch;margin-top:22px}.ap-aktionen>.ap-b{flex:none}.ap-aktionen:has(>.ap-unten:only-child){margin-top:0}.ap-unten,.ap-aktionen.ap-rechts>.ap-unten{left:16px;right:16px;bottom:max(18px, env(safe-area-inset-bottom));z-index:5;border-radius:var(--radius-kachel);background:var(--kachel-handy-bg);min-width:0;-webkit-backdrop-filter:var(--kachel-handy-filter);backdrop-filter:var(--kachel-handy-filter);box-shadow:var(--kachel-handy-kante);margin:0;padding:14px;position:fixed}.ap-fuss{flex-direction:column;align-items:flex-start;gap:8px;margin-top:28px}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ap-karte:before{background:var(--glas-dicht)}.ap-karte:has(.ap-dialog-schritt):before{background:var(--glas-dicht)}@media (max-width:47.9375rem){.ap-unten{background:var(--glas-dicht)}}}@media (prefers-reduced-transparency:reduce){.ap-karte:before{background:var(--glas-dicht);-webkit-backdrop-filter:none;backdrop-filter:none}.ap-karte:has(.ap-dialog-schritt):before{background:var(--glas-dicht);-webkit-backdrop-filter:none;backdrop-filter:none}@media (max-width:47.9375rem){.ap-unten{background:var(--glas-dicht);-webkit-backdrop-filter:none;backdrop-filter:none}}}