.seminar-section {
  background-color: var(--tertiary);
  color: var(--greyLighter);
}


.seminar-section details ul li {
  margin: .6em 0 .6em 2em;
  font-size: .9em;
  list-style-type: disc;
}

.seminar-section summary {
  padding: .7em .7em .7em 1em;
  background: var(--greyDark);
  color: var(--greyLighter);
  cursor: pointer;
  outline: none;
  border-radius: .3em;
  font-size: 0.9em;
  transition: background-color .3s;
  text-indent: -0.9em; /* Damit zweite Zeile eingerückt wird */
  padding-left: 2em;
}

.seminar-section summary:hover {
  background-color: var(--secondary);
}

.seminar-section details[open] summary~* {
  animation: sweep .5s ease-in-out;
}

@keyframes sweep {
  from {
    opacity: 0;
    margin-top: -10px;
  }
  to {
    opacity: 1;
    margin-top: 0em;
  }
}

.seminar-section .thema {
  /* display: flex; */
  padding-top: 1em;
}
.seminar-section .themen {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  gap: 1.5em 4em;
}