.elementor-12 .elementor-element.elementor-element-7b97a2e{--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;}body.elementor-page-12:not(.elementor-motion-effects-element-type-background), body.elementor-page-12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-7b97a2e */.custom-viewport-frame {
    position: fixed;
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    border: 1px solid #4c4c4c; /* Hier ist dein angepasster Farbton */
    pointer-events: none; /* Sorgt dafür, dass die Seite klickbar bleibt */
    z-index: 9999; /* Hält den Rahmen immer im Vordergrund */
}/* End custom CSS */