/* =====================================================================
   Lesbare Schrift (15.10.2026, Elena + Frank, Pruefbericht Punkt 2)
   Alle Vergroesserungen fuer Anmeldung und "Mein Bereich" an EINER
   Stelle. "html body" davor, damit diese Regeln auch die Stile
   schlagen, die anmeldung.js und pwwahl.js erst spaeter einsetzen.
   Zuruecknehmen: diese Datei leeren -- sonst aendert sich nichts.
   ===================================================================== */

/* --- Anmeldeformular --- */
html body .fee-text{font-size:16px}
html body .feld-label{font-size:15px}
html body .hinweis{font-size:15px;color:var(--text-2)}
html body .vorschau-zeile{font-size:15px;opacity:.9}
html body .check .text{font-size:15px}
html body .tarif-info .tarif-punkt{font-size:14px}
html body .form-unter{font-size:14px}
html body .bildfeld{font-family:inherit;font-size:15px}
html body .video-feld{font-family:inherit;font-size:15px}
html body .pw-staerke-text{font-size:14px}
html body .fee-frage-knopf{font-size:14px;opacity:1}
html body .entwurf-text{font-size:14px}
html body .form-abbrechen{font-size:14px;opacity:.8}

/* --- Fertig-Seite: Spam-Hinweis gut sichtbar --- */
html body .spam-hinweis{font-size:16px;font-weight:700;opacity:1}

/* --- Mein Bereich --- */
html body .schalter .wie{font-size:14.5px}
html body .klein-link{font-size:15px}
html body .raum-kopf .wer{font-size:14px}

/* --- Schalter "Premium-Anzeige automatisch weiterbuchen" (15.10.2026, Elena):
       blau = an, grau = aus --- */
html body .abo-schalter{display:flex;align-items:center;gap:16px;width:100%;margin-top:12px;padding:14px 16px;
  background:rgba(255,255,255,.04);border:1px solid var(--linie-hell,#4a3459);border-radius:14px;color:inherit;
  text-align:left;cursor:pointer;font:inherit}
html body .abo-schalter:disabled{cursor:default;opacity:.6}
html body .abo-text{flex:1;display:flex;flex-direction:column;gap:4px;font-size:14.5px;line-height:1.5;color:var(--text-2)}
html body .abo-text strong{color:var(--weiss,#fff)}
html body .abo-text > strong{font-size:16px}
html body .schieber{flex:none;position:relative;width:52px;height:30px;border-radius:999px;background:#8a8494;transition:background .2s}
html body .schieber i{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.35);transition:left .2s}
html body .abo-schalter.an .schieber{background:#2f7cf6}
html body .abo-schalter.an .schieber i{left:25px}

/* --- Rueckfrage-Kasten und Haeufige Fragen in "Mein Bereich" --- */
html body .frage-kasten .titel{font-size:19px}
html body .frage-kasten .satz{font-size:15px;line-height:1.6}
html body .hilfe-fragen details{border-top:1px solid var(--linie,#3a2a47);padding:10px 0}
html body .hilfe-fragen summary{cursor:pointer;font-size:15.5px;color:var(--weiss,#fff);line-height:1.5}
html body .hilfe-fragen details p{margin:8px 0 2px;font-size:15px;line-height:1.6;color:var(--text-2)}

/* --- Handy: Seitenrand fuer Login, Mein Bereich, Kuendigen (15.10.2026) --
       vorher klebte der Inhalt links und rechts an der Bildschirmkante --- */
@media (max-width:600px){
  html body .ansicht.raum, html body .ansicht.tuer{padding-left:16px;padding-right:16px}
}
/* --- "Es fehlt noch …" auch ausserhalb der Anmeldung gut lesbar --- */
html body .fehlt-zeile{margin:4px 0 10px;font-size:14.5px;line-height:1.5;font-weight:600}

/* --- Buchungs-Kasten in "Mein Bereich" (Stufe 2) --- */
html body .frage-kasten .agb-links{margin:2px 0 4px 34px;font-size:14.5px}
html body .frage-kasten .agb-links a{color:inherit;text-decoration:underline;font-weight:600}