.l2-overlay-container {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.l2-overlay-container {
display: block;
}
.l2_over_bg .l2-overlay-container {
z-index: -1;
} @media only screen and (max-width: 991px) {
.l2-overlay-container.mobile-overlay ~ .l2-overlay-container.tablet-overlay,
.l2-overlay-container.mobile-overlay ~ .l2-overlay-container.desktop-overlay,
.l2-overlay-container.mobile-overlay ~ .l2-overlay-container.large_desktop-overlay {
display: none;
}
} @media only screen and (max-width: 1199px) {
.l2-overlay-container.tablet-overlay ~ .l2-overlay-container.desktop-overlay,
.l2-overlay-container.tablet-overlay ~ .l2-overlay-container.large_desktop-overlay {
display: none;
}
} @media only screen and (max-width: 1439px) {
.l2-overlay-container.desktop-overlay ~ .l2-overlay-container.large_desktop-overlay {
display: none;
}
} .l2-background-color {
background-color: var(--large-desktop-bg-color, transparent);
}   @media only screen and (max-width: 991px) {
.elementor-background-video-container.mobile-video ~ .elementor-background-video-container.tablet-video,
.elementor-background-video-container.mobile-video ~ .elementor-background-video-container.desktop-video,
.elementor-background-video-container.mobile-video ~ .elementor-background-video-container.large_desktop-video {
display: none;
}
} @media only screen and (max-width: 1199px) {
.elementor-background-video-container.tablet-video ~ .elementor-background-video-container.desktop-video,
.elementor-background-video-container.tablet-video ~ .elementor-background-video-container.large_desktop-video {
display: none;
}
} @media only screen and (max-width: 1439px) {
.elementor-background-video-container.desktop-video ~ .elementor-background-video-container.large_desktop-video {
display: none;
}
} .elementor-background-video-container.large_desktop-video {
display: block;
}
.elementor-background-video-container.large_desktop-video video {
object-position: var(--large-desktop-bg-video-orientierung);
} .l2-background-image {
background-image: var(--large-desktop-bg-image-url, none);
background-size: var(--large-desktop-bg-image-size, auto);
background-position: var(--large-desktop-bg-image-position, center);
background-repeat: no-repeat;
}
@media screen and (max-width: 1200px) {
.l2-background-image {
background-image: var(--desktop-bg-image-url, var(--large-desktop-bg-image-url, none));
background-size: var(--desktop-bg-image-size, var(--large-desktop-bg-image-size, auto));
background-position: var(--desktop-bg-image-position, var(--large-desktop-bg-image-position, center));
}    
}
@media screen and (max-width: 991px) {
.l2-background-image {
background-image: var(--tablet-bg-image-url, var(--desktop-bg-image-url, var(--large-desktop-bg-image-url, none)));
background-size: var(--tablet-bg-image-size, var(--desktop-bg-image-size, var(--large-desktop-bg-image-size, auto)));
background-position: var(--tablet-bg-image-position, var(--desktop-bg-image-position, var(--large-desktop-bg-image-position, center)));
}    
}
@media screen and (max-width: 768px) {
.l2-background-image {
background-image: var(--mobile-bg-image-url, var(--tablet-bg-image-url, var(--desktop-bg-image-url, var(--large-desktop-bg-image-url, none))));
background-size: var(--mobile-bg-image-size, var(--tablet-bg-image-size, var(--desktop-bg-image-size, var(--large-desktop-bg-image-size, auto))));
background-position: var(--mobile-bg-image-position, var(--tablet-bg-image-position, var(--desktop-bg-image-position, var(--large-desktop-bg-image-position, center))));
}
} :root {
--bg-color-primary: var(--token-color-background-primary-mode-light);
--bg-color-secondary: var(--token-color-background-secondary-mode-light);
--bg-color-tertiary: var(--token-color-background-tertiary-mode-light);
}
.l2-dark-mode-on.l2-section-container {
--bg-color-primary: var(--token-color-background-primary-mode-dark);
--bg-color-secondary: var(--token-color-background-secondary-mode-dark);
--bg-color-tertiary: var(--token-color-background-tertiary-mode-dark);
}