/* Handybreite (390 px): nichts darf die Seite seitlich verschiebbar machen (08.10.2026).
   Gemessen mit web/tools/ueberlauf_check.py; Wächter test_web_ueberlauf.py.
   Eigene Datei mit Datum statt Änderung an styles.css (Cache-Regel: geänderte Assets
   bekommen einen neuen Namen). Nur Umbruch- und Breitenregeln, kein Text. */

/* Rechtsseiten: lange URLs, Unterstrich-Linien im Muster-Widerrufsformular, lange Wörter */
.legal-doc{overflow-wrap:anywhere}
[data-page="legal"] h1{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}

/* Notenrechner: Umschalter und Zahleneingabe dürfen umbrechen bzw. schrumpfen */
.calc-field .toggle{flex-wrap:wrap;max-width:100%}
.calc-field .grade-input{max-width:100%}
.calc-field .grade-input input{min-width:0}
/* Punkte in Noten: zwei Eingabefelder nebeneinander passen nicht in 390 px — untereinander */
@media (max-width:520px){#pointFields{grid-template-columns:1fr!important}}