.huelle { min-height: 100vh; min-height: 100dvh; display: grid; place-content: center; justify-items: center; gap: 18px; padding: 24px 16px; }
.login { width: min(440px, 100%); padding: 34px 32px 30px; display: grid; gap: 12px; }
.kopf { display: flex; align-items: center; gap: 14px; margin-bottom: 4px; }
.zeichen { flex: none; filter: drop-shadow(0 0 14px rgba(244,163,64,.25)); }
h1 { margin: 6px 0 0; font: 600 28px/1.15 var(--sans); letter-spacing: -.01em; }
.login p { margin: 0; }
.breit { width: 100%; margin-top: 10px; padding: 13px 16px; font-size: 15px; }
.login .hinweis { margin: 14px 0 6px; }
#ansicht-anmelden, #ansicht-einladung { display: grid; gap: 4px; }
.meldung { padding: 10px 12px; border: 1px solid var(--rahmen2); border-radius: 9px; background: var(--grund); font-size: 14px; }
.meldung.fehler { border-color: rgba(255,122,144,.5); color: var(--fehler); }
.meldung.gut { border-color: rgba(126,224,138,.45); color: var(--gut); }
.fuss { margin: 0; opacity: .75; }
#geraet { margin: 4px 0 8px; }
@media (max-width: 480px) { .login { padding: 26px 20px 24px; } h1 { font-size: 25px; } }