/* Gemeinsame Absicherung für iPhone/Safari (in allen Seiten eingebunden) */

/* Safari vergrößert Text nach dem Drehen oder auf manchen Seiten von allein; das verschiebt Layouts */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

/* Bilder und Grafiken nie breiter als ihr Platz */
img, svg, video, canvas { max-width: 100%; }

/* iOS zoomt in Eingabefelder mit Schrift unter 16 px hinein und zoomt danach nicht zurück:
   die Seite wirkt dann zu breit und angeschnitten. Auf Touch-Geräten darum mindestens 16 px. */
@media (hover: none) and (pointer: coarse) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), select, textarea { font-size: 16px !important; }
}