/* ========================================================================== Tischlerei Enthammer – Mobile-/Tablet-/Kleinlaptop-Fixes Grundlage: Playwright-Audit, 16 Seiten x 11 Viewports + Sonderfaelle Einbinden: im Sitejet-Head, moeglichst als LETZTES Stylesheet. Eigenstaendig und rein additiv – ersetzt keine Sitejet-Datei. Sitejet-Breakpoints: <=575px Mobil | 576-975px Tablet | >=976px Desktop ========================================================================== */ /* -------------------------------------------------------------------------- 0. GLOBALE SICHERHEITSNETZE -------------------------------------------------------------------------- */ /* Kein horizontales Scrollen mehr. "clip" statt "hidden", damit position:sticky / position:fixed weiter funktionieren. Gemessen: /kontakt @1180px hatte scrollWidth 1274 statt 1180. */ html, body { overflow-x: clip; } /* Lange zusammengesetzte Woerter ("mondphasengeschlaegertes", "Holz-Glas-Konstruktionen", E-Mail-Adressen) sprengen auf 320px die Spalte. */ p, li, dd, dt, td, th, label, figcaption, blockquote, h1, h2, h3, h4, h5, h6, .ed-text, .ed-element a { overflow-wrap: break-word; word-break: normal; } @media screen and (max-width: 60.9375rem) { p, li, .ed-text { -webkit-hyphens: auto; hyphens: auto; } } /* Der Lazyload-Platzhalter des Logos ist ein SVG mit width="800" height="Infinity". Er sprengt den Footer-Container. Gemessen: +92px Ueberhang, 534px abgeschnittener Inhalt auf /moebel, /fenster, /news. */ .ed-logo, .ed-logo img, img.ed-lazyload[src^="data:image/svg+xml"] { max-width: 100% !important; height: auto !important; } /* Der Container .ed-logo selbst blieb 800px breit und wurde vom Footer-Kasten beschnitten – gemessen auf /moebel, /nur-holz-system und /unternehmen: Kasten 392px, Inhalt 800px, also 408px abgeschnitten. Deshalb steht .ed-logo oben mit in der Regel, nicht nur .ed-logo img. */ /* -------------------------------------------------------------------------- 1. HAUPTNAVIGATION 1650px bis 1919px – EINZEILIG NEBEN DEM LOGO HINWEIS ZUM UMSCHALTPUNKT: Sitejet hat ihn mit der Veroeffentlichung vom 11.08.2026 verschoben. Gemessen: bis 1649px -> Burger-Menue ab 1650px -> Desktop-Navigation Der alte Block fuer 976-1300px ist damit hinfaellig und wurde entfernt. Er hat zuletzt sogar geschadet, weil er in 976-1649px die Schrift des Mobil-Overlays auf 16px verkleinert hat. Verbleibendes Problem: von 1650 bis 1719px passt die Navigation nicht neben das Logo und rutscht in eine zweite Zeile (Header waechst von 116px auf 150px). Ab 1720px passt sie ohne Zutun. Gemessen: -5% Schriftgroesse allein reicht bei 1650px NICHT. Erst zusammen mit engerer Sperrung (1px -> 0.3px) bleibt es einzeilig. -------------------------------------------------------------------------- */ @media screen and (min-width: 1650px) and (max-width: 1919px) { #ed-644076629 > ul.menu-level-0 > li > a { /* 17.6px minus 5% */ font-size: 16.72px !important; letter-spacing: 0.3px !important; } } /* -------------------------------------------------------------------------- 2. BURGER-/OVERLAY-MENUE (bis 1649px) Reichweite folgt dem Sitejet-Umschaltpunkt oben. Aendert Sitejet ihn erneut, hier und in Block 1 nachziehen. -------------------------------------------------------------------------- */ /* Burger-/Schliessen-Icon war 30x25px. Unsichtbare 48x48-Trefferflaeche ohne Layoutverschiebung. */ #ed-644076626 { position: relative !important; } #ed-644076626::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 48px; height: 48px; } /* Bei geoeffnetem Menue scrollte die Seite dahinter weiter. Gemessen: scrollY 0 -> 600 bei offenem Overlay. */ body.open-menu { overflow: hidden !important; } html:has(body.open-menu) { overflow: hidden !important; } @media screen and (max-width: 1649px) { /* Das Overlay-Menue stand 50px zu weit links. Ursache: die