/* webinaranmeldung */
/* webinar.css */
/* Timeline of the page "Webinare & Termine". Bootstrap has no timeline:
   a vertical line per day with one dot per entry in the entry's colour
   (webinar or specialty, set as --webinar-accent by the script). */
#webinar-page .webinar-day-list {
  position: relative;
  margin-left: .5rem;
  padding-left: 1.5rem;
  border-left: 2px solid var(--bs-border-color);
}

#webinar-page .webinar-item {
  position: relative;
}

#webinar-page .webinar-item::before {
  position: absolute;
  top: 1.05rem;
  left: calc(-1.5rem - 7px);
  width: 12px;
  height: 12px;
  content: "";
  background-color: var(--webinar-accent, var(--bs-primary));
  border: 2px solid var(--bs-body-bg);
  border-radius: 50%;
}

#webinar-page .webinar-item-card {
  border-left: 4px solid var(--webinar-accent, var(--bs-primary));
  cursor: pointer;
}

#webinar-page .webinar-item-card:hover {
  background-color: var(--bs-tertiary-bg);
}

#webinar-page .webinar-item-card:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
}

#webinar-page .webinar-item-time {
  min-width: 6.5rem;
  font-variant-numeric: tabular-nums;
}