/* ==========================================================================
   Werkzeuge: Anmeldung und Einrichtung (login.php, setup.php) – EXPERIMENTELLE Gestaltung
   Wird nur geladen, wenn Werkzeuge → Design → Verwaltungsbereich eingeschaltet ist; liegt NACH dem kleinen eingebauten Stil dieser Seiten.
   UNVERÄNDERT: alle Farben, Verläufe und Hintergründe. GEÄNDERT: Schrift (Inter), Größen, Abstände, Rundungen.
   ========================================================================== */
@font-face{
  font-family:"Inter Exp";
  src:url("../../vendor/schriften-experimentell/inter-latin-wght-normal.woff2") format("woff2");
  font-weight:100 900;font-style:normal;font-display:swap}

body{font-family:"Inter Exp",-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.005em}
.blatt{max-width:420px}
h1{margin:0 0 10px;font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1.1}
.unter{margin:0 0 28px;font-size:16px;line-height:1.55}
.karte{padding:28px 24px;border-radius:18px}
label{margin-bottom:8px;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none}
input{min-height:50px;padding:13px 16px;border-radius:10px;font-size:16px;margin-bottom:20px}
input:focus-visible{outline-offset:3px}
button{min-height:54px;padding:15px 22px;border-radius:12px;font-size:16px;font-weight:650;letter-spacing:-.01em}
button:focus-visible{outline-offset:3px}   /* nur der Abstand der Fokuslinie; ihre Farbe bleibt die des Browsers (keine neue Farbe) */
.meldung{margin-top:20px;padding:16px 18px;border-radius:12px;font-size:14.5px;line-height:1.55}