.timeline-slider .timeline-container {
    display: flex !important;
    flex-wrap: nowrap;
    margin: 1rem 0;
  }
  
  .timeline-date{
    margin-left: 1rem;
    width: auto;
  }
  .timeline-date .year{
    display: flex !important;
    justify-content: center;
    align-items: center;
    background-color: #006DB0;
    color: #fff;
  }
  
  .timeline-content {
    width: auto;
  }
  .timeline-content .headline {
    background-color: #fff;
    padding: 0.25rem 1rem;
    display: flex !important;
    align-items: center;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
      -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
      box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
  }
  
  .timeline-content .text {
    background-color: #fff;
    padding: 0.25rem 1rem;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
      -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
      box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
  }
  
  .timeline-content .line {
    width: 100%;
    background-color: #006DB0;
  }
  
  /*Abstände*/
  .margin-lr{
    margin-left: 1rem;
    margin-right: 0.5rem;
  }
  
  .padding-lr{
    padding-left: 1rem;
    padding-right: 0.5rem;
  }
  
  /*Bild*/
  .timeline-slider .timeline-img-fit {
    height: 200px;/*Bild Höhe*/
    width: 100%;
    box-sizing: border-box;
  }
  .timeline-slider .timeline-img-fit img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
  }
  
  /*Jahr*/
  .year{
      font-size: 30px;
      transform: translateY(calc(200px + 75px + 10px/2 - 70px/2)); /* Bild Höhe + Headline Höhe + 1/2 Linienhöhe - 1/2 Yearbox Höhe*/
      height: 70px;/*Yearbox HöheHöhe*/
      padding: 5px 20px;
  }
  
  .timeline-slider .headline {
    height: 75px; /*Headline Höhe*/
  }
  .timeline-slider .headline h3{
    margin-bottom: 0;
    margin-top: 0;
  }
  
  /*Line*/
  .timeline-slider .line{
    height: 10px; /*Linien Höhe*/
  }
  .timeline-slider .line {
    border-left: 20px solid transparent;
    box-sizing: content-box;
    transform: translateX(-1px);
  }
  
  /*Text*/
  .timeline-slider .text p{
    padding-top: 10px;
  }
  
  /*Slider Dots*/
  .timeline-slider .slick-dots li button:before {
      font-size: 18px;
  }
  
  .timeline-slider .slick-dots {
      bottom: -50px;
  }
  
  /* Equal height */
  .timeline-slider .text {
      height: calc(100% - 280px); /* - Img + Heading Höhe + 1/2 Linie*/
  }
  
  .timeline-slider .slick-track {
    display: flex !important;
  }
  
  .timeline-slider .slick-slide {
    height: auto;
  }

  /* Korrekturen */
  .timeline-content .text p{
    margin-bottom: 10px;
  }

  /* BG Color*/
  .timeline-grey .timeline-content .headline,
  .timeline-grey .timeline-content .text {
    background-color: #F1F1F1;
  }

  .timeline-white .timeline-content .headline,
  .timeline-white .timeline-content .text {
    background-color: #fff;
  }
  
  @media screen and (max-width: 600px) {
    /*Bild*/
    .timeline-slider .timeline-img-fit {
      height: 150px;/*Bild Höhe*/
    }
    /* Equal height */
    .timeline-slider .text {
      height: calc(100% - 230px); /* - Img + Heading Höhe + 1/2 Linie*/
    }
    /*Jahr*/
    .year{
      font-size: 20px;
      font-weight: 600;
      transform: translateY(calc(150px + 75px + 10px/2 - 35px/2)); /* Bild Höhe + Headline Höhe + 1/2 Linienhöhe - 1/2 Yearbox Höhe*/
      height: 35px;/*Yearbox HöheHöhe*/
      padding: 5px 5px;
    }
    /*Abstände*/
    .margin-lr{
      margin-left: 2px;
      margin-right: 0.2rem;
    }
  
    .padding-lr{
      padding-left: 2px;
      padding-right: 0.2rem;
    }
    /*Platz schaffen*/
    .timeline-date {
      margin-left: 0.5rem;
    }
    .timeline-content .text,
    .timeline-content .headline {
      padding-left: 10px;
      padding-right: 10px;
    }
    .timeline-content .text p {
      font-size: 15px;
    }
  }

  /*Teaser*/
  .timeline-teaser-slider .text.teaser {
    height: auto;
  }
  .timeline-teaser-slider .headline.teaser h3 {
    color: #006DB0;
  }

  /*Anschneiden neuen Eintrag*/
  .timeline-slider .slick-list.draggable {
    padding: 0px 50px 0 0;
  }

  @media screen and (max-width: 500px) {
    .timeline-slider .slick-list.draggable {
      padding: 0px 30px 0 0;
      box-sizing: border-box;
    }
  }

  /*Content drumherum*/
  @media screen and (max-width: 1000px) {
    .timelineslider-blog .wp-block-group__inner-container{
      padding: 30px 0;
    }
  }