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

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

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

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

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

  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+2):nth-child(-n+6),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+2):nth-child(-n+6),
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+8):nth-child(-n+8),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+8):nth-child(-n+8),
  
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+11):nth-child(-n+18),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+11):nth-child(-n+18),
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+21):nth-child(-n+24),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+21):nth-child(-n+24) {
    display:none;
  }    

  input#opt2:checked ~ table#Bilanz thead tr th:nth-child(n+2):nth-child(-n+7),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+2):nth-child(-n+7),
  input#opt2:checked ~ table#Bilanz thead tr th:nth-child(n+9):nth-child(-n+11),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+9):nth-child(-n+11),
  input#opt2:checked ~ table#Bilanz thead tr th:nth-child(n+19):nth-child(-n+24),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+19):nth-child(-n+24) {
    display:none;
  }    

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


}


@media screen and (min-width: 484px) and (max-width: 771px) {
    /* Handy quer */
    details, table#Bilanz {
      width: 460px;
  }

  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+2):nth-child(-n+3),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+2):nth-child(-n+3),
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+6):nth-child(-n+6),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+6):nth-child(-n+6),
  
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+8):nth-child(-n+8),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+8):nth-child(-n+8),
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+11):nth-child(-n+18),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+11):nth-child(-n+18),
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+21):nth-child(-n+24),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+21):nth-child(-n+24) {
    display:none;
  } 

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

  input#opt3:checked ~ table#Bilanz thead tr th:nth-child(n+2):nth-child(-n+7),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+2):nth-child(-n+7),
  input#opt3:checked ~ table#Bilanz thead tr th:nth-child(n+9):nth-child(-n+18),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+9):nth-child(-n+18),
  input#opt3:checked ~ table#Bilanz thead tr th:nth-child(n+21):nth-child(-n+21),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+21):nth-child(-n+21) {
    display:none;
  }   

}

@media screen and (min-width: 772px) and (max-width: 1109px) {
  /* Tablet hoch */
  details, table#Bilanz {
    width: 740px;
  }

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

  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+7):nth-child(-n+8),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+7):nth-child(-n+8),
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(11),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(11),
  input#opt1:checked ~ table#Bilanz thead tr th:nth-child(n+19):nth-child(-n+24),
  input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+19):nth-child(-n+24) {
    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+3),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+3):nth-child(-n+3),
  input#opt2:checked ~ table#Bilanz thead tr th:nth-child(n+7):nth-child(-n+8),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+7):nth-child(-n+8),
  input#opt2:checked ~ table#Bilanz thead tr th:nth-child(11),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(11),
  input#opt2:checked ~ table#Bilanz thead tr th:nth-child(n+19):nth-child(-n+24),
  input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+19):nth-child(-n+24) {
    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+3),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+3):nth-child(-n+3),
  input#opt3:checked ~ table#Bilanz thead tr th:nth-child(n+7):nth-child(-n+18),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+7):nth-child(-n+18),
  input#opt3:checked ~ table#Bilanz thead tr th:nth-child(21),
  input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(21) {
    display:none;
  }   


}

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

    #opt1, #opt2, #opt3, label[for=opt1], label[for=opt2], label[for=opt3]{
      display: none;
    }
  
    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+7):nth-child(-n+8),
    input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+7):nth-child(-n+8),
    input#opt1:checked ~ table#Bilanz thead tr th:nth-child(10),
    input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(10),
    input#opt1:checked ~ table#Bilanz thead tr th:nth-child(20),
    input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(20) {
      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+3),
    input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+3):nth-child(-n+3),
    input#opt2:checked ~ table#Bilanz thead tr th:nth-child(n+7):nth-child(-n+8),
    input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+7):nth-child(-n+8),
    input#opt2:checked ~ table#Bilanz thead tr th:nth-child(10),
    input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(10),
    input#opt2:checked ~ table#Bilanz thead tr th:nth-child(20),
    input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(20) {
      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+3),
    input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+3):nth-child(-n+3),
    input#opt3:checked ~ table#Bilanz thead tr th:nth-child(n+7):nth-child(-n+8),
    input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+7):nth-child(-n+8),
    input#opt3:checked ~ table#Bilanz thead tr th:nth-child(10),
    input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(10),
    input#opt3:checked ~ table#Bilanz thead tr th:nth-child(20),
    input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(20) {
      display:none;
    }

  }
  
  @media screen and (min-width: 1444px) {
    /* Desktop */
    details, table#Bilanz {
      width: 1420px;
    }

    #opt1, #opt2, #opt3, label[for=opt1], label[for=opt2], label[for=opt3]{
      display: none;
    }
  
    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+7):nth-child(-n+8),
    input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(n+7):nth-child(-n+8),
    input#opt1:checked ~ table#Bilanz thead tr th:nth-child(10),
    input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(10),
    input#opt1:checked ~ table#Bilanz thead tr th:nth-child(20),
    input#opt1:checked ~ table#Bilanz tbody tr td:nth-child(20) {
      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+3),
    input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+3):nth-child(-n+3),
    input#opt2:checked ~ table#Bilanz thead tr th:nth-child(n+7):nth-child(-n+8),
    input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(n+7):nth-child(-n+8),
    input#opt2:checked ~ table#Bilanz thead tr th:nth-child(10),
    input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(10),
    input#opt2:checked ~ table#Bilanz thead tr th:nth-child(20),
    input#opt2:checked ~ table#Bilanz tbody tr td:nth-child(20) {
      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+3),
    input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+3):nth-child(-n+3),
    input#opt3:checked ~ table#Bilanz thead tr th:nth-child(n+7):nth-child(-n+8),
    input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(n+7):nth-child(-n+8),
    input#opt3:checked ~ table#Bilanz thead tr th:nth-child(10),
    input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(10),
    input#opt3:checked ~ table#Bilanz thead tr th:nth-child(20),
    input#opt3:checked ~ table#Bilanz tbody tr td:nth-child(20) {
      display:none;
    }



  }