/* Handy-Feinschliff fuer alle Seiten (nur unter 640 px): Tippflaechen, lesbare Etiketten, Platz fuer den Chat-Knopf. */
@media (max-width: 639px) {
  /* kleine Mono-Etiketten nicht unter 11 px, Mini-Etiketten nicht unter 10 px */
  .text-\[10px\] { font-size: 11px; }
  .text-\[9px\] { font-size: 10px; }

  /* Fuss: unten Platz, damit der Chat-Knopf keine Links verdeckt */
  footer[class] { padding-bottom: 6rem; }
  /* Fuss-Links: bequem tippbar (mind. 40 px hoch), Pillen ohne Umbruch */
  footer a:not([class*="rounded"]) { display: inline-block; padding-top: .55rem; padding-bottom: .55rem; }
  footer a[class*="rounded-full"], footer button[class*="rounded-full"] { display: inline-flex; align-items: center; min-height: 44px; padding-left: 1.1rem; padding-right: 1.1rem; white-space: nowrap; }
  footer ul li { line-height: 1.25; }

  /* Kontakt-Links in Rechtstexten und Karten */
  main a[href^="mailto:"], main a[href^="tel:"], main a[href^="https://wa.me"] { display: inline-block; padding-top: .45rem; padding-bottom: .45rem; }
  a.font-mono.font-bold[href] { display: inline-block; padding-top: .5rem; padding-bottom: .5rem; }

  /* Pillen mit Zeilenumbruch behalten ihre Form */
  .rounded-full.inline-flex, .rounded-full.inline-block { max-width: 100%; }
}
