/* Anmeldeseite der Suite (AUF-2610-0111). Farben wie bisher (inc/anmeldeseite.inc.php, Entwurf vom 14.09.2026):
   blaugraue Schraege, blaugraue Karte, Knopf und Links im Marineblau des IPV-Suite-Logos - hell und dunkel gleich. */
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body.anm-seite{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;
	font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1c2333;
	background:linear-gradient(4deg,#bcc4d0 52%,#939dae 52.1%) fixed}
.anm-karte{width:100%;max-width:380px;background:#dfe4eb;border:1px solid #b1bac7;border-radius:12px;
	box-shadow:0 10px 28px rgba(16,26,60,.09);padding:28px 26px 20px}
.anm-logo{display:block;width:132px;height:auto;margin:0 auto 6px}
.anm-firma{text-align:center;color:#333d4f;font-size:13px;margin-bottom:16px}
.anm-karte h1{font-size:17px;margin:4px 0 10px;color:#1c2333}
.anm-feld{display:block;margin:0 0 12px}
.anm-feld span{display:block;font-size:13px;color:#333d4f;margin-bottom:4px}
.anm-feld input{width:100%;padding:9px 11px;border:1px solid #aab3c1;border-radius:7px;background:#fff;color:#1c2333;font-size:15px}
.anm-feld input:focus{outline:2px solid #1b3a6b;outline-offset:0;border-color:#1b3a6b}
.anm-knopf{display:block;width:100%;margin-top:6px;padding:10px 12px;border:0;border-radius:7px;background:#1b3a6b;color:#fff;
	font-size:15px;font-weight:600;cursor:pointer}
.anm-knopf:hover{background:#163059}
.anm-meldung{padding:9px 11px;border-radius:7px;margin:0 0 14px;font-size:14px}
.anm-meldung.fehler{background:#fbe3e3;color:#8a1c1c;border:1px solid #e9b4b4}
.anm-meldung.ok{background:#e1f2e6;color:#1d5a2f;border:1px solid #b3d9be}
.anm-meldung.hinweis{background:#e6effb;color:#0b3c86;border:1px solid #b9cdea;font-weight:600}
.anm-hinweis{font-size:13px;color:#4a5466;margin:0 0 12px}
.anm-captcha{margin:2px 0 4px}
.anm-captcha img{display:block;border:1px solid #aab3c1;border-radius:6px;margin-bottom:8px;background:#f1f4f8}
.anm-unten{text-align:center;margin:14px 0 2px;font-size:13px}
.anm-unten a{color:#1b3a6b}
/* Zwei-Faktor-Anmeldung (AUF-2610-0268): Einrichtung mit QR-Code, Notfallcodes, Haken "Geraet vertrauen". */
.anm-haken{display:flex;gap:8px;align-items:center;font-size:13px;color:#333d4f;margin:0 0 12px}
.ipvw-zf-schritte{margin:0 0 10px 18px;padding:0;font-size:13px;color:#333d4f}
.ipvw-zf-qr{width:240px;max-width:100%;aspect-ratio:1;height:auto;margin:0 auto 10px;background:#fff;border:1px solid #aab3c1;border-radius:7px}
.ipvw-zf-qr svg{width:100%;height:100%;display:block}
.ipvw-zf-schluessel{text-align:center;font-size:12px;color:#4a5466;margin:0 0 12px}
.ipvw-zf-schluessel span{display:block;margin-bottom:2px}
.ipvw-zf-schluessel code,.ipvw-zf-codes code{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em;color:#1c2333}
.ipvw-zf-codes{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;background:#fff;border:1px solid #aab3c1;border-radius:7px;padding:10px 14px;margin:0 0 10px;font-size:15px}
.ipvw-zf-codes-knoepfe{display:flex;gap:8px;margin:0 0 12px}
.anm-knopf2{flex:1;padding:8px 10px;border:1px solid #1b3a6b;border-radius:7px;background:transparent;color:#1b3a6b;font-size:13px;cursor:pointer}
.anm-knopf2.ok{background:#e1f2e6;border-color:#1d5a2f;color:#1d5a2f}