.pi-off__binnen{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:6.4rem;align-items:start}@media screen and (max-width:989px){.pi-off__binnen{grid-template-columns:minmax(0,1fr);gap:4rem}}.pi-off__info{display:flex;flex-direction:column;gap:2rem}.pi-off__info .pi-label,.pi-off__titel{margin:0}.pi-off__details{display:flex;flex-wrap:wrap;gap:3.2rem}.pi-off__details p{margin:0}.pi-off__paneel{background:rgba(var(--color-foreground),.04);border:1px solid rgba(var(--color-foreground),.1);padding:4rem}@media screen and (max-width:749px){.pi-off__paneel{padding:2.4rem}}.pi-off__form{display:flex;flex-direction:column;gap:2rem}.pi-off__rij{display:grid;grid-template-columns:1fr;gap:2rem}@media screen and (min-width:750px){.pi-off__rij{grid-template-columns:1fr 1fr}}.pi-off__veld{display:flex;flex-direction:column;gap:.8rem}.pi-off__veld label{font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.pi-off__veld input,.pi-off__veld select,.pi-off__veld textarea{width:100%;box-sizing:border-box;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:1.6rem;border:1px solid rgba(var(--color-foreground),.25);border-radius:0;padding:1.4rem 1.6rem;-webkit-appearance:none;appearance:none;transition:border-color .2s ease}.pi-off__veld select{background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:4rem}.pi-off__veld input::placeholder,.pi-off__veld textarea::placeholder{color:inherit;opacity:.4}.pi-off__veld input:focus,.pi-off__veld select:focus,.pi-off__veld textarea:focus{outline:none;border-color:rgb(var(--color-foreground))}.pi-off__veld textarea{min-height:160px;resize:vertical}.pi-off__knop{align-self:flex-start}.pi-off__melding{border:1px solid rgb(var(--color-foreground));padding:1.4rem 1.6rem;margin:0}.pi-off__melding--fout{border-style:dashed}.pi-sp{overflow:hidden}.pi-sp__kop{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem;margin-bottom:2rem}.pi-sp__titel{margin:0}.pi-sp__alle{white-space:nowrap}.pi-sp__rij{list-style:none;display:flex;gap:1.6rem;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:0;padding:2px 0 4px}.pi-sp__rij::-webkit-scrollbar{display:none}.pi-sp:not(.is-auto) .pi-sp__rij{scroll-snap-type:x mandatory}.pi-sp:not(.is-auto) .pi-sp__item{scroll-snap-align:start}.pi-sp__item{flex:0 0 calc((100% - 3 * 1.6rem) / 4.3);min-width:0;list-style:none}.pi-sp__kaart{display:flex;flex-direction:column;gap:.6rem;height:100%;color:inherit;text-decoration:none}.pi-sp__img{display:block;aspect-ratio:1;overflow:hidden;background:#fff;border:1px solid rgba(var(--color-foreground),.1);margin-bottom:.6rem;transition:border-color .2s ease}.pi-sp__img img{width:100%;height:100%;object-fit:contain;display:block}.pi-sp__kaart:hover .pi-sp__img{border-color:rgb(var(--color-foreground))}.pi-sp__naam{font-size:1.5rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pi-sp__prijs{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.pi-sp__prijs s{color:rgba(var(--color-foreground),.55);font-weight:400;margin-left:.4rem}@media screen and (max-width:989px){.pi-sp__rij{gap:1.2rem}.pi-sp__item{flex-basis:40%}}@media screen and (max-width:749px){.pi-sp__item{flex-basis:56%}.pi-sp__naam,.pi-sp__prijs{font-size:1.4rem}}.pi-sk__label{display:block;margin:0 0 .8rem 2px;font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--color-foreground),.65)}.pi-sk__rij{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap}.pi-sk__select{-webkit-appearance:none;appearance:none;width:100%;max-width:420px;height:46px;padding:0 40px 0 16px;font:inherit;font-size:1.5rem;color:rgb(var(--color-foreground));background:rgb(var(--color-background)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23121212' stroke-opacity='.75' stroke-width='1.3'/%3E%3C/svg%3E") no-repeat right 16px center / 12px 8px;border:1px solid rgba(var(--color-foreground),.3);border-radius:0;cursor:pointer}.pi-sk__select:hover,.pi-sk__select:focus{border-color:rgb(var(--color-foreground));outline:none}.pi-sk__hint{margin:1rem 0 0 2px;color:rgba(var(--color-foreground),.65);font-size:1.4rem;line-height:1.5}.pi-sc__kop{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem;margin-bottom:2rem}.pi-sc__titel{margin:0}.pi-sc__alle{white-space:nowrap}.pi-sc__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--sc-kol, 5),minmax(0,1fr));gap:1.2rem}@media screen and (max-width:1199px){.pi-sc__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pi-sc__grid>li{list-style:none}.pi-sc__tegel{display:grid;grid-template-columns:1fr auto;grid-template-areas:"img img" "tekst pijl";align-items:center;gap:0 1.2rem;height:100%;border:1px solid rgba(var(--color-foreground),.15);background:rgb(var(--color-background));color:inherit;text-decoration:none;transition:border-color .2s ease}.pi-sc__tegel:hover,.pi-sc__tegel:focus-visible{border-color:rgb(var(--color-foreground))}.pi-sc__img{grid-area:img;display:block;aspect-ratio:4 / 3;overflow:hidden;border-bottom:1px solid rgba(var(--color-foreground),.08)}.pi-sc__img img{width:100%;height:100%;object-fit:contain;padding:1.6rem;box-sizing:border-box;display:block;transition:transform .4s ease}.pi-sc__tegel:hover .pi-sc__img img{transform:scale(1.03)}.pi-sc__tekst{grid-area:tekst;display:flex;flex-direction:column;gap:.2rem;padding:1.4rem 0 1.4rem 1.6rem}.pi-sc__naam{margin:0}.pi-sc__sub{color:rgba(var(--color-foreground),.65);font-size:1.4rem;line-height:1.4}.pi-sc__pijl{grid-area:pijl;padding-right:1.6rem;transition:transform .2s ease}.pi-sc__tegel:hover .pi-sc__pijl{transform:translate(3px)}@media screen and (max-width:749px){.pi-sc__grid{grid-template-columns:1fr;gap:.8rem}.pi-sc__tegel{grid-template-columns:84px 1fr auto;grid-template-areas:"img tekst pijl"}.pi-sc__img{aspect-ratio:1;border-bottom:0;border-right:1px solid rgba(var(--color-foreground),.08)}.pi-sc__img img{padding:.8rem}.pi-sc__tekst{padding:1.2rem 0 1.2rem .4rem}}.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}}.pi-vt__rij{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem 2.4rem;list-style:none;margin:0 auto;box-sizing:border-box}.pi-vt__item,.pi-vt__link{display:flex;align-items:center;gap:1.2rem;color:rgb(var(--color-foreground));text-decoration:none}.pi-vt__link:hover .pi-vt__titel{text-decoration:underline;text-underline-offset:.3rem}.pi-vt__icoon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(var(--color-foreground),.2);color:rgb(var(--color-foreground))}.pi-vt__tekst{display:flex;flex-direction:column;gap:.2rem;min-width:0}.pi-vt__titel{font-size:1.4rem;font-weight:600;line-height:1.3}.pi-vt__sub{font-size:1.25rem;line-height:1.35;color:rgba(var(--color-foreground),.65)}@media screen and (max-width:989px){.pi-vt__rij{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.pi-vt__rij{gap:1.2rem 1.4rem}.pi-vt__icoon{width:34px;height:34px}.pi-vt__icoon svg{width:18px;height:18px}.pi-vt__titel{font-size:1.3rem}.pi-vt__sub{display:none}}body #ymm_searchbox{max-width:1200px!important;margin:0 auto!important;padding:8px 0!important;background:transparent!important;border:none!important;box-shadow:none!important;color:#121212;font-family:var(--font-body-family)}body #ymm_searchbox h2{font-family:var(--font-heading-family)!important;font-size:1.9rem!important;font-weight:400!important;text-transform:none!important;letter-spacing:.04rem!important;margin:0 0 14px!important;color:#121212!important}body #ymm_searchbox label{font-size:1.05rem!important;font-weight:500!important;letter-spacing:.1rem!important;text-transform:uppercase!important;color:#1212128c!important;margin:0 0 5px 2px!important}html body #ymm_searchbox label *{color:#1212124d!important}body #ymm_searchbox ul{margin:-10px -5px 0!important}body #ymm_searchbox ul li{padding:10px 5px 0!important}html body #ymm_searchbox .select,html body #ymm_searchbox .field{border-radius:10px!important;box-shadow:none!important;border:none!important;background:transparent!important}html body #ymm_searchbox .select:before,html body #ymm_searchbox .select:after,html body #ymm_searchbox .field:before,html body #ymm_searchbox .field:after{content:none!important;display:none!important;box-shadow:none!important}html body #ymm_searchbox .select .icon-caret,html body #ymm_searchbox .select svg,html body #ymm_searchbox .field svg{display:none!important}html body #ymm_searchbox select,html body #ymm_searchbox .select__select,html body #ymm_searchbox .select2-selection,html body #ymm_searchbox .select2-selection--single,html body #ymm_searchbox .select2-container--default .select2-selection--single{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;font-family:var(--font-body-family)!important;font-size:1.4rem!important;font-weight:400!important;letter-spacing:.03rem!important;height:44px!important;min-height:44px!important;padding:0 40px 0 16px!important;background-color:#fafafa!important;color:#121212!important;border:1px solid rgba(18,18,18,.14)!important;border-radius:10px!important;outline:none!important;box-shadow:none!important;transition:border-color .2s ease,background-color .2s ease}html body #ymm_searchbox select,html body #ymm_searchbox .select__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23121212' stroke-opacity='.7' stroke-width='1.3'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:12px 8px!important}html body #ymm_searchbox .select2-container,html body #ymm_searchbox .select2-container .selection{border-radius:10px!important}html body #ymm_searchbox select:hover,html body #ymm_searchbox select:focus,html body #ymm_searchbox .select2-selection--single:hover,html body #ymm_searchbox .select2-container--open .select2-selection--single,html body #ymm_searchbox .select2-container--focus .select2-selection--single{border-color:#12121280!important;background-color:#fff!important}body #ymm_searchbox .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#121212b3!important;border-width:0 1.2px 1.2px 0!important;padding:2.5px!important}body #ymm_searchbox select[disabled],body #ymm_searchbox .select2-container--disabled .select2-selection--single{opacity:.5!important}html body #ymm_searchbox .btn{font-family:var(--font-body-family)!important;font-size:1.4rem!important;font-weight:400!important;text-transform:none!important;letter-spacing:.08rem!important;min-height:44px!important;padding:8px 28px!important;border-radius:10px!important;background:#121212!important;color:#fff!important;border:1px solid #121212!important;transition:background-color .2s ease,color .2s ease,opacity .2s ease!important}html body #ymm_searchbox .btn:hover{opacity:1!important;background:#333!important;border-color:#333!important}html body #ymm_searchbox .btn[disabled]{opacity:.35!important}html body #ymm_searchbox .btn+.btn{background:transparent!important;color:#121212!important;border-color:#12121240!important}html body #ymm_searchbox .btn+.btn:hover{background:#f3f3f3!important;border-color:#12121280!important}body #ymm_searchbox .btn img{display:none!important}html body .ymm_app .select2-container .select2-dropdown,html body .select2-container .select2-dropdown{border:1px solid rgba(18,18,18,.14)!important;border-radius:10px!important;background:#fff!important;box-shadow:0 10px 28px #1212121a!important;overflow:hidden;margin-top:4px}body .ymm_app .select2-container .select2-results__option{font-family:var(--font-body-family)!important;font-size:1.4rem!important;color:#121212!important;min-height:40px!important}body .ymm_app .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#121212!important;color:#fff!important}body .ymm_app .select2-container--default .select2-results__option[aria-selected=true]{background-color:#f3f3f3!important;color:#121212!important}body .ymm_app .select2-container.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid rgba(18,18,18,.14)!important;border-radius:8px!important}html body .myvehicle{background:#f6f6f6!important;color:#121212!important;border:none!important;border-radius:10px!important;font-size:1.4rem!important}@media screen and (max-width:749px){body #ymm_searchbox h2{font-size:1.7rem!important}body #ymm_searchbox .button-action{flex-direction:row!important;gap:8px}body #ymm_searchbox.horizontal .btn{width:auto!important;flex:1 1 0!important}body #ymm_searchbox .btn+.btn{margin-left:0!important;margin-top:0!important}html body #ymm_searchbox.ymm-collapsible h2{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:1.5rem!important;text-align:left!important;margin:0!important;padding:12px 16px!important;background:#fafafa!important;border:1px solid rgba(18,18,18,.14)!important;border-radius:10px!important}html body #ymm_searchbox.ymm-collapsible h2:after{content:"";flex:0 0 auto;width:8px;height:8px;margin-top:-4px;border-right:1.3px solid #121212;border-bottom:1.3px solid #121212;transform:rotate(45deg);transition:transform .25s ease,margin .25s ease}html body #ymm_searchbox.ymm-collapsible.is-open h2{margin-bottom:12px!important}html body #ymm_searchbox.ymm-collapsible.is-open h2:after{transform:rotate(-135deg);margin-top:4px}html body #ymm_searchbox.ymm-collapsible:not(.is-open) form{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/20/compiled_assets/styles.css.map */