* {
    font-family: sans-serif; font-size: small;
}
            
tr:nth-child(even) td {
    background-color: rgb(220,220,220);
}
.headerV {
    width:30px; height:200px; position: relative;
}
.headerV .label {
    position: absolute; text-align: left; border: solid red 0px; width: 190px; height:26px; transform: translateY(-17px) translateX(-80px) rotate(270deg);
}
.result {
    text-align: right;
}
h2,h3,h4 {
    display: inline; border: solid 1px grey; padding:2px 5px; margin:5px;
}
h2 {
    background-color: rgb(180,180,180);
}
h3 {
    background-color: rgb(210,210,210);
}
h4 {
    background-color: rgb(240,240,240);
}

th, td {
    padding: 5px 10px;
}

.h1_passiv {
    flex:1; background-color: rgb(225,225,225); padding:5px 20px;
}
.h1_aktiv {
    flex:1; background-color: rgb(216,238,251); padding:5px 20px;
}

.h1_passiv a {
    text-decoration: none; color:black;   
}
.h1_aktiv a {
    text-decoration: none; color:darkblue;           
}

.mainContainer {
    border:solid 1px rgb(216,238,251);
}

.headContainer {
   display:flex;
}

.mainFilter {
   display:flex; padding:5px 10px; background-color:rgb(128,128,128);
}

.mainFilter div.box {
    flex:1;
}

#groupInfo {
    padding:10px;
}

.viewFilter {
   padding:15px 10px; background-color:rgb(255,0,0); text-align:center; margin-bottom:20px;
}

.viewFilter div {
    display:inline; padding:10px 20px;
}

.viewFilter div a {
    text-decoration:none; color:white; cursor:pointer;
}

.viewFilter div a:hover , .viewFilter div a.aktiv {
    text-decoration:underline;
    text-underline-offset: 0.5em; 
    text-decoration-thickness: 3px;
}

select, option {
    font-size: large;
}

.spieltag {
    padding:5px 20px; background-color: rgb(220,220,220); border-radius: 0px 0px 5px 0px;
    display:inline-block; width:33%;
}

.spielDetailContainer, .detailContainer {
    
    padding:5px 20px; 
}

.spielDetails, .details {
    
    padding:5px 20px; background-color: rgb(240,240,240); border-radius: 3px;
    border-style: none solid solid none;
    border-color: rgb(200,200,200); border-width:3px;
}

.teamLink {
    text-decoration: none; color:black;
}

.teamLink:hover {
    text-decoration: underline; color:red;
}