.elementor-636 .elementor-element.elementor-element-a440ddd{--display:flex;--min-height:0px;--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:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--overlay-opacity:0.5;--margin-top:-5px;--margin-bottom:-71px;--margin-left:0px;--margin-right:0px;--padding-top:-6px;--padding-bottom:-13px;--padding-left:46px;--padding-right:0px;--z-index:9999;}.elementor-636 .elementor-element.elementor-element-a440ddd:not(.elementor-motion-effects-element-type-background), .elementor-636 .elementor-element.elementor-element-a440ddd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-transparent );}.elementor-636 .elementor-element.elementor-element-a440ddd::before, .elementor-636 .elementor-element.elementor-element-a440ddd > .elementor-background-video-container::before, .elementor-636 .elementor-element.elementor-element-a440ddd > .e-con-inner > .elementor-background-video-container::before, .elementor-636 .elementor-element.elementor-element-a440ddd > .elementor-background-slideshow::before, .elementor-636 .elementor-element.elementor-element-a440ddd > .e-con-inner > .elementor-background-slideshow::before, .elementor-636 .elementor-element.elementor-element-a440ddd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-transparent );--background-overlay:'';}.elementor-636 .elementor-element.elementor-element-a440ddd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-636 .elementor-element.elementor-element-d14de58{margin:0px 208px calc(var(--kit-widget-spacing, 0px) + 16px) -6px;padding:-5px 2px 0px 8px;text-align:start;}.elementor-636 .elementor-element.elementor-element-d14de58.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-636 .elementor-element.elementor-element-d14de58 img{width:111px;max-width:1000px;height:117px;opacity:0.82;transition-duration:0.8s;border-radius:0px 0px 0px 0px;}.elementor-636 .elementor-element.elementor-element-d14de58:hover img{opacity:0.52;}.elementor-636 .elementor-element.elementor-element-8f0dc0d{padding:0px 30px 19px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-menu-toggle{margin:0 auto;}.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );padding-left:11px;padding-right:11px;padding-top:12px;padding-bottom:12px;}.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--main .elementor-item:hover,
					.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--dropdown a, .elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--dropdown{background-color:var( --e-global-color-background );}.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--dropdown .elementor-item, .elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;}.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-636 .elementor-element.elementor-element-8f0dc0d div.elementor-menu-toggle{color:#B6AEAE;}.elementor-636 .elementor-element.elementor-element-8f0dc0d div.elementor-menu-toggle svg{fill:#B6AEAE;}.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-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--dropdown .elementor-item, .elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:18px;}.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;padding-top:5vh;padding-bottom:5vh;}}@media(min-width:768px){.elementor-636 .elementor-element.elementor-element-a440ddd{--width:100%;}}@media(max-width:767px){.elementor-636 .elementor-element.elementor-element-a440ddd{--width:500px;--min-height:0px;--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;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:36px;--padding-bottom:21px;--padding-left:0px;--padding-right:30px;}.elementor-636 .elementor-element.elementor-element-d14de58{text-align:start;}.elementor-636 .elementor-element.elementor-element-d14de58 img{width:1px;max-width:1px;height:1px;}.elementor-636 .elementor-element.elementor-element-8f0dc0d{padding:0px 0px 0px 0px;--nav-menu-icon-size:25px;}.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--main .elementor-item{padding-left:12px;padding-right:12px;}.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--dropdown .elementor-item, .elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:18px;}.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;padding-top:5vh;padding-bottom:5vh;}.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-menu-toggle{border-width:0px;border-radius:0px;}}/* Start custom CSS for nav-menu, class: .elementor-element-8f0dc0d *//* 1. Dropdown-Container - Ins obere Drittel versetzt */
.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--dropdown {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(10, 10, 10, 0.95) !important; 
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    z-index: 9998 !important;
    display: flex !important;
    flex-direction: column !important;
    
    /* Verschiebt das Menü elegant nach oben */
    justify-content: flex-start !important; 
    padding-top: 20vh !important; 
    
    align-items: center !important;
    margin-top: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* 2. Butterweiche Animation für den Inhalt (umgeht Elementor-JS) */
.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--dropdown ul {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    
    /* cubic-bezier sorgt für ein extrem sanftes Ausgleiten am Ende */
    animation: smoothSlideUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes smoothSlideUp {
    0% { opacity: 0; transform: translateY(40px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* 3. Menüpunkte perfekt ausrichten */
.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--dropdown li {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important; 
}

.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--dropdown a {
    font-size: 26px !important; 
    font-weight: 300 !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 18px 0 !important; 
    border-bottom: none !important; 
    width: 100% !important;
    color: #ffffff !important; 
    transition: all 0.3s ease;
}

/* 4. Hover-Effekt auf Menüpunkten mit deinem Blau */
.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--dropdown a:hover,
.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-nav-menu--dropdown a.elementor-item-active {
    color: #13b5ff !important; 
    background: transparent !important;
    letter-spacing: 2px !important; 
}

/* 5. Hamburger-Icon: Dauerhaft Grau/Weiß transparent */
.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-menu-toggle {
    position: relative !important;
    z-index: 9999 !important; 
    background-color: transparent !important;
    border: none !important;
}

.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-menu-toggle i,
.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-menu-toggle svg {
    fill: rgba(255, 255, 255, 0.6) !important; 
    color: rgba(255, 255, 255, 0.6) !important;
    transition: all 0.3s ease;
}

.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-menu-toggle:hover i,
.elementor-636 .elementor-element.elementor-element-8f0dc0d .elementor-menu-toggle:hover svg {
    fill: #ffffff !important; 
    color: #ffffff !important;
}/* End custom CSS */