body {
    padding-top: 60px;
}

/* Navigation Start */
#topnav {
    height: 60px;
}

@media (max-width: 991.98px) {
    #topnav {
        padding-top: 0 !important;
    }
}
.navbar .dropdown-menu {
    top: 50px;          /* exakt Unterkante Navbar */
}
.navbar-brand {
    font-family: Arial, sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.1;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
}
/* Navigation Ende */

tr.hidden {
    display: none;
}
/* Vorlauf */
td[data-ttvalue="1"] {
    background-color: #1E88E5;
    color: white;
}
/* Halbfinale */
td[data-ttvalue="2"] {
    background-color: #FB8C00;
}
/* Vorlauf und Halbfinale */
td[data-ttvalue="3"] {
    background: linear-gradient(90deg, #1E88E5, #FB8C00);
    color: white;

}
td[data-ttvalue="4"] {
    background-color: #43A047;
}
/* Halbfinale / Finale */
td[data-ttvalue="6"] {
    background: linear-gradient(90deg, #FB8C00, #43A047 );
}


td[data-ttvalue="10"] {
    background-color: #888;
}
tr.tttr td {
    text-align: center;      /* horizontal */
    vertical-align: middle; /* vertikal */
}


.akbutton {
    background-color: gray;
    margin:5px;
    color: white;
    width: 4rem;
}

.table-dotted {
    border-collapse: collapse;
}

.table-dotted td,
.table-dotted th {
    border: 1px dotted #adb5bd; /* Bootstrap-grau */
}
.tdgray {
    background-color: #ddd !important;
}



a.lightbg {
    color: black;
}
a.lightbg:hover {
    color: #333;
}

#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;
}

[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;
}
.counterpill {
    float: right;
    font-weight:bold;"
}

.counterpill span {
    margin-left: 10px;
    font-size: 16px;
}

.bg-rosa {
    background-color: #e83e8c;
}