/* Nur was auf Telefonen stoert. Absichtlich schmal gehalten, damit es die
 * Gestaltung der einzelnen Seiten nicht uebersteuert.
 * Gemessen mit Playwright auf iPhone-Breite 390 px. */
@media (max-width: 720px) {

  /* Unter 12 px liest auf dem Telefon niemand mehr. */
  .zurueck, .augenbraue, .fuss, .karte .n, .klein { font-size: 12px }
  .ampel { font-size: 11px }

  /* Finger brauchen rund 44 px. Die Textlinks in Kopf und Fuss waren 17 px hoch. */
  .zurueck, .fuss a, .karte a, .kopf a { display: inline-block; padding: 11px 0 }
  .fuss a { padding: 8px 0 }

  /* Die mobile Fassung der Vorlage setzt eigene, sehr kleine Groessen. */
  #t a { font-size: 12.5px; line-height: 1.5 }
  #d { font-size: 12px }
  .mtm { font-size: 13px; line-height: 1.6 }
  #c .ml a, .ml a { display: inline-block; padding: 9px 0; font-size: 13px }
  footer a, footer div { font-size: 12px; line-height: 1.6 }

  /* Kopfzeile der Unterseiten und die Feldbeschriftungen im CRM */
  .kopf span { font-size: 12px }
  label { font-size: 12px !important }
}