/* ============================================================================ Responsive-Layer fuer buwen.com ---------------------------------------------------------------------------- Das Desktop-Layout steckt vollstaendig in style="..."-Attributen der Seiten bzw. in React-style-Objekten in _ds/.../_ds_bundle.js. Inline-Styles schlagen jede Stylesheet-Regel, deshalb arbeiten die Layout-Regeln hier mit !important. Alle Overrides liegen ausschliesslich in @media (max-width: ...). Oberhalb von 1024px ist diese Datei damit wirkungslos - das Desktop-Layout ist konstruktionsbedingt unveraendert. Diese Datei greift NICHT in _ds_bundle.js ein; DS-Komponenten (NavBar, Footer, Callout, ProcessStep, Input) werden von aussen ueber ihre semantischen Elemente bzw. ueber Klassen-Hooks der Seiten adressiert. Ein Design-System-Sync ueberschreibt den Responsive-Umbau also nicht. Breakpoints: <=640px Handy 641-1024px Tablet ========================================================================= */ /* --- 1. Grundsicherung: nichts darf breiter sein als der Viewport --------- */ /* Bewusst `clip` und nicht `hidden`: `overflow-x:hidden` macht das Element zum Scroll-Container. Auf gesetzt kollabiert dadurch die Dokumenthoehe (scrollHeight bleibt auf Viewporthoehe stehen) und die Seite laesst sich vertikal nicht mehr scrollen. `clip` beschneidet nur und erzeugt keinen Scroll-Container, das vertikale Scrollen bleibt unberuehrt. */ body { overflow-x: clip; } img, image-slot, svg, video, table { max-width: 100%; } /* --- 2. Burger-Toggle ---------------------------------------------------- Der Button liegt im Seiten-Markup (nicht im DS-Bundle) und wird per position:absolute ueber die vom DS gerenderte