#timeline li {
  list-style: initial;
}


.timeline-line {
  height:100%;
  width:5px;
  background-color:#009FE3;
  position:absolute;
  left: 50%;
  top:0;
  z-index:-1;
}

.timeline-row-left {
  margin-right: 0;
  margin-left: 2px;
}
.timeline-row-right {
  margin-left:0;
}

.timeline-line-top, .timeline-line-bottom {
  width:58px;
  height:58px;
  background-color: #1F5075;
  position:absolute;
  left: -25px;
}
.timeline-line-top {
  top:-20px;
}
.timeline-line-bottom {
  bottom:-20px;
}

.w-75 {
  background-color: white;
  color: black;
  padding: 20px;
  width: 85% !important;
  margin-top: 50px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
}

ul{
  padding:0;
}

.driehoek {
  position: absolute;
  background-color: #003879;
  width: 50px;
  height: 50px;
  top: 0;
  right: -50px;
  clip-path: polygon(0 0, 0% 100%, 100% 0);
}

@media (max-width: 768px) {
  .timeline-line {
    left: 20px!important;
  }

  .timeline-row-left {
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .event-item {
    margin-top:0px!important;
  }

  .w-75 {
    margin-left: 50px;
  }
}