.elementor-24330 .elementor-element.elementor-element-2d475ede{--display:flex;--min-height:65px;--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:900;}.elementor-24330 .elementor-element.elementor-element-2d475ede:not(.elementor-motion-effects-element-type-background), .elementor-24330 .elementor-element.elementor-element-2d475ede > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-24330 .elementor-element.elementor-element-2d475ede.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-24330 .elementor-element.elementor-element-980e91e{margin:0vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;top:5.5px;z-index:999999;}body:not(.rtl) .elementor-24330 .elementor-element.elementor-element-980e91e{left:21.95px;}body.rtl .elementor-24330 .elementor-element.elementor-element-980e91e{right:21.95px;}.elementor-24330 .elementor-element.elementor-element-980e91e img{width:100%;max-width:235px;opacity:1;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.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-weight:var( --e-global-typography-accent-font-weight );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-24330 .elementor-element.elementor-element-d986998{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );--nav-menu-icon-size:15px;}.elementor-24330 .elementor-element.elementor-element-d986998.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-24330 .elementor-element.elementor-element-d986998 .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-24330 .elementor-element.elementor-element-d986998 .elementor-nav-menu .elementor-item{font-family:"Apercu", Sans-serif;font-size:18px;font-weight:normal;}.elementor-24330 .elementor-element.elementor-element-d986998 .elementor-nav-menu--main .elementor-item{color:#303030;fill:#303030;}.elementor-24330 .elementor-element.elementor-element-d986998 .elementor-nav-menu--main .elementor-item:hover, .elementor-24330 .elementor-element.elementor-element-d986998 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-24330 .elementor-element.elementor-element-d986998 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-24330 .elementor-element.elementor-element-d986998 .elementor-nav-menu--main .elementor-item:focus{color:#115AAD;fill:#115AAD;}.elementor-24330 .elementor-element.elementor-element-d986998 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-24330 .elementor-element.elementor-element-d986998 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#115AAD;}.elementor-24330 .elementor-element.elementor-element-d986998 .e--pointer-framed .elementor-item:before, .elementor-24330 .elementor-element.elementor-element-d986998 .e--pointer-framed .elementor-item:after{border-color:#115AAD;}.elementor-24330 .elementor-element.elementor-element-d986998 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-24330 .elementor-element.elementor-element-d986998 .elementor-nav-menu--dropdown a, .elementor-24330 .elementor-element.elementor-element-d986998 .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-24330 .elementor-element.elementor-element-d986998 .elementor-nav-menu--dropdown{background-color:#28282800;}.elementor-24330 .elementor-element.elementor-element-d986998 .elementor-nav-menu--dropdown a:hover, .elementor-24330 .elementor-element.elementor-element-d986998 .elementor-nav-menu--dropdown a:focus, .elementor-24330 .elementor-element.elementor-element-d986998 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-24330 .elementor-element.elementor-element-d986998 .elementor-nav-menu--dropdown a.highlighted, .elementor-24330 .elementor-element.elementor-element-d986998 .elementor-menu-toggle:hover, .elementor-24330 .elementor-element.elementor-element-d986998 .elementor-menu-toggle:focus{color:#000000;}.elementor-24330 .elementor-element.elementor-element-d986998 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#02010100;}.elementor-24330 .elementor-element.elementor-element-d986998 .elementor-nav-menu--dropdown .elementor-item, .elementor-24330 .elementor-element.elementor-element-d986998 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Apercu", Sans-serif;font-weight:500;font-style:normal;}.elementor-24330 .elementor-element.elementor-element-d986998 .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;}.elementor-24330 .elementor-element.elementor-element-d986998 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-24330 .elementor-element.elementor-element-d986998 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-24330 .elementor-element.elementor-element-d986998 div.elementor-menu-toggle{color:#000000;}.elementor-24330 .elementor-element.elementor-element-d986998 div.elementor-menu-toggle svg{fill:#000000;}.elementor-24330 .elementor-element.elementor-element-536fa74{margin:0px 030px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:0px;}body:not(.rtl) .elementor-24330 .elementor-element.elementor-element-536fa74{right:0px;}body.rtl .elementor-24330 .elementor-element.elementor-element-536fa74{left:0px;}.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-24330 .elementor-element.elementor-element-2d475ede{--width:100%;}}@media(max-width:1024px){.elementor-24330 .elementor-element.elementor-element-2d475ede{--min-height:62px;}.elementor-24330 .elementor-element.elementor-element-980e91e img{width:100%;max-width:26vh;}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-24330 .elementor-element.elementor-element-d986998{margin:0vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;padding:1.8vw 1.8vw 1.8vw 1.8vw;}.elementor-24330 .elementor-element.elementor-element-536fa74{margin:2px 080px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:767px){.elementor-24330 .elementor-element.elementor-element-2d475ede{--flex-wrap:nowrap;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:1000;}.elementor-24330 .elementor-element.elementor-element-2d475ede.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-24330 .elementor-element.elementor-element-980e91e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 5px;z-index:998999;}.elementor-24330 .elementor-element.elementor-element-980e91e img{width:100%;max-width:22vh;}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-24330 .elementor-element.elementor-element-d986998{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:1;--nav-menu-icon-size:21px;}.elementor-24330 .elementor-element.elementor-element-d986998.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-24330 .elementor-element.elementor-element-d986998 .elementor-nav-menu--dropdown a{padding-left:0;padding-right:0;}.elementor-24330 .elementor-element.elementor-element-d986998 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-24330 .elementor-element.elementor-element-d986998 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-24330 .elementor-element.elementor-element-d986998 .elementor-menu-toggle{border-width:0px;border-radius:0px;}.elementor-24330 .elementor-element.elementor-element-536fa74{margin:0vw 14vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;padding:6px 0px 0px 0px;z-index:2;}}/* Start custom CSS for container, class: .elementor-element-2d475ede */.elementor-nav-menu--main ul.sub-menu.elementor-nav-menu--dropdown { background: rgba(220, 220, 220, 0.8) !important; backdrop-filter: 50px !important; -webkit-backdrop-filter: 50px !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; border-top-color: rgba(255, 255, 255, 0.40) !important; border-radius: 14px !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.09), inset 0 1px 5px rgba(255, 255, 255, 0.28), inset 0 -1px 2px rgba(0, 0, 0, 0.05) !important; padding: 10px 6px !important; margin-top: 6px !important; top: 100% !important; min-width: 220px !important; overflow: hidden !important; box-sizing: border-box !important; z-index: 5 !important; } .sub-arrow{ padding: 0px !important; margin: 0px !important; position: absolute; right: 0px !important; width: 12.6px; } .has-submenu{ margin-right: 22.6px !important; } .fwcart{ top: 50% !important; transform: translateY(-50%) !important; } .fwtitleimage{ top: 50% !important; left: 1% !important; transform: translateY(-50%) !important; } /* Apply blur to dropdown when its parent menu item is actively hovered */ .elementor-nav-menu--main .elementor-item-has-children:hover > ul.sub-menu.elementor-nav-menu--dropdown { backdrop-filter: blur(7px) !important; -webkit-backdrop-filter: blur(7px) !important; } /* Styling for the pseudo-element (gradient highlight) within the dropdown */ .elementor-nav-menu--main ul.sub-menu.elementor-nav-menu--dropdown::before { content: '' !important; position: absolute !important; inset: 0 0 auto 0 !important; height: 45px !important; pointer-events: none !important; background: linear-gradient( to bottom, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.08) 65%, transparent 100% ) !important; border-radius: 14px 14px 0 0 !important; mix-blend-mode: screen !important; opacity: 0.85 !important; z-index: 0 !important; } /* Styling for individual list items within the dropdown */ .elementor-nav-menu--main .sub-menu li { margin: 3px 0 !important; } /* Styling for the links within the dropdown list items */ .elementor-nav-menu--main .sub-menu li a { position: relative !important; display: flex !important; align-items: center !important; height: 44px !important; padding: 0 20px !important; font-size: 15px !important; font-weight: 500 !important; color: #111 !important; text-decoration: none !important; border-radius: 11px !important; transition: color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important; overflow: hidden !important; z-index: 1 !important; background: transparent !important; } .elementor-sticky { /* Always Frosted Glassmorphism Styling */ background: rgba(255, 255, 255, 0.6) !important; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6), inset 0 1px 4px rgba(255, 255, 255, 0.25) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; transition: background 0.4s ease, box-shadow 0.4s ease; } /* Styling for the hover highlight effect on dropdown links */ .elementor-nav-menu--main .sub-menu li a::before { content: '' !important; position: absolute !important; inset: 0 !important; border-radius: inherit !important; background: radial-gradient( circle 130px at var(--x, 50%) var(--y, 50%), rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.08) 45%, transparent 75% ) !important; opacity: 0 !important; transition: opacity 0.35s ease !important; pointer-events: none !important; z-index: -1 !important; } /* Make hover highlight visible on hover */ .elementor-nav-menu--main .sub-menu li a:hover::before { opacity: 1 !important; } /* Styling for dropdown links on hover */ .elementor-nav-menu--main .sub-menu li a:hover { color: #000 !important; transform: translateY(-1px) scale(1.01) !important; box-shadow: 0 6px 18px rgba(0,0,0,0.07), inset 0 1px 0 rgba(255,255,255,0.35), inset 0 -1px 0 rgba(0,0,0,0.06) !important; } /* Styling for currently active dropdown links */ .elementor-nav-menu--main .sub-menu li.current-menu-item a, .elementor-nav-menu--main .sub-menu li.current_page_item a { color: #000 !important; background: rgba(250, 250, 255, 0.32) !important; box-shadow: inset 0 1px 5px rgba(0,0,0,0.10), inset 0 -1px 0 rgba(255,255,255,0.25), 0 3px 12px rgba(0,0,0,0.05) !important; transform: scale(1.005) !important; } /* Styling for sub-arrow icon on hover within dropdown links */ .elementor-nav-menu--main .sub-menu li a:hover .sub-arrow { color: rgba(0,0,0,0.8) !important; transform: translateX(3px) !important; } /* Cleanup for sub-menu elements */ .elementor-nav-menu--main .sub-menu, .elementor-nav-menu--main .sub-menu li, .elementor-nav-menu--main .sub-menu li a, .elementor-nav-menu--main .sub-menu .elementor-item { border: none !important; box-shadow: none !important; } /* Title image anpassen*/ @media (min-width: 1025px) { .fwtitleimage{ width: 235px !important; height: 52px !important; } } .elementor-location-header .elementor-nav-menu--main li:hover > .sub-menu { visibility: visible; opacity: 1; transform: translateY(0); } @media (max-width: 1025px) { .elementor-location-header .elementor-nav-menu--dropdown a:active, .elementor-location-header .elementor-nav-menu--dropdown a:focus, .elementor-location-header .elementor-nav-menu--dropdown a:hover, .elementor-item.has-submenu.highlighted{ background-color: rgba(240, 240, 240, 0.8) !important; color: #000 !important; box-shadow: none !important; } .elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container { top: 0 !important; left: 0 !important; bottom: 0 !important; overflow-y: auto !important; width: 100vw !important; height: 100dvh; min-height: 100dvh; background-color: #FFFFFF !important; padding-top: 9vh !important; position: fixed !important; } .elementor-location-header .elementor-menu-toggle + .elementor-nav-menu--dropdown { } html, body { scroll-padding-top: var(--header-height-mob) !important; } .elementor-location-header, .elementor-section { margin-top: 0 !important; } /* TEXTE & ABSTÄNDE */ .elementor-location-header .elementor-nav-menu--dropdown a { font-family: 'Apercu', sans-serif !important; font-size: 2.7vh !important; font-weight: 700 !important; color: #000 !important; padding: 2.2vh 6vw !important; text-align: left !important; opacity: 0; transform: translateY(20px); transition: opacity 0.3s ease-out, transform 0.3s ease-out !important; } .elementor-location-header .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown a { opacity: 1 !important; z-index: 100 !important; transform: translateY(0) !important; } .elementor-location-header .menu-item-has-children .menu-item{ padding-left: 2.5vh !important; } /* BUTTON IM MENÜ */ .elementor-location-header .mobile-menu-cta a { background-color: #115AAD !important; color: #fff !important; border-radius: 100px !important; margin: 5vh 20px !important; text-align: center !important; justify-content: center !important; font-size: 3vh !important; display: block !important; transform: none !important; } /* TOGGLE ICON (X) */ .elementor-location-header .elementor-menu-toggle { font-size: 3vh; z-index: 10 !important; position: relative !important; } } @media (max-width: 700px) { /* TEXTE & ABSTÄNDE */ .elementor-location-header .elementor-nav-menu--dropdown a { font-size: 2.5vh !important; } .elementor-location-header .elementor-nav-menu--dropdown a { padding: 1.6vh 6vw !important; } } @media (min-width: 1025px) and (max-width: 1300px) { .fwtitleimage img { padding-top: 7px !important; padding-bottom: auto !important; width: 70% !important; /*display: none !important;*/ } .elementor-item { padding-left: 6px !important; font-size: 14px !important; } }/* End custom CSS */