:root{--feder:cubic-bezier(.34, 1.56, .64, 1)}.feier{z-index:2000;touch-action:manipulation;font-family:var(--schrift);position:fixed;inset:0;overflow:hidden}.feier__grund{background:radial-gradient(60% 34% at 50% 40%, #f04c8547, transparent 70%), radial-gradient(120% 70% at 50% 30%, #2a1060 0%, var(--nacht) 60%);position:absolute;inset:0}.feier canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.feier__mitte{width:0;height:0;position:absolute;top:40%;left:50%}.feier__ring{opacity:0;border:2px solid #df78ffb3;border-radius:50%;width:340px;height:340px;position:absolute;top:-170px;left:-170px;transform:scale(.3)}.feier__ring.is-los{animation:1.1s cubic-bezier(.2,.6,.35,1) forwards feier-ring}@keyframes feier-ring{0%{opacity:.95;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}.feier__kern{background:var(--verlauf);border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:absolute;top:-56px;left:-56px;transform:scale(0);box-shadow:0 0 80px #f04c85a6}.feier__kern[hidden]{display:none}.feier__kern.is-da{animation:feier-plopp .55s var(--feder) forwards}.feier__kern.is-puls{animation:.28s ease-out feier-puls;transform:scale(1)}.feier__kern.is-treffer{animation:feier-treffer .6s var(--feder);transform:scale(1)}@keyframes feier-plopp{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes feier-puls{0%{transform:scale(1)}40%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes feier-treffer{0%{transform:scale(1)}25%{transform:scale(.82)}60%{transform:scale(1.18)}to{transform:scale(1)}}.feier__kern>*{grid-area:1/1}.feier__punkt{width:36px;height:36px;transition:transform .25s var(--ease), opacity .2s;background:#fff;border-radius:50%}.feier__zeichen{width:56px;height:56px;transition:transform .25s var(--ease), opacity .2s}.feier__zeichen.is-klingelt{animation:.5s ease-in-out 2 feier-klingeln}@keyframes feier-klingeln{0%,to{transform:rotate(0)}20%{transform:rotate(-16deg)}40%{transform:rotate(14deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(8deg)}}.feier__haken{width:60px;height:60px}.feier__haken path{stroke-dasharray:60;stroke-dashoffset:60px}.feier__kern.is-fertig .feier__punkt,.feier__kern.is-fertig .feier__zeichen{opacity:0;transform:scale(0)}.feier__kern.is-fertig .feier__haken path{transition:stroke-dashoffset .35s var(--ease) 50ms;stroke-dashoffset:0}.feier__text{text-align:center;color:#fff;justify-items:center;gap:6px;display:grid;position:absolute;top:calc(40% + 96px);left:16px;right:16px}.feier__text--tief{top:calc(40% + 112px)}.feier__text--maskottchen{z-index:1}.maskottchen{pointer-events:none;position:absolute;inset:0}.maskottchen svg{width:100%;height:100%;display:block;position:absolute;inset:0}.feier__text>*{opacity:0;margin:0;transform:translateY(14px)}.feier__text.is-da>*{animation:feier-herein .6s var(--ease) forwards}.feier__text.is-da>:nth-child(2){animation-delay:.1s}.feier__text.is-da>:nth-child(3){animation-delay:.2s}.feier__text.is-weg{opacity:0;transition:opacity .25s}.feier__text h2{letter-spacing:-.01em;color:#fff;text-wrap:balance;font-size:30px}.feier__text p{color:#ffffffc7;text-wrap:balance}.feier__hinweis{color:#ffffff8c;margin-top:14px;font-size:12px}.feier__text.is-da>:nth-child(4){animation-delay:.9s}.feier__stempel{letter-spacing:.1em;text-transform:uppercase;color:#fff;background:#ffffff24;border-radius:999px;margin-top:8px;padding:6px 14px;font-size:12px;font-weight:700}@keyframes feier-herein{0%{opacity:0;transform:translateY(22px)scale(.97)}to{opacity:1;transform:none}}.medaille{--m:var(--verlauf);--mf:var(--magenta);color:#fff;background:var(--m);width:76px;height:76px;box-shadow:0 0 0 4px var(--flaeche), 0 0 0 6px color-mix(in srgb, var(--mf) 35%, transparent), 0 8px 18px color-mix(in srgb, var(--mf) 30%, transparent);border-radius:50%;place-items:center;display:grid;position:relative}.medaille:after{content:"";background:linear-gradient(140deg,#ffffff73,#0000 45%);border-radius:50%;position:absolute;inset:0}.medaille--pink{--m:linear-gradient(135deg, #b718ec, #f04c85);--mf:#b718ec}.medaille--blau{--m:linear-gradient(135deg, #3e63dd, #9a5cff);--mf:#3e63dd}.medaille--gold{--m:linear-gradient(135deg, #ff9f43, #f04c85);--mf:#ff9f43}.medaille--gruen{--m:linear-gradient(135deg, #1e9e62, #35c9c0);--mf:#1e9e62}.erfolg-toast{z-index:1900;top:calc(var(--sicher-oben) + 10px);text-align:left;cursor:pointer;background:var(--nacht);color:#fff;max-width:420px;font-family:var(--schrift);-webkit-tap-highlight-color:transparent;touch-action:manipulation;will-change:transform;border:0;border-radius:22px;align-items:center;gap:14px;margin:0 auto;padding:12px 18px 12px 12px;display:flex;position:fixed;left:12px;right:12px;overflow:hidden;box-shadow:0 18px 44px #0b103059,0 0 0 1px #df78ff40}.erfolg-toast .medaille{width:52px;height:52px;box-shadow:0 0 0 3px var(--nacht), 0 0 0 5px color-mix(in srgb, var(--mf) 55%, transparent), 0 0 26px color-mix(in srgb, var(--mf) 60%, transparent);animation:erfolg-toast-medaille .7s var(--feder) .18s both;flex:none}.erfolg-toast .medaille svg{width:26px;height:26px}@keyframes erfolg-toast-medaille{0%{transform:scale(0)rotate(-140deg)}to{transform:none}}.erfolg-toast__text{gap:1px;min-width:0;display:grid}.erfolg-toast__text small{letter-spacing:.1em;text-transform:uppercase;color:var(--lila);animation:feier-herein .5s var(--ease) .3s both;font-size:11px;font-weight:700}.erfolg-toast__text b{overflow-wrap:anywhere;animation:feier-herein .5s var(--ease) .38s both;font-size:17px;line-height:1.25}.erfolg-toast__glanz{pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff47 50%,#0000 65%);animation:.9s ease-out .55s both erfolg-toast-glanz;position:absolute;inset:0;transform:translate(-110%)}@keyframes erfolg-toast-glanz{to{transform:translate(110%)}}.erfolg-toast__funke{pointer-events:none;opacity:0;border-radius:50%;width:6px;height:6px;animation:.7s ease-out .5s both erfolg-toast-funke;position:absolute;top:50%;left:38px}@keyframes erfolg-toast-funke{0%{opacity:1;transform:translate(-50%, -50%) rotate(var(--w)) translateX(0) scale(1)}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--w)) translateX(var(--weit)) scale(.3)}}@media (prefers-reduced-motion:reduce){.erfolg-toast .medaille,.erfolg-toast__glanz,.erfolg-toast__funke,.erfolg-toast__text small,.erfolg-toast__text b{animation:none}.erfolg-toast__funke,.erfolg-toast__glanz{display:none}}.feier-flieger{z-index:2001;transform-origin:0 0;perspective:600px;position:fixed;top:0;left:0}.feier-flieger .medaille{animation:none}.feier-einstieg .schritt__oben,.feier-einstieg .schritt__spalte>header,.feier-einstieg .schritt__inhalt>*,.feier-einstieg .startseite__spalte>*,.feier-einstieg .inhalt .stapel--gross>*{animation:feier-herein .65s var(--ease) both}.feier-einstieg .schritt__oben,.feier-einstieg .startseite__spalte>:first-child,.feier-einstieg .inhalt .stapel--gross>:first-child{animation-delay:50ms}.feier-einstieg .schritt__spalte>header,.feier-einstieg .startseite__spalte>:nth-child(2),.feier-einstieg .inhalt .stapel--gross>:nth-child(2){animation-delay:.14s}.feier-einstieg .schritt__inhalt>:first-child,.feier-einstieg .startseite__spalte>:nth-child(3),.feier-einstieg .inhalt .stapel--gross>:nth-child(3){animation-delay:.26s}.feier-einstieg .schritt__inhalt>:nth-child(2),.feier-einstieg .startseite__spalte>:nth-child(n+4),.feier-einstieg .inhalt .stapel--gross>:nth-child(4){animation-delay:.38s}.feier-einstieg .schritt__inhalt>:nth-child(n+3),.feier-einstieg .inhalt .stapel--gross>:nth-child(n+5){animation-delay:.5s}.feier-einstieg .tabs{animation:feier-leiste .6s var(--ease) .3s both}@keyframes feier-leiste{0%{transform:translateY(100%)}to{transform:none}}.knopf.is-ok{animation:feier-treffer .5s var(--feder);position:relative}.knopf.is-ok:disabled{opacity:1}.knopf.is-ok>*{opacity:0}.knopf.is-ok:after{content:"";width:28px;height:28px;animation:feier-plopp .35s var(--feder) both;background:#fff;margin:auto;position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' fill='none' stroke='%23000' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 31l10 10 19-21'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' fill='none' stroke='%23000' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 31l10 10 19-21'/%3E%3C/svg%3E") 50%/contain no-repeat}.schritt__spalte.is-raus>header,.schritt__spalte.is-raus>.schritt__inhalt{animation:.2s ease-in forwards feier-raus}@keyframes feier-raus{to{opacity:0;transform:translate(-28px)}}.schritt.feier-rein .schritt__spalte>header,.schritt.feier-rein .schritt__inhalt>*{animation:feier-seitlich .55s var(--ease) both}.schritt.feier-rein .schritt__inhalt>:first-child{animation-delay:70ms}.schritt.feier-rein .schritt__inhalt>:nth-child(2){animation-delay:.14s}.schritt.feier-rein .schritt__inhalt>:nth-child(3){animation-delay:.21s}.schritt.feier-rein .schritt__inhalt>:nth-child(n+4){animation-delay:.28s}@keyframes feier-seitlich{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:none}}.schritt__balken span.is-an.is-neu{background:var(--linie-2);animation:.5s ease-out .3s feier-funke;position:relative}.schritt__balken span.is-neu:after{content:"";border-radius:inherit;background:var(--verlauf);transform-origin:0;animation:feier-fuellen .5s var(--ease) both;position:absolute;inset:0}@keyframes feier-fuellen{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes feier-funke{0%{transform:scaleY(1);box-shadow:0 0 #f04c85b3}40%{transform:scaleY(2);box-shadow:0 0 0 7px #f04c8500}to{transform:scaleY(1);box-shadow:0 0 #f04c8500}}.knopf.is-nein{animation:.45s ease-in-out feier-nein}.formfehler.is-nein,.feld__fehler.is-nein,.toast.is-nein{animation:feier-nein-meldung .5s var(--feder);transform-origin:0}.feld__eingabe.is-nein{box-shadow:0 0 0 4px color-mix(in srgb, var(--fehler) 18%, transparent);animation:.45s ease-in-out feier-nein}@keyframes feier-nein{0%,to{transform:translate(0)}15%{transform:translate(-9px)}35%{transform:translate(8px)}55%{transform:translate(-6px)}75%{transform:translate(4px)}90%{transform:translate(-2px)}}@keyframes feier-nein-meldung{0%{transform:scale(.94)}30%{transform:scale(1.03)translate(-5px)}50%{transform:scale(1.02)translate(5px)}70%{transform:translate(-3px)}to{transform:none}}.code-nummer--enthuellt{font-variant-numeric:tabular-nums}.code-nummer__offen{opacity:.35;filter:blur(.6px)}.code-nummer--enthuellt{transform-origin:0}.code-nummer--enthuellt.is-fertig{animation:feier-nummer .7s var(--feder), feier-nummer-glanz 1.1s ease-out .15s;background:linear-gradient(100deg, var(--text) 40%, var(--pink) 48%, var(--lila) 52%, var(--text) 60%) 100% 0 / 300% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes feier-nummer-glanz{0%{background-position:100% 0}to{background-position:0 0}}@keyframes feier-nummer{0%{text-shadow:0 0 #0000;transform:scale(1)}35%{text-shadow:0 0 22px color-mix(in srgb, var(--pink) 70%, transparent);transform:scale(1.1)}to{text-shadow:0 0 #0000;transform:scale(1)}}.wahl.is-gewaehlt{border-color:var(--marke);box-shadow:0 0 0 4px color-mix(in srgb, var(--marke) 16%, transparent), var(--schatten);animation:feier-gewaehlt .4s var(--feder)}@keyframes feier-gewaehlt{0%{transform:scale(.96)}60%{transform:scale(1.025)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.schritt.feier-rein .schritt__spalte>header,.schritt.feier-rein .schritt__inhalt>*,.schritt__spalte.is-raus>*,.schritt__balken span.is-neu,.schritt__balken span.is-neu:after,.knopf.is-ok,.wahl.is-gewaehlt,.knopf.is-nein,.formfehler.is-nein,.feld__fehler.is-nein,.toast.is-nein,.feld__eingabe.is-nein{animation:none}}