/* NOBLECLEAN — Mobile-Layout-Fix (2026-07-29)
   ZIEL:  wp-content/uploads/wp-custom.min.css
   Wird von mu-plugins/nobleclean-css-performance-optimizer.php automatisch
   eingebunden (Zeile 79-83).
   Achtung: Dasselbe Plugin entfernt in Zeile 76 das Customizer-CSS
   (remove_action wp_custom_css_cb) - "Zusaetzliches CSS" ist auf dieser Site
   wirkungslos. Site-weites CSS gehoert in DIESE Datei.

   [1] Grid-Kacheln: min-height:150px liess mobil gestapelte Kacheln riesige
       Luecken reissen. Gemessen (412px): Checkliste 150px->26-45px,
       Preistabelle 624px->98px.
   [2] Untermenue-Pfeile: SVG (viewBox 0 0 12 12) wurde auf 44x44 gestreckt -
       die duenne Linie wurde zum verzerrten Strich. Jetzt 16px Pfeil,
       zentriert im 44px Touch-Target.
   [3] Hero randlos: .nc-hero-background-media war nur 353px breit bei 412px
       Viewport (22px Rand je Seite) - das Titelbild sass als schmaler Block
       statt vollflaechig. Jetzt Full-Bleed ueber 100vw.
       Kein horizontaler Ueberlauf: geprueft, scrollWidth == clientWidth
       (397px), da der Hero overflow:hidden bekommt. */
@media (max-width:767px){
.grid-2>*,.grid-3>*,.grid-4>*,.grid-5>*,[style*="display:grid"]>*,[style*="display: grid"]>*,.nc-reveal{min-height:0!important}
.grid-2,.grid-3,.grid-4,.grid-5{gap:18px!important}
[style*="grid-template-columns"]{grid-template-columns:1fr!important;row-gap:6px!important}
#preisanker [style*="text-align:right"],#preisanker [style*="text-align: right"]{text-align:left!important}
.wp-block-navigation__submenu-icon{align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;flex:0 0 44px!important}
.wp-block-navigation__submenu-icon svg{width:16px!important;height:16px!important;flex:0 0 16px!important;stroke-width:2.5!important}
.nc-hero-parallax-bg{overflow:hidden!important}
.nc-hero-background-media{left:50%!important;right:auto!important;width:100vw!important;max-width:100vw!important;transform:translateX(-50%)!important}
}