.sb-table__wrapper {
    overflow-x: scroll!important;
    width: 100%;
    -webkit-overflow-scrolling: touch; /* Flüssiges Scrollen auf iOS */
    max-width: 100%; /* Verhindert Überlauf */
    user-select: none; /* Verhindert Textauswahl */
    -webkit-user-select: none; /* Für Safari */
    -moz-user-select: none; /* Für Firefox */
    -ms-user-select: none; /* Für ältere Browser */
}

.sb-table__wrapper::-webkit-scrollbar {
    height: 8px; /* Sichtbare Scrollbar auf Mobilgeräten */
}

.sb-table__wrapper::-webkit-scrollbar-thumb {
    background-color: #888; /* Scrollbar-Farbe */
    border-radius: 4px;
}

.sb-charts-table {
    width: auto; /* Oder feste Breite, z. B. 1200px, wenn breiter als Bildschirm */
    white-space: nowrap; /* Verhindert Zeilenumbrüche */
    border-collapse: collapse;
    min-width: 800px; /* Feste Mindestbreite für Sidescroll */
    cursor: grab; /* Zeigt "Greif"-Cursor auf Desktop */
}

.sb-charts-table:active {
    cursor: grabbing; /* Cursor während des Ziehens */
}

.sb-charts-table th, td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.sb-charts-table th:first-child, .sb-charts-table td:first-child {
    padding-left: 0!important;
}

.sb-charts-table th {
    background-color: #f2f2f2;
    font-weight: bold;
}

.sb-charts-table td:first-child {
    text-align: center;
}

.sb-charts-table th {
    background-color: #f2f2f2!important;
}

.sb-charts-table td:nth-child(2), .sb-charts-table th:nth-child(2) {
    position: sticky;
    left: 0;
    background-color: #fff; /* Verhindert Überschneidung */
    z-index: 1;
}

.sb-charts-table tr:hover {
    background-color: #f5f5f5;
}