.anmeldung{--auf-dunkel:#4d7cf3;--auf-dunkel-raster:#4d7cf317;--auf-dunkel-linie:#4d7cf34d;justify-content:center;align-items:center;gap:var(--space-6);min-height:100dvh;padding:var(--space-6);background-color:var(--dark);background-image:linear-gradient(var(--auf-dunkel-raster) 1px, transparent 1px), linear-gradient(90deg, var(--auf-dunkel-raster) 1px, transparent 1px);background-size:var(--raster) var(--raster);background-attachment:fixed;flex-direction:column;flex:1;display:flex}.anmeldung :focus-visible{outline-color:var(--auf-dunkel)}.anmeldung-logo-feld{padding:var(--space-4) var(--space-8);justify-content:center;align-items:center;display:flex;position:relative}.anmeldung-logo-feld:before{content:"";filter:blur(22px);pointer-events:none;z-index:0;background:radial-gradient(#0132aaf2 0%,#7c3aed8c 42%,#0000 72%);width:220px;height:100px;animation:3.6s ease-in-out infinite anmeldung-schein;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.anmeldung-logo{z-index:1;width:auto;height:46px;animation:3.6s ease-in-out infinite anmeldung-atem;display:block;position:relative}@keyframes anmeldung-atem{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}@keyframes anmeldung-schein{0%,to{opacity:.07}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.anmeldung-logo{animation:none}.anmeldung-logo-feld:before{opacity:.32;animation:none}}.anmeldung-karte{align-items:center;gap:var(--space-4);width:100%;max-width:380px;padding:var(--space-4) var(--space-8) var(--space-8);border:1px solid var(--auf-dunkel-linie);border-radius:var(--radius-xl);background:#ffffff08;flex-direction:column;display:flex;box-shadow:0 8px 40px #00000073}.anmeldung-titel{font-family:var(--font-display);letter-spacing:.06em;text-align:center;color:#fff;margin:0;font-size:1rem;font-weight:400;line-height:1.35}.anmeldung-untertitel{text-align:center;color:#ffffff80;margin:0;font-size:.8125rem;line-height:1.55}.anmeldung-formular{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.anmeldung-felder{gap:var(--space-4);flex-direction:column;display:flex}.anmeldung-gruppe{gap:var(--space-2);flex-direction:column;display:flex}.anmeldung .feld{border-color:var(--auf-dunkel-linie);color:#fff;background:#ffffff0f}.anmeldung .feld::placeholder{color:#ffffff5c}.anmeldung .feld:focus{border-color:var(--auf-dunkel);background:#ffffff1a;box-shadow:0 0 0 3px #4d7cf333}.anmeldung .feld:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #1c2438}.anmeldung .feld:-webkit-autofill:hover{-webkit-text-fill-color:#fff;caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #1c2438}.anmeldung .feld:-webkit-autofill:focus{-webkit-text-fill-color:#fff;caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #1c2438}.anmeldung .knopf--primaer{width:100%;padding:var(--space-3) var(--space-4);background:linear-gradient(135deg, var(--brand), var(--brand-violet));isolation:isolate;position:relative;box-shadow:0 0 14px #4d7cf34d,0 0 36px #4d7cf324,0 2px 8px #00000040}.anmeldung .knopf--primaer:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(135deg, var(--dark), var(--brand));opacity:0;transition:opacity .25s;position:absolute;inset:0}.anmeldung .knopf--primaer:hover:not(:disabled):before{opacity:1}.anmeldung-fehler{text-align:center;color:#ff8080;margin:0;font-size:.8125rem;line-height:1.45}.anmeldung-code{font-family:var(--font-mono);letter-spacing:.35em;text-align:center;font-size:1.4rem}.anmeldung-code-hinweis{color:#fffc;margin:0;font-size:.85rem}.anmeldung-leise{font:inherit;color:var(--auf-dunkel);cursor:pointer;background:0 0;border:none;min-height:44px;padding:0;font-size:.85rem;text-decoration:underline}.anmeldung-leise:disabled{opacity:.6;cursor:default;text-decoration:none}.anmeldung-wechsel{text-align:center;margin:0}.anmeldung-hinweis{text-align:center;color:#ffffff7a;max-width:380px;margin:0;font-size:.75rem;line-height:1.55}@media (max-width:420px){.anmeldung{padding:var(--space-4);gap:var(--space-4)}.anmeldung-karte{padding:var(--space-4) var(--space-6) var(--space-6)}.anmeldung-logo{height:38px}}
