/* Kompakte Tabellenansicht */

main {
    max-width: 850px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto;
}

.table-wrap table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    border-collapse: collapse;
}

.table-wrap th,
.table-wrap td {
    padding: 6px 3px !important;
    font-size: 12px !important;
    text-align: center;
    white-space: normal !important;
}

.table-wrap th:nth-child(1),
.table-wrap td:nth-child(1) { width: 6%; }

.table-wrap th:nth-child(2),
.table-wrap td:nth-child(2) {
    width: 30%;
    text-align: left;
    overflow-wrap: anywhere;
}

.table-wrap th:nth-child(3),
.table-wrap td:nth-child(3),
.table-wrap th:nth-child(4),
.table-wrap td:nth-child(4),
.table-wrap th:nth-child(5),
.table-wrap td:nth-child(5),
.table-wrap th:nth-child(6),
.table-wrap td:nth-child(6) { width: 6%; }

.table-wrap th:nth-child(7),
.table-wrap td:nth-child(7) { width: 13%; }

.table-wrap th:nth-child(8),
.table-wrap td:nth-child(8) { width: 11%; }

.table-wrap th:nth-child(9),
.table-wrap td:nth-child(9) { width: 16%; }

@media (max-width: 600px) {
    main {
        padding: 5px !important;
    }

    .table-wrap th,
    .table-wrap td {
        padding: 5px 1px !important;
        font-size: 10px !important;
    }

    .table-wrap th:nth-child(2),
    .table-wrap td:nth-child(2) {
        overflow-wrap: anywhere;
    }
}