.elementor-5089 .elementor-element.elementor-element-3f93a7fd{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-5089 .elementor-element.elementor-element-79ff8c94{--display:flex;--min-height:400px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF30;--border-color:#FFFFFF30;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5089 .elementor-element.elementor-element-3c610da9{text-align:center;}.elementor-5089 .elementor-element.elementor-element-3c610da9 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-5089 .elementor-element.elementor-element-e6757bd{--display:flex;}.elementor-5089 .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;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-5089 .elementor-element.elementor-element-3c610da9 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:1024px){.elementor-5089 .elementor-element.elementor-element-79ff8c94{--min-height:320px;}.elementor-5089 .elementor-element.elementor-element-3c610da9 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-5089 .elementor-element.elementor-element-79ff8c94{--min-height:300px;}.elementor-5089 .elementor-element.elementor-element-3c610da9 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}/* 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 */