button.accordion {
  background-color: #eee;
  cursor: pointer;
  padding: 8px 18px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  transition: 0.4s;

  color: rgb(90, 100, 130);
  display: block;
  font-size: 1.15em;
  font-weight: bold;
  text-align: left;
}

button.accordion.lvl2 {
  padding: 6px 18px;
  font-size: 1.15em;
}

button.accordion .note {
  font-size: 0.9em;
  color: rgb(218, 159, 33);
}

button.accordion.correctionpanel {
  color: rgb(218, 159, 33);
  font-size: 12px;
  width: 250px;
  padding: 4px 18px;
  margin: auto;
}

button.accordion.active {
  background-color: #ccc;
}

button.accordion:hover {
  background-color: #aaa;
}

div.accordionpanel {
  padding: 0 12px;
  padding-bottom: 12px;
  background-color: rgb(250, 250, 250);
  display: none;
  height: 0px;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
  text-align: center;
}

.accordionicon {
  font-weight: bold;
  float: right;
}

@media all and (max-width: 600px) {
  div.accordionpanel {
    padding: 0 3px;
  }
}