/* =================================================================
   UXOVIA · BEDIENUNG MIT DEM FINGER
   Greift ueber `pointer: coarse`, nicht ueber die Fensterbreite: ein Tablet
   mit 900 px wird ebenso mit dem Finger bedient wie ein Telefon mit 390 px,
   und eine Breiten-Abfrage wuerde es uebersehen.

   Zielgroesse 44 x 44 px nach WCAG 2.5.5 (Target Size). Inline-Textlinks
   innerhalb eines Absatzes sind davon ausgenommen — die Regel selbst nimmt
   sie aus, und ein 44 px hoher Link mitten im Fliesstext wuerde die Zeilen
   auseinanderreissen.
   ================================================================= */

@media (pointer: coarse) {

  /* ── Schaltflaechen ──
     .btn-sm steht am Rechner und in der Kopfleiste auf 36 px — das ist die
     Desktop-Groesse des Vorbilds. Mit dem Finger ist das zu klein. */
  .btn-sm,
  .topbar-cta {
    min-height: 44px;
  }

  /* ── Zahlenfelder am Regler ──
     35 px hoch; sie stehen direkt neben dem Regler und werden genauso oft
     angetippt. */
  input.roi-out {
    min-height: 44px;
  }

  /* ── Reiter und Schritte ──
     29 px hoch. Sie liegen dicht nebeneinander, was das Vertippen zusaetzlich
     wahrscheinlich macht. (.ae-demo-step ist am 21.08.2026 entfallen, mit der
     abgespielten Demo auf der Angebots-Engine-Seite.) */
  .mz-tab,
  .tour-step {
    min-height: 44px;
  }

  /* ── Marke im Fuss ──
     28 px. Der einzige Weg von einer Rechtsseite zurueck zur Startseite. */
  .footer .nav-brand {
    min-height: 44px;
    align-items: center;
  }

  /* ── Kopfleiste ──
     Die Menuepunkte wachsen auf 44 px. Damit die Leiste dabei nicht von 82
     auf 85 px waechst — sie soll auf jedem Geraet gleich hoch sein — nimmt
     das Polster um dieselben 8 px ab. 44 + 2 x 18 = 80, die Mindesthoehe von
     81 px setzt sich durch, mit Rand also wieder 82 px. */
  .topbar-link { min-height: 44px; }
  .topbar-innen { padding-block: 18px; }

  /* ── Eigenstaendige Links, die keine Schaltflaeche sind ──
     Die Verweise im Fussverzeichnis (20 px) stehen fuer sich, nicht als Wort
     mitten in einem Satz. Die Ausnahme fuer Inline-Links greift bei ihnen also
     nicht. Sie bleiben optisch unveraendert; nur die Flaeche darum waechst. */
  .footer li > a {
    display: inline-flex; align-items: center;
    min-height: 44px;
  }

  /* Ohne das haetten die Verzeichnisspalten im Fuss ploetzlich 44 px
     Zeilenabstand. Der Ausgleich haelt den Block so kompakt wie zuvor. */
  .footer li { margin-block: -0.4rem; }
}