/* Gemeinsamer Handy-Standard (design/handy/handy.css, hy 29.10.2026) – Regeln siehe design/HANDY_STANDARD.md.
   Wird von design/zurueck/inject.py an css/zurueck.css angehängt (also auf jeder Unterseite geladen) und von mkmrv.py/mktonne2.py eingebunden.
   Nur nicht-invasive Grundregeln und Hilfsklassen; seitenspezifische Anpassungen gehören in die Seiten-CSS. */
:root{--h-touch:44px;--h-fs-text:16px;--h-fs-hilfe:13px;--h-fs-min:12px;
  --h-safe-t:env(safe-area-inset-top,0px);--h-safe-r:env(safe-area-inset-right,0px);--h-safe-b:env(safe-area-inset-bottom,0px);--h-safe-l:env(safe-area-inset-left,0px);
  --h-buehne:calc(100vh - 220px)}
@supports (height:100svh){:root{--h-buehne:calc(100svh - 220px)}}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (max-width:760px){
  /* Regel 7: iOS zoomt bei Eingabefeldern < 16 px – Felder auf dem Handy immer 16 px */
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{font-size:16px!important}
}
/* Regel 10: waagerechte Wischleisten mit sichtbarem Hinweis (Verlauf am rechten Rand) */
.h-wisch{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.h-wisch.h-ende{-webkit-mask-image:none;mask-image:none}
.h-wisch::-webkit-scrollbar{display:none}
/* Regel 5/6: feste Leiste unten mit Safe-Area */
.h-unten{padding-bottom:calc(8px + var(--h-safe-b))}
/* Regel 8: Tippziel mindestens 44 × 44 px */
.h-ziel{min-width:var(--h-touch);min-height:var(--h-touch)}
/* Regel 8: von handy.js markierte Tippziele auf dem Handy auf 44 × 44 px bringen */
@media (max-width:760px),(orientation:landscape) and (max-height:500px){
  .hy-ziel{min-height:44px!important;min-width:44px!important;box-sizing:border-box}
  .hy-ziel-i{display:inline-flex!important;align-items:center;vertical-align:middle}
  .hy-ziel-r{min-height:44px!important}
}
