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#Grunddaten tbody tr:nth-child(even), table#Bilanz tbody tr:nth-child(even), table#Historie tbody tr:nth-child(even){
  background: var(--Tab-ZweiteZeile);
}

table#Bilanz tr th:nth-child(1),
table#Bilanz tr td:nth-child(1)  {
  /* background-color: #FF80FF; */
  width: 3rem;
}

table#Bilanz tr th:nth-child(2),
table#Bilanz tr td:nth-child(2)  {
  /* background-color: #FF80FF; */
  width: 2rem;
}

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

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

table#Bilanz tbody tr td:nth-child(n+25):nth-child(-n+25),
table#Bilanz tbody tr td:nth-child(n+18):nth-child(-n+18),
table#Bilanz tbody tr td:nth-child(n+10):nth-child(-n+10) {
  border-left-width: 3px;
}

table#Historie tbody tr td:nth-child(1) {
  text-align: right;
  width: 5rem;
}


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

input#optArt1:checked ~ table#Bilanz tbody tr#I {
  display:none;
}

input#optArt2:checked ~ table#Bilanz tbody tr#II {
  display:none;
}

input#optArt1:checked ~ table#Bilanz tbody tr:nth-child(even){
  background: var(--Tab-Hintergrund);
}

input#optArt2:checked ~ table#Bilanz tbody tr:nth-child(even){
  background: var(--Tab-Hintergrund);
}

table#Grafiken tbody tr td:nth-child(1) img#Bilder {
  width: 320px;
}

@media screen and (max-width: 483px) {
  /* Handy hoch */
  
  div#Statusbox {
    width: 330px;
  }

  details, table#Grunddaten, table#Grafiken, table#Bilanz, table#Historie {
    width: 330px;
  }
  
  input#opt1:checked ~ table#Bilanz thead tr:nth-child(2) th:nth-child(1),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(1),
  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+8):nth-child(-n+13),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+8):nth-child(-n+13),
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(15),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(15),
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+17):nth-child(-n+31),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+17):nth-child(-n+31) {
    display:none;
  }

  input#opt2:checked ~ table#Bilanz thead tr:nth-child(2) th:nth-child(1),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(1),
  input#opt2:checked ~ table#Bilanz thead tr th:nth-child(n+3):nth-child(-n+5),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+3):nth-child(-n+5),
  input#opt2:checked ~ table#Bilanz thead tr th:nth-child(n+7):nth-child(-n+7),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+7):nth-child(-n+7),
  input#opt2:checked ~ table#Bilanz thead tr th:nth-child(n+14):nth-child(-n+31),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+14):nth-child(-n+31) {
    display:none;
  }
  
  input#opt3:checked ~ table#Bilanz thead tr:nth-child(2) th:nth-child(1),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(1),
  input#opt3:checked ~ table#Bilanz thead tr th:nth-child(n+3):nth-child(-n+5),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+3):nth-child(-n+5),
  input#opt3:checked ~ table#Bilanz thead tr th:nth-child(n+7):nth-child(-n+17),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+7):nth-child(-n+17),
  input#opt3:checked ~ table#Bilanz thead tr th:nth-child(n+22):nth-child(-n+31),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+22):nth-child(-n+31) {
  display:none;
  }
 
  input#opt4:checked ~ table#Bilanz thead tr:nth-child(2) th:nth-child(1),
  input#opt4:checked ~ table#Bilanz tbody tr td:nth-child(1),
  input#opt4:checked ~ table#Bilanz thead tr th:nth-child(n+3):nth-child(-n+5),
  input#opt4:checked ~ table#Bilanz tbody tr td:nth-child(n+3):nth-child(-n+5),
  input#opt4:checked ~ table#Bilanz thead tr th:nth-child(n+7):nth-child(-n+24),
  input#opt4:checked ~ table#Bilanz tbody tr td:nth-child(n+7):nth-child(-n+24),
  input#opt4:checked ~ table#Bilanz thead tr th:nth-child(n+29):nth-child(-n+31),
  input#opt4:checked ~ table#Bilanz tbody tr td:nth-child(n+29):nth-child(-n+31) {
    display:none;
  }
}

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

  div#Statusbox {
    width: 470px;
  }

  br#opt2br {
    display:none;
  }
 
  details, table#Grunddaten, table#Grafiken, table#Bilanz, table#Historie  {
    width: 470px;
  }

  input#opt1:checked ~ table#Bilanz thead tr:nth-child(2) th:nth-child(1),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(1),
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+3):nth-child(-n+3),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+3):nth-child(-n+3),
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+5):nth-child(-n+5),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+5):nth-child(-n+5),
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+8):nth-child(-n+9),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+8):nth-child(-n+9),
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(15),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(15),
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+17):nth-child(-n+31),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+17):nth-child(-n+31) {
    display:none;
  }

  input#opt2:checked ~ table#Bilanz thead tr:nth-child(2) th:nth-child(1),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(1),
  input#opt2:checked ~ table#Bilanz thead tr th:nth-child(n+3):nth-child(-n+5),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+3):nth-child(-n+5),
  input#opt2:checked ~ table#Bilanz thead tr th:nth-child(n+7):nth-child(-n+7),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+7):nth-child(-n+7),
  input#opt2:checked ~ table#Bilanz thead tr th:nth-child(n+17):nth-child(-n+31),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+17):nth-child(-n+31) {
    display:none;
  }
  
  input#opt3:checked ~ table#Bilanz thead tr:nth-child(2) th:nth-child(1),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(1),
  input#opt3:checked ~ table#Bilanz thead tr th:nth-child(n+3):nth-child(-n+5),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+3):nth-child(-n+5),
  input#opt3:checked ~ table#Bilanz thead tr th:nth-child(n+7):nth-child(-n+17),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+7):nth-child(-n+17),
  input#opt3:checked ~ table#Bilanz thead tr th:nth-child(n+25):nth-child(-n+31),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+25):nth-child(-n+31) {
  display:none;
  }
  
  input#opt4:checked ~ table#Bilanz thead tr:nth-child(2) th:nth-child(1),
  input#opt4:checked ~ table#Bilanz tbody tr td:nth-child(1),
  input#opt4:checked ~ table#Bilanz thead tr th:nth-child(n+3):nth-child(-n+5),
  input#opt4:checked ~ table#Bilanz tbody tr td:nth-child(n+3):nth-child(-n+5),
  input#opt4:checked ~ table#Bilanz thead tr th:nth-child(n+7):nth-child(-n+24),
  input#opt4:checked ~ table#Bilanz tbody tr td:nth-child(n+7):nth-child(-n+24) {
    display:none;
  }
}

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

  div#Statusbox {
    width: 750px;
  }

  br#opt2br {
    display:none;
  }

  table#Grunddaten, table#Grafiken {
    width: 470px;
  }

  details, table#Bilanz, table#Historie {
    width: 750px;
  }

  #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(2),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(2),
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+4):nth-child(-n+5),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+4):nth-child(-n+5),
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+17):nth-child(-n+31),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+17):nth-child(-n+31) {
    display:none;
  }

  input#opt2:checked ~ table#Bilanz thead tr th:nth-child(2),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(2),
  input#opt2:checked ~ table#Bilanz thead tr th:nth-child(n+4):nth-child(-n+5),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+4):nth-child(-n+5),
  input#opt2:checked ~ table#Bilanz thead tr th:nth-child(n+17):nth-child(-n+31),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+17):nth-child(-n+31) {
    display:none;
  }
  
  input#opt3:checked ~ table#Bilanz thead tr th:nth-child(2),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(2),
  input#opt3:checked ~ table#Bilanz thead tr th:nth-child(n+4):nth-child(-n+5),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+4):nth-child(-n+5),
  input#opt3:checked ~ table#Bilanz thead tr th:nth-child(n+8):nth-child(-n+17),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+8):nth-child(-n+17) {
    display:none;
  }
 
  input#opt4:checked ~ table#Bilanz thead tr th:nth-child(2),
  input#opt4:checked ~ table#Bilanz tbody tr td:nth-child(2),
  input#opt4:checked ~ table#Bilanz thead tr th:nth-child(n+4):nth-child(-n+5),
  input#opt4:checked ~ table#Bilanz tbody tr td:nth-child(n+4):nth-child(-n+5),
  input#opt4:checked ~ table#Bilanz thead tr th:nth-child(n+8):nth-child(-n+17),
  input#opt4:checked ~ table#Bilanz tbody tr td:nth-child(n+8):nth-child(-n+17) {
    display:none;
  }
}

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

  div#Statusbox {
    width: 1090px;
  }

  br#opt2br {
    display:none;
  }

  table#Grunddaten, table#Grafiken, table#Historie {
    width: 470px;
  }

  details, table#Bilanz {
    width: 1090px;
  }

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

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

  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+17):nth-child(-n+17) {
    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+5),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+4):nth-child(-n+5),
  input#opt2:checked ~ table#Bilanz thead tr th:nth-child(n+17):nth-child(-n+17),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+17):nth-child(-n+17) {
    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+5),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+4):nth-child(-n+5),
  input#opt3:checked ~ table#Bilanz thead tr th:nth-child(n+17):nth-child(-n+17),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+17):nth-child(-n+17) {
    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+5),
  input#opt4:checked ~ table#Bilanz tbody tr td:nth-child(n+4):nth-child(-n+5),
  input#opt4:checked ~ table#Bilanz thead tr th:nth-child(n+17):nth-child(-n+17),
  input#opt4:checked ~ table#Bilanz tbody tr td:nth-child(n+17):nth-child(-n+17) {
    display:none;
  }
}
  
@media screen and (min-width: 1444px) {
  /* Desktop */

  div#Statusbox {
    width: 1090px;
  }

  br#opt2br {
    display:none;
  }
  
  table#Grunddaten, table#Grafiken, table#Historie {
    width: 470px;
  }

  table#Grafiken {
    width: 330px;
  }

  details, table#Bilanz {
    width: 1090px;
  }
  
  #opt1, #opt2, #opt3, #opt4, 
  label[for=opt1], label[for=opt2], label[for=opt3], label[for=opt4] {
    display: none;
  }
  
  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+5),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+4):nth-child(-n+5),
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+17):nth-child(-n+17),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+17):nth-child(-n+17) {
    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+5),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+4):nth-child(-n+5),
  input#opt2:checked ~ table#Bilanz thead tr th:nth-child(n+17):nth-child(-n+17),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+17):nth-child(-n+17) {
    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+5),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+4):nth-child(-n+5),
  input#opt3:checked ~ table#Bilanz thead tr th:nth-child(n+17):nth-child(-n+17),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+17):nth-child(-n+17) {
    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+5),
  input#opt4:checked ~ table#Bilanz tbody tr td:nth-child(n+4):nth-child(-n+5),
  input#opt4:checked ~ table#Bilanz thead tr th:nth-child(n+17):nth-child(-n+17),
  input#opt4:checked ~ table#Bilanz tbody tr td:nth-child(n+17):nth-child(-n+17) {
    display:none;
  }

}