.elementor-kit-8{--e-global-color-primary:#0072B9;--e-global-color-secondary:#54595F;--e-global-color-text:#1D1D1D;--e-global-color-accent:#0072B9;--e-global-color-41a90af:#FFFFFF;--e-global-color-4c32936:#E1EFFF;--e-global-color-4628838:#F8F8F8;--e-global-typography-primary-font-family:"Avenir Next Condensed";--e-global-typography-primary-font-size:2em;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-family:"Avenir Next Condensed";--e-global-typography-secondary-font-size:1.5em;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:1.1em;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:1.1em;--e-global-typography-accent-font-weight:500;--e-global-typography-2355a2c-font-family:"Roboto";--e-global-typography-2355a2c-font-size:0.8em;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:var( --e-global-color-41a90af );font-family:"Avenir Next Condensed", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;}.elementor-kit-8 button:hover,.elementor-kit-8 button:focus,.elementor-kit-8 input[type="button"]:hover,.elementor-kit-8 input[type="button"]:focus,.elementor-kit-8 input[type="submit"]:hover,.elementor-kit-8 input[type="submit"]:focus,.elementor-kit-8 .elementor-button:hover,.elementor-kit-8 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-41a90af );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{color:var( --e-global-color-accent );}.elementor-kit-8 h2{color:var( --e-global-color-primary );font-family:"Avenir Next Condensed", Sans-serif;font-size:1.6em;font-weight:500;line-height:1.2em;}.elementor-kit-8 h3{font-size:1.2em;font-weight:500;}.elementor-kit-8 h4{font-size:1em;font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){margin-block-end:1em;}.elementor-element{--widgets-spacing:1em 1em;--widgets-spacing-row:1em;--widgets-spacing-column:1em;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-8{--e-global-typography-primary-font-size:1.8em;--e-global-typography-secondary-font-size:1.3em;--e-global-typography-text-font-size:1.1em;--e-global-typography-accent-font-size:1.1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{--e-global-typography-primary-font-size:1.6em;--e-global-typography-secondary-font-size:1.4em;--e-global-typography-text-font-size:1.1em;--e-global-typography-accent-font-size:1.1em;}.elementor-kit-8 h2{font-size:1.3em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===================================== LOGO-FADING ===================================== */ .logo-original, .logo-overlay { position: absolute; top: 0; left: 0; } .logo-overlay { opacity: 1; filter: blur(0px); transition: opacity 1.5s ease-in-out, filter 1.5s ease-in-out; pointer-events: none; } .logo-overlay.fade-out { opacity: 0; filter: blur(8px); } /* ===================================== HEADER: GRUNDLAGEN ===================================== */ .elementor-location-header { position: relative; z-index: 10; border-bottom: 0 solid transparent; transition: background-color 0.8s ease, border-bottom 0.4s ease; } /* ===================================== HEADER-HINTERGRUND via cf-header::before ===================================== */ .elementor-element-ea1f788.cf-header { position: relative; z-index: 10; } .elementor-element-ea1f788.cf-header::before { content: ""; position: absolute; inset: 0; background: linear-gradient( to bottom, rgba(29, 29, 29, 0.6) 35%, rgba(29, 29, 29, 0.3) 75%, transparent 100% ); z-index: -1; transition: background 0.8s ease; } /* SCROLL-ZUSTAND: Verlauf wird weiß */ .elementor-location-header.scrolled .elementor-element-ea1f788.cf-header::before { background: linear-gradient( to bottom, rgba(255, 255, 255, 1) 95%, rgba(29, 29, 29, 0.3) 30%, transparent 100% ); } /* ===================================== MENÜFARBEN – VOR SCROLL ===================================== */ .elementor-location-header .elementor-item, .elementor-location-header .menu-separator { color: white !important; border-color: white !important; transition: color 0.5s ease, border-color 0.5s ease; } .elementor-location-header .elementor-item:hover, .elementor-location-header .elementor-item.elementor-item-active { color: white !important; } /* ===================================== MENÜFARBEN – NACH SCROLL ===================================== */ .elementor-location-header.scrolled .elementor-item, .elementor-location-header.scrolled .menu-separator { color: #1D1D1D !important; border-color: #1D1D1D !important; } .elementor-location-header.scrolled .elementor-item:hover, .elementor-location-header.scrolled .elementor-item.elementor-item-active { color: #0072B9 !important; } /* ===================================== TRENNER-FARBE via Elementor-Variable ===================================== */ /* Startzustand: weiß */ .elementor-location-header .elementor-element.elementor-element-7765d87 { --e-nav-menu-divider-color: #ffffff !important; } /* Scrollzustand: #0073ba */ .elementor-location-header.scrolled .elementor-element.elementor-element-7765d87 { --e-nav-menu-divider-color: #0073ba !important; } /* Border-Trenner deaktivieren (sonst doppelt) */ .elementor-location-header .elementor-element.elementor-element-7765d87 .elementor-nav-menu > li > a.elementor-item { border-right: 0 !important; position: relative; } /* Neuer Trenner: 2px breit, 60% hoch, rechts, immer sichtbar */ .elementor-location-header .elementor-element.elementor-element-7765d87 .elementor-nav-menu > li:not(:last-child) > a.elementor-item { background-image: linear-gradient( var(--e-nav-menu-divider-color), var(--e-nav-menu-divider-color) ); background-repeat: no-repeat; background-position: right center; background-size: 2px 60%; transition: background-size 0.2s ease, background-position 0.2s ease; } /* ===================================== BURGER-MENÜ (Mobile/Tablet) Vor Scroll: BG = 41a90af, Icon = primary Nach Scroll: BG = primary, Icon = 41a90af (Default) ===================================== */ /* Basis-Transition */ .elementor-34 .elementor-element.elementor-element-7765d87 .elementor-menu-toggle, .elementor-34 .elementor-element.elementor-element-7765d87 div.elementor-menu-toggle { transition: background-color 0.35s ease, color 0.2s ease; } /* Vor Scroll (einzige Änderung: Icon → primary) */ .elementor-location-header .elementor-element.elementor-element-7765d87 .elementor-menu-toggle, .elementor-location-header .elementor-element.elementor-element-7765d87 div.elementor-menu-toggle { background-color: var(--e-global-color-41a90af) !important; color: var(--e-global-color-primary) !important; /* <-- hier die einzige Änderung */ } /* Nach Scroll (wie gehabt) */ .elementor-location-header.scrolled .elementor-element.elementor-element-7765d87 .elementor-menu-toggle, .elementor-location-header.scrolled .elementor-element.elementor-element-7765d87 div.elementor-menu-toggle { background-color: var(--e-global-color-primary) !important; color: var(--e-global-color-41a90af) !important; } /* Fokus-/Hover-Feedback für A11y (optional sanft) */ .elementor-34 .elementor-element.elementor-element-7765d87 .elementor-menu-toggle:focus-visible { outline: 2px solid rgba(0,0,0,0.15); outline-offset: 2px; } /* NACH SCROLL: Linien = 41a90af */ .elementor-location-header.scrolled .elementor-element.elementor-element-7765d87 .elementor-menu-toggle .elementor-menu-toggle__icon--line { background-color: var(--e-global-color-41a90af) !important; } /* --- SVG-Fallback (falls der Toggle ein SVG nutzt) --- */ /* VOR SCROLL */ .elementor-location-header .elementor-element.elementor-element-7765d87 .elementor-menu-toggle svg path, .elementor-location-header .elementor-element.elementor-element-7765d87 .elementor-menu-toggle svg rect, .elementor-location-header .elementor-element.elementor-element-7765d87 .elementor-menu-toggle svg line { stroke: var(--e-global-color-primary) !important; fill: currentColor !important; /* harmless fallback */ } /* NACH SCROLL */ .elementor-location-header.scrolled .elementor-element.elementor-element-7765d87 .elementor-menu-toggle svg path, .elementor-location-header.scrolled .elementor-element.elementor-element-7765d87 .elementor-menu-toggle svg rect, .elementor-location-header.scrolled .elementor-element.elementor-element-7765d87 .elementor-menu-toggle svg line { stroke: var(--e-global-color-41a90af) !important; } /* ===== Mobile/Tablet: Dropdown-Menü IM SCROLLED-ZUSTAND auf Weiß zwingen ===== */ /* Gilt, sobald das Dropdown gerendert ist (Elementor: .elementor-nav-menu--dropdown) */ @media (max-width: 1024px) { /* Text + Trenner im geöffneten Dropdown */ .elementor-location-header.scrolled .elementor-element.elementor-element-7765d87 .elementor-nav-menu--dropdown a.elementor-item, .elementor-location-header.scrolled .elementor-element.elementor-element-7765d87 .elementor-nav-menu--dropdown .menu-separator { color: #FFFFFF !important; border-color: #FFFFFF !important; } /* Hover/Active ebenfalls weiß lassen */ .elementor-location-header.scrolled .elementor-element.elementor-element-7765d87 .elementor-nav-menu--dropdown a.elementor-item:hover, .elementor-location-header.scrolled .elementor-element.elementor-element-7765d87 .elementor-nav-menu--dropdown a.elementor-item.elementor-item-active { color: #FFFFFF !important; } } /* Optional (falls dein Theme eine andere Dropdown-Klasse nutzt): allgemeiner Fallback */ .elementor-location-header.scrolled .elementor-element.elementor-element-7765d87 .elementor-nav-menu__container.elementor-nav-menu--dropdown a.elementor-item { color: #FFFFFF !important; } .elementor-location-header.scrolled .elementor-element.elementor-element-7765d87 .elementor-nav-menu__container.elementor-nav-menu--dropdown .menu-separator { border-color: #FFFFFF !important; } /* ===== Mobile/Tablet: Trenner im Dropdown-Menü ausblenden ===== */ @media (max-width: 1024px) { .elementor-location-header .elementor-element.elementor-element-7765d87 .elementor-nav-menu--dropdown a.elementor-item { background-image: none !important; } } /* === Formatierung Cookie-Buttons für das Menu unten === */ .cf-footer-button .elementor-button { background-color: transparent !important; border: none !important; border-radius: 0px !important; padding: 0px !important; text-align: left !important; font-family: var(--e-global-typography-accent-font-family) Sans-serif !important; font-size: var(--e-global-typography-accent-font-size) !important; font-weight: var(--e-global-typography-accent-font-weight) !important; color: var(--e-global-color-4c32936) !important; } .cookie-link a:hover { color: var(--e-global-color-accent) !important; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Avenir Next Condensed'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://schaarschmidt-dach-solartechnik.de/wp-content/uploads/2025/06/Avenir-Next-Condensed.woff') format('woff'); } @font-face { font-family: 'Avenir Next Condensed'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://schaarschmidt-dach-solartechnik.de/wp-content/uploads/2025/06/avenir-next-condensed-medium.woff') format('woff'); } /* End Custom Fonts CSS */