body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} .download-element a{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl a{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls a{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx a{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx a{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt a{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin a{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc a{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx a{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word a{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto a{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms a{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha a{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh a{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe a{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class a{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so a{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea a{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll a{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda a{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf a{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai a{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps a{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps a{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps a{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt a{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx a{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi a{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil a{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif a{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc a{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf a{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg a{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi a{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp a{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods a{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt a{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml a{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc a{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg a{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr a{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir a{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr a{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi a{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar a{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc a{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php a{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3 a{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4 a{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5 a{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml a{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps a{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js a{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd a{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar a{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla a{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf a{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit a{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar a{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz a{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml a{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht a{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip a{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3 a{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma a{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg a{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav a{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg a{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid a{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi a{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif a{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff a{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc a{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram a{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm a{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm a{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra a{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp a{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif a{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg a{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg a{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe a{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png a{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff a{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif a{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg a{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz a{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp a{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif a{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic a{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl a{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml a{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp a{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css a{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss a{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less a{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html a{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm a{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md a{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml a{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt a{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text a{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log a{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx a{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf a{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml a{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl a{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4 a{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v a{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov a{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv a{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm a{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt a{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv a{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi a{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv a{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie a{background-image:url(../../assets/contao/images/iconMOVIE.svg)} .mod_visitors .invisible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; float: left; width:0px; height:0px; } .mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /* ========================================================== OrSchuhTec – orschuhtec-2026.css Contao 5.7 · neues Design (dunkel, Salbeigrün, Glas) Ersetzt: layout.css ("cssneu"), @media max-width:1225px, @media max-width:965px ========================================================== Inhalt 1. Variablen 2. Schriftarten (lokal) 3. Grundlayout & Hintergrund 4. Typografie 5. Links 6. Kopfbereich (Logo, Zeile) 7. Hauptnavigation mit Untermenü 8. Mobilmenü 9. Abschnitte (Artikel-Klassen) 10. Buttons 11. Karten & Raster 12. Kapseln, Häkchenlisten, Eyebrow 13. Hero 14. Formulare (Formulargenerator) 15. Aufklapp-Fragen (FAQ) 16. News / Aktuelles 17. Team-Karten 18. Galerie & Lightbox 19. Rundgang & Karte (Zwei-Klick) 20. Soziales Engagement (Vereinslogos) 21. Sitemap 22. Fußzeile 23. Module, Cookiebar, Sprachassistent 24. Hilfsklassen 25. Einblenden beim Scrollen 26. Responsive (1225 px · 965 px · 600 px) 27. Bewegung reduzieren ========================================================== Hinweise - Klassen aus der alten Datei (news-card, feature-card, faq-item, faq-nav, team-card, modern-gallery, sitemap-grid, abstand_oben, mitte usw.) bleiben erhalten und tragen den neuen Look. Bestehende Inhalte funktionieren weiter. - Orange (--accent-warm) nur für EIN Element pro Seite: Klasse "btn-accent". ========================================================== */ /* ========================================================== 1. Variablen ========================================================== */ :root{ /* Flächen */ --bg:#0A0C09; --bg-band:#0B0F09; --bg-card:linear-gradient(160deg,rgba(168,187,116,.10),rgba(255,255,255,.025) 60%); --bg-card-hover:linear-gradient(160deg,rgba(168,187,116,.20),rgba(255,255,255,.04) 60%); --bg-glass:rgba(10,12,9,.92); /* Grün */ --sage:#A8BB74; --sage-light:#C9D8A0; --sage-pale:#D8E4B4; --sage-mist:#E4EDC8; --sage-deep:#6F9B58; --sage-a06:rgba(168,187,116,.06); --sage-a12:rgba(168,187,116,.12); --sage-a22:rgba(168,187,116,.22); --sage-a35:rgba(168,187,116,.35); --sage-a50:rgba(168,187,116,.5); /* Text */ --text:#E0E0E0; --text-muted:#B8B8B8; --text-strong:#FFFFFF; --ink:#0A0C09; /* Akzent (nur einmal pro Seite) */ --accent-warm:#FFBC13; --accent-warm-hover:#FFD04D; /* Schrift */ --font-text:'Open Sans',Arial,Verdana,sans-serif; --font-head:'Montserrat','Open Sans',Arial,sans-serif; /* Maße */ --content:1200px; --gutter:32px; --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-pill:999px; --brand-h:104px; /* Höhe Logo-Zeile, die beim Scrollen verschwindet */ /* Schatten & Leuchten */ --shadow-sm:0 4px 12px rgba(0,0,0,.25); --shadow-card:0 18px 40px rgba(0,0,0,.5); --glow:0 0 22px rgba(168,187,116,.28); --glow-strong:0 0 34px rgba(168,187,116,.55); --transition:.22s ease; /* Altnamen (Kompatibilität mit bestehender CSS-Logik) */ --color-text:var(--text); --color-heading:var(--sage); --color-link:var(--sage); --color-link-hover:var(--sage-light); --color-accent:var(--sage); --color-accent-light:var(--sage-a35); --color-border:var(--sage-a22); --bg-dark:var(--bg); --shadow-lg:var(--shadow-card); } /* ========================================================== 2. Schriftarten (lokal, keine Verbindung zu Google) Nur Dateien, die schon in files/themes/fonts/ liegen: - Open Sans 400 für Fließtext - Montserrat 400/500/600 für Überschriften, Menü, Buttons Open Sans 600/700 gibt es auf dem Server nicht. Damit der Browser keine unsaubere Kunstfett-Schrift rechnet, zeigt fetter Text automatisch Montserrat 600 (zweiter Eintrag "Open Sans" mit Gewicht 600–700 unten). ========================================================== */ @font-face{ font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap; src:url('../../files/themes/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), url('../../files/themes/fonts/open-sans-v34-latin-regular.woff') format('woff'); } @font-face{ font-family:'Open Sans';font-style:normal;font-weight:600 700;font-display:swap; src:url('../../files/themes/fonts/montserrat-v25-latin-600.woff2') format('woff2'), url('../../files/themes/fonts/montserrat-v25-latin-600.woff') format('woff'); } @font-face{ font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap; src:url('../../files/themes/fonts/montserrat-v25-latin-regular.woff2') format('woff2'), url('../../files/themes/fonts/montserrat-v25-latin-regular.woff') format('woff'); } @font-face{ font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap; src:url('../../files/themes/fonts/montserrat-v25-latin-500.woff2') format('woff2'), url('../../files/themes/fonts/montserrat-v25-latin-500.woff') format('woff'); } @font-face{ font-family:'Montserrat';font-style:normal;font-weight:600 700;font-display:swap; src:url('../../files/themes/fonts/montserrat-v25-latin-600.woff2') format('woff2'), url('../../files/themes/fonts/montserrat-v25-latin-600.woff') format('woff'); } /* ========================================================== 3. Grundlayout & Hintergrund ========================================================== */ *, *::before, *::after{box-sizing:border-box;} html{ scroll-behavior:smooth; scroll-padding-top:110px; /* Sprungziele nicht unter der festen Menüleiste */ background:var(--bg); } body{ margin:0; font:400 18px/1.6 var(--font-text); color:var(--text); background: /* ruhiger Hintergrund mit weichen Lichtflächen (Raster am 8.11.2026 entfernt) */ radial-gradient(800px 480px at 85% 0,rgba(168,187,116,.16),transparent 62%), radial-gradient(600px 400px at 0 40%,rgba(168,187,116,.07),transparent 60%), var(--bg); background-attachment:scroll; -webkit-font-smoothing:antialiased; } /* Contao-Container durchsichtig, damit das Raster durchscheint (die alte Datei hat sie flächig #151515 gefärbt) */ #wrapper, #container, #container .inside, #main, #main .inside, .mod_article, .mod_article .inside, .inside, .content, section{ background:transparent; color:var(--text); } #main > .inside{ padding:0; } img{ display:block; max-width:100%; height:auto; } iframe{ width:100%; height:30rem; border:0; } figure, figure a{ margin:0; border:none!important; } #logo{background:none!important;} /* Sprunglink "Navigation überspringen" nur bei Tastaturfokus zeigen */ .invisible{ position:absolute!important; width:1px;height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; } a.invisible:focus{ position:fixed!important; left:16px;top:16px; width:auto;height:auto; clip:auto; z-index:100; padding:10px 18px; background:var(--sage); color:var(--ink); border-radius:var(--radius-pill); } /* ========================================================== 4. Typografie ========================================================== */ h1,h2,h3,h4,h5,h6{ color:var(--sage)!important; font-family:var(--font-head); font-weight:500; letter-spacing:-.02em; line-height:1.2; } /* Verlauf in großen Überschriften */ h1, h2, .h-grad{ background:linear-gradient(95deg,var(--sage-mist) 0%,var(--sage) 55%,var(--sage-deep) 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent!important; } h1{margin:0 0 1.25rem;font-size:clamp(2rem,1.3rem + 2vw,2.75rem);} h2{margin:0 0 1rem;font-size:clamp(1.65rem,1.2rem + 1.2vw,2.25rem);} h3{margin:0 0 .6rem;font-size:1.4rem;color:var(--sage-light)!important;} h4{margin:0 0 .5rem;font-size:1.15rem;color:var(--sage-light)!important;} h6{margin:1.5rem 0 .5rem;font-size:1.15rem;} /* zentrierte Überschrift, Verlauf läuft über die Textbreite */ .hc, .mitte h1, .mitte h2{ width:fit-content; max-width:100%; margin-left:auto!important; margin-right:auto!important; text-align:center; } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{ color:inherit!important; font-weight:inherit!important; border:none!important; -webkit-text-fill-color:inherit; } /* Contao verlinkt Modul-Überschriften automatisch – deaktiviert */ h2 a{pointer-events:none;} p{margin:0 0 1rem;line-height:1.6;} p,li{color:var(--text);} ul{margin:0 0 1rem 1.25rem;padding:0;line-height:1.5;list-style:disc;} li{margin-bottom:.5rem;} strong,b{font-weight:700;color:var(--text-strong);} .lead{font-size:1.15rem;} .muted,.muted p{color:var(--text-muted);} /* ========================================================== 5. Links ========================================================== */ a{ color:var(--sage); font-weight:700; text-decoration:none; border-bottom:1px dotted currentColor; transition:color var(--transition),border-color var(--transition),background var(--transition),box-shadow var(--transition),transform var(--transition); } a:hover{ color:var(--sage-light); border-bottom-style:solid; } /* Fließtext-Links (alte Datei: blau #6fb1ff) */ .ce_text a, .content-text a, .content a, .mod_article a{ color:var(--sage); text-decoration:underline; text-underline-offset:3px; border-bottom:none; } .ce_text a:hover, .content-text a:hover, .content a:hover, .mod_article a:hover{color:var(--sage-light);} /* Tastaturfokus gut sichtbar */ a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{ outline:3px solid var(--accent-warm); outline-offset:3px; } /* ========================================================== 6. Kopfbereich Logo + Zeile zentriert; nur die Menüleiste bleibt beim Scrollen stehen (#header klebt um --brand-h nach oben versetzt, die Logo-Zeile scrollt dadurch weg). ========================================================== */ #header{ position:sticky; top:calc(-1 * var(--brand-h)); z-index:50; background:rgba(10,12,9,.72); -webkit-backdrop-filter:blur(18px) saturate(1.4); backdrop-filter:blur(18px) saturate(1.4); } #header .inside{background:transparent;} #head1, #head2{ max-width:var(--content); margin:0 auto; padding:14px var(--gutter) 12px; } .header-brand{ display:flex; align-items:center; justify-content:center; gap:24px; min-height:calc(var(--brand-h) - 26px); } .header-logo{flex:0 0 auto;border:none!important;} .header-logo img{ width:auto; height:76px; filter:drop-shadow(0 0 16px rgba(168,187,116,.35)); transition:transform var(--transition); } .header-logo:hover img{transform:scale(1.03);} .header-info{ display:flex; align-items:center; gap:24px; } .header-title{ border-left:1px solid rgba(168,187,116,.45); padding-left:24px; } .header-title h2, .header-title p{ margin:0; font:500 14px/1.6 var(--font-head); letter-spacing:.18em; text-transform:uppercase; color:var(--text)!important; background:none; -webkit-text-fill-color:currentColor; } .header-title p:last-child{color:var(--sage)!important;} /* Telefon/Kontakt im Kopf entfällt im neuen Design (Telefon steht im Hero und im Termin-Bereich). Zum Wiedereinblenden diese Regel löschen. */ .header-contact{display:none;} /* ========================================================== 7. Hauptnavigation (Contao-Navigationsmodul, 2 Ebenen) Erwartet: