/*
 * mobile-overrides.css — Anpassungen für schmale Geräte.
 *
 * Bewusst leer angefangen. Die Vorlage aus den Schwesterprojekten brachte
 * Regeln für Bausteine mit, die es hier gar nicht gibt (Zeitachse, Laufband
 * vom Typ „grid") — und Regeln, die dort schon Schaden angerichtet haben
 * (Innenabstände von Schaltflächen, Mindestschriftgrößen, Kartenraster auf
 * `column` drehen). Aufgenommen wird nur, was an DIESEM Projekt gemessen
 * nötig ist. Bestand hier (per cheerio am DOM gezählt, nicht per grep):
 * 7 × Kartenraster, 3 × Laufband (Typ „gallery"), 1 × Bildlauf, 1 × Formular —
 * kein Mauerwerk-Raster, keine Aufklapper, kein Einwilligungs-Banner.
 * Geblieben sind deshalb nur die beiden Sichtbarkeitsregeln unten; die
 * gerätegebundenen Umschaltungen (Kartenraster, Fußmenü) macht interactions.js,
 * die Bildlauf-Fassungen slider-varianten.css.
 *
 * Wer hier etwas ergänzt: vorher dieselbe Stelle in der Quelle messen.
 *
 * Umschaltpunkt 992 px ist an der Quelle GEMESSEN (probe-breakpoint.mjs:
 * 993 px zeigt noch die breite Fassung, 992 px schon die schmale). Der Wert
 * muss synchron bleiben mit `MOBILE_BREAKPOINT` in interactions.js.
 */

/* Kopf- und Fußbereich liefert die Quelle je Gerät unterschiedlich. Beide
   Fassungen liegen im Dokument (fix-mobile-header.mjs) und werden hier
   gegeneinander ein- und ausgeblendet. */
@media (max-width: 992px) {
  [data-vis='desktop'] {
    display: none !important;
  }
}

@media (min-width: 993px) {
  [data-vis='mobile'] {
    display: none !important;
  }
}