@keyframes spinner{to{transform:rotate(360deg)}}@media(max-width: 1024px){.navigation__items{--nav-bg: var(--white);--nav-heading-color: var(--pink-500);--nav-link-color: var(--text-color-dark);display:none;position:fixed;top:0;bottom:0;left:0;right:5%;z-index:1000;background-color:var(--nav-bg)}.navigation__items:not(:has(.submenu--is-active)){overflow-y:auto}.nav--is-expanded .navigation__items{display:block}.navigation__items .backbutton{display:none;position:absolute;top:3rem;left:2.25rem;background:rgba(0,0,0,0);padding:0;color:var(--nav-link-color)}.navigation__items .backbutton svg{rotate:180deg}.navigation__items .backbutton.is-visible{display:flex}.navigation__items .close{--twz-icon-fill: var(--text-color-dark);padding:0;height:3.5rem;aspect-ratio:1;border-radius:50%;position:absolute;right:2rem;top:2rem;background-color:var(--pink-300);place-content:center}.navigation__items .menu_title{padding-bottom:2rem;border-bottom:1px solid var(--pink-300);gap:.25rem}.navigation__items .menu_title_text{font-size:1.8rem;font-weight:bold;font-family:var(--font-heading)}.navigation__items .navigation__list{display:flex;flex-direction:column;align-items:flex-start;gap:3rem}.navigation__items .navigation__list>li{width:100%}.navigation__items .navigation__list>li>:is(a,button){width:100%;display:flex;align-items:center;gap:.75em;justify-content:space-between}.navigation__items .navigation__list>li.menu-item-has-children.menu-item--active>.sub-menu-wrap,.navigation__items .navigation__list>li.menu-item-has-children.menu-item--active .sub-menu{opacity:1;transform:none;pointer-events:all}.navigation__items .navigation__list .sub-menu-wrap{opacity:0;pointer-events:none;translate:0 8rem;position:absolute;top:0;left:0;right:0;height:100vh;background-color:var(--nav-bg)}.navigation__items .navigation__list .sub-menu-wrap .sub-menu{padding:0;margin:0;list-style:none;background-color:var(--nav-bg)}.navigation__items .navigation__list .sub-menu-wrap .sub-menu--1{display:flex;flex-direction:column;gap:.5rem}.navigation__items .navigation__list .sub-menu-wrap .sub-menu li{flex-direction:column}.navigation__items .navigation__list .sub-menu-wrap .sub-menu li :is(a,button){--twz-icon-size: .7em;display:flex;align-items:center;gap:.5em}.navigation__items .navigation__list .sub-menu-wrap>.sub-menu{padding-inline:3rem 2rem;display:flex;flex-direction:column;gap:4rem}.navigation__items .navigation__lists{height:100%;padding:8rem 3rem 8rem 2rem}.navigation__items .navigation__lists>ul>li>:is(a,button){font-family:var(--font-heading);font-size:var(--fs-5)}.navigation__items .navigation__lists :is(a,button):has(img){font-family:var(--font-heading);font-size:var(--fs-5);display:flex;align-items:center;gap:.5em}.navigation__items .navigation__lists :is(a,button):has(img) img{height:1.25em;width:auto}}
@keyframes spinner{to{transform:rotate(360deg)}}.navigation .sub-menu{pointer-events:none;opacity:0}.navigation :where(ul,menu) li:has(:hover,:focus-visible) .sub-menu,.navigation :where(ul,menu) li:has(:hover,:focus-visible)>.sub-menu-wrap{opacity:1;pointer-events:inherit}body.menu-expanded::after,body:has(.menu-item-has-children:hover,.menu-item-has-children:focus-visible)::after{content:"";position:fixed;inset:0;background:rgba(14,0,71,.1);z-index:100;pointer-events:none}.navigation{--nav-link-style: var(--font-base);--nav-link-fs: var(--font-size-base);--nav-link-gap: 3rem;position:sticky;top:0;z-index:500;transition:var(--animation-speed-m) ease background-color;background-color:var(--nav-mainbar-bg, var(--white));border-bottom:1px solid var(--grey-100)}@media(min-width: 1025px)and (max-width: 1199px){.navigation{--nav-link-fs: var(--fs-8);--nav-link-gap: 1.75rem}}.navigation :where(ul,menu){list-style:none;margin:0;padding:0}.navigation :where(ul,menu) a{text-decoration:none}.navigation :where(ul,menu) :is(a,button){font-weight:var(--link-weight, var(--font-weight));font-family:var(--nav-link-style, var(--font-base))}.navigation :where(ul,menu)>li>:where(a,button){display:inline-flex;align-items:center;gap:.75em;position:relative;text-decoration:none;font-size:var(--nav-link-fs, var(--font-size-base));padding-block:var(--link-padding-block, 1.25rem);color:var(--item-color, var(--text-color));transition:var(--animation-speed-m) ease}.navigation :where(ul,menu)>li>:where(a,button) img{height:1.5em}.navigation :where(ul,menu)>li>:where(a,button)[href*=aanbiedingen]{--link-color: var(--pink-300)}.navigation :where(ul,menu) li:has(:hover,:focus-visible){z-index:10}.navigation :where(ul,menu) li:has(:hover,:focus-visible)>.sub-menu-wrap .twz-icon--font-p{opacity:1}.navigation .sub-menu-wrap{position:absolute;left:0;right:0;top:100%;padding-top:1rem;pointer-events:none;overflow:clip}.navigation .sub-menu-wrap>.sub-menu{--link-color: var(--pink-500);--link-padding-block: 0rem;--nav-link-style: var(--font-heading);background-color:var(--white);border:1px solid var(--grey-100);border-radius:var(--radius-m);padding:3rem;box-shadow:0 0 5.1px 0 rgba(0,0,0,.04),0 12px 10.3px 0 rgba(0,0,0,.06);display:flex;gap:4rem}.navigation .sub-menu-wrap>.sub-menu>li{display:flex;flex-direction:column;gap:2rem}.navigation .sub-menu-wrap>.sub-menu>li .sub-menu{--nav-link-style: var(--font-base);--link-weight: 400;--link-color: var(--text-color-dark);--twz-icon-size: .65em;display:flex;flex-direction:column;gap:1.5rem}.navigation .sub-menu-wrap>.sub-menu>li .sub-menu :is(a,button):hover,.navigation .sub-menu-wrap>.sub-menu>li .sub-menu :is(a,button):focus-visible{--link-color: var(--pink-500);--twz-icon-fill: var(--pink-500)}.navigation .sub-menu-wrap>.sub-menu>li .sub-menu :is(a,button):hover .twz-icon--arrow,.navigation .sub-menu-wrap>.sub-menu>li .sub-menu :is(a,button):focus-visible .twz-icon--arrow{translate:.25em 0}.navigation .sub-menu-wrap>.sub-menu>li .sub-menu :is(a,button):has(.twz-icon--arrow){display:flex;align-items:center;gap:.5em}.navigation .sub-menu-wrap>.sub-menu>li .sub-menu :is(a,button):has(.twz-icon--arrow) .twz-icon--arrow{transition:var(--animation-speed-s) ease}.navigation .sub-menu-wrap .twz-icon--font-p{position:absolute;right:0;top:1rem;height:100%;width:auto;opacity:0;fill:var(--pink-300);overflow:visible;overflow-clip-margin:unset}.navigation-mainbar{display:flex;align-items:center;gap:.8rem 4.5rem;width:min(var(--row-maxwidth, 130rem),var(--row-width, 95%));margin-inline:auto;padding-block:1.8rem}@media(max-width: 549px){.navigation-mainbar{gap:.8rem 1.5rem;padding-block:1.2rem}}@media(max-width: 1024px){.navigation-mainbar{flex-wrap:wrap}}.navigation-mainbar .navigation__list--service>li>:is(a,button){position:relative}.navigation-mainbar .navigation__list--service>li>:is(a,button)::after{content:"";position:absolute;z-index:5;bottom:0;left:0;right:0;height:0;background-color:var(--link-bar-link-bg, var(--purple-800));transition:var(--animation-speed-m) ease;border-radius:var(--radius-l) var(--radius-l) 0 0}.navigation-mainbar .navigation__list--service>li:where(:hover,:focus-visible)>:is(a,button)::after,.navigation-mainbar .navigation__list--service>li.current_page_item>:is(a,button)::after,.navigation-mainbar .navigation__list--service>li.current-menu-item>:is(a,button)::after,.navigation-mainbar .navigation__list--service>li.current-menu-ancestor>:is(a,button)::after{height:4px}.navigation__logo a{display:block}.navigation__logo svg{display:block;width:15.4rem;height:auto;fill:var(--pink-500);transition:var(--animation-speed-m) ease}@media(max-width: 549px){.navigation__logo svg{width:13rem}}.navigation__lists>ul{display:flex;align-items:center;gap:4rem}.navigation .navigation__items{margin-inline:auto}@media(max-width: 1024px){.navigation .navigation__items{display:none}}.navigation>.navigation__items{position:sticky;translate:0 50%;margin-top:-2.5rem}.navigation>.navigation__items .navigation__list{position:relative;width:min(var(--row-maxwidth),var(--row-width));margin-inline:auto;padding-inline:var(--nav-link-gap);border-radius:var(--radius-m);background-color:var(--nav-bar-bg, var(--purple-500))}.home .navigation>.navigation__items .navigation__list{--nav-bar-bg: var(--pink-500);--link-bar-link-bg: var(--pink-800)}.navigation>.navigation__items .navigation__list>li>:is(a,button){position:relative}.navigation>.navigation__items .navigation__list>li:where(:hover,:focus-visible)>:is(a,button)::after,.navigation>.navigation__items .navigation__list>li.current_page_item>:is(a,button)::after,.navigation>.navigation__items .navigation__list>li.current-menu-item>:is(a,button)::after,.navigation>.navigation__items .navigation__list>li.current-menu-ancestor>:is(a,button)::after{content:"";position:absolute;z-index:5;bottom:0;left:0;right:0;height:4px;background-color:var(--link-bar-link-bg, var(--purple-800));border-radius:var(--radius-l) var(--radius-l) 0 0;view-transition-name:nav-active-bg}.navigation>.navigation__items .navigation__list :is(a,button){color:var(--link-color, var(--white))}.navigation__icons{display:flex;align-items:center;gap:.8rem;margin-left:auto}.navigation__icons [class*=btn],.navigation__icons button{--twz-icon-fill: var(--purple-800);--twz-icon-size: var(--fs-6);display:flex;align-items:center;justify-content:center;height:4rem;aspect-ratio:1;border:unset;background-color:var(--grey-100);border-radius:50%}.navigation__icons [class*=btn]:where(:hover,:focus-within,:focus),.navigation__icons button:where(:hover,:focus-within,:focus){background-color:var(--purple-300)}.navigation .twz-searchbar{flex:1 1 auto}@media(max-width: 1024px){.navigation .twz-searchbar{order:5;flex:1 1 100%;margin-top:.5rem}}.navigation button.navigation__toggle{--color: var(--white);cursor:pointer;border:0 none;display:none;width:var(--nav-icon-width, 4rem);align-items:center;justify-content:center;position:relative;padding:0;gap:1rem;border-radius:50%}@media(max-width: 1024px){.navigation button.navigation__toggle{display:flex}}.navigation button.navigation__toggle:hover{outline:0;box-shadow:unset;background-color:var(--purple-500)}.navigation button.navigation__toggle:hover .hamburger{--bar-color: var(--white)}.navigation button.navigation__toggle .hamburger{--bar-width: 20px;--bar-height: 3px;--bar-spacing: 6px;--bar-color: var(--item-color, var(--text-color));transition:var(--animation-speed-l) cubic-bezier(0.23, 1, 0.32, 1);display:inline-block;width:var(--bar-width);height:var(--bar-height);padding:0;color:var(--bar-color);background:var(--bar-color);border-radius:var(--radius-s);transform:translateY(-50%);transition:background-color var(--animation-speed-s) cubic-bezier(0.23, 1, 0.32, 1)}.navigation button.navigation__toggle .hamburger span{position:absolute;top:50%;transform:translateY(-50%);left:3rem;color:var(--nav-link-color);font-size:var(--nav-link-fs, var(--font-size-base));transition:var(--animation-speed-l) cubic-bezier(0.23, 1, 0.32, 1)}.navigation button.navigation__toggle .hamburger:before,.navigation button.navigation__toggle .hamburger:after{content:"";position:absolute;transition:bottom var(--animation-speed-s) cubic-bezier(0.23, 1, 0.32, 1),transform var(--animation-speed-s) 180ms cubic-bezier(0.23, 1, 0.32, 1),background-color var(--animation-speed-s) cubic-bezier(0.23, 1, 0.32, 1);height:var(--bar-height);background:var(--bar-color);border-radius:var(--radius-s)}.navigation button.navigation__toggle .hamburger::before{bottom:var(--bar-spacing);left:0;width:var(--bar-width);transition:transform var(--animation-speed-s) cubic-bezier(0.23, 1, 0.32, 1),bottom var(--animation-speed-s) 180ms cubic-bezier(0.23, 1, 0.32, 1)}.navigation button.navigation__toggle .hamburger::after{top:var(--bar-spacing);right:0;left:auto;width:calc(var(--bar-width)*.6);transition:transform var(--animation-speed-s) cubic-bezier(0.23, 1, 0.32, 1),top var(--animation-speed-s) 180ms cubic-bezier(0.23, 1, 0.32, 1)}.menu-expanded .navigation button.navigation__toggle .hamburger{width:var(--bar-width);background:hsla(0,0%,100%,0)}.menu-expanded .navigation button.navigation__toggle .hamburger:before,.menu-expanded .navigation button.navigation__toggle .hamburger:after{background:var(--bar-color);width:var(--bar-width);transition:bottom var(--animation-speed-s) cubic-bezier(0.23, 1, 0.32, 1),transform var(--animation-speed-s) 180ms cubic-bezier(0.23, 1, 0.32, 1)}.menu-expanded .navigation button.navigation__toggle .hamburger::after{top:0;transform:rotate(45deg)}.menu-expanded .navigation button.navigation__toggle .hamburger::before{bottom:0;transform:rotate(-45deg)}::view-transition-old(nav-active-bg),::view-transition-new(nav-active-bg){animation-duration:var(--animation-speed-m);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-fill-mode:forwards}.btn--quotes{position:relative}.btn--quotes[data-quote-count]::after{content:attr(data-quote-count);background-color:var(--orange-500);height:1.8rem;width:1.8rem;border-radius:50%;font-size:1rem;font-weight:700;position:absolute;right:-0.5rem;top:-0.5rem;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;scale:.9;z-index:10}@keyframes delayFade{0%{opacity:0;scale:.9}100%{opacity:1;scale:1}}.btn--quotes[data-quote-count]:not([data-quote-count="0"])::after{animation:.4s ease delayFade .2s forwards}
