:root {
  --Tab-Auf: #A9FFA9;
  --Tab-Auf-Rel: #D9FFD9;
  --Tab-Ab: #FFC0C0;
  --Tab-Ab-Rel: #FFD9D9;
  --Tab-Kopf-Zwei: linear-gradient( rgb(255, 166, 0) 5%, rgb(168, 107, 0));
}  

/* 
details {
	transition: all .5s;
  font-size: 1.8rem;
  color: var(--Objekt-Front);

}

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

 */
 input#opt21:checked ~ table#TabBemerkTab,
 input#opt22:checked ~ table#TabRelegation,
 input#opt23:checked ~ div table#SpieleMatrix,
 input#opt23:checked ~ table#TabBemerkMatrix {
  display:none;
} 


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

table#TabRelegation thead tr:first-child td:first-child { 
  Background: var(--Tab-Kopf-Zwei);
  border-top-left-radius: 30px;
  font-size: 1.3rem;
  padding-left: 15px;
  border: 0px;
} 

table#TabRelegation thead tr:first-child td:last-child {
  Background: var(--Tab-Kopf-Zwei);
  border-top-right-radius: 30px;
  font-size: 1.3rem;
  height: 0,5rem;
} 

/* table#Tabelle  tbody tr:nth-child(even) {
  background: var(--Tab-ZweiteZeile);
}
 */
table#Tabelle tr:first-child th:nth-child(2):nth-child(2),
table#Tabelle thead tr:last-child th,
table#Tabelle tbody tr td {
  text-align: right;
}

table#Tabelle tr:first-child th:nth-child(1):nth-child(1),
table#Tabelle tr th:nth-child(3):nth-child(3),
table#Tabelle tr td:nth-child(3):nth-child(3) {
  text-align: left;
}

table#Tabelle thead tr:nth-child(2) th:nth-child(7),
table#Tabelle thead tr:nth-child(2) th:nth-child(12),
table#Tabelle thead tr:nth-child(2) th:nth-child(13),
table#Tabelle thead tr:nth-child(2) th:nth-child(15),
table#Tabelle thead tr:nth-child(2) th:nth-child(16),
table#Tabelle tr:last-child th:nth-child(2):nth-child(2),
table#Tabelle tr td:nth-child(2):nth-child(2),
table#Tabelle tr:last-child th:nth-child(5):nth-child(5),
table#Tabelle tr td:nth-child(5):nth-child(5),
table#Tabelle tr:last-child th:nth-child(10):nth-child(10),
table#Tabelle tr td:nth-child(10):nth-child(10),
table#Tabelle tr:last-child th:nth-child(17):nth-child(17),
table#Tabelle tr td:nth-child(17):nth-child(17),
table#Tabelle tr:last-child th:nth-child(24):nth-child(24),
table#Tabelle tr td:nth-child(24):nth-child(24) {
  /* background-color: #FF80FF; */
  /* max-width: 8rem; */
  text-align: center;
}

table#Tabelle tbody tr th:nth-child(1):nth-child(1),
table#Tabelle tbody tr td:nth-child(1):nth-child(1),
table#Tabelle tbody tr th:nth-child(4):nth-child(4),
table#Tabelle tbody tr td:nth-child(4):nth-child(4)
{
  width: 1rem;
}

table#Tabelle tbody tr th:nth-child(6):nth-child(9),
table#Tabelle tbody tr td:nth-child(6):nth-child(9),
table#Tabelle tbody tr th:nth-child(14):nth-child(17),
table#Tabelle tbody tr td:nth-child(14):nth-child(17),
table#Tabelle tbody tr th:nth-child(21):nth-child(24),
table#Tabelle tbody tr td:nth-child(21):nth-child(24) {
  width: 1em;
}

table#Tabelle tr:first-child th:nth-child(2):nth-child(2) {
  font-size: 1rem;
}

table#Tabelle thead tr:nth-child(2) {
  color: var(--Tab-Kopf-Schrift);
  background: var(--Tab-Kopf-Ueberschrift);
  font-size: 0.8rem;
  box-shadow: 0.4em 0.4em 0.4em rgba(0,0,0,.5);
  text-align: left;  
}
 
table#Tabelle tbody tr td:nth-child(n+6):nth-child(-n+6),
table#Tabelle tbody tr td:nth-child(n+13):nth-child(-n+13),
table#Tabelle tbody tr td:nth-child(n+20):nth-child(-n+20) {
  border-left-width: 3px;
}

table#Tabelle tbody tr td:nth-child(n+3):nth-child(-n+3) {
  border-right-width: 0px;
}

table#Tabelle tbody tr td:nth-child(n+4):nth-child(-n+4) {
  border-left-width: 0px;
}

table#TabRelegation thead tr:last-child td:nth-child(n+4):nth-child(-n+6),
table#TabRelegation tbody tr td:nth-child(n+4):nth-child(-n+6)
{
  /* background-color: #FF80FF; */
  /* max-width: 8rem; */
  text-align: center;
}

table#TabRelegation thead tr:first-child {
  font-size: 0.2rem;
  /* font-weight: 800; */
}

table#SpieleMatrix th {
  text-align: center;
  vertical-align: bottom;
  height: 100px;
}

table#SpieleMatrix td {
  text-align: center;
}

table#SpieleMatrix tr td:nth-child(n+2) {
  text-align: left;
}


.TabAuf {
  background: var(--Tab-Auf);
}

.TabAufRel {
  background: var(--Tab-Auf-Rel);
}

.TabAb {
  background: var(--Tab-Ab);
}

.TabAbRel {
  background: var(--Tab-Ab-Rel);
}

.verticalText {
  text-align: center;
  vertical-align: middle;
  width: 20px;
  margin: 0px;
  padding: 0px;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 10px;
  white-space: nowrap;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  }

div.scrollbereich table tbody tr td:nth-child(2) {
  min-width: 15rem;
}

@media screen and (max-width: 483px) {
  /* Handy hoch */

  details, table#Tabelle,
  table#TabBemerkTab, table#TabBemerkMatrix, table#TabRelegation {
    width: 330px;
    /* background-color: #FFFFFF; */
  }

  div.scrollbereich { 
    max-width: 330px;
    overflow-x: auto;
    padding-bottom: 0.9rem;
  }

  br#opt1br, br#opt2br, br#opt3br {
    display:none;
  }
 
  input#opt1:checked ~ table#Tabelle thead tr:nth-child(2) th:nth-child(n+4):nth-child(-n+6),
  input#opt1:checked ~ table#Tabelle thead tr:nth-child(2) th:nth-child(n+8):nth-child(-n+18),
  input#opt1:checked ~ table#Tabelle thead tr:last-child th:nth-child(n+2):nth-child(-n+2),
  input#opt1:checked ~ table#Tabelle tbody tr td:nth-child(n+2):nth-child(-n+2),
  input#opt1:checked ~ table#Tabelle thead tr:last-child th:nth-child(n+4):nth-child(-n+4),
  input#opt1:checked ~ table#Tabelle tbody tr td:nth-child(n+4):nth-child(-n+4),
  input#opt1:checked ~ table#Tabelle thead tr:last-child th:nth-child(n+6):nth-child(-n+9),
  input#opt1:checked ~ table#Tabelle tbody tr td:nth-child(n+6):nth-child(-n+9),
  input#opt1:checked ~ table#Tabelle thead tr:last-child th:nth-child(n+13):nth-child(-n+26),
  input#opt1:checked ~ table#Tabelle tbody tr td:nth-child(n+13):nth-child(-n+26),

  input#opt2:checked ~ table#Tabelle thead tr:nth-child(2) th:nth-child(n+4):nth-child(-n+11),
  input#opt2:checked ~ table#Tabelle thead tr:nth-child(2) th:nth-child(n+13):nth-child(-n+13),
  input#opt2:checked ~ table#Tabelle thead tr:nth-child(2) th:nth-child(n+15):nth-child(-n+18),
  input#opt2:checked ~ table#Tabelle thead tr:last-child th:nth-child(n+2):nth-child(-n+2),
  input#opt2:checked ~ table#Tabelle tbody tr td:nth-child(n+2):nth-child(-n+2),
  input#opt2:checked ~ table#Tabelle thead tr:last-child th:nth-child(n+4):nth-child(-n+4),
  input#opt2:checked ~ table#Tabelle tbody tr td:nth-child(n+4):nth-child(-n+4),
  input#opt2:checked ~ table#Tabelle thead tr:last-child th:nth-child(n+6):nth-child(-n+16),
  input#opt2:checked ~ table#Tabelle tbody tr td:nth-child(n+6):nth-child(-n+16),
  input#opt2:checked ~ table#Tabelle thead tr:last-child th:nth-child(n+20):nth-child(-n+26),
  input#opt2:checked ~ table#Tabelle tbody tr td:nth-child(n+20):nth-child(-n+26),

  input#opt3:checked ~ table#Tabelle thead tr:nth-child(2) th:nth-child(n+4):nth-child(-n+14),
  input#opt3:checked ~ table#Tabelle thead tr:nth-child(2) th:nth-child(n+16):nth-child(-n+17),
  input#opt3:checked ~ table#Tabelle thead tr:last-child th:nth-child(n+2):nth-child(-n+2),
  input#opt3:checked ~ table#Tabelle tbody tr td:nth-child(n+2):nth-child(-n+2),
  input#opt3:checked ~ table#Tabelle thead tr:last-child th:nth-child(n+4):nth-child(-n+4),
  input#opt3:checked ~ table#Tabelle tbody tr td:nth-child(n+4):nth-child(-n+4),
  input#opt3:checked ~ table#Tabelle thead tr:last-child th:nth-child(n+6):nth-child(-n+23),
  input#opt3:checked ~ table#Tabelle tbody tr td:nth-child(n+6):nth-child(-n+23)
  {
    display:none;
  } 

}

@media screen and (min-width: 484px) and (max-width: 771px) {
  /* Handy quer */
    details, table#Tabelle,
    table#TabBemerkTab, table#TabBemerkMatrix, table#TabRelegation {
    width: 470px;
    /* background-color: #FFFFFF; */
  }
  div.scrollbereich { 
    max-width: 470px;
    overflow-x: auto;
    padding-bottom: 0.9rem;
  }
  
 
  input#opt1:checked ~ table#Tabelle thead tr:nth-child(2) th:nth-child(n+9):nth-child(-n+18),
  input#opt1:checked ~ table#Tabelle thead tr:last-child th:nth-child(n+13):nth-child(-n+26),
  input#opt1:checked ~ table#Tabelle tbody tr td:nth-child(n+13):nth-child(-n+26),

  input#opt2:checked ~ table#Tabelle thead tr:nth-child(2) th:nth-child(n+7):nth-child(-n+9),
  input#opt2:checked ~ table#Tabelle thead tr:nth-child(2) th:nth-child(n+13):nth-child(-n+13),
  input#opt2:checked ~ table#Tabelle thead tr:nth-child(2) th:nth-child(n+15):nth-child(-n+17),
  input#opt2:checked ~ table#Tabelle thead tr:last-child th:nth-child(n+6):nth-child(-n+12),
  input#opt2:checked ~ table#Tabelle tbody tr td:nth-child(n+6):nth-child(-n+12),
  input#opt2:checked ~ table#Tabelle thead tr:last-child th:nth-child(n+20):nth-child(-n+26),
  input#opt2:checked ~ table#Tabelle tbody tr td:nth-child(n+20):nth-child(-n+26),

  input#opt3:checked ~ table#Tabelle thead tr:nth-child(2) th:nth-child(n+7):nth-child(-n+9),
  input#opt3:checked ~ table#Tabelle thead tr:nth-child(2) th:nth-child(n+12):nth-child(-n+14),
  input#opt3:checked ~ table#Tabelle thead tr:nth-child(2) th:nth-child(n+16):nth-child(-n+16),
  input#opt3:checked ~ table#Tabelle thead tr:last-child th:nth-child(n+6):nth-child(-n+19),
  input#opt3:checked ~ table#Tabelle tbody tr td:nth-child(n+6):nth-child(-n+19)

  {
    display:none;
  } 
  br#opt1br, br#opt2br, br#opt3br {
    display:none;
  }

}

@media screen and (min-width: 772px) and (max-width: 1109px) {
  /* Tablet hoch */
  details, table#Tabelle,
  table#Tab, table#TabBemerkMatrix {
    width: 750px;
    /* background-color: #FFFFFF; */
  }

  div.scrollbereich { 
    max-width: 750px;
    overflow-x: auto;
    padding-bottom: 0.9rem;
  }
  

  table#TabRelegation {
    width: 470px;
  }

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

  label[for=opt2]:after {
    content: "/Auswärts S-U-N"
  }



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

  input#opt1:checked ~ table#Tabelle thead tr:nth-child(2) th:nth-child(n+9):nth-child(-n+11),
  input#opt1:checked ~ table#Tabelle thead tr:nth-child(2) th:nth-child(n+13):nth-child(-n+13),
  input#opt1:checked ~ table#Tabelle thead tr:nth-child(2) th:nth-child(n+16):nth-child(-n+17),

  input#opt1:checked ~ table#Tabelle thead tr:last-child th:nth-child(n+13):nth-child(-n+16),
  input#opt1:checked ~ table#Tabelle tbody tr td:nth-child(n+13):nth-child(-n+16),
  input#opt1:checked ~ table#Tabelle thead tr:last-child th:nth-child(n+20):nth-child(-n+23),
  input#opt1:checked ~ table#Tabelle tbody tr td:nth-child(n+20):nth-child(-n+23),

  input#opt2:checked ~ table#Tabelle thead tr:nth-child(2) th:nth-child(n+10):nth-child(-n+11),
  input#opt2:checked ~ table#Tabelle thead tr:nth-child(2) th:nth-child(n+14):nth-child(-n+14),
  input#opt2:checked ~ table#Tabelle thead tr:nth-child(2) th:nth-child(n+16):nth-child(-n+17),

  input#opt2:checked ~ table#Tabelle thead tr:last-child th:nth-child(n+17):nth-child(-n+19),
  input#opt2:checked ~ table#Tabelle tbody tr td:nth-child(n+17):nth-child(-n+19),
  input#opt2:checked ~ table#Tabelle thead tr:last-child th:nth-child(n+24):nth-child(-n+26),
  input#opt2:checked ~ table#Tabelle tbody tr td:nth-child(n+24):nth-child(-n+26),

  input#opt3:checked ~ table#Tabelle thead tr:nth-child(2) th:nth-child(n+9):nth-child(-n+11),
  input#opt3:checked ~ table#Tabelle thead tr:nth-child(2) th:nth-child(n+13):nth-child(-n+13),
  input#opt3:checked ~ table#Tabelle thead tr:nth-child(2) th:nth-child(n+16):nth-child(-n+17),

  input#opt3:checked ~ table#Tabelle thead tr:last-child th:nth-child(n+13):nth-child(-n+16),
  input#opt3:checked ~ table#Tabelle tbody tr td:nth-child(n+13):nth-child(-n+16),
  input#opt3:checked ~ table#Tabelle thead tr:last-child th:nth-child(n+20):nth-child(-n+23),
  input#opt3:checked ~ table#Tabelle tbody tr td:nth-child(n+20):nth-child(-n+23)

  {
    display:none;
  } 
  br#opt1br, br#opt2br, br#opt3br, br#opt21br {
    display:none;
  }
 

}

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

  div.scrollbereich { 
    max-width: 1090px;
    overflow-x: auto;
    padding-bottom: 0.9rem;
  }
  

  table#TabRelegation {
    width: 470px;
  }

  #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;
  }    
  br#opt1br, br#opt2br, br#opt3br, br#opt21br, br#opt22br, br#opt23br {
    display:none;
  }
 

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

  details {
    width: 1420px;
  }
  
  table#Tabelle,
  table#TabBemerkTab, table#TabBemerkMatrix {
    width: 1090px;
    /* width: 1420px; */

    /* background-color: #FFFFFF; */
  }
  
  div.scrollbereich { 
    max-width: 1090px;
    overflow-x: auto;
    padding-bottom: 0.9rem;
  }
  

  table#TabRelegation {
    width: 470px;
  }


/*   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;
  }

  br#opt1br, br#opt2br, br#opt3br, br#opt21br, br#opt22br, br#opt23br {
    display:none;
  }
  

}