.score_jungs {
    background-color: hsl(218, 78%, 33%, 0.8)
}

.score_damen {
    background-color: hsl(23, 50%, 47%, 0.8);
}

.outer_table {
    overflow: auto;
    width: 100%;
}

table {
    display: table;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 11pt;
    color: black;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0px;
    border: 0px;
    z-index: 10;
}

th {
    background-color: rgb(191, 191, 185);
    padding-bottom: 8px;
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

td {
    text-align: center;
    background-color: rgb(208, 206, 206);
    font-weight: 400;
    text-decoration: none;
    font-family: Calibri, sans-serif;
    font-style: normal;
    padding: 0px;
}

th,
td {
    border: 1px solid black;
}

td:first-child,
th:first-child {
    position: sticky;
    left: 0px;
    z-index: 99;
}

td:nth-child(2),
th:nth-child(2) {
    position: sticky;
    left: 28px;
    z-index: 98;
}

td:nth-child(3),
th:nth-child(3) {
    position: sticky;
    left: 208px;
    z-index: 97;
}

td:first-child,
td:nth-child(2),
td:nth-child(3) {
    background-color: rgb(250, 250, 250);
}

.Top5 {
    background-color: rgb(198, 239, 206);
    ;
}

.table_pos {
    min-width: 28px;
    max-width: 28px;
}

.table_name {
    min-width: 180px;
    max-width: 180px;
}

.table_gesamt {
    min-width: 60px;
    max-width: 60px;
}

.table_runde {
    min-width: 70px;
    max-width: 70px;
}

.Top5 {
    background-color: rgb(198, 239, 206);
}

.notTop5 {
    background-color: rgb(208, 206, 206);
}


/* Date Row */

.Datum {
    display: none;
    background-color: rgb(250, 250, 250)
}


/* pretend colspan = 3 
    set Background to first 3 Col
    remove inner Borders    */

.Datum td:first-child,
.Datum td:nth-child(2),
.Datum td:nth-child(3) {
    background-color: rgb(211, 211, 211)
}

.Datum td:first-child,
.Datum td:nth-child(2) {
    border-right: none;
}

.Datum td:nth-child(2),
.Datum td:nth-child(3) {
    border-left: none;
}
@media only screen and (max-width: 428px) {
    {
    .Datum {
        display: none;
    }
    .table_runde {
        display: none;
    }
    th:nth-child(n+4) {
        display: none;
    }
    .outer_table {
        display: flex;
        justify-content: center;
    }
}