.TijdlijnComponent{display:flex;flex-direction:column;gap:100px;height:-moz-fit-content;height:fit-content;margin-bottom:var(--comp-spacing);margin-top:var(--comp-spacing);width:100%}.TijdlijnComponent .timeline .splide__track .splide__list .splide__slide{display:flex;flex-direction:column;gap:20px;position:relative}.TijdlijnComponent .timeline .splide__track .splide__list .splide__slide .year{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(253 218 0/var(--tw-bg-opacity));border-radius:50%;color:rgb(0 76 69/var(--tw-text-opacity));display:flex;font-size:1em;height:85px;justify-content:center;margin-bottom:5px;text-align:center;width:85px}.TijdlijnComponent .timeline .splide__track .splide__list .splide__slide:after{--tw-bg-opacity:1;background-color:rgb(253 218 0/var(--tw-bg-opacity));content:"";height:2px;left:1rem;position:absolute;top:41.5px;width:calc(100% + 1rem);z-index:-1}.TijdlijnComponent .timeline .splide__track .splide__list .splide__slide .image-wrapper{aspect-ratio:1/1;border-radius:12px;overflow:hidden;width:100%}.TijdlijnComponent .timeline .splide__track .splide__list .splide__slide .image-wrapper img{display:flex;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.TijdlijnComponent .timeline .splide__track .splide__list .splide__slide:last-child:after{content:none}.TijdlijnComponent .timeline .splide__track .splide__list .splide__slide:not(:has(.year)):before{content:"";height:85px}.TijdlijnComponent .timeline:not(.is-active) .splide__track{display:flex;gap:1rem;padding-left:20vw;padding-right:var(--container-spacing);width:100%}@media (min-width:768px){.TijdlijnComponent .timeline:not(.is-active) .splide__track{padding-left:var(--container-spacing)}}.TijdlijnComponent .timeline:not(.is-active) .splide__track .splide__list{display:flex;flex-direction:row;gap:1rem;width:100%}.TijdlijnComponent .timeline:not(.is-active) .splide__track .splide__list .splide__slide{width:100%}@media (min-width:576px){.TijdlijnComponent .timeline:not(.is-active) .splide__track .splide__list .splide__slide{width:calc(50% - .5rem)}}@media (min-width:768px){.TijdlijnComponent .timeline:not(.is-active) .splide__track .splide__list .splide__slide{width:calc(33.3333% - .66667rem)}}@media (min-width:992px){.TijdlijnComponent .timeline:not(.is-active) .splide__track .splide__list .splide__slide{width:calc(25% - .75rem)}}