details {
	transition: all .5s;
  font-size: 1.8rem;
  color: var(--Objekt-Front);
  /* position: relative; */
  /* margin: 10px; */
}

summary {
	position: relative;
	line-height: 170%;
  cursor: pointer;
  background: var(--Objekt-Back);
  border: 1px solid var(--Objekt-Front);
  border-radius: 3px;
  font-size: 1.4rem;
}

summary::after {
  content:  "+"; 
  position: absolute;
  font-size: 2em;
  font-weight: bold; 
  right: 0.5em;
} 

details[open] summary::after {
  content: '- '; 
}

table#Mannschaft  tbody tr:nth-child(even), table#PersonDaten tbody tr:nth-child(even){
  background: var(--Tab-ZweiteZeile);
}

table#Stammverein  tbody tr:nth-child(even), table#PersonDaten tbody tr:nth-child(even){
  background: var(--Tab-ZweiteZeile);
}

table#Bilanz  tbody tr:nth-child(even), table#PersonDaten tbody tr:nth-child(even){
  background: var(--Tab-ZweiteZeile);
}

table#Mannschaft {
  width:  330px;
  /* max-width: 330px; */
}

table#Stammverein {
  width:  330px;
  /* max-width: 330px; */
}



table#Mannschaft tbody tr td:first-child{
  width: 8rem;
}


table#Bilanz tr th:nth-child(n+6):nth-child(-n+29),
table#Bilanz tr td:nth-child(n+6):nth-child(-n+29)  {
  /* background-color: #FF80FF; */
  max-width: 8rem;
  text-align: center;
}

table#Bilanz tr th:nth-child(n+5),
table#Bilanz tr td:nth-child(n+5)  {
  /* background-color: #FF80FF; */
  text-align: right;
}

table#Bilanz tbody tr td:nth-child(n+23):nth-child(-n+23),
table#Bilanz tbody tr td:nth-child(n+16):nth-child(-n+16),
table#Bilanz tbody tr td:nth-child(n+8):nth-child(-n+8) {
  border-left-width: 3px;
}

input[type=radio] + label,
input[type=checkbox] + label {
  margin-right: 20px;
}

@media screen and (max-width: 483px) {
  /* Handy hoch */
  table#Stammverein {
    width: 330px;
    /* background-color: #000000; */
  }
  
  table#Stammverein thead tr th:nth-child(2),
  table#Stammverein tbody tr td:nth-child(2) {
    display:none;
  }

  details, table#Bilanz {
    width: 330px;
    /* background-color: #FFFFFF; */
  }

  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+2):nth-child(-n+2),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+2):nth-child(-n+2),
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+4):nth-child(-n+4),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+4):nth-child(-n+4),
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+6):nth-child(-n+11),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+6):nth-child(-n+11),
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+13):nth-child(-n+13),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+13):nth-child(-n+13),
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+15):nth-child(-n+29),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+15):nth-child(-n+29) {
    display:none;
  } 

  input#opt2:checked ~ table#Bilanz thead tr th:nth-child(n+2):nth-child(-n+2),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+2):nth-child(-n+2),
  input#opt2:checked ~ table#Bilanz thead tr th:nth-child(n+4):nth-child(-n+4),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+4):nth-child(-n+4),  
  input#opt2:checked ~ table#Bilanz thead tr th:nth-child(n+5):nth-child(-n+7),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+5):nth-child(-n+7),
  input#opt2:checked ~ table#Bilanz thead tr th:nth-child(n+12):nth-child(-n+29),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+12):nth-child(-n+29) {
    display:none;
  }    

  input#opt3:checked ~ table#Bilanz thead tr th:nth-child(n+2):nth-child(-n+2),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+2):nth-child(-n+2),
  input#opt3:checked ~ table#Bilanz thead tr th:nth-child(n+4):nth-child(-n+15),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+4):nth-child(-n+15),

  input#opt3:checked ~ table#Bilanz thead tr th:nth-child(n+20):nth-child(-n+29),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+20):nth-child(-n+29) {
    display:none;
  } 

 
  input#opt4:checked ~ table#Bilanz thead tr th:nth-child(n+2):nth-child(-n+2),
  input#opt4:checked ~ table#Bilanz tbody tr td:nth-child(n+2):nth-child(-n+2),
  input#opt4:checked ~ table#Bilanz thead tr th:nth-child(n+4):nth-child(-n+22),
  input#opt4:checked ~ table#Bilanz tbody tr td:nth-child(n+4):nth-child(-n+22),
 
  input#opt4:checked ~ table#Bilanz thead tr th:nth-child(n+27):nth-child(-n+29),
  input#opt4:checked ~ table#Bilanz tbody tr td:nth-child(n+27):nth-child(-n+29) {
    display:none;
  }    
}

@media screen and (min-width: 484px) and (max-width: 771px) {
  /* Handy quer */

  br#opt2br {
    display:none;
  }

  table#Stammverein {
    width: 470px;
    /* background-color: #404040; */
  }
  
  table#Stammverein thead tr th:nth-child(3),
  table#Stammverein tbody tr td:nth-child(3) {
    display:none;
  }

  details, table#Bilanz {
    width: 470px;
    /* background-color: #FFFFFF; */
  }

  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+3):nth-child(-n+4),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+3):nth-child(-n+4),
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+9):nth-child(-n+11),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+9):nth-child(-n+11),
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+15):nth-child(-n+29),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+15):nth-child(-n+29) {
    display:none;
  }    

  input#opt2:checked ~ table#Bilanz thead tr th:nth-child(n+3):nth-child(-n+7),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+3):nth-child(-n+7),
  input#opt2:checked ~ table#Bilanz thead tr th:nth-child(n+15):nth-child(-n+29),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+15):nth-child(-n+29) {
    display:none;
  }    

  input#opt3:checked ~ table#Bilanz thead tr th:nth-child(n+3):nth-child(-n+15),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+3):nth-child(-n+15),
  input#opt3:checked ~ table#Bilanz thead tr th:nth-child(n+23):nth-child(-n+29),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+23):nth-child(-n+29) {
    display:none;
  }    
  
  input#opt4:checked ~ table#Bilanz thead tr th:nth-child(n+3):nth-child(-n+22),
  input#opt4:checked ~ table#Bilanz tbody tr td:nth-child(n+3):nth-child(-n+22) {
    display:none;
  }    

}

@media screen and (min-width: 772px) and (max-width: 1109px) {
  /* Tablet hoch */

  br#opt2br {
    display:none;
  }

  table#Stammverein {
    width: 470px;
    /* background-color: #404040; */
  }
  
  table#Stammverein thead tr th:nth-child(3),
  table#Stammverein tbody tr td:nth-child(3) {
    display:none;
  }

  details, table#Bilanz {
    width: 750px;
    /* background-color: #FFFFFF; */
  }


  #opt1, #opt4, 
  label[for=opt1], label[for=opt4] {
    display: none;
  }

  label[for=opt3]:after {
    content: "/Auswärts"
  }

  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+3):nth-child(-n+4),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+3):nth-child(-n+4),
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+15):nth-child(-n+29),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+15):nth-child(-n+29) {
    display:none;
  }    

  input#opt2:checked ~ table#Bilanz thead tr th:nth-child(n+3):nth-child(-n+4),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+3):nth-child(-n+4),
  input#opt2:checked ~ table#Bilanz thead tr th:nth-child(n+15):nth-child(-n+29),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+15):nth-child(-n+29) {
    display:none;
  }    

  input#opt3:checked ~ table#Bilanz thead tr th:nth-child(n+3):nth-child(-n+15),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+3):nth-child(-n+15) {
    display:none;
  }    

  input#opt4:checked ~ table#Bilanz thead tr th:nth-child(n+3):nth-child(-n+15),
  input#opt4:checked ~ table#Bilanz tbody tr td:nth-child(n+3):nth-child(-n+15) {
    display:none;
  }    

}

@media screen and (min-width: 1110px) and (max-width: 1443px) {
  /* Tablet quer */

  br#opt2br {
    display:none;
  }

  table#Stammverein {
    width:  470px;
    /* background-color: #C0C0C0; */
  }
  
  table#Stammverein thead tr th:nth-child(3),
  table#Stammverein tbody tr td:nth-child(3) {
    display:none;
  }

  details, table#Bilanz {
    width: 1090px;
    /* background-color: #FFFFFF; */
  }

  #opt1, #opt2, #opt3, #opt4, 
  label[for=opt1], label[for=opt2], label[for=opt3], label[for=opt4] {
    display: none;
  }

  table#Bilanz thead tr th:nth-child(n+3):nth-child(-n+4),
  table#Bilanz tbody tr td:nth-child(n+3):nth-child(-n+4),
  table#Bilanz thead tr th:nth-child(n+15):nth-child(-n+15),
  table#Bilanz tbody tr td:nth-child(n+15):nth-child(-n+15) {
    display:none;
  }    

}
  
@media screen and (min-width: 1444px) {
  /* Desktop */

  br#opt2br {
    display:none;
  }

  table#Stammverein {
    width: 470px;
    /* background-color: #FFFFFF; */
  }

  table#Stammverein thead tr th:nth-child(3),
  table#Stammverein tbody tr td:nth-child(3) {
    display:none;
  }

  details, table#Bilanz {
    width: 1420px;
    /* background-color: #FFFFFF; */
  }

  table#Bilanz thead tr th:nth-child(n+3):nth-child(-n+4),
  table#Bilanz tbody tr td:nth-child(n+3):nth-child(-n+4),
  table#Bilanz thead tr th:nth-child(n+15):nth-child(-n+15),
  table#Bilanz tbody tr td:nth-child(n+15):nth-child(-n+15) {
    display:none;
  }  

  #opt1, #opt2, #opt3, #opt4, 
  label[for=opt1], label[for=opt2], label[for=opt3], label[for=opt4] {
    display: none;
  }

}