/* anmeldung.css — der Schirm vor der App, wenn sie im Internet steht.

   Bewusst karg: eine Überschrift, ein Satz warum, ein Feld, ein Knopf.
   Wer hier steht, will hinein und nicht lesen. */

.anmeldung {
  min-height: 100vh; min-height: 100dvh;
  display: flex; flex-direction: column; justify-content: center;
  gap: 28px;
}

.anmeldung-kopf { display: grid; gap: 8px; }
.anmeldung-kopf .text-klein { line-height: 1.55; }

.anmeldung-form { display: grid; gap: 8px; }
.anmeldung-form label { margin-top: 6px; }
.anmeldung-form .knopf { margin-top: 12px; }

/* Die Meldung sitzt über dem Knopf und in der Warnfarbe — sie erscheint nur
   im Fehlerfall, und dann soll man sie nicht übersehen. */
.anmeldung-meldung { color: var(--warnung); }
.anmeldung-meldung[hidden] { display: none; }