body {
    font-family: 'Arial Narrow', Arial, bold; /* Arial Condensed */
    font-style: bold;
    text-align: center;
    font-size: 11px;
    font-stretch: 200;
    margin: 0;
    padding: 0;
}

.grid1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing,2px); /* Vertikaler Abstand zwischen den Zeilen */
    padding: 5px;
}

.row {
    display: flex;
    gap: 30px; /* Horizontaler Abstand zwischen den Gruppen */
}

.group {
    display: flex;
    gap: 1px; /* Horizontaler Abstand zwischen den Feldern innerhalb einer Gruppe */
}

.wo {
    width: 12px;
    height: 13px;
    background-color: white;
}
.wo1 {
    width: 12px;
    height: 13px;
    background-color: lightgrey;
}


.man {
    width: 50px;
    height: 13px;
    background-color: white;
}
.man0 {
    width: 50px;
    height: 13px;
    background-color: darkgrey;
}
.manW {
    width: 50px;
    height: 13px;
    background-color: greenyellow;
}
.manL {
    width: 50px;
    height: 13px;
    background-color: red;
}

.erg {
    width: 14px;
    height: 13px;
    background-color: white;
}
.erg1 {
    width: 14px;
    height: 13px;
    background-color: lightgrey;
}

.cx {
    width: 10px;
    height: 13px;
    background-color: white;
}
.cx1 {
    width: 10px;
    height: 13px;
    background-color: lightgrey;
}

.space {
    width: 20px;
    height: 10px;
    background-color: white;
}