/* ============================================================
   DEMOS / TIPPZIELE AM FINGER

   Gilt fuer alle drei Beispielseiten. Sie haben je eigene
   Farben, Schriften und Raster - aber dieselbe Physik: Eine
   Fingerkuppe trifft ungenauer als ein Mauszeiger.

   Gemessen wurde bei 402 Pixeln Breite. Uebrig blieben drei
   Arten von Zielen unter 44 Pixeln, und alle drei sind Links
   MITTEN IM TEXT. Bei reiner Prosa ist das hinnehmbar. Bei
   einer Telefonnummer nicht: Auf einer Praxis-, Handwerker-
   oder Gastroseite ist der Anruf die eigentliche Handlung.

   Vergroessert wird deshalb gezielt, nicht pauschal: Anruf-,
   Mail- und Kartenlinks bekommen eine echte Flaeche, normale
   Verweise im Fliesstext bleiben, wie sie sind.
   ============================================================ */

@media (pointer: coarse) {

  /* Alles, was zu einer Handlung fuehrt: anrufen, schreiben,
     hinfahren. Diese Ziele muessen sitzen. */
  a[href^="tel:"],
  a[href^="mailto:"],
  a[href^="https://maps"],
  a[href^="geo:"] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding-block: 0.5rem;
  }

  /* Navigation, Fussleisten und das Hinweisband: kurze Wege,
     oft getippt, meist am Rand des Bildschirms. */
  nav a,
  footer a,
  .demo-band a,
  .top a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  /* Aufklappbare Fragen: die ganze Zeile ist das Ziel, nicht
     nur die Schrift. */
  summary { min-height: 48px; }
}