.elementor-6140 .elementor-element.elementor-element-0318303{--display:flex;--min-height:80vh;--overlay-opacity:0.5;--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1040;}.elementor-6140 .elementor-element.elementor-element-0318303:not(.elementor-motion-effects-element-type-background), .elementor-6140 .elementor-element.elementor-element-0318303 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://bluu.unit08.dev/wp-content/uploads/2026/04/260302_BLU_UeberUns-Landingpage-Imagefilm_Asset_02.jpg") 50% 50%;background-size:cover;}.elementor-6140 .elementor-element.elementor-element-0318303::before, .elementor-6140 .elementor-element.elementor-element-0318303 > .elementor-background-video-container::before, .elementor-6140 .elementor-element.elementor-element-0318303 > .e-con-inner > .elementor-background-video-container::before, .elementor-6140 .elementor-element.elementor-element-0318303 > .elementor-background-slideshow::before, .elementor-6140 .elementor-element.elementor-element-0318303 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6140 .elementor-element.elementor-element-0318303 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}/* Start custom CSS */.no_gap_top:not(.scrolled) #header,
body:not(.scrolled) .elementor-location-header {
    background-color: rgba(0, 0, 0, 0) !important;
    box-shadow: none !important;
}
body.scrolled .elementor-location-header {
    background-color: #ffffff !important; /* oder deine gewünschte Scroll-Farbe */
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

#main {
    overflow: visible !important;
}/* End custom CSS */