.elementor-790 .elementor-element.elementor-element-7752be9e > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-790 .elementor-element.elementor-element-7752be9e > .elementor-container{min-height:100px;}.elementor-790 .elementor-element.elementor-element-7752be9e{margin-top:0px;margin-bottom:-100px;padding:0px 0px 0px 0px;z-index:10;}.elementor-bc-flex-widget .elementor-790 .elementor-element.elementor-element-6b837c65.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-790 .elementor-element.elementor-element-6b837c65.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-790 .elementor-element.elementor-element-6b837c65.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-790 .elementor-element.elementor-element-6b837c65 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-790 .elementor-element.elementor-element-6b837c65 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-790 .elementor-element.elementor-element-6b837c65{z-index:5;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-790 .elementor-element.elementor-element-1e8a961f{text-align:left;}.elementor-790 .elementor-element.elementor-element-1e8a961f img{width:130px;}body:not(.rtl) .elementor-790 .elementor-element.elementor-element-301386dd{left:0px;}body.rtl .elementor-790 .elementor-element.elementor-element-301386dd{right:0px;}.elementor-790 .elementor-element.elementor-element-301386dd{top:0px;z-index:2;text-align:left;}.elementor-790 .elementor-element.elementor-element-301386dd img{width:130px;}.elementor-bc-flex-widget .elementor-790 .elementor-element.elementor-element-333c420b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-790 .elementor-element.elementor-element-333c420b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-790 .elementor-element.elementor-element-333c420b.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-790 .elementor-element.elementor-element-333c420b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu .elementor-item{font-family:"mont-heavy", Sans-serif;font-size:0.9em;font-weight:500;line-height:1em;}.elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );padding-left:14px;padding-right:14px;}.elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#85C9F0;}.elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#85C9F0;}.elementor-790 .elementor-element.elementor-element-4fef0caa .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-790 .elementor-element.elementor-element-4fef0caa .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#85C9F0;}.elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--dropdown a, .elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--dropdown{background-color:var( --e-global-color-primary );}.elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--dropdown a:hover, .elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--dropdown a:focus, .elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--dropdown a.highlighted, .elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-menu-toggle:hover, .elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-menu-toggle:focus{color:var( --e-global-color-secondary );}.elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--dropdown a:hover, .elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--dropdown a:focus, .elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF00;}.elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-secondary );background-color:#FFFFFF00;}.elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--dropdown .elementor-item, .elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"pppsr-medium", Sans-serif;font-size:1em;font-weight:500;}.elementor-790 .elementor-element.elementor-element-4fef0caa div.elementor-menu-toggle{color:#000000;}.elementor-790 .elementor-element.elementor-element-4fef0caa div.elementor-menu-toggle svg{fill:#000000;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-790 .elementor-element.elementor-element-7752be9e{padding:0px 30px 0px 30px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-790 .elementor-element.elementor-element-4fef0caa .e--pointer-framed .elementor-item:before{border-width:12px;}.elementor-790 .elementor-element.elementor-element-4fef0caa .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 12px 12px;}.elementor-790 .elementor-element.elementor-element-4fef0caa .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:12px 12px 0 0;}.elementor-790 .elementor-element.elementor-element-4fef0caa .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:12px 0 0 12px;}.elementor-790 .elementor-element.elementor-element-4fef0caa .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 12px 12px 0;}.elementor-790 .elementor-element.elementor-element-4fef0caa .e--pointer-underline .elementor-item:after, .elementor-790 .elementor-element.elementor-element-4fef0caa .e--pointer-overline .elementor-item:before, .elementor-790 .elementor-element.elementor-element-4fef0caa .e--pointer-double-line .elementor-item:before, .elementor-790 .elementor-element.elementor-element-4fef0caa .e--pointer-double-line .elementor-item:after{height:12px;}.elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--main .elementor-item{padding-left:18px;padding-right:18px;padding-top:0px;padding-bottom:0px;}.elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--dropdown{border-radius:0px 0px 0px 0px;}.elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--dropdown a{padding-left:2px;padding-right:2px;padding-top:7px;padding-bottom:7px;}.elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:100px !important;}}@media(max-width:767px){.elementor-790 .elementor-element.elementor-element-7752be9e{padding:5px 20px 5px 20px;}.elementor-790 .elementor-element.elementor-element-6b837c65{width:50%;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-790 .elementor-element.elementor-element-333c420b{width:50%;}.elementor-790 .elementor-element.elementor-element-333c420b.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-790 .elementor-element.elementor-element-4fef0caa.elementor-element{--align-self:flex-start;}.elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--main .elementor-item{padding-left:19px;padding-right:19px;}.elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--dropdown .elementor-item, .elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--dropdown .elementor-sub-item{font-size:1.2em;}.elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--dropdown{border-radius:0px 0px 0px 0px;}.elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px;}.elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-790 .elementor-element.elementor-element-4fef0caa .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:23px !important;}}/* Start custom CSS for column, class: .elementor-element-6b837c65 *//* ========================================= VARIANTE: Header ohne Wechsel (immer "Sticky"-Look) - Text immer schwarz - Sticky-Logo immer sichtbar - Kein Logo-/Farbwechsel beim Scrollen ========================================= */ /* 1) Startzustand wie Sticky-Look */ .elementor-790 .elementor-element.elementor-element-6b837c65.header-static { /* gleicher Hintergrund wie dein Sticky-Glass */ background-color: rgba(255,255,255,0.15) !important; backdrop-filter: saturate(110%) blur(40px); -webkit-backdrop-filter: saturate(180%) blur(40px); /* Text/Icon-Farbe dauerhaft schwarz */ --header-text: #000000; } /* 2) Auch im Sticky-State unverändert lassen */ .elementor-790 .elementor-element.elementor-element-6b837c65.header-static.elementor-sticky--effects { background-color: rgba(255,255,255,0.15) !important; backdrop-filter: saturate(110%) blur(40px); -webkit-backdrop-filter: saturate(180%) blur(40px); --header-text: #000000; } /* 3) Logo: immer Sticky-Logo anzeigen */ .elementor-790 .elementor-element.elementor-element-6b837c65.header-static .logo-default { opacity: 0 !important; pointer-events: none !important; } .elementor-790 .elementor-element.elementor-element-6b837c65.header-static .logo-sticky { opacity: 1 !important; pointer-events: auto !important; } /* 4) Höhe/Alignment bleiben wie gehabt (optional) */ .elementor-790 .elementor-element.elementor-element-6b837c65.header-static > .elementor-container { align-items: center; } .elementor-790 .elementor-element.elementor-element-6b837c65.header-static.elementor-sticky--effects > .elementor-container { min-height: 70px; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-7752be9e *//* ========================================= HEADER BASIS + LIQUID GLASS (Sticky) ========================================= */ .elementor-790 .elementor-element.elementor-element-7752be9e { /* sanfter Übergang von BG und Textfarbe */ transition: background-color 1s ease, color .3s ease !important; --header-text: #000000; /* Standard: Text/Icons weiß */ --header-accent: #85C9F0; /* Hover/Active Akzent */ } /* Sticky: heller "Liquid Glass" Look + Text schwarz */ .elementor-790 .elementor-element.elementor-element-7752be9e.elementor-sticky--effects { background-color: rgba(255,255,255,0.15) !important; /* heller, glasiger */ backdrop-filter: saturate(110%) blur(40px); -webkit-backdrop-filter: saturate(180%) blur(40px); --header-text: #000000; /* Sticky: schwarz */ } /* Höhe/Transition des Containers */ .elementor-790 .elementor-element.elementor-element-7752be9e.elementor-sticky--effects > .elementor-container { min-height: 70px; } .elementor-790 .elementor-element.elementor-element-7752be9e > .elementor-container { transition: min-height 1s ease !important; } /* ========================================= TEXT & ICON FARBEN (mit sanftem Übergang) ========================================= */ .elementor-790 .elementor-element.elementor-element-7752be9e a, .elementor-790 .elementor-element.elementor-element-7752be9e .elementor-heading-title, .elementor-790 .elementor-element.elementor-element-7752be9e .elementor-icon, .elementor-790 .elementor-element.elementor-element-7752be9e .elementor-button, .elementor-790 .elementor-element.elementor-element-7752be9e .elementor-menu-toggle, .elementor-790 .elementor-element.elementor-element-7752be9e .elementor-nav-menu .elementor-item { color: var(--header-text) !important; fill: var(--header-text) !important; transition: color .3s ease, fill .3s ease, opacity .25s ease; } /* Hover / Active in Akzentfarbe */ .elementor-790 .elementor-element.elementor-element-7752be9e .elementor-nav-menu .elementor-item:hover, .elementor-790 .elementor-element.elementor-element-7752be9e .elementor-nav-menu .elementor-item.elementor-item-active, .elementor-790 .elementor-element.elementor-element-7752be9e .elementor-nav-menu .current-menu-item > a { color: var(--header-accent) !important; } /* ========================================= LOGO SWAP (zwei Bild-Widgets: .logo-default / .logo-sticky) ========================================= */ /* Falls du die beiden Logos in einer gemeinsamen Spalte hast, gib dieser Spalte optional die Klasse .logo-wrap */ .elementor-790 .elementor-element.elementor-element-7752be9e .logo-default, .elementor-790 .elementor-element.elementor-element-7752be9e .logo-sticky { transition: opacity .25s ease; } /* Standard: nur default sichtbar */ .elementor-790 .elementor-element.elementor-element-7752be9e .logo-default { opacity: 1; pointer-events: auto; } .elementor-790 .elementor-element.elementor-element-7752be9e .logo-sticky { opacity: 0; pointer-events: none; } /* Sticky: swap */ .elementor-790 .elementor-element.elementor-element-7752be9e.elementor-sticky--effects .logo-default { opacity: 0; pointer-events: none; } .elementor-790 .elementor-element.elementor-element-7752be9e.elementor-sticky--effects .logo-sticky { opacity: 1; pointer-events: auto; } /* Logo-Größen angleichen, damit nichts springt */ .elementor-790 .elementor-element.elementor-element-7752be9e .logo-default img, .elementor-790 .elementor-element.elementor-element-7752be9e .logo-sticky img { display: block; height: 40px; /* bei Bedarf anpassen (z. B. 36–48px) */ width: auto; } /* ========================================= VERTIKALE ZENTRIERUNG (Logo & Items) ========================================= */ /* Elementor-Container ist Flex: Kinder vertikal mittig ausrichten */ .elementor-790 .elementor-element.elementor-element-7752be9e > .elementor-container { align-items: center; } /* Für Container-basierte Header (Elementor Container Widget) */ .elementor-790 .elementor-element.elementor-element-7752be9e.elementor-container, .elementor-790 .elementor-element.elementor-element-7752be9e .e-con-inner, .elementor-790 .elementor-element.elementor-element-7752be9e .elementor-widget-wrap { align-items: center; } /* Optional: Wenn du .logo-wrap vergeben hast, als sicheres Overlay-Grid (legt beide Logos pixelgenau übereinander, auch ohne absolute Position) */ .elementor-790 .elementor-element.elementor-element-7752be9e .logo-wrap { display: grid; place-items: center start; } .elementor-790 .elementor-element.elementor-element-7752be9e .logo-wrap .logo-default, .elementor-790 .elementor-element.elementor-element-7752be9e .logo-wrap .logo-sticky { grid-area: 1 / 1; } /* Hintergrund des mobilen Dropdowns */ .elementor-790 .elementor-element.elementor-element-7752be9e .elementor-nav-menu--dropdown { background-color: #1E5A87 !important; border-radius: 0 !important; /* keine Ecken */ backdrop-filter: none !important; /* kein Glas im Menü */ -webkit-backdrop-filter: none !important; } /* Linkfarben (auch Unterpunkte) */ .elementor-790 .elementor-element.elementor-element-7752be9e .elementor-nav-menu--dropdown a.elementor-item, .elementor-790 .elementor-element.elementor-element-7752be9e .elementor-nav-menu--dropdown a.elementor-sub-item { color: #ffffff !important; fill: #ffffff !important; transition: color .25s ease, fill .25s ease; } /* Hover / Active / aktueller Menüpunkt */ .elementor-790 .elementor-element.elementor-element-7752be9e .elementor-nav-menu--dropdown a.elementor-item:hover, .elementor-790 .elementor-element.elementor-element-7752be9e .elementor-nav-menu--dropdown a.elementor-sub-item:hover, .elementor-790 .elementor-element.elementor-element-7752be9e .elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-790 .elementor-element.elementor-element-7752be9e .elementor-nav-menu--dropdown .current-menu-item > a { color: #85C9F0 !important; fill: #85C9F0 !important; } /* Tastaturfokus sichtbar, farblich konsistent */ .elementor-790 .elementor-element.elementor-element-7752be9e .elementor-nav-menu--dropdown a:focus, .elementor-790 .elementor-element.elementor-element-7752be9e .elementor-nav-menu--dropdown a:focus-visible { color: #85C9F0 !important; outline: none; }/* End custom CSS */