/** * gc360-smooth-scroll.css — Begleit-CSS zu Lenis (offizielle Fassung, gekuerzt). * * Nur hier noetig, bei gigahertz.de nicht: Elementor liefert in * uploads/elementor/css/custom-frontend.min.css die Regel * @media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}} * Das native CSS-Smoothing und Lenis wuerden sich gegenseitig stoeren * (ruckelnde oder springende Anker- und Menuespruenge). Die dritte Regel * schaltet es genau dann ab, wenn Lenis wirklich laeuft — Lenis setzt dafuer * die Klasse .lenis-smooth auf . Laeuft Lenis nicht (reduced motion, * Elementor-Editor, Kasse/Warenkorb, JS aus), bleibt Elementors Verhalten * unveraendert bestehen. * * Das !important ist notwendig und ausreichend: Elementors Regel traegt kein * !important, die Reihenfolge der Stylesheets spielt damit keine Rolle. */ html.lenis, html.lenis body { height: auto; } .lenis.lenis-smooth { scroll-behavior: auto !important; } /* Innere Scroller (Consent-Box, ausfahrbarer Warenkorb, Popups) sollen die Seite dahinter nicht mitscrollen, wenn sie ihr Ende erreichen. */ .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }