body {
    font-family: Arial, sans-serif;
}

.table-container {
    overflow-x:auto; /* Ermöglicht das Scrollen bei Bedarf */
}

table {
    width: 100%; /* Tabelle nimmt die volle Breite des Containers ein */
    border-collapse: collapse; /* Entfernt doppelte Ränder */
}

th, td {
    border: 1px solid #ddd; /* Rahmen für Zellen */
    padding: 8px; /* Innenabstand für Zellen */
    text-align: left; /* Textausrichtung */
}

th {
    background-color: #f2f2f2; /* Hintergrundfarbe für Kopfzeile */
}

@media (max-width: 576px) {
    th, td {
        display: block; /* Zellen werden untereinander angezeigt */
        width: 100%; /* Jede Zelle nimmt die volle Breite ein */
    }
}