.an-karte{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.an-karte input{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.an-bereich [hidden]{display:none!important}.an-bereich{position:relative;overflow:hidden;min-height:calc(100vh - var(--nav-h, 76px));min-height:calc(100svh - var(--nav-h, 76px));display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,5vw,3.5rem) 1rem;background:linear-gradient(160deg,#eaf4fd,#dcebfa 55%,#d3e6f8)}.an-deko{position:absolute;inset:0;pointer-events:none}.an-deko:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(26,106,170,.15) 1.2px,transparent 1.4px);background-size:22px 22px;-webkit-mask-image:radial-gradient(70% 80% at 50% 45%,#000,transparent 75%);mask-image:radial-gradient(70% 80% at 50% 45%,#000,transparent 75%)}.an-deko:after{content:"";position:absolute;width:48vw;max-width:640px;aspect-ratio:1;right:-10vw;top:-25%;border-radius:50%;background:radial-gradient(circle,rgba(90,174,232,.32),transparent 65%);filter:blur(10px)}.an-karte{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;width:min(60rem,100%);min-height:39rem;border-radius:32px;overflow:hidden;background:var(--card);box-shadow:0 40px 90px #0f2a4a29,0 2px 10px #0f2a4a0d;animation:anAuf .4s var(--ease-out) both}@keyframes anAuf{0%{opacity:0;transform:translateY(8px)}}@media(max-width:820px){.an-karte{animation-name:anAufRuhig}}@keyframes anAufRuhig{0%{opacity:0}}.an-karte.wartet{opacity:0;animation:none}.an-karte.ohne-bild{grid-template-columns:1fr;width:min(28rem,100%);min-height:0}.an-karte.ohne-bild .an-bild{display:none}@media(max-width:820px){.an-karte{grid-template-columns:1fr;width:min(28rem,100%);min-height:0;border-radius:28px}.an-bild{display:none}}.an-bild{position:relative;overflow:hidden;background:#1a3a5a;transition:background-color .3s}.an-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% 50%;opacity:0;transition:opacity .6s ease}.an-bild img.da{opacity:1;animation:anBild 14s ease-out both}@keyframes anBild{0%{scale:1.04}to{scale:1}}.an-seite{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.8rem,5vw,3.4rem) clamp(1.5rem,5vw,3.4rem) clamp(1.4rem,3vw,2rem)}.an-titel{margin:0;font:800 clamp(2.3rem,6vw,3rem)/1.05 "Sora",sans-serif;letter-spacing:-.04em;color:var(--text)}.an-titel>span:last-child{color:var(--pri3)}.an-unter{margin:.6rem 0 1.8rem;font-size:.98rem;line-height:1.55;color:var(--sub)}.an-titel-form{margin-bottom:2rem}.an-form{display:flex;flex-direction:column;gap:1rem}.an-klappe{display:grid;grid-template-rows:0fr;margin-bottom:-1rem;opacity:0;transition:grid-template-rows .35s var(--ease-out),margin .35s var(--ease-out),opacity .25s}.an-klappe>div{overflow:hidden;min-height:0}.an-offen[data-art=neu] .an-klappe{grid-template-rows:1fr;margin-bottom:0;opacity:1}.an-feld{display:flex;flex-direction:column;gap:.4rem}.an-feld>span{font-size:.82rem;font-weight:600;color:var(--text2)}.an-feld-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.an-zaehler{font-size:.76rem;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums;transition:color .2s}.an-zaehler.voll{color:var(--warn);font-weight:600}.an-feld-kopf{display:flex;justify-content:space-between;align-items:baseline}.an-vergessen,.an-wechsel-knopf{margin:-.2rem -.45rem;padding:.2rem .45rem;border-radius:8px;font-weight:650;color:var(--pri);text-decoration:none;transition:background .18s,color .18s,opacity .2s}@media(hover:hover){.an-vergessen:hover,.an-wechsel-knopf:hover{background:#5aaee824;color:var(--pri2)}}.an-vergessen:focus-visible,.an-wechsel-knopf:focus-visible{outline:2px solid var(--pri3);outline-offset:1px}.an-vergessen[aria-expanded=true]{background:#5aaee824}.an-offen[data-art=neu] .an-nur-login{opacity:0;pointer-events:none}.an-feld input{width:100%;height:50px;padding:0 1rem;border-radius:14px;border:1.5px solid var(--border);background:var(--bg);font:500 1rem Inter,sans-serif;color:var(--text);outline:none;transition:border-color .18s,background .18s,box-shadow .18s}.an-feld input:hover{border-color:var(--border2)}.an-feld input:focus{border-color:var(--pri3);background:var(--card);box-shadow:0 0 0 4px #5aaee826}.an-feld input.falsch{border-color:#e5484d;background:var(--card);box-shadow:0 0 0 4px #e5484d1a}.an-feld .stups{animation:anStups .34s cubic-bezier(.36,.07,.19,.97)}@keyframes anStups{20%{transform:translate(-4px)}45%{transform:translate(3px)}70%{transform:translate(-1.5px)}}.an-fehler{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .26s var(--ease-out),opacity .2s ease,margin .26s var(--ease-out);margin-top:-.4rem}.an-fehler>span{overflow:hidden;min-height:0;display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:500;color:#d93a40}.an-fehler svg{flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.an-feld.fehlt .an-fehler{grid-template-rows:1fr;opacity:1;margin-top:0}.an-pw{position:relative;display:block}.an-pw input{padding-right:3rem}.an-auge{position:absolute;right:6px;top:0;bottom:0;margin:auto 0;width:38px;height:38px;border:0;border-radius:10px;background:none;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;outline:none;transition:color .18s}@media(hover:hover){.an-auge:hover{color:var(--pri)}}.an-auge:active,.an-mailchip-stift:active,.an-textknopf:active,.an-zurueck:active,.an-vergessen:active,.an-wechsel-knopf:active,.an-inline:active{transform:none}.an-auge,.an-mailchip-stift,.an-textknopf,.an-zurueck{-webkit-tap-highlight-color:transparent}.an-auge:focus-visible{color:var(--pri);box-shadow:0 0 0 2px #5aaee873}.an-auge.zeigt{color:var(--pri)}.an-auge-strich{stroke-dasharray:23;stroke-dashoffset:23;transition:stroke-dashoffset .25s ease}.an-auge.zeigt .an-auge-strich{stroke-dashoffset:0}.an-auge svg,.an-knopf svg,.an-fuss svg,.an-symbol svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.an-auge svg{width:19px;height:19px}.an-staerke{display:grid;grid-template-columns:repeat(4,1fr) auto;align-items:center;gap:.3rem;padding-top:.1rem}.an-staerke i{height:4px;border-radius:99px;background:var(--border);transition:background .25s}.an-staerke span{margin-left:.4rem;font-size:.76rem;color:var(--sub);white-space:nowrap}.an-staerke[data-s="1"] i:nth-child(-n+1){background:var(--danger)}.an-staerke[data-s="2"] i:nth-child(-n+2){background:#f0a43a}.an-staerke[data-s="3"] i:nth-child(-n+3){background:#7cc16a}.an-staerke[data-s="4"] i:nth-child(-n+4){background:#3aa76d}.an-knopf{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:52px;margin-top:.4rem;border-radius:14px;border:0;background:var(--text);color:#fff;font:700 1rem Inter,sans-serif;cursor:pointer;text-decoration:none;white-space:nowrap;box-shadow:0 12px 26px #0f2a4a38;transition:transform .18s var(--ease-out),box-shadow .2s,background .2s}.an-knopf svg{width:18px;height:18px;stroke-width:2.4;transition:transform .2s}@media(hover:hover){.an-knopf:hover{background:var(--pri);transform:translateY(-1px);box-shadow:0 16px 32px #1a6aaa4d}.an-knopf:hover svg{transform:translate(3px)}}.an-knopf:active{transform:scale(.98)}.an-knopf:focus-visible{outline:3px solid var(--pri3);outline-offset:3px}.an-form.gesperrt .an-feld,.an-form.gesperrt .an-knopf{opacity:.5;filter:grayscale(.4)}.an-form.gesperrt input,.an-form.gesperrt button,.an-form.gesperrt .an-knopf{cursor:default}.an-form.gesperrt .an-knopf,.an-form.gesperrt .an-knopf:hover{background:var(--text);box-shadow:none;transform:none}.an-form.gesperrt .an-knopf:hover svg{transform:none}.an-form.gesperrt .an-vergessen{pointer-events:none}.an-form.gesperrt .an-feld input:hover{border-color:var(--border)}.an-karte.ohne-auftritt{animation:none}.an-seite.raus-links{animation:anRausL .2s cubic-bezier(.4,0,1,1) forwards}.an-seite.raus-rechts{animation:anRausR .2s cubic-bezier(.4,0,1,1) forwards}.an-seite.rein-rechts{animation:anReinR .42s cubic-bezier(.2,.8,.25,1) both}.an-seite.rein-links{animation:anReinL .42s cubic-bezier(.2,.8,.25,1) both}@keyframes anRausL{to{opacity:0;transform:translate(-22px)}}@keyframes anRausR{to{opacity:0;transform:translate(22px)}}@keyframes anReinR{0%{opacity:0;transform:translate(26px)}}@keyframes anReinL{0%{opacity:0;transform:translate(-26px)}}::view-transition-old(konto-karte){animation:none;opacity:0}::view-transition-new(konto-karte){animation:none}@media(prefers-reduced-motion:reduce){.an-seite.raus-links,.an-seite.raus-rechts,.an-seite.rein-rechts,.an-seite.rein-links{animation:none}}.an-meldung{margin:0;min-height:1.2em;text-align:center;font-size:.86rem;color:var(--sub)}.an-meldung.fehler{color:var(--danger)}.an-meldung.info{color:var(--pri)}.an-wechsel-zeile{margin:.6rem 0 0;text-align:center;font-size:.92rem;color:var(--sub)}.an-wechsel-knopf{display:inline-block;border:0;background:none;margin:-.2rem 0;font:700 .92rem Inter,sans-serif;cursor:pointer}.an-offen[data-hilfe=an] .an-hilfe-klappe{grid-template-rows:1fr;margin-bottom:0;opacity:1}.an-offen[data-art=neu] .an-hilfe-klappe{grid-template-rows:0fr;margin-bottom:-1rem;opacity:0}.an-hilfe{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem .6rem .85rem .85rem;border-radius:14px;background:linear-gradient(135deg,#5aaee81a,#1a6aaa0f);border:1px solid rgba(90,174,232,.28)}.an-hilfe-symbol{flex:none;width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--card);color:var(--pri);box-shadow:0 4px 12px #1a6aaa1f}.an-hilfe-symbol svg,.an-hilfe-zu svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.an-hilfe-text{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0;padding-top:.05rem}.an-hilfe-text b{font-size:.88rem;color:var(--text)}.an-hilfe-text span{font-size:.82rem;line-height:1.45;color:var(--text2)}.an-hilfe-zu{flex:none;width:28px;height:28px;border:0;border-radius:8px;background:none;color:var(--sub);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.an-hilfe-zu svg{width:15px;height:15px}.an-hilfe-zu:hover{background:var(--card);color:var(--text)}.an-zu{display:flex;flex-direction:column;align-items:flex-start}.an-titel-zu{font-size:clamp(1.9rem,4.6vw,2.5rem);margin-bottom:1.8rem}.an-zu .an-knopf{padding:0 1.6rem}.an-symbol{width:56px;height:56px;margin-bottom:1.4rem;border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--pri);background:linear-gradient(135deg,#1a6aaa1a,#5aaee838)}.an-symbol svg{width:26px;height:26px}.an-tausch{animation:anTausch .32s var(--ease-out)}@keyframes anTausch{0%{opacity:0;transform:translateY(5px)}}.an-wackeln{animation:anWackeln .4s}@keyframes anWackeln{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media(prefers-reduced-motion:reduce){.an-karte,.an-bild img,.an-bild img.da,.an-tausch,.an-wackeln,.an-feld .stups{animation:none}.an-fehler,.an-klappe{transition:none}}.an-punkte{display:flex;gap:6px;margin-bottom:1.4rem}.an-punkte i{width:22px;height:5px;border-radius:99px;background:var(--border);transition:background .3s,width .3s var(--ease-out)}.an-punkte i.an{background:var(--pri)}.an-schritt.raus-links{animation:anRausL .2s cubic-bezier(.4,0,1,1) forwards}.an-schritt.raus-rechts{animation:anRausR .2s cubic-bezier(.4,0,1,1) forwards}.an-schritt.rein-rechts{animation:anReinR .42s cubic-bezier(.2,.8,.25,1) both}.an-schritt.rein-links{animation:anReinL .42s cubic-bezier(.2,.8,.25,1) both}.an-klein{margin:-.35rem 0 0;font-size:.84rem;color:var(--sub)}.an-feld input.an-schluessel{font:600 1.02rem ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.an-feld input.an-schluessel::placeholder{color:#b6c3d2;letter-spacing:.06em}.an-feld input[readonly]{background:var(--bg2, #eef3f9);color:var(--text2)}.an-form.laeuft .an-knopf{cursor:progress;opacity:.85}.an-form.laeuft .an-knopf svg{animation:anWarte .8s ease-in-out infinite}@keyframes anWarte{50%{transform:translate(4px)}}.an-fertig{display:flex;flex-direction:column;align-items:flex-start}.an-fertig .an-unter{margin:.6rem 0 1.6rem}.an-fertig .an-knopf{padding:0 1.6rem}.an-haken{width:58px;height:58px;margin-bottom:1.3rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#4cc38a,#2f9e6a);color:#fff;box-shadow:0 12px 26px #2f9e6a4d;animation:anHaken .5s cubic-bezier(.2,.9,.3,1.3) .15s both}.an-haken svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;animation:anHakenStrich .4s ease-out .45s forwards}@keyframes anHaken{0%{transform:scale(.4);opacity:0}}@keyframes anHakenStrich{to{stroke-dashoffset:0}}.an-staerke{margin-top:-.4rem}@media(prefers-reduced-motion:reduce){.an-schritt.raus-links,.an-schritt.raus-rechts,.an-schritt.rein-rechts,.an-schritt.rein-links,.an-haken,.an-form.laeuft .an-knopf svg{animation:none}.an-haken svg{animation:none;stroke-dashoffset:0}}.an-bereich.an-oben{align-items:flex-start}.an-wechsel-zeile.raus-links{animation:anRausL .2s cubic-bezier(.4,0,1,1) forwards}.an-titel.an-titel-luft{margin-bottom:1.6rem}.an-mailchip{display:flex;align-items:center;gap:.6rem;margin:.9rem 0 1.4rem;padding:.35rem .4rem .35rem .85rem;min-height:46px;border-radius:13px;background:var(--bg);border:1px solid var(--border)}.an-mailchip>svg{flex:none;width:18px;height:18px;fill:none;stroke:var(--sub);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.an-mailchip .an-mailziel{flex:1;min-width:0;font-size:.95rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.an-mailchip-stift{flex:none;width:36px;height:36px;border:0;border-radius:10px;background:var(--card);color:var(--pri);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0f2a4a14;transition:transform .18s,box-shadow .18s}.an-mailchip-stift svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(hover:hover){.an-mailchip-stift:hover{transform:translateY(-1px);box-shadow:0 4px 10px #1a6aaa2e}}.an-textknopf.gesendet{color:#2f9e6a!important;display:inline-flex;align-items:center;gap:.3rem}.an-textknopf.gesendet svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;animation:anHakenStrich .35s ease-out forwards}.an-wdh .an-passt{position:absolute;right:14px;top:50%;width:20px;height:20px;margin-top:-10px;pointer-events:none;fill:none;stroke:#2f9e6a;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;opacity:0;transition:opacity .2s,stroke-dashoffset .35s ease-out .05s}.an-wdh.ok .an-passt{opacity:1;stroke-dashoffset:0}.an-wdh.ok input{border-color:#2f9e6a73}.an-unsichtbar{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.an-wofuer{font-size:.76rem;font-weight:500;color:var(--muted)}.an-inline{margin:0 0 0 .15rem;padding:.05rem .35rem;border:0;border-radius:6px;background:none;cursor:pointer;font-family:Inter,sans-serif;font-weight:650;font-size:inherit;line-height:inherit;color:var(--pri)}@media(hover:hover){.an-inline:hover{background:#5aaee824}}.an-punkt-trenner{color:var(--border2)}.an-feld input.an-ersatz{text-align:center;letter-spacing:.12em;font:600 1.1rem ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:lowercase}.an-code-form .an-fehler,[data-zf-app] .an-fehler{justify-content:center}.an-code-form .an-fehler>span,[data-zf-app] .an-fehler>span{justify-content:center}.an-titel-code{margin-bottom:.2rem;font-size:clamp(2rem,5.4vw,2.6rem)}.an-unter-code{margin:.5rem 0 1.5rem}.an-unter-code b{color:var(--text);font-weight:650;overflow-wrap:anywhere}.an-feld input.an-code{height:58px;text-align:center;letter-spacing:.35em;padding-left:calc(1rem + .35em);font:700 1.5rem ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.an-feld input.an-code::placeholder{color:#c9d5e2}.an-code-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem .8rem;margin:.1rem 0 0}.an-textknopf{margin:0;padding:.25rem .5rem;border:0;border-radius:8px;background:none;cursor:pointer;font:650 .88rem Inter,sans-serif;color:var(--pri);transition:background .18s,color .18s}@media(hover:hover){.an-textknopf:not(:disabled):hover{background:#5aaee824}}.an-textknopf:disabled{color:var(--muted);cursor:default;font-variant-numeric:tabular-nums}.an-textknopf.an-leise{color:var(--sub)}.an-zurueck{display:inline-flex;align-items:center;gap:.4rem;margin:-.3rem 0 1.2rem -.45rem;padding:.3rem .45rem;border:0;border-radius:8px;background:none;cursor:pointer;font:600 .88rem Inter,sans-serif;color:var(--sub);transition:color .18s,gap .2s}.an-zurueck svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.an-zurueck svg{transition:transform .22s cubic-bezier(.2,.8,.25,1)}@media(hover:hover){.an-zurueck:hover{color:var(--pri);background:#5aaee81f}.an-zurueck:hover svg{transform:translate(-3px)}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}