h3, .togglelable1 {
font-size:22px;
font-weight:bold;
margin-bottom:10px;
margin-left:30px;
margin-top:10px;
margin-right:20px;
}

h4, .togglelable2 {
font-weight:normal;
margin-bottom:10px;
margin-left:50px;
margin-top:10px;
}

.groupmember {
margin-top:5px;
margin-bottom:5px;
margin-left:70px;
}

input[type='checkbox'] {
display: none;
}

.togglelable1, .togglelable2 {
	display: block;
}

.togglelable1::before, .togglelable2::before {
  content: '';
  display: inline-block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid currentColor;
  vertical-align: middle;
  margin-right: 10px;
  transform: translateY(-2px); 
}

.togglelable1:hover, .togglelable2:hover {
  color: red;
}

#togglecontent1, 
#togglecontent11, 
#togglecontent12,
#togglecontent13,
#togglecontent14,
#togglecontent15,
#togglecontent16,
#togglecontent17
{
max-height: 0px;
overflow: hidden;
}

#toggle1:checked + .togglelable1 + #togglecontent1, 
#toggle11:checked + .togglelable2 + #togglecontent11, 
#toggle12:checked + .togglelable2 + #togglecontent12,
#toggle13:checked + .togglelable2 + #togglecontent13,
#toggle14:checked + .togglelable2 + #togglecontent14,
#toggle15:checked + .togglelable2 + #togglecontent15,
#toggle16:checked + .togglelable2 + #togglecontent16,
#toggle17:checked + .togglelable2 + #togglecontent17
{
max-height: 10000px;
}

#toggle1:checked + .togglelable1::before,
#toggle11:checked + .togglelable2::before,
#toggle12:checked + .togglelable2::before,
#toggle13:checked + .togglelable2::before,
#toggle14:checked + .togglelable2::before,
#toggle15:checked + .togglelable2::before,
#toggle16:checked + .togglelable2::before,
#toggle17:checked + .togglelable2::before
{
  transform: rotate(90deg) translateX(-3px);
}

/* #toggle1:checked + .togglelable1 {
font-style: normal;
} */