.elementor-4742 .elementor-element.elementor-element-7ed82a2{--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;}.elementor-4742 .elementor-element.elementor-element-e6757bd{--display:flex;}.elementor-4742 .elementor-element.elementor-element-9a0caa8{--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;}/* Start custom CSS *//* RESPONSIVE UPDATE */
@media (max-width: 900px) {
    .sd-app {
        flex-direction: column; /* Stapeln: Oben Preview, Unten Controls */
        height: auto; /* Höhe flexibel machen */
        min-height: 100vh;
    }

    .sd-main {
        height: 55vh; /* Preview bekommt 55% der Bildschirmhöhe */
        min-height: 350px;
        order: 1; /* Preview zuerst anzeigen */
        background: #000;
    }

    .sd-sidebar {
        width: 100%;
        height: auto;
        order: 2; /* Controls danach */
        padding-bottom: 50px;
    }

    /* Track Anpassung für Mobile */
    .sd-track-wrap {
        align-items: center;
    }
    
    /* Navigation Pfeile auf Mobile optional ausblenden oder anpassen */
    .nav-btn {
        width: 40px; height: 40px; font-size: 20px;
        background: rgba(0,0,0,0.5); /* Besserer Kontrast */
    }
}/* End custom CSS */