/* Styles für Slider Typ 'swiper-default'  */
:root {
  --swiper-timeline-line-color: var(--grau);
}

.swiper-timeline .swiper-wrapper {
  height: 300px;
}

.swiper-timeline .timeline-line {
  margin-top: 1rem;
  position: relative;
  border-top: 2px solid var(--swiper-timeline-line-color);
  color: var(--swiper-timeline-line-color);
  height: 6rem;
}
/* Punkt an der linken Seite der Linie */
.swiper-timeline .timeline-line:before {
  content: "";
  display: inline-block;
  position: absolute;
  transform: translateY(-65%);
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.5rem;
  background-color: var(--swiper-timeline-line-color);
}
/* Pfeil an der rechten Seite der Linie */
.swiper-timeline .timeline-line:after {
  font-family: bielefeld-ui;
  content: "\e91d"; /* -> */
  transform: translateY(-56%) rotate(90deg);
  /*font-weight: bold;*/
  position: absolute;
  right: 0;
}

.swiper-timeline .swiper-pagination-bullets {
  bottom: inherit;
  display: flex;
  /*justify-content: space-between;*/
  justify-content: center;
  padding-left: 20%;
  padding-right: 20%;
}
.swiper-timeline .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 5.5em;
}
.swiper-timeline .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-timeline .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: 1rem;
  height: 1rem;
  background-color: white;
  opacity: 1;
  /*border: none;*/
  border: 1px solid var(--primary);
  margin-right: min(4%, 2rem);
}
.swiper-timeline .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: var(--primary-d);
}

.swiper-timeline .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active:after {
  content: "";
  position: absolute;
  transform: translateX(-50%);
  height: 6.5rem;
  border-left: 2px solid var(--primary-d);
  z-index: 0;
}

.swiper-timeline .swiper-pagination-bullet:hover {
  border: 2px solid var(--primary-d);
}

.swiper-timeline .swiper-slide {
  width: 300px;
  max-width: 30rem;
  /*display: flex;*/
}