/* Anmeldung, Kennwort, zweiter Faktor, Einrichtung. Farben und Maße aus oberflaeche.css. */
.ob .rahmen.ohne-leiste .inhalt:has(.anmeldung) { width: 100%; max-width: 30rem; margin: 0 auto; }
.ob .rahmen.ohne-leiste .inhalt:has(.anmeldung) .nebenseite { max-width: none; }
.ob .anmeldung { display: grid; gap: var(--a4); }
.ob .anmeldung form { display: grid; gap: var(--a4); margin: 0; }
.ob .anmeldung .karte-kopf { padding-bottom: var(--a2); }
.ob .anmeldung .karte-kopf h2 { margin-right: 0; }
.ob .anmeldung .feld label { font-weight: 600; display: flex; align-items: center; gap: var(--a2); }
.ob .anmeldung .feld input { min-width: 0; }
.ob .anmeldung .feld input.code { font-family: ui-monospace, monospace; letter-spacing: .15em; }
.ob .anmeldung .knopf { width: 100%; justify-content: center; text-decoration: none; }
.ob .anmeldung .meldstand { margin-bottom: 0; }
.ob .anmeldung .passwortfeld { position: relative; }
.ob .anmeldung .passwortfeld input { padding-right: 2.75rem; }
.ob .anmeldung .passwortfeld .knopf { position: absolute; top: 0; right: 0; bottom: 0; width: 2.5rem; padding: 0; color: var(--text-3); }
.ob .anmeldung .passwortfeld .knopf:hover { color: var(--text); background: none; }
.ob .anmeldung .status { margin: 0; color: var(--text-2); }
.ob .anmeldung .status.gut { color: var(--ein); }
.ob .anmeldung .geheimnis { margin: 0; text-align: center; overflow-wrap: anywhere; color: var(--text-2); }
.ob .anmeldung .app-qr { margin: 0 auto; }
.ob .anmeldung .karte-koerper { display: grid; gap: var(--a4); }