/* Feinschliff fuer die oeffentlichen Seiten (Update 39, nach dem Stresstest):
   genug grosse Tippflaechen am Handy (mind. 24 px) und kein seitliches Wackeln durchs Menue. */
@media (max-width: 640px) {
  .site-nav { max-width: calc(100vw - 24px) !important; }
  .site-nav a { white-space: normal !important; }
}
footer a, .seiten-fuss a, .brotkrumen a, a.zurueck, a.ref-link, a.zeiten-link, a.t-kal, a.kanal,
blockquote a, .sprung a, .impressum-kontakt a, .kontakt a {
  display: inline-block; min-height: 24px; line-height: 1.35; padding-block: 4px; box-sizing: border-box;
}
summary { min-height: 24px; padding-block: 3px; box-sizing: border-box; }
input[type=range] { min-height: 24px; }
label[for] { min-height: 24px; box-sizing: border-box; padding-block: 3px; }
.hp-feld, .hp-feld * { position: absolute !important; left: -10000px !important; width: 0 !important; height: 0 !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden; opacity: 0; }
footer a, .seiten-fuss a { padding-inline: 3px; }
/* Links im Fliesstext: groessere Tippflaeche ohne das Schriftbild zu veraendern */
.faq-antwort a, .faq-mehr a, .zeile a { padding-block: 4px; }
.zeile a { overflow-wrap: anywhere; }
.offer-row > * { min-width: 0; }
.mk-kontakt-zeilen a, .sec-head p a { padding-block: 4px; }
/* Links in Text und Listen (z. B. Inhaltsverzeichnis Datenschutz): groessere Tippflaeche, Schriftbild bleibt */
p a, li a, dd a, td a { padding-block: 4px; }
/* Tastatur-Bedienung: immer sichtbar, wo man gerade ist */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible,
summary:focus-visible, [tabindex]:not([tabindex="-1"]):focus-visible {
  outline: 2px solid #c084fc !important; outline-offset: 2px !important;
}
.build-like { transition: background .15s, border-color .15s, color .15s !important; }  /* Fokus-Rand sofort sichtbar */