/* ===========================================================================
   ANMELDE- UND KUNDENSEITEN
   ===========================================================================

   Die eigenständigen Seiten ohne Kopfleiste: Anmelden, Registrieren, Passwort
   vergessen, Bestätigungsseiten, Prüfcode-Abfrage, Seite nicht gefunden.

   Sie sehen alle gleich aus: eine zentrierte weiße Karte auf hellem Grund,
   darin Überschrift, Erklärzeile, Felder und ein seitenbreiter Knopf.

   WARUM HIER ELEMENTREGELN STEHEN DÜRFEN
   Auf den Verwaltungsseiten wäre `button{width:100%}` falsch – dort stehen
   Knöpfe nebeneinander in Leisten. Diese Datei wird ausschließlich von den
   oben genannten Seiten geladen, und dort ist genau das richtig: ein Formular,
   ein Knopf, volle Breite.

   Das ist die Regel, nach der im ganzen Portal aufgeteilt wird:
   klassenbasierte Regeln lassen sich gefahrlos überall teilen, elementbasierte
   nur innerhalb einer Gruppe von Seiten, die sich gleich verhalten.

   WIE ABWEICHUNGEN MÖGLICH BLEIBEN
   Diese Datei wird VOR dem eigenen <style> geladen. Wer eine Regel anders
   braucht, schreibt sie in seiner Seite noch einmal – die gewinnt dann. So
   behalten etwa die Prüfcode-Seite und „nicht gefunden" ihre breiteren
   Karten.

   Aufgenommen wurde nur, was auf mindestens DREI Seiten denselben Wert hatte.
   =========================================================================== */

.box{background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.08);padding:32px 28px;width:100%;max-width:340px;}
.zurueck{text-align:center;margin-top:16px;font-size:12.5px;}
.zurueck a{color:var(--akzent,#0B5D6B);font-weight:600;text-decoration:none;}
button{width:100%;padding:11px;border:0;border-radius:5px;background:var(--akzent,#0B5D6B);color:#fff;font-size:14px;font-weight:600;cursor:pointer;}
button:hover{background:#094a55;}
h1{font-size:18px;margin:0 0 4px;color:var(--akzent,#0B5D6B);}
input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #C9D3DA;border-radius:5px;font-size:14px;margin-bottom:14px;}
label{display:block;font-size:12px;font-weight:600;color:#556;margin-bottom:5px;}
p.sub{font-size:13px;color:#667;margin:0 0 22px;line-height:1.5;}