.elementor-8813 .elementor-element.elementor-element-7df47599 > .elementor-background-overlay{background-color:var( --e-global-color-17f6741 );opacity:0.5;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}/* Start custom CSS for text-editor, class: .elementor-element-747f5d45 *//* 1. WICHTIG: Erlaubt das Scrollen und überschreibt Elementor-Konflikte */
.elementor-widget-container .table-wrapper {
    /* Wichtig: Aktiviert das horizontale Scrollen */
    overflow-x: auto !important; 
    
    /* Stellt sicher, dass der Wrapper nicht über den Bildschirm hinausgeht */
    max-width: 100% !important; 
    
    /* Optional für iOS/Safari, falls notwendig */
    -webkit-overflow-scrolling: touch; 
    
    padding-bottom: 5px; 
    margin-bottom: 20px;
}

/* 2. Die Tabelle: Erzwingt die Breite */
.elementor-widget-container .table-wrapper table {
    /* Zwingt die Tabelle, breiter zu sein als der mobile Viewport, um Scrollen auszulösen */
    min-width: 650px; 
    
    /* Erlaubt der Tabelle, sich auszudehnen */
    width: auto; 
    
    border-collapse: collapse;
}

/* 3. Zellen-Styling */
.elementor-widget-container .table-wrapper th, 
.elementor-widget-container .table-wrapper td {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
    white-space: normal; 
    vertical-align: top;
}/* End custom CSS */