/*
 * 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: 14 × Kartenraster, 1 × Mauerwerk-Raster,
 * 2 × Laufband (Typ „gallery"), 1 × Bildlauf, 1 × Auswahlfeld.
 *
 * 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;
  }
}