.timeline{width:100%;max-width:146rem;height:30vh;min-height:300px;overflow:hidden;padding:0;margin:0 auto}.timeline .carousel-cell{width:100%;height:100%;color:#000;overflow:hidden;background-image:linear-gradient(90deg,rgb(223 227 53) 50%,rgb(223 227 53) 50%);background-size:100% 3px;background-repeat:no-repeat;background-position:0 center}.timeline .carousel-cell:first-child{background-image:linear-gradient(90deg,#fff0 50%,rgb(223 227 53) 50%)}.timeline .carousel-cell.before-initial-select:first-child{background-image:linear-gradient(90deg,#fff0 50%,rgb(0 148 174) 50%)}.timeline .carousel-cell.is-initial-select:first-child{background-image:linear-gradient(90deg,#fff0 50%,rgb(223 227 53) 50%)}.timeline .carousel-cell:last-child{background-image:linear-gradient(90deg,rgb(223 227 53) 50%,#fff0 50%)}.timeline .carousel-cell:last-child{background-image:linear-gradient(90deg,rgb(223 227 53) 50%,#fff0 50%)}.timeline .is-initial-select{background-image:linear-gradient(90deg,rgb(0 148 174) 50%,rgb(223 227 53) 50%)}.timeline .carousel-cell.is-initial-select:last-child{background-image:linear-gradient(90deg,rgb(0 148 174) 50%,#fff0 50%)}.timeline .before-initial-select{background-image:linear-gradient(90deg,rgb(0 148 174) 50%,rgb(0 148 174) 50%)}@media (min-width:500px){.timeline .carousel-cell{width:50%}}@media (min-width:800px){.timeline .carousel-cell{width:33.333%}}@media (min-width:1000px){.timeline .carousel-cell{width:25%}}@media (min-width:1200px){.timeline .carousel-cell{width:20%}}.timeline .carousel-cell .inner{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center}.timeline .carousel-cell .inner .date{padding:0 4rem 3rem;height:50%;margin:0;display:flex;align-items:flex-end;z-index:1}.timeline .carousel-cell .inner .title{padding:3rem 4rem 0;height:50%;margin:0;display:flex;align-items:flex-start;hyphens:none;word-break:keep-all;font-size:2.2rem;font-weight:600;max-width:300px;z-index:1}.timeline .step{position:absolute;content:'';width:16px;height:16px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:1rem;border:3px solid #F6FAFB;background:var(--pear)}.timeline .before-initial-select .step,.timeline .is-initial-select .step{background:var(--blue)}.timeline .is-initial-select .step:before{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:1em;background-color:var(--blue);border-radius:50%;opacity:0;z-index:-1;animation-name:animation-timeline-current;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-out}@-webkit-keyframes animation-timeline-current{from{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}@keyframes animation-timeline-current{from{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.timeline .carousel-cell:last-child .step:before{background-color:#fff;background-image:url(https://cdn.fastpixel.io/fp/v_c576+q_glossy/inkometa.de/wp-content/themes/inkometa/template-parts/blocks/timeline/inkometa-tail-full.svg);background-repeat:no-repeat;background-size:90% auto;background-position:center center;content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:1em;border-radius:50%;z-index:-1;box-shadow:0 0 20px 20px #fff}.timeline .flickity-prev-next-button{background:#F6FAFB;box-shadow:10px 0 30px 30px #f6fafb}.timeline .flickity-prev-next-button.previous{box-shadow:-10px 0 30px 30px #f6fafb}.timeline .flickity-prev-next-button svg{transition:all .3s ease;fill:var(--blue)}.timeline .flickity-prev-next-button:disabled{display:inline-block;opacity:1}.timeline .flickity-prev-next-button:disabled svg{opacity:0}