div.filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.dropdown-button {
  margin: 0.5em;
}


ul.collapsible {
  margin: 1em;
  font-size: 90%;
  color: #777;
  width: 400px;
}

div.name, div.leitung, div.termin-wrapper , div.bemerkung_kategorie {
  padding-left: 1em;
  padding-right: 1em;
}

div.name {
  width: 200px;
}
div.termin-wrapper {
  width: 100px;
  display: flex;
  flex-direction: column;
}
span.wochentag {
  font-weight: bold;
}

span.space {
  flex-grow: 100;
}
i {
  width: 50px;
}


.collapsible-header i:hover {
  background-color: #ccc;
  transition: 300ms;
}

.collapsible span.name {
  font-weight: bold;
  font-size: 120%;
}

div.collapsible-body {
  display: flex;
  flex-wrap: wrap;
}

div.beschreibung {
  margin-left: 1em;
  width: 22em;
}