:root {
  --Tab-Kopf-Zwei: linear-gradient( rgb(255, 166, 0) 5%, rgb(168, 107, 0));
}  

input[type=radio] + label,
input[type=checkbox] + label {
  margin-right: 20px;
}


table#Spiele thead tr th:nth-child(n+4):nth-child(-n+5),
table#Spiele tbody tr td:nth-child(n+4):nth-child(-n+5),
table#Spiele thead tr th:nth-child(n+9):nth-child(-n+9),
table#Spiele tbody tr td:nth-child(n+9):nth-child(-n+9),
table#Spiele thead tr th:nth-child(n+12):nth-child(-n+13),
table#Spiele tbody tr td:nth-child(n+12):nth-child(-n+13)
{
  text-align: center;
  width: 15px;
}

table#Spiele thead tr th:nth-child(n+2):nth-child(-n+3),
table#Spiele tbody tr td:nth-child(n+2):nth-child(-n+3) {
  width: 15px;
}

table#Spiele thead tr th:nth-child(n+6):nth-child(-n+8),
table#Spiele tbody tr td:nth-child(n+6):nth-child(-n+8) {
  width: 170px;
}

table#Spiele  tbody tr:nth-child(even) {
  background: var(--Tab-ZweiteZeile);
}

button#cmdSpielpaarungen,
button#cmdSpieltage,
button#cmdSpielplan,
button#cmdSpieleAktuell {
  font-size: 1rem;

}

.TabKopfZwei {
  background: var(--Tab-Kopf-Zwei) !IMPORTANT;
  color:white;
  /* box-shadow: 0.4em 0.4em 0.4em rgba(0,0,0,.5);     */
  }

  .Abstand {
    visibility: hidden;
    font-size: 0.6rem;
  }


@media screen and (max-width: 483px) {
  /* Handy hoch */

  details, table#Spiele {
    width: 330px;
    /* background-color: red; */
  }

  table#Spiele thead tr:nth-child(2) th:nth-child(n+1):nth-child(-n+2),
  table#Spiele tbody tr td:nth-child(n+1):nth-child(-n+2),
  table#Spiele thead tr th:nth-child(n+4):nth-child(-n+5),
  table#Spiele tbody tr td:nth-child(n+4):nth-child(-n+5),
  table#Spiele thead tr th:nth-child(n+7):nth-child(-n+8),
  table#Spiele tbody tr td:nth-child(n+7):nth-child(-n+8),
  table#Spiele thead tr th:nth-child(n+10):nth-child(-n+11),
  table#Spiele tbody tr td:nth-child(n+10):nth-child(-n+11),
  table#Spiele thead tr th:nth-child(n+13):nth-child(-n+14),
  table#Spiele tbody tr td:nth-child(n+13):nth-child(-n+14)
  {
    display:none;
  } 



}

@media screen and (min-width: 484px) and (max-width: 771px) {
  /* Handy quer */
  details, table#Spiele {
    width: 470px;
    /* background-color: blue; */
  }

  table#Spiele thead tr:nth-child(2) th:nth-child(n+1):nth-child(-n+2),
  table#Spiele tbody tr td:nth-child(n+1):nth-child(-n+2),
  table#Spiele thead tr th:nth-child(n+4):nth-child(-n+5),
  table#Spiele tbody tr td:nth-child(n+4):nth-child(-n+5),
  table#Spiele thead tr th:nth-child(n+7):nth-child(-n+8),
  table#Spiele tbody tr td:nth-child(n+7):nth-child(-n+8),
  table#Spiele thead tr th:nth-child(n+10):nth-child(-n+10),
  table#Spiele tbody tr td:nth-child(n+10):nth-child(-n+10),
  table#Spiele thead tr th:nth-child(n+12):nth-child(-n+12),
  table#Spiele tbody tr td:nth-child(n+12):nth-child(-n+12),
  table#Spiele thead tr th:nth-child(n+14):nth-child(-n+14),
  table#Spiele tbody tr td:nth-child(n+14):nth-child(-n+14)
  
  {
    display:none;
  } 
}

@media screen and (min-width: 772px) and (max-width: 1109px) {
  /* Tablet hoch */
  details, table#Spiele {
    width: 750px;
    /* background-color: green; */
  }

  table#Spiele thead tr:nth-child(2) th:nth-child(n+1):nth-child(-n+1),
  table#Spiele tbody tr td:nth-child(n+1):nth-child(-n+1),
  table#Spiele thead tr th:nth-child(n+3):nth-child(-n+3),
  table#Spiele tbody tr td:nth-child(n+3):nth-child(-n+3),
  table#Spiele thead tr th:nth-child(n+6):nth-child(-n+6),
  table#Spiele tbody tr td:nth-child(n+6):nth-child(-n+6),
  table#Spiele thead tr th:nth-child(n+11):nth-child(-n+12),
  table#Spiele tbody tr td:nth-child(n+11):nth-child(-n+12),
  table#Spiele thead tr th:nth-child(n+14):nth-child(-n+14),
  table#Spiele tbody tr td:nth-child(n+14):nth-child(-n+14)
  
  {
    display:none;
  } 


}

@media screen and (min-width: 1110px) and (max-width: 1443px) {
  /* Tablet quer */
  details, table#Spiele {
    width: 1090px;
    /* background-color: yellow; */
  }

  table#Spiele thead tr:nth-child(2) th:nth-child(n+1):nth-child(-n+1),
  table#Spiele tbody tr td:nth-child(n+1):nth-child(-n+1),
  table#Spiele thead tr th:nth-child(n+3):nth-child(-n+3),
  table#Spiele tbody tr td:nth-child(n+3):nth-child(-n+3),
  table#Spiele thead tr th:nth-child(n+6):nth-child(-n+6),
  table#Spiele tbody tr td:nth-child(n+6):nth-child(-n+6),
  table#Spiele thead tr th:nth-child(n+11):nth-child(-n+12),
  table#Spiele tbody tr td:nth-child(n+11):nth-child(-n+12),
  table#Spiele thead tr th:nth-child(n+14):nth-child(-n+14),
  table#Spiele tbody tr td:nth-child(n+14):nth-child(-n+14)
  
  {
    display:none;
  } 



}
  
@media screen and (min-width: 1444px) {
  /* Desktop */

  details, table#Spiele {
    width: 1090px;
    /* width: 1420px; */
  }
  
  table#Spiele thead tr:nth-child(2) th:nth-child(n+1):nth-child(-n+1),
  table#Spiele tbody tr td:nth-child(n+1):nth-child(-n+1),
  table#Spiele thead tr th:nth-child(n+3):nth-child(-n+3),
  table#Spiele tbody tr td:nth-child(n+3):nth-child(-n+3),
  table#Spiele thead tr th:nth-child(n+6):nth-child(-n+6),
  table#Spiele tbody tr td:nth-child(n+6):nth-child(-n+6),
  table#Spiele thead tr th:nth-child(n+11):nth-child(-n+12),
  table#Spiele tbody tr td:nth-child(n+11):nth-child(-n+12),
  table#Spiele thead tr th:nth-child(n+14):nth-child(-n+14),
  table#Spiele tbody tr td:nth-child(n+14):nth-child(-n+14)
  
  {
    display:none;
  } 
  
  
}