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: '- '; 
}

#cboPerson {
  visibility: hidden;
}

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

table#Person, table#Inhaltsverzeichnis {
  width:  330px;
  /* max-width: 330px; */
}

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

table#PersonDaten tr th:nth-child(n+7):nth-child(-n+20),
table#PersonDaten tr td:nth-child(n+7):nth-child(-n+20) {
  /* background-color: #FF80FF; */
  width: 3rem;
  text-align: center;
  padding: 0.2rem 0.2rem;
}
/* 
table#PersonDaten tr th:nth-child(n+6):nth-child(-n+20),
table#PersonDaten tr td:nth-child(n+6):nth-child(-n+20)  {
  max-width: 8rem;
  text-align: center;
} */

table#PersonDaten tbody tr td:nth-child(n+7):nth-child(-n+7),
table#PersonDaten tbody tr td:nth-child(n+13):nth-child(-n+13),
table#PersonDaten tbody tr td:nth-child(n+17):nth-child(-n+17) {
  border-left-width: 3px;
}


input[type=radio] {
  margin: 10px;
  margin-left: 35px;
}

@media screen and (max-width: 483px) {
  /* Handy hoch */
  details, table#PersonDaten {
    width: 330px;
    /* background-color: #000000; */
  }

  input[type=radio] {
    margin: 10px;
    margin-left: 20px;
  }
  input#optEin-Tor:checked ~ table#PersonDaten thead tr th:nth-child(n+2):nth-child(-n+2),
  input#optEin-Tor:checked ~ table#PersonDaten tbody tr td:nth-child(n+2):nth-child(-n+2),
  input#optEin-Tor:checked ~ table#PersonDaten thead tr th:nth-child(n+4):nth-child(-n+5),
  input#optEin-Tor:checked ~ table#PersonDaten tbody tr td:nth-child(n+4):nth-child(-n+5),
  input#optEin-Tor:checked ~ table#PersonDaten thead tr th:nth-child(n+7):nth-child(-n+7),
  input#optEin-Tor:checked ~ table#PersonDaten tbody tr td:nth-child(n+7):nth-child(-n+7),
  input#optEin-Tor:checked ~ table#PersonDaten thead tr th:nth-child(n+9):nth-child(-n+11),
  input#optEin-Tor:checked ~ table#PersonDaten tbody tr td:nth-child(n+9):nth-child(-n+11),
  input#optEin-Tor:checked ~ table#PersonDaten thead tr th:nth-child(n+13):nth-child(-n+21),
  input#optEin-Tor:checked ~ table#PersonDaten tbody tr td:nth-child(n+13):nth-child(-n+21) {
    display:none;
  }  

  input#optKader:checked ~ table#PersonDaten thead tr th:nth-child(n+2):nth-child(-n+2),
  input#optKader:checked ~ table#PersonDaten tbody tr td:nth-child(n+2):nth-child(-n+2),
  input#optKader:checked ~ table#PersonDaten thead tr th:nth-child(n+4):nth-child(-n+5),
  input#optKader:checked ~ table#PersonDaten tbody tr td:nth-child(n+4):nth-child(-n+5),
  input#optKader:checked ~ table#PersonDaten thead tr th:nth-child(n+8):nth-child(-n+8),
  input#optKader:checked ~ table#PersonDaten tbody tr td:nth-child(n+8):nth-child(-n+8),
  input#optKader:checked ~ table#PersonDaten thead tr th:nth-child(n+12):nth-child(-n+21),
  input#optKader:checked ~ table#PersonDaten tbody tr td:nth-child(n+12):nth-child(-n+21) {
    display:none;
  }  

  input#optStrafen:checked ~ table#PersonDaten thead tr th:nth-child(n+2):nth-child(-n+2),
  input#optStrafen:checked ~ table#PersonDaten tbody tr td:nth-child(n+2):nth-child(-n+2),
  input#optStrafen:checked ~ table#PersonDaten thead tr th:nth-child(n+4):nth-child(-n+5),
  input#optStrafen:checked ~ table#PersonDaten tbody tr td:nth-child(n+4):nth-child(-n+5),
  input#optStrafen:checked ~ table#PersonDaten thead tr th:nth-child(n+7):nth-child(-n+12),
  input#optStrafen:checked ~ table#PersonDaten tbody tr td:nth-child(n+7):nth-child(-n+12),
  input#optStrafen:checked ~ table#PersonDaten thead tr th:nth-child(n+17):nth-child(-n+21),
  input#optStrafen:checked ~ table#PersonDaten tbody tr td:nth-child(n+17):nth-child(-n+21) {
    display:none;
  }  
  
  input#optSpiele:checked ~ table#PersonDaten thead tr th:nth-child(n+2):nth-child(-n+2),
  input#optSpiele:checked ~ table#PersonDaten tbody tr td:nth-child(n+2):nth-child(-n+2),
  input#optSpiele:checked ~ table#PersonDaten thead tr th:nth-child(n+4):nth-child(-n+5),
  input#optSpiele:checked ~ table#PersonDaten tbody tr td:nth-child(n+4):nth-child(-n+5),
  input#optSpiele:checked ~ table#PersonDaten thead tr th:nth-child(n+7):nth-child(-n+16),
  input#optSpiele:checked ~ table#PersonDaten tbody tr td:nth-child(n+7):nth-child(-n+16),
  input#optSpiele:checked ~ table#PersonDaten thead tr th:nth-child(n+18):nth-child(-n+18),
  input#optSpiele:checked ~ table#PersonDaten tbody tr td:nth-child(n+18):nth-child(-n+18) {
    display:none;
  } 

}

@media screen and (min-width: 484px) and (max-width: 771px) {
  /* Handy quer */
  details, table#PersonDaten {
    width: 470px;
    /* background-color: #404040; */
  }
  
  #optKader, 
  label[for=optKader] {
    display: none;
  }

  #optEin-TorLabel:after {
    content: "/Kader"
  }

  input[type=radio] {
    margin: 10px;
    margin-left: 20px;
  }

  input#optEin-Tor:checked ~ table#PersonDaten thead tr:nth-child(2) th:nth-child(n+1):nth-child(-n+1),
  input#optEin-Tor:checked ~ table#PersonDaten tbody tr td:nth-child(n+1):nth-child(-n+1),
  input#optEin-Tor:checked ~ table#PersonDaten thead tr th:nth-child(n+3):nth-child(-n+3),
  input#optEin-Tor:checked ~ table#PersonDaten tbody tr td:nth-child(n+3):nth-child(-n+3),
  input#optEin-Tor:checked ~ table#PersonDaten thead tr th:nth-child(n+5):nth-child(-n+5),
  input#optEin-Tor:checked ~ table#PersonDaten tbody tr td:nth-child(n+5):nth-child(-n+5),
  input#optEin-Tor:checked ~ table#PersonDaten thead tr th:nth-child(n+13):nth-child(-n+21),
  input#optEin-Tor:checked ~ table#PersonDaten tbody tr td:nth-child(n+13):nth-child(-n+21) {
    display:none;
  }  

  input#optStrafen:checked ~ table#PersonDaten thead tr:nth-child(2) th:nth-child(n+1):nth-child(-n+1),
  input#optStrafen:checked ~ table#PersonDaten tbody tr td:nth-child(n+1):nth-child(-n+1),

  input#optStrafen:checked ~ table#PersonDaten thead tr th:nth-child(n+3):nth-child(-n+3),
  input#optStrafen:checked ~ table#PersonDaten tbody tr td:nth-child(n+3):nth-child(-n+3),
  input#optStrafen:checked ~ table#PersonDaten thead tr th:nth-child(n+5):nth-child(-n+5),
  input#optStrafen:checked ~ table#PersonDaten tbody tr td:nth-child(n+5):nth-child(-n+5),
  input#optStrafen:checked ~ table#PersonDaten thead tr th:nth-child(n+7):nth-child(-n+12),
  input#optStrafen:checked ~ table#PersonDaten tbody tr td:nth-child(n+7):nth-child(-n+12),
  input#optStrafen:checked ~ table#PersonDaten thead tr th:nth-child(n+17):nth-child(-n+21),
  input#optStrafen:checked ~ table#PersonDaten tbody tr td:nth-child(n+17):nth-child(-n+21) {
    display:none;
  }  
  input#optSpiele:checked ~ table#PersonDaten thead tr:nth-child(2) th:nth-child(n+1):nth-child(-n+1),
  input#optSpiele:checked ~ table#PersonDaten tbody tr td:nth-child(n+1):nth-child(-n+1),

  input#optSpiele:checked ~ table#PersonDaten thead tr th:nth-child(n+3):nth-child(-n+3),
  input#optSpiele:checked ~ table#PersonDaten tbody tr td:nth-child(n+3):nth-child(-n+3),
  input#optSpiele:checked ~ table#PersonDaten thead tr th:nth-child(n+5):nth-child(-n+5),
  input#optSpiele:checked ~ table#PersonDaten tbody tr td:nth-child(n+5):nth-child(-n+5),
  input#optSpiele:checked ~ table#PersonDaten thead tr th:nth-child(n+7):nth-child(-n+16),
  input#optSpiele:checked ~ table#PersonDaten tbody tr td:nth-child(n+7):nth-child(-n+16) {
    display:none;
  } 

}

@media screen and (min-width: 772px) and (max-width: 1109px) {
  /* Tablet hoch */
  details, table#PersonDaten {
    width: 750px;
    /* background-color: #404040; */
  }
  
  #optKader, #optStrafen, 
  label[for=optKader], label[for=optStrafen] {
    display: none;
  }

  #optEin-TorLabel:after {
    content: "/Kader/Strafen"
  }
  input#optEin-Tor:checked ~ table#PersonDaten thead tr:nth-child(2) th:nth-child(n+1):nth-child(-n+1),
  input#optEin-Tor:checked ~ table#PersonDaten tbody tr td:nth-child(n+1):nth-child(-n+1),

  input#optEin-Tor:checked ~ table#PersonDaten thead tr th:nth-child(n+3):nth-child(-n+4),
  input#optEin-Tor:checked ~ table#PersonDaten tbody tr td:nth-child(n+3):nth-child(-n+4),
  input#optEin-Tor:checked ~ table#PersonDaten thead tr th:nth-child(n+17):nth-child(-n+21),
  input#optEin-Tor:checked ~ table#PersonDaten tbody tr td:nth-child(n+17):nth-child(-n+21) {
    display:none;
  }  
  input#optSpiele:checked ~ table#PersonDaten thead tr:nth-child(2) th:nth-child(n+1):nth-child(-n+1),
  input#optSpiele:checked ~ table#PersonDaten tbody tr td:nth-child(n+1):nth-child(-n+1),
  input#optSpiele:checked ~ table#PersonDaten thead tr th:nth-child(n+3):nth-child(-n+4),
  input#optSpiele:checked ~ table#PersonDaten tbody tr td:nth-child(n+3):nth-child(-n+4),
  input#optSpiele:checked ~ table#PersonDaten thead tr th:nth-child(n+7):nth-child(-n+16),
  input#optSpiele:checked ~ table#PersonDaten tbody tr td:nth-child(n+7):nth-child(-n+16) {
    display:none;
  } 

}

@media screen and (min-width: 1110px) and (max-width: 1443px) {
  /* Tablet quer */
  details, table#PersonDaten {
    width:  1090px;
    /* background-color: #C0C0C0; */
  }

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

  #optEin-Tor, #optKader, #optStrafen, #optSpiele, 
  label[for=optEin-Tor], label[for=optKader], label[for=optStrafen], label[for=optSpiele] {
    display: none;
  }
}
  
@media screen and (min-width: 1444px) {
  /* Desktop */
  details, table#PersonDaten {
    width: 1090px;
    /* background-color: #FFFFFF; */
  }

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

  #optEin-Tor, #optKader, #optStrafen, #optSpiele, 
  label[for=optEin-Tor], label[for=optKader], label[for=optStrafen], label[for=optSpiele] {
    display: none;
  }
}