/* hier kommen die checkboxen für das glossar */
.glosseintrag {
  display: inline-block;
  width: 100%;
  text-align: left;
  cursor: pointer;
}

.glosscontainer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.glosspfeil {
  margin-left: 5px;
  transition: transform 0.5s;
}

.glossweg {
  margin-top: 0;
  max-height: 0;
  transform: scaleY(0);
  transition: 0.3s;
  transform-origin: top;
}

#gloss01,
#gloss02,
#gloss03,
#gloss04,
#gloss05,
#gloss06,
#gloss07,
#gloss08,
#gloss09,
#gloss10,
#gloss11,
#gloss12,
#gloss13,
#gloss14,
#gloss15,
#gloss16,
#gloss17,
#gloss18,
#gloss19,
#gloss20,
#gloss21,
#gloss22,
#gloss23,
#gloss24,
#gloss25,
#gloss26,
#gloss27,
#gloss28,
#gloss29,
#gloss30,
#gloss31,
#gloss32 {
  display: none;
}

/*Show glossar text when invisible checkbox is checked*/

#gloss01:checked + .glosseintrag .glosspfeil,
#gloss02:checked + .glosseintrag .glosspfeil,
#gloss03:checked + .glosseintrag .glosspfeil,
#gloss04:checked + .glosseintrag .glosspfeil,
#gloss05:checked + .glosseintrag .glosspfeil,
#gloss06:checked + .glosseintrag .glosspfeil,
#gloss07:checked + .glosseintrag .glosspfeil,
#gloss08:checked + .glosseintrag .glosspfeil,
#gloss09:checked + .glosseintrag .glosspfeil,
#gloss10:checked + .glosseintrag .glosspfeil,
#gloss11:checked + .glosseintrag .glosspfeil,
#gloss12:checked + .glosseintrag .glosspfeil,
#gloss13:checked + .glosseintrag .glosspfeil,
#gloss14:checked + .glosseintrag .glosspfeil,
#gloss15:checked + .glosseintrag .glosspfeil,
#gloss16:checked + .glosseintrag .glosspfeil,
#gloss17:checked + .glosseintrag .glosspfeil,
#gloss18:checked + .glosseintrag .glosspfeil,
#gloss19:checked + .glosseintrag .glosspfeil,
#gloss20:checked + .glosseintrag .glosspfeil,
#gloss21:checked + .glosseintrag .glosspfeil,
#gloss22:checked + .glosseintrag .glosspfeil,
#gloss23:checked + .glosseintrag .glosspfeil,
#gloss24:checked + .glosseintrag .glosspfeil,
#gloss25:checked + .glosseintrag .glosspfeil,
#gloss26:checked + .glosseintrag .glosspfeil,
#gloss27:checked + .glosseintrag .glosspfeil,
#gloss28:checked + .glosseintrag .glosspfeil,
#gloss29:checked + .glosseintrag .glosspfeil,
#gloss30:checked + .glosseintrag .glosspfeil,
#gloss31:checked + .glosseintrag .glosspfeil,
#gloss32:checked + .glosseintrag .glosspfeil {
  transform: rotate(180deg);
}

#gloss01:checked ~ #glosstext01 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss02:checked ~ #glosstext02 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss03:checked ~ #glosstext03 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss04:checked ~ #glosstext04 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss05:checked ~ #glosstext05 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss06:checked ~ #glosstext06 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss07:checked ~ #glosstext07 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss08:checked ~ #glosstext08 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss09:checked ~ #glosstext09 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss10:checked ~ #glosstext10 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss11:checked ~ #glosstext11 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss12:checked ~ #glosstext12 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss13:checked ~ #glosstext13 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss14:checked ~ #glosstext14 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss15:checked ~ #glosstext15 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss16:checked ~ #glosstext16 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss17:checked ~ #glosstext17 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss18:checked ~ #glosstext18 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss19:checked ~ #glosstext19 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss20:checked ~ #glosstext20 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss21:checked ~ #glosstext21 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss22:checked ~ #glosstext22 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss23:checked ~ #glosstext23 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss24:checked ~ #glosstext24 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss25:checked ~ #glosstext25 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss26:checked ~ #glosstext26 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss27:checked ~ #glosstext27 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss28:checked ~ #glosstext28 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss29:checked ~ #glosstext29 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss30:checked ~ #glosstext30 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss31:checked ~ #glosstext31 {
  max-height: 700px;
  transform: scaleY(1);
}

#gloss32:checked ~ #glosstext32 {
  max-height: 700px;
  transform: scaleY(1);
}