/* =================================================================== mb-fix.css - QA-Korrekturen maibaum-muenchen.de, 19.08.2026 Wird als LETZTES Stylesheet im eingebunden. =================================================================== */ /* ---- 1. Querscrollen bei 320 px ---------------------------------- Der Sprachumschalter .lang lief 15 px ueber den rechten Rand. Betroffen war jede Seite im Bestand. */ html,body{overflow-x:hidden} main,section,.wrap,.container,.band{min-width:0} @media(max-width:360px){ .site-header .lang{gap:2px} .site-header .lang span,.site-header .lang a{font-size:12px} } main a[href^="http"],main a[href^="mailto"],main p,main dd,main li{overflow-wrap:anywhere} /* ---- 2. Sichtbarer Tastaturfokus ---------------------------------- */ a:focus-visible,button:focus-visible,input:focus-visible, textarea:focus-visible,select:focus-visible,summary:focus-visible{ outline:3px solid #0e4c92;outline-offset:2px;border-radius:2px } /* ---- 3. Touch-Ziele auf Mobilgeraeten ----------------------------- Bis zu 24 Ziele je Seite lagen unter 44 x 44 px. */ @media(max-width:768px) and (pointer:coarse){ .site-header a,nav a,.site-footer a{min-height:44px;display:inline-flex;align-items:center} .lang a,.lang span{min-height:44px;display:inline-flex;align-items:center;padding:0 4px} }