.elementor-60 .elementor-element.elementor-element-359b7b91{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--margin-top:0px;--margin-bottom:-90px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-60 .elementor-element.elementor-element-359b7b91.e-con{--align-self:center;}.elementor-60 .elementor-element.elementor-element-2397b1d{--display:flex;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-60 .elementor-element.elementor-element-468c373{text-align:left;}.elementor-60 .elementor-element.elementor-element-468c373 img{width:44%;}.elementor-60 .elementor-element.elementor-element-2579587{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;}.elementor-60 .elementor-element.elementor-element-2579587 img{width:44%;}.elementor-60 .elementor-element.elementor-element-147910b{--display:flex;}.elementor-60 .elementor-element.elementor-element-e266161{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-60 .elementor-element.elementor-element-e266161 .elementor-menu-toggle{margin-left:auto;background-color:var( --e-global-color-secondary );}.elementor-60 .elementor-element.elementor-element-e266161 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;}.elementor-60 .elementor-element.elementor-element-e266161 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-60 .elementor-element.elementor-element-e266161 .elementor-nav-menu--main .elementor-item:hover, .elementor-60 .elementor-element.elementor-element-e266161 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-60 .elementor-element.elementor-element-e266161 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-60 .elementor-element.elementor-element-e266161 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-b0ec387 );fill:var( --e-global-color-b0ec387 );}.elementor-60 .elementor-element.elementor-element-e266161 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-b0ec387 );}.elementor-60 .elementor-element.elementor-element-e266161 div.elementor-menu-toggle{color:var( --e-global-color-primary );}.elementor-60 .elementor-element.elementor-element-e266161 div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}.elementor-60 .elementor-element.elementor-element-f686670{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.14);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-60 .elementor-element.elementor-element-f686670:not(.elementor-motion-effects-element-type-background), .elementor-60 .elementor-element.elementor-element-f686670 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b0ec387 );}.elementor-60 .elementor-element.elementor-element-f686670.e-con{--align-self:center;}.elementor-60 .elementor-element.elementor-element-a500343{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-60 .elementor-element.elementor-element-143a228{text-align:left;}.elementor-60 .elementor-element.elementor-element-143a228 img{width:44%;}.elementor-60 .elementor-element.elementor-element-38f3971{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-60 .elementor-element.elementor-element-d6516df{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-60 .elementor-element.elementor-element-d6516df .elementor-menu-toggle{margin-left:auto;}.elementor-60 .elementor-element.elementor-element-d6516df .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;}.elementor-60 .elementor-element.elementor-element-d6516df .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-60 .elementor-element.elementor-element-d6516df .elementor-nav-menu--main .elementor-item:hover, .elementor-60 .elementor-element.elementor-element-d6516df .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-60 .elementor-element.elementor-element-d6516df .elementor-nav-menu--main .elementor-item.highlighted, .elementor-60 .elementor-element.elementor-element-d6516df .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-85ee5c1 );fill:var( --e-global-color-85ee5c1 );}.elementor-60 .elementor-element.elementor-element-d6516df .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-85ee5c1 );}.elementor-60 .elementor-element.elementor-element-d6516df .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-60 .elementor-element.elementor-element-d6516df .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-60 .elementor-element.elementor-element-359b7b91{--content-width:1100px;}.elementor-60 .elementor-element.elementor-element-2397b1d{--width:100%;}.elementor-60 .elementor-element.elementor-element-f686670{--content-width:1100px;}.elementor-60 .elementor-element.elementor-element-a500343{--width:100%;}}@media(max-width:1024px){.elementor-60 .elementor-element.elementor-element-359b7b91{--padding-top:20px;--padding-bottom:20px;--padding-left:15px;--padding-right:15px;}.elementor-60 .elementor-element.elementor-element-2397b1d{--justify-content:center;--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-60 .elementor-element.elementor-element-e266161{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--nav-menu-icon-size:60px;}.elementor-60 .elementor-element.elementor-element-f686670{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:1px;--padding-top:10px;--padding-bottom:10px;--padding-left:15px;--padding-right:15px;}.elementor-60 .elementor-element.elementor-element-143a228 img{width:77%;}}@media(max-width:767px){.elementor-60 .elementor-element.elementor-element-2397b1d{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-60 .elementor-element.elementor-element-468c373{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-60 .elementor-element.elementor-element-e266161{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-60 .elementor-element.elementor-element-f686670{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-60 .elementor-element.elementor-element-a500343{--width:72%;}.elementor-60 .elementor-element.elementor-element-143a228 img{width:100%;}.elementor-60 .elementor-element.elementor-element-38f3971{--width:25%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-60 .elementor-element.elementor-element-d6516df .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-60 .elementor-element.elementor-element-d6516df .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:10px !important;}}/* Start custom CSS for nav-menu, class: .elementor-element-e266161 *//* Basis-Übergänge */ #header-on-scroll, #header-on-scroll *, #header-on-scroll svg, #header-on-scroll path, #header-on-scroll a, #header-on-scroll span, #header-on-scroll i, #header-on-scroll .elementor-button { transition: all 0.3s ease !important; } /* Größenkorrektur für SVG */ #header-on-scroll svg { height: 100% !important; width: auto !important; } /* Header-Styles nach dem Scrollen */ #header-on-scroll.elementor-sticky--effects { background-color: #fff !important; box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1) !important; } /* Logo-Farbenänderung nach dem Scrollen - mehrere Methoden */ #header-on-scroll.elementor-sticky--effects svg, #header-on-scroll.elementor-sticky--effects svg path, #header-on-scroll.elementor-sticky--effects svg rect, #header-on-scroll.elementor-sticky--effects svg ellipse, #header-on-scroll.elementor-sticky--effects svg circle, #header-on-scroll.elementor-sticky--effects svg polygon { fill: #000 !important; stroke: #000 !important; color: #000 !important; } /* Spezifische Regel für Inline-Styles */ #header-on-scroll.elementor-sticky--effects path[style*="fill"], #header-on-scroll.elementor-sticky--effects path[style*="484848"], #header-on-scroll.elementor-sticky--effects [fill="#484848"] { fill: #000 !important; } /* Direkte Manipulation des SVG über Filter */ #header-on-scroll.elementor-sticky--effects .site-logo svg, #header-on-scroll.elementor-sticky--effects .elementor-icon svg { filter: brightness(0) saturate(100%) !important; /* Macht das SVG schwarz */ } /* Text- und Link-Farben nach dem Scrollen */ #header-on-scroll.elementor-sticky--effects a, #header-on-scroll.elementor-sticky--effects span, #header-on-scroll.elementor-sticky--effects i, #header-on-scroll.elementor-sticky--effects p { color: #000 !important; } /* Button-Styles nach dem Scrollen */ #header-on-scroll.elementor-sticky--effects .elementor-button { background-color: #000 !important; border-color: #000 !important; } #header-on-scrol/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-359b7b91 *//* Header-Basis ohne Logo-Interferenz */ #header-on-scroll { transition: background-color 0.3s ease, box-shadow 0.3s ease !important; } /* Header-Styles nach dem Scrollen */ #header-on-scroll.elementor-sticky--effects { background-color: #fff !important; box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1) !important; } /* EINFACHES LOGO-SWITCHING - Minimaler Ansatz */ .logo-container { position: relative !important; display: inline-block !important; height: 50px !important; min-width: 150px !important; } /* Beide Logos mit konsistenten Eigenschaften */ #logo-transparent, #logo-dark { position: absolute !important; top: 0 !important; left: 0 !important; max-height: 50px !important; width: auto !important; display: block !important; transition: opacity 0.3s ease !important; } /* Ausgangszustand - Transparentes Logo sichtbar */ #logo-transparent { opacity: 1 !important; z-index: 2 !important; } #logo-dark { opacity: 0 !important; z-index: 1 !important; } /* Scroll-Zustand - Logos tauschen */ #header-on-scroll.elementor-sticky--effects #logo-transparent { opacity: 0 !important; } #header-on-scroll.elementor-sticky--effects #logo-dark { opacity: 1 !important; } /* Text-Styles */ #header-on-scroll a, #header-on-scroll span, #header-on-scroll i, #header-on-scroll p { transition: color 0.3s ease !important; } #header-on-scroll.elementor-sticky--effects a, #header-on-scroll.elementor-sticky--effects span, #header-on-scroll.elementor-sticky--effects i, #header-on-scroll.elementor-sticky--effects p { color: #000 !important; } /* Button-Styles */ #header-on-scroll .elementor-button { transition: background-color 0.3s ease, border-color 0.3s ease !important; } #header-on-scroll.elementor-sticky--effects .elementor-button { background-color: #000 !important; border-color: #000 !important; color: #fff !important; } /* SVG-Styles */ #header-on-scroll svg { height: 100% !important; width: auto !important; transition: fill 0.3s ease, stroke 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f686670 *//* Header-Basis ohne Logo-Interferenz */ #header-on-scroll { transition: background-color 0.3s ease, box-shadow 0.3s ease !important; } /* Header-Styles nach dem Scrollen */ #header-on-scroll.elementor-sticky--effects { background-color: #fff !important; box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1) !important; } /* EINFACHES LOGO-SWITCHING - Minimaler Ansatz */ .logo-container { position: relative !important; display: inline-block !important; height: 50px !important; min-width: 150px !important; } /* Beide Logos mit konsistenten Eigenschaften */ #logo-transparent, #logo-dark { position: absolute !important; top: 0 !important; left: 0 !important; max-height: 50px !important; width: auto !important; display: block !important; transition: opacity 0.3s ease !important; } /* Ausgangszustand - Transparentes Logo sichtbar */ #logo-transparent { opacity: 1 !important; z-index: 2 !important; } #logo-dark { opacity: 0 !important; z-index: 1 !important; } /* Scroll-Zustand - Logos tauschen */ #header-on-scroll.elementor-sticky--effects #logo-transparent { opacity: 0 !important; } #header-on-scroll.elementor-sticky--effects #logo-dark { opacity: 1 !important; } /* Text-Styles */ #header-on-scroll a, #header-on-scroll span, #header-on-scroll i, #header-on-scroll p { transition: color 0.3s ease !important; } #header-on-scroll.elementor-sticky--effects a, #header-on-scroll.elementor-sticky--effects span, #header-on-scroll.elementor-sticky--effects i, #header-on-scroll.elementor-sticky--effects p { color: #000 !important; } /* Button-Styles */ #header-on-scroll .elementor-button { transition: background-color 0.3s ease, border-color 0.3s ease !important; } #header-on-scroll.elementor-sticky--effects .elementor-button { background-color: #000 !important; border-color: #000 !important; color: #fff !important; } /* SVG-Styles */ #header-on-scroll svg { height: 100% !important; width: auto !important; transition: fill 0.3s ease, stroke 0.3s ease !important; }/* End custom CSS */