.elementor-3233 .elementor-element.elementor-element-bddfe23:not(.elementor-motion-effects-element-type-background), .elementor-3233 .elementor-element.elementor-element-bddfe23 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFB933;}/* Standard-Styling für alle Tabellen */
.data-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
    font-size: 14px;
    text-align: left;
}

/* 1. STYLES FÜR DEN TABELLENKOPF (THEAD) */

/* Hintergrund des Headers ist dunkel, Schriftfarbe bleibt weiß. */
.data-table thead tr {
    background-color: #333; 
    color: white; 
}

/* Schriftfarbe für die Header-Zellen (TH) ist Weiß. */
.data-table th {
    padding: 12px 15px;
    border: 1px solid #ddd;
    color: white; 
}

/* 2. STYLES FÜR DEN TABELLENKÖRPER (TBODY) */

/* Schriftfarbe für die Daten-Zellen (TD) ist Schwarz. */
.data-table td {
    padding: 12px 15px;
    border: 1px solid #ddd;
    color: black; /* NEU: Dateninhalte sind Schwarz */
}

/* Hintergrundfarbe für ungerade Zeilen (Weiß) */
.data-table tbody tr:nth-child(odd) {
    background-color: #ffb933; 
}

/* Hintergrundfarbe für gerade Zeilen (die spezifische gelbe Farbe) */
.data-table tbody tr:nth-child(even) {
    background-color: #eb9b00;
}


/* Responsivität: Macht die Tabelle auf kleinen Bildschirmen scrollbar */
@media screen and (max-width: 767px) {
    /* Container, der den horizontalen Scroll auf Mobilgeräten ermöglicht */
    .responsive-table-container {
        overflow-x: auto;
    }
    
    /* Zwingt die Tabelle, breiter als der Bildschirm zu sein, um Scrollen zu ermöglichen */
    .data-table {
        min-width: 700px; 
    }

    .data-table th, .data-table td {
        white-space: nowrap; 
    }
    
    /* Überschriften (H3) werden auf Schwarz gesetzt, da sie wahrscheinlich außerhalb der dunklen Tabelle liegen */
    .table-heading {
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
        min-width: 100%; 
        color: black; 
    }
}