/* Wildeshausen-App · Mobil-Typografie und Abstände
   Wird als LETZTES Stylesheet geladen und gilt nur bis 899 px.

   Warum eine eigene Datei: die Werte stecken in style.css, sheet.css,
   termine.css, notdienste.css, parken.css und heute.css. Ein Block am Ende
   gewinnt bei gleicher Spezifität — so bleibt die Skala an einer Stelle
   sichtbar und die Desktop-Werte werden nicht angefasst.

   Skala (mobil, 390 px gemessen):
     10,5 → 12     Labels in Großbuchstaben (Schnellzugriff, Fußzeile)
     11,5 → 13     Nebentext: Adresse, Telefon, Öffnungszeiten-Kennzeichen
     12,5 → 13,5   Meta in der Liste (Kategorie · Straße), Entfernung
     13   → 15     Chips, „Alle anzeigen“
     14   → 15,5   Karten- und Listentitel, Knöpfe
     15   → 16     Ortsname in der Liste
     17   → 17     Kartendatum (bleibt)

   Abstände: 4 / 8 / 12 / 16 / 24 – keine 10er oder 11er Zwischenstufen.
   Klickflächen bleiben ≥ 44 px (var(--tap)). */

@media (max-width: 899px) {

  /* ---------- Kopfzeile ------------------------------------------------ */
  .brand strong { font-size: 15px; letter-spacing: .05em; }
  .brand span { font-size: 12px; }

  /* ---------- Chips und Sortierung ------------------------------------- */
  .chip { font-size: 15px; padding: 0 14px; }
  .chip.sort-chip { font-size: 14px; }
  .chip-count { font-size: 12px; }

  /* ---------- Ortsliste ------------------------------------------------ */
  .row .name { font-size: 16px; line-height: 1.3; }
  .row .meta { font-size: 13.5px; line-height: 1.4; }
  .row .dist { font-size: 13px; }
  .row .tel { font-size: 13px; }

  /* ---------- „Jetzt geöffnet“ ----------------------------------------- */
  .offen-badge { font-size: 13px; }

  /* ---------- Abschnitts-Überschriften --------------------------------- */
  h2 { font-size: 12px; letter-spacing: .08em; }
  .tagline { font-size: 13.5px; }
  .src { font-size: 12px; }

  /* ---------- Schnellzugriff ------------------------------------------- */
  .side-label { font-size: 12px; letter-spacing: .08em; }
  .fav button { font-size: 15.5px; padding: 12px 0; }
  .fav button small { font-size: 13px; line-height: 1.4; }

  /* ---------- „Neu in der App“ ----------------------------------------- */
  .neu-zeile { font-size: 15.5px; padding: 12px; }
  .neu-zeile .neu-kat,
  .neu-zeile small { font-size: 13px; }

  /* ---------- Aufklappen ----------------------------------------------- */
  .mehr-btn { font-size: 15px; }

  /* ---------- Tabbar --------------------------------------------------- */
  #tabbar .lbl-short,
  #tabbar .lbl-long { font-size: 12px; letter-spacing: .01em; }

  /* ---------- Karte „Heute“ ------------------------------------------- */
  .heute-titel { font-size: 15.5px; line-height: 1.35; }
  .heute-ort { font-size: 13px; }
  .heute-zeit { font-size: 13px; }
  .heute-mehr { font-size: 15px; }
  .heute-ruhe { font-size: 13.5px; }
  .heute-jetzt { font-size: 11.5px; }

  /* ---------- Termine (Erleben) --------------------------------------- */
  .ta-kopf { font-size: 13.5px; }
  .ta-titel { font-size: 15.5px; line-height: 1.35; }
  .ta-ort { font-size: 13px; }
  .ta-wann b { font-size: 14px; }
  .ta-wann span { font-size: 13px; }
  .ta-kal-text { font-size: 13px; }

  /* ---------- Notdienste ----------------------------------------------- */
  .nd-name { font-size: 15.5px; }
  .nd-desc { font-size: 13px; }
  .nd-nr { font-size: 15px; }

  /* ---------- Parken --------------------------------------------------- */
  .pk-h { font-size: 22px; }
  .pk-sub { font-size: 15px; line-height: 1.5; }
  .pk-tarif-kopf b { font-size: 15.5px; }
  .pk-tarif-kopf span { font-size: 13.5px; }
  .pk-tarif-text { font-size: 14.5px; line-height: 1.5; }
  .pk-gruppe { font-size: 12px; }
  .pk-name { font-size: 15.5px; }
  .pk-extra { font-size: 13px; }
  .pk-zahl { font-size: 13.5px; }
  .pk-marke { font-size: 12.5px; }
  .pk-legende-text { font-size: 12.5px; }
  .pk-bereich { font-size: 12px; }
  .pk-bereiche-titel { font-size: 12px; }
  .pk-bereiche-text { font-size: 14px; line-height: 1.5; }
  .pk-chip { font-size: 15px; }
  .pk-chip-zahl { font-size: 13px; }
  .pk-filter-status { font-size: 13px; }
  .pk-app-name { font-size: 15.5px; }
  .pk-app-text { font-size: 14px; line-height: 1.5; }
  .pk-app-link { font-size: 15px; }
  .pk-hinweis,
  .pk-quelle { font-size: 12.5px; }

  /* ---------- Ortsblatt ----------------------------------------------- */
  .ws-sheet__titel { font-size: 22px; }
  .ws-sheet__adresse { font-size: 15px; }
  .ws-sheet__desc { font-size: 15.5px; line-height: 1.55; }
  .ws-sheet__label { font-size: 12px; }
  .ws-sheet__wert { font-size: 15.5px; }
  .ws-sheet__hinweis { font-size: 13px; }
  .ws-sheet__quelle { font-size: 12px; }

  /* ---------- Abstände auf ein Raster bringen ------------------------- */
  .list > li { padding-top: 14px; padding-bottom: 14px; }
  .fav button { margin-bottom: 0; }
  .side-label { margin-top: 24px; }
  .neu-block { padding-bottom: 16px; }
}
