table.schools {
    x-table-layout: fixed;
}

table.schools th {
    font-weight: normal;
}

table.schools th span.heading {
    font-size: 24px;
}

table.schools th.name {
    height: 100px;
}

table.schools th.stats {
    width: 50px;
}

table.schools th.stats span {
    display: block;
    white-space: nowrap;
    transform: rotate(-75deg);
    width: 50px;
}

table.schools td.stats span {
    padding: .15em .3em;
}

table.schools .stats._tn_ist {
    font-weight: bold;
}

table.schools .stats._senat {
    color: red;
}

table.schools td.stats._esf span {
    background-color: var(--cl-red);
    color: var(--fg-red);
}

table.schools td.stats._zertifikate span {
    background-color: var(--cl-green);
    color: var(--fg-green);
}

.chartbox {
    float: left;
    margin: 1em 1em;
}

.chartbox table.legend {
    margin-top: .5em;
    width: 100%;
    font-size: 14px;
}

.chartbox table.legend .color span {
    display: block;
    width: 10px;
    height: 10px;
    background-color: var(--color);
}

.chartbox .absolute.value {
    font-weight: bold;
}