.ce-timeline header * {
   font-size: 1.25em;
   color: var(--bs-primary);
}


.ce-timeline h1.center,
.ce-timeline h2.center,
.ce-timeline h3.center,
.ce-timeline h4.center,
.ce-timeline h5.center,
.ce-timeline h6.center {
  text-align: center;
}
.ce-timeline h1.left,
.ce-timeline h2.left,
.ce-timeline h3.left,
.ce-timeline h4.left,
.ce-timeline h5.left,
.ce-timeline h6.left {
  text-align: right;
}
.ce-timeline h1.right,
.ce-timeline h2.right,
.ce-timeline h3.right,
.ce-timeline h4.right,
.ce-timeline h5.right,
.ce-timeline h6.right {
  text-align: left;
}
.ce-timeline .text-center {
  text-align: center;
}
.ce-timeline .text-left {
  text-align: left;
}
.ce-timeline .text-right {
  text-align: right;
}
.ce-timeline .img-fluid {
  max-width: 100%;
  height: auto;
}
.ce-timeline ul.ce-timeline-list {
  position: relative;
  padding: 1rem;
  margin: 0 auto;
  max-width: 1300px;
  list-style-type: none;
}
.ce-timeline ul.ce-timeline-list:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  background: linear-gradient(
    to bottom,
    #fff 0%,
    #999 10%,
    #999 90%,
    #fff 100%
  );
  left: calc(1rem + 60px);
  top: 0;
}
.ce-timeline ul.ce-timeline-list:after {
  content: "";
  display: table;
  clear: both;
}

.ce-timeline ul.ce-timeline-list > li {
  border: 0px solid var(--bs-primary);
  position: relative;
  margin: -120px 1rem 120px 10rem;
  padding-top: 3.2rem;
  clear: both;
  background-color: rgba(0, 0, 0, 0);
  color: inherit;

}
.ce-timeline ul.ce-timeline-list li h1,
.ce-timeline ul.ce-timeline-list li h2,
.ce-timeline ul.ce-timeline-list li h3,
.ce-timeline ul.ce-timeline-list li h4,
.ce-timeline ul.ce-timeline-list li h5,
.ce-timeline ul.ce-timeline-list li h6 {
  color: inherit;
}

.ce-timeline ul.ce-timeline-list li:after,
.ce-timeline ul.ce-timeline-list li:before {
  content: "";
  position: absolute;
}
.ce-timeline ul.ce-timeline-list li:before {
  /* left: -10px;
  top: calc(50% - 10px);
  border-style: solid;
  border-color: transparent transparent var(--bs-primary) var(--bs-primary);
  border-width: 10px;
  transform: rotate(45deg); */
}

.ce-timeline ul.ce-timeline-list li.text header {
  font-weight: bold;
}
.ce-timeline ul.ce-timeline-list li.time {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  max-width: 120px;
  height: 120px;
  border-radius: 50%;
  margin: 0 auto 0 0;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  background-color: var(--bs-primary-100);
  padding: 0.2rem;
  border: 2px solid var(--bs-primary);
  font-size: 3rem;
}
.ce-timeline ul.ce-timeline-list li.time:before {
  display: none;
}

.ce-timeline ul.ce-timeline-list li.gallery-width-50 .ce-timeline-text {
  width: 50%;
}
.ce-timeline ul.ce-timeline-list li.gallery-width-50 .ce-timeline-gallery {
  width: calc(50% - 10px);
}
.ce-timeline ul.ce-timeline-list li.gallery-width-33 .ce-timeline-text {
  width: 66%;
}
.ce-timeline ul.ce-timeline-list li.gallery-width-33 .ce-timeline-gallery {
  width: calc(33% - 10px);
}
.ce-timeline ul.ce-timeline-list li.text-image .ce-timeline-gallery {
  display: block;
  flex: none;
  margin-bottom: 1rem;
}
.ce-timeline
  ul.ce-timeline-list
  li.text-image
  .ce-timeline-gallery
  .ce-timeline-gallery-row {
  display: flex;
  flex-wrap: wrap;
  margin-top: -10px;
  margin-left: -10px;
}
.ce-timeline
  ul.ce-timeline-list
  li.text-image
  .ce-timeline-gallery
  .ce-timeline-gallery-row
  .ce-timeline-image {
  width: calc(50% - 10px);
  margin-left: 10px;
  margin-top: 10px;
}
.ce-timeline
  ul.ce-timeline-list
  li.text-image
  .ce-timeline-gallery
  .ce-timeline-gallery-row
  .ce-timeline-image
  img {
  max-width: 100%;
  height: auto;
}
.ce-timeline
  ul.ce-timeline-list
  li.text-image
  .ce-timeline-gallery
  .ce-timeline-gallery-row.ce-timeline-columns-1
  .ce-timeline-image {
  width: 100%;
}
.ce-timeline
  ul.ce-timeline-list
  li.text-image
  .ce-timeline-gallery
  .ce-timeline-gallery-row.ce-timeline-columns-2
  .ce-timeline-image {
  width: calc(50% - 10px);
}
.ce-timeline
  ul.ce-timeline-list
  li.text-image
  .ce-timeline-gallery
  .ce-timeline-gallery-row.ce-timeline-columns-3
  .ce-timeline-image {
  width: calc(33.333% - 10px);
}
.ce-timeline
  ul.ce-timeline-list
  li.text-image
  .ce-timeline-gallery
  .ce-timeline-gallery-row.ce-timeline-columns-4
  .ce-timeline-image {
  width: calc(25% - 10px);
}
.ce-timeline
  ul.ce-timeline-list
  li.text-image
  .ce-timeline-gallery
  .ce-timeline-gallery-row.ce-timeline-columns-5
  .ce-timeline-image {
  width: calc(20% - 10px);
}
.ce-timeline
  ul.ce-timeline-list
  li.text-image
  .ce-timeline-gallery
  .ce-timeline-gallery-row.ce-timeline-columns-6
  .ce-timeline-image {
  width: calc(16.6% - 10px);
}
.ce-timeline
  ul.ce-timeline-list
  li.text-image
  .ce-timeline-gallery
  .ce-timeline-gallery-row.ce-timeline-columns-7
  .ce-timeline-image {
  width: calc(14.28% - 10px);
}
.ce-timeline
  ul.ce-timeline-list
  li.text-image
  .ce-timeline-gallery
  .ce-timeline-gallery-row.ce-timeline-columns-8
  .ce-timeline-image {
  width: calc(12.5% - 10px);
}
.ce-timeline ul.ce-timeline-list li.text-image.layout-0 .ce-timeline-gallery {
  width: 100%;
}
.ce-timeline ul.ce-timeline-list li.text-image.layout-0 .ce-timeline-text {
  width: 100%;
}
.ce-timeline ul.ce-timeline-list li.text-image.layout-1 .ce-timeline-gallery {
  width: 100%;
}
.ce-timeline ul.ce-timeline-list li.text-image.layout-1 .ce-timeline-text {
  width: 100%;
}
.ce-timeline ul.ce-timeline-list li.text-image.layout-2 {
  display: flex;
}
.ce-timeline ul.ce-timeline-list li.text-image.layout-2 .ce-timeline-gallery {
  margin-right: 20px;
}
.ce-timeline
  ul.ce-timeline-list
  li.text-image.layout-2
  .ce-timeline-gallery
  img {
  max-width: 100%;
}
.ce-timeline ul.ce-timeline-list li.text-image.layout-3 {
  display: flex;
}
.ce-timeline ul.ce-timeline-list li.text-image.layout-3 .ce-timeline-gallery {
  margin-left: 20px;
}
.ce-timeline ul.ce-timeline-list li p {
  margin-bottom: 0;
}

.ce-timeline {
  font-size: 1rem;

}
.ce-timeline .ce-timeline-description.cropped.collapsing {
  height: 0rem;
}

.ce-timeline a.ce-timeline-showmore-button {
   margin-top: 2em;
}

.ce-timeline a.ce-timeline-showmore-button::after {
  content: 'mehr zeigen';
}

.ce-timeline a.ce-timeline-showmore-button:not(.collapsed)::after {
  content: 'weniger zeigen';
}

.ce-timeline-description.collapse:not(.show) {
   display: none;
}


/*animation*/
.ce-timeline .time,
.ce-timeline .html,
.ce-timeline .text-image,
.ce-timeline .text {
   transition: 800ms ease-in-out;
}

.ce-timeline .html.align-0,
.ce-timeline .text-image.align-0,
.ce-timeline .text.align-0 {
   opacity: 1;
}

.ce-timeline .html.align-1,
.ce-timeline .text-image.align-1,
.ce-timeline .text.align-1 {
   opacity: 1;
}

.ce-timeline .html.align-0.animation_stop,
.ce-timeline .text-image.align-0.animation_stop,
.ce-timeline .text.align-0.animation_stop {
   opacity: 0.2;
}

.ce-timeline .html.align-1.animation_stop,
.ce-timeline .text-image.align-1.animation_stop,
.ce-timeline .text.align-1.animation_stop {
   opacity: 0.2;
}

.ce-timeline ul.ce-timeline-list li.time.animation_stop {
   background-color: var(--bs-base-400);
   border: 2px solid var(--bs-base-200);
   color: var(--bs-base-100);
}

@media screen and (max-width: 575px) {
  .ce-timeline ul.ce-timeline-list::before {
      left: calc(1rem + 30px);
  }
 .ce-timeline ul.ce-timeline-list li.time {
    max-width: 60px;
    height: 60px;
    font-size: 2rem;
  }
  .ce-timeline ul.ce-timeline-list li {
      margin: -120px 1rem 120px 5rem;
      padding-top: 4.8rem;
  }
}

@media screen and (min-width: 768px) {
  .ce-timeline ul.ce-timeline-list li.time {
    text-align: center;
    margin: 0 auto 0 0;
    padding: 0.5rem;
  }
  .ce-timeline ul.ce-timeline-list li.time:nth-of-type(2n) {
    float: none;
    margin: 0 auto;
    border-image: none;
  }
  .ce-timeline ul.ce-timeline-list li.time:nth-of-type(2n):before {
    display: none;
  }
  .ce-timeline ul.ce-timeline-list li.align-1:before {
    right: auto;
    left: -10px;
    border-color: transparent transparent var(--bs-primary) var(--bs-primary);
  }
  .ce-timeline ul.ce-timeline-list {
    padding: 2rem;
  }

  .ce-timeline ul.ce-timeline-list:before {
    left: calc(2rem + 60px);
  }
}