#headdiv {
    width: 100%; /* Volle Breite */
    height: 99px; /* Fixe Höhe */
    display: flex; /* Flexbox für gleich große Abschnitte */
    flex-direction: column;
}
 #headdiv > div {
     flex: 1; /* 1/3 der Breite */
     position: relative;
 }
 #headdiv > div::before {
     content: ''; /* Pseudo-Element für den halbtransparenten Hintergrund */
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: currentColor; /* Farbe übernehmen */
     opacity: 0.2;
     z-index: 0; /* Hinter den Text legen */
 }
#headdiv > div span {
    position: relative; /* Positionierung für den Text */
    z-index: 1; /* Text über den Hintergrund legen */
    color: white; /* Standardfarbe für Text */
    font-weight: bold; /* Fettschrift */
    font-size: 16px; /* Schriftgröße */
    padding-left: 50px;
}
.black {
    background-color: black;
}
.red {
    background-color: red;
}
.gold {
    background-color: gold;
    color: black; /* Schwarzer Text für bessere Sichtbarkeit auf Gold */
}

[data-event] span {
    cursor: pointer;
}
[data-item] {
    display: none;
}
[data-item] span {
    display: block;
    padding-left: 15px;
}
[data-division] {
    display: none;
}
span[data-sex] {
    padding-left: 30px;
}
th[colspan="4"] {
    background-color:#ddd;
}

div.wb {
    cursor: pointer;
}
div.wb:hover {
    background-color: #ddd;
}


div.aksel {
    display:none;
    padding-left:20px;
    cursor: pointer;
}
div.aksel:hover {
    background-color: #ddd;
}
div.aksel[data-selected="1"] {
    background-color: #fc0;
}


/* Age Group Head */
td.aghead {
    font-weight: bold;
    background-color: #666;
    color: white;
}

td.staffelak {
    background-color: #fc0;
    color: black;
}
td.staffelcountry {
    background-color: gainsboro;
    color: black;
}

div.disHead {
    font-weight: bold;

}