/**
 * iOS Safari zoomt fokussierte Felder unter 16px.
 * Touch-Geräte: Formularfelder fest 16px — nicht rem/em (html oft 14px).
 *
 * Doppeltipp/Doppelklick darf nicht zoomen (Website + Homescreen-App).
 * Pinch mit zwei Fingern bleibt. Spezifisches touch-action (PDF, Intro) gewinnt.
 */
html,
body {
  touch-action: manipulation;
}

body * {
  touch-action: manipulation;
}

@media (hover: none) and (pointer: coarse) {
  input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="image"]):not([type="range"]):not([type="color"]),
  textarea,
  select {
    font-size: 16px !important;
  }
}

/* iPhone / kleines iPad, falls hover:hover gemeldet wird */
@supports (-webkit-touch-callout: none) {
  @media (max-width: 1024px) {
    input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="image"]):not([type="range"]):not([type="color"]),
    textarea,
    select {
      font-size: 16px !important;
    }
  }
}