.pi-tl{--tl-gap: 3.2rem}.pi-tl__lijst{position:relative;display:grid;grid-template-columns:repeat(var(--tl-n),minmax(0,1fr));gap:var(--tl-gap);margin:1.6rem 0 0;padding:0;list-style:none}.pi-tl__lijst:before{content:"";position:absolute;top:7px;left:7px;right:calc((100% - (var(--tl-n) - 1) * var(--tl-gap)) / var(--tl-n) - 7px);height:1px;background:rgba(var(--color-foreground),.4)}.pi-tl__stap{position:relative;padding-top:4rem}.pi-tl__punt{position:absolute;top:0;left:0;z-index:1;width:15px;height:15px;box-sizing:border-box;border:1px solid rgb(var(--color-foreground));background:rgb(var(--color-background))}.pi-tl__stap--nu .pi-tl__punt{background:rgb(var(--color-foreground));box-shadow:0 0 0 6px rgba(var(--color-foreground),.15)}.pi-tl__jaar{margin:0 0 2rem;line-height:1}.pi-tl__logo{display:flex;align-items:center;height:120px;margin-bottom:2rem}.pi-tl__logo img{display:block;width:auto;max-width:var(--logo-w, 100%);max-height:var(--logo-h, 56px);height:auto;object-fit:contain;mix-blend-mode:lighten}.pi-tl__titel{margin:0 0 .8rem}.pi-tl__tekst{margin:0}.pi-tl--anim .pi-tl__lijst:before{transform:scaleX(0);transform-origin:left center;transition:transform calc((var(--tl-n) - 1) * .55s) cubic-bezier(.45,0,.25,1)}.pi-tl--anim.pi-tl--zichtbaar .pi-tl__lijst:before{transform:none}.pi-tl--anim .pi-tl__punt{transform:scale(0);transition:transform .45s cubic-bezier(.3,1.6,.5,1);transition-delay:calc(var(--i) * .55s)}.pi-tl--anim .pi-tl__stap>:not(.pi-tl__punt){opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.65,.3,1);transition-delay:calc(var(--i) * .55s + .15s)}.pi-tl--anim.pi-tl--zichtbaar .pi-tl__stap.is-zichtbaar .pi-tl__punt{transform:none}.pi-tl--anim.pi-tl--zichtbaar .pi-tl__stap.is-zichtbaar>:not(.pi-tl__punt){opacity:1;transform:none}@media screen and (max-width:749px){.pi-tl{--tl-gap: 4rem}.pi-tl__lijst{grid-template-columns:1fr;padding-left:36px}.pi-tl__lijst:before{display:none}.pi-tl__stap{padding-top:0}.pi-tl__stap:not(:last-child):after{content:"";position:absolute;left:-29px;top:21px;bottom:calc(-1 * var(--tl-gap) - 6px);width:1px;background:rgba(var(--color-foreground),.4)}.pi-tl__punt{top:6px;left:-36px}.pi-tl__logo{height:auto;margin-bottom:1.4rem}.pi-tl__logo--leeg{display:none}.pi-tl--anim .pi-tl__punt,.pi-tl--anim .pi-tl__stap>:not(.pi-tl__punt){transition-delay:.1s}}
/*# sourceMappingURL=/cdn/shop/t/23/compiled_assets/styles.css.map?subset=AAAAAAAAAQ */