/*
 * Seit 07.10.2026: Nichts darf eine Seite am Handy breiter machen als das Fenster.
 * Am Handy vergroessert ein ueberstehendes Element sonst das ganze Layout, die Seite
 * zoomt heraus und wackelt seitlich. `clip` statt `hidden`, damit `position: sticky`
 * weiter funktioniert und kein eigener Rollbereich entsteht.
 * Eingebunden in jede HTML-Datei direkt vor </head>.
 */
html, body { overflow-x: clip; }
/* Lange Woerter und Adressen in Rechtstexten brechen nur dann um, wenn sie sonst ueberstehen. */
body { overflow-wrap: break-word; }
@media (max-width: 640px) {
  .grid > * { min-width: 0; }
  /* Breite Tabellen (Dienstleister im Datenschutz) rollen in sich statt die Seite zu verbreitern. */
  table { display: block; max-width: 100%; overflow-x: auto; }
  th, td { overflow-wrap: anywhere; }
  /* Grosse Ueberschriften mit langen Woertern (Nutzungsbedingungen, Datenschutzerklaerung). */
  h1, h2 { overflow-wrap: anywhere; hyphens: auto; }
  h1.text-4xl { font-size: 1.75rem; line-height: 2.15rem; }
  /* Das Sprachmenue ist zu unsichtbar, nimmt aber Platz ein und stand bis zu 50 px ueber den Rand. */
  .lang-menu-panel { position: fixed !important; top: 64px !important; left: 12px !important; right: 12px !important;
    width: auto !important; max-width: none !important; }
  #cc-banner .cc-btn { white-space: normal; max-width: 100%; }
}