.elementor-2391 .elementor-element.elementor-element-2aefe62{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}/* Start custom CSS *//* Grundlegende Einstellungen */
html, body {
    margin: 0;
    padding: 0;
    overflow: hidden; /* Kein Scrollen im Standard */
    height: 100vh;
    width: 100vw;
    position: relative;
}

/* Zentraler Container */
#mitte {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: lightgray; /* Optional: zur Orientierung */
    z-index: 10; /* Immer im Vordergrund */
}

/* Oberer Container */
#oben {
    position: absolute;
    top: -100vh;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: lightblue; /* Optional: zur Orientierung */
}

/* Unterer Container */
#unten {
    position: absolute;
    top: 100vh;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: lightgreen; /* Optional: zur Orientierung */
}

/* Linker Container */
#links {
    position: absolute;
    top: 0;
    left: -100vw;
    width: 100vw;
    height: 100vh;
    background-color: lightpink; /* Optional: zur Orientierung */
}

/* Rechter Container */
#rechts {
    position: absolute;
    top: 0;
    left: 100vw;
    width: 100vw;
    height: 100vh;
    background-color: lightyellow; /* Optional: zur Orientierung */
}



@media (max-width: 768px) {
    #mitte, #oben, #unten, #links, #rechts {
        width: 100vw;
        height: 100vh;
    }
}/* End custom CSS */