@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-500:oklch(55.1% .027 264.364);--spacing:.25rem;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-bold:700;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.absolute{position:absolute}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.block{display:block}.hidden{display:none}.table{display:table}.h-10{height:calc(var(--spacing)*10)}.w-10{width:calc(var(--spacing)*10)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-gray-500{color:var(--color-gray-500)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}html{--color-vibrant-orange:#fd651a;--color-marine:#033163;--color-marine-10:rgb(from var(--color-marine)r g b/10%);--color-hyper-blue:#005e8f;--color-oasis:#008ba0;--color-billiard:#00b696;--color-pastel-green:#81dc7d;--color-hyper-beam:#f9f871;--color-white-smoke:#f5f5f4;--color-coton-boll:#e1edff;--color-red-salsa:#ff404b;--color-jewel:#0a633d;--background-pattern-marine:url(https://www.clweb.nl/build/assets/pattern-CrNux9RD.svg) var(--color-marine)no-repeat fixed center/cover;--background-pattern-sun:url(https://www.clweb.nl/build/assets/sun-tornado-CqPuYFVn.svg) var(--color-vibrant-orange)no-repeat fixed center/cover;--font-nunito:"Nunito",sans-serif;--font-roboto:"Roboto",sans-serif;--bezier-ease-out-exponential:cubic-bezier(.19,1,.22,1);--bezier-ease-out-backward:cubic-bezier(.18,.89,.32,1.28);--size-viewport-width: calc(100vw - (100vw - 100%)) ;--size-viewport-width-50:calc(var(--size-viewport-width)/2);--size-container-full:1200px;--size-container-full-50:calc(calc(var(--size-container-full) - 2rem)/2);--size-container-medium:800px;--orange-gradient:linear-gradient(144deg,#f4a341 0%,#f47041 40%,#f46541 72%,#d6391a 100%);--shadow-large:0px 0px 0px #03071205,0px 1px 1px #0307120a,0px 3px 3px #0307120f,0px 5px 5px #03071214,0px 8px 8px #0307121a;--shadow-small:0px 0px 0px #0307121a,0px 1px 1px #03071214,0px 3px 3px #0307120f,0px 5px 5px #0307120a,0px 8px 8px #03071205}*{box-sizing:border-box}img{object-fit:contain}body:not(:has(.main-header)):before{content:"";background:var(--color-coton-boll);z-index:-1;border-radius:50%;width:66%;height:168%;display:block;position:fixed;top:-88%;left:-19%}.main-nav,.main-header,.breadcrumbs,.main-footer,.bottom-footer,.client-logos,.team{width:100%;max-width:var(--size-container-full);box-sizing:border-box;margin-left:auto;margin-right:auto;padding:0 1rem}.main-content{grid-template-columns:max(calc(var(--size-viewport-width-50) - var(--size-container-full-50)),1rem)min(calc(var(--size-container-full) - 2rem),calc(100% - 2rem))max(calc(var(--size-viewport-width-50) - var(--size-container-full-50)),1rem);margin-top:2rem;margin-bottom:2rem;display:grid}.main-content>*{grid-column:2}.content:has(.sidebar){grid-template-columns:60% 1fr;gap:4rem;display:grid}.content:has(.sidebar)>*{grid-column:1}.content:has(.sidebar) .sidebar{grid-area:1/2}@media(max-width:767px){.content:has(.sidebar){flex-direction:column;display:flex}}@layer typography{body{font-optical-sizing:auto;line-height:1.75;font-family:var(--font-nunito),sans-serif}.main-content{word-break:break-word}.main-content a:not(.button){color:var(--color-vibrant-orange);text-decoration:underline}:is(.main-content,.main-header__content,.main-footer) p+p,:is(.main-content,.main-header__content,.main-footer) img+p,:is(.main-content,.main-header__content,.main-footer) ul+p,:is(.main-content,.main-header__content,.main-footer) p+ul{margin-top:1.25rem}ul{margin-top:0}h1,h2,h3,h4,h5,h6{scroll-margin-top:2em}h1,h2,h3,h4,h5,h6,.button,.main-nav a,.main-header__subtitle{font-family:var(--font-roboto),sans-serif;text-wrap:balance}h1,h2{font-size:clamp(1.5rem,.5625rem + 3vw,2.25rem);font-weight:500;line-height:1.11111}:is(h1,h2):not(:first-child){margin-top:3.5rem}:is(h1,h2)+p,:is(h1,h2)+ul{margin-top:1rem}h3{font-size:clamp(1.25rem,.9375rem + 1vw,1.5rem);font-weight:500;line-height:1}h3:not(:first-child){margin-top:2.5rem}h3+*{margin-top:1rem}h4{font-size:1.25em;font-weight:500}h5{font-size:1.125em;font-weight:500}.main-content ul:not([class]){flex-direction:column;gap:.5rem;margin-left:1.5rem;line-height:1.5;list-style:outside;display:flex}}p+.button-group,p+.button,ul+.button{margin-top:1.125rem}.button-group{flex-wrap:wrap;gap:.5rem;display:flex}.button{color:#fff;cursor:pointer;background:#000;border-radius:.25rem;justify-self:start;gap:.5rem;padding:.75rem 1.45rem;font-size:1.125rem;line-height:1;text-decoration:none;display:inline-flex}.button svg{vertical-align:middle;width:1.25rem;height:1.25rem;transition:scale .3s var(--bezier-ease-out-exponential)}.button:hover svg{scale:1.2}.button--orange,.button--primary{background:var(--color-vibrant-orange)}.button--blue,.button--secondary{background:var(--color-marine)}.button--arrow,.button--project-link{align-items:center;gap:.5rem}:is(.button--arrow,.button--project-link):after{content:"";background:#fff;width:1.25rem;height:1.25rem;display:block;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.button--arrow{display:inline-flex}.button--arrow:after{transition:translate .2s var(--bezier-ease-out-backward);-webkit-mask-image:url(https://www.clweb.nl/build/assets/arrow-right-Bda2w3jr.svg);mask-image:url(https://www.clweb.nl/build/assets/arrow-right-Bda2w3jr.svg)}.button--arrow:hover:after{translate:.5rem}.button--outline{border:1px solid var(--color-marine);color:var(--color-marine);background:0 0}.button--outline:after{background:var(--color-marine)}.button--small{padding:.5rem 1rem;font-size:1rem}.button--project-link{justify-content:center}.button--project-link:after{-webkit-mask-image:url(https://www.clweb.nl/build/assets/square-arrow-out-up-right-D4GE7V3l.svg);mask-image:url(https://www.clweb.nl/build/assets/square-arrow-out-up-right-D4GE7V3l.svg)}.call-to-action .button--primary{color:#000;background:#fff}.call-to-action .button--secondary{color:#fff;background:#000}.link{font-size:1.125rem}.link--arrow{color:var(--color-marine);align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.link--arrow:after{content:"";background:var(--color-marine);width:1.25rem;height:1.25rem;transition:translate .2s var(--bezier-ease-out-backward);display:block;-webkit-mask:url(https://www.clweb.nl/build/assets/arrow-right-Bda2w3jr.svg) 50%/contain no-repeat;mask:url(https://www.clweb.nl/build/assets/arrow-right-Bda2w3jr.svg) 50%/contain no-repeat}.link--arrow:hover{text-decoration:underline}.link--arrow:hover:after{translate:.5rem}.form__control{margin-bottom:1rem;display:block}.form__control--name,.form__control--phone,.form__control--email{width:40ch;max-width:100%}.form__label{margin-bottom:.125rem;font-weight:500;display:block}input,textarea{color:#000;background:#fff;border:1px solid #ccc;border-radius:4px;width:100%;padding:8px;font-size:14px}.text-center{text-align:center}.collection-portfolio .subtitle{font-size:1.25rem}.collection-portfolio .portfolio__image .slider{box-shadow:var(--shadow-large)}.collection-portfolio .client-logo{align-self:center}.collection-portfolio .sidebar__title{margin-bottom:1rem}.collection-portfolio .results,.collection-portfolio .services{border-radius:1rem;padding:1rem}.collection-portfolio .results{background:var(--background-pattern-sun);color:#fff;stroke:#fff}.collection-portfolio .results .results__list{flex-direction:column;gap:1rem;display:flex}.collection-portfolio .results .results__item{align-items:center;gap:1rem;font-size:1.125rem;line-height:1;display:flex}.collection-portfolio .results .results__item svg{flex:0 0 2rem;height:2rem}.collection-portfolio .services{background:var(--color-white-smoke)}.collection-portfolio .services .services__list{flex-direction:column;gap:1rem;display:flex}.collection-portfolio .services .services__list a{color:inherit;text-decoration:none;display:block}body.collection-landingpages .portfolio-items{grid-template-columns:repeat(auto-fill,minmax(25ch,1fr));gap:4rem 2rem;display:grid}body.collection-landingpages .portfolio-items .portfolio-item{display:block}body.collection-landingpages .portfolio-items .portfolio-item .splide__slide{aspect-ratio:8/6}body.collection-landingpages .portfolio-items .portfolio-item h2{font-size:clamp(1.25rem,.9375rem + 1vw,1.5rem)}body.collection-landingpages .portfolio-items .portfolio-item .alternating-content__subtitle~:not(.button){display:none}.main-header-holder{background:var(--background-pattern-marine);clip-path:polygon(0 0,100% 0%,100% calc(100% - min(8vw,20%)),0% 100%);color:#fff;padding:4rem 0}.main-header-holder .button--secondary{color:var(--color-marine);background:#fff}.main-header{flex-wrap:wrap;align-items:center;gap:2rem 6rem;display:flex}.main-header .main-header__subtitle{font-size:1.25rem;font-weight:500}.main-header .main-header__content{flex:50ch}.main-header .main-header__figure{flex:1 0 400px;justify-content:center;max-width:100%;margin:2rem 0;display:flex}.main-header .main-header__title{margin-bottom:0}.main-header .main-header__subtitle{margin-top:.5rem}.main-header .main-header__buttons{margin-top:2rem}.main-header .button{transition:scale .3s var(--bezier-ease-out-exponential)}.main-header .button:hover{scale:1.1}.main-nav-holder{z-index:9;width:100%;box-shadow:var(--shadow-small);border-bottom:1px solid var(--color-marine);background:#fff;padding:1rem 0;transition:padding .3s ease-out;position:sticky;top:0}.main-nav-holder--scrolled{padding:.5rem 0}body:not(.mobile-nav-open) .main-nav-holder--scrolled .main-nav__logo{width:55px;height:40px}.main-nav{justify-content:space-between;display:flex}.main-nav .button{transition:scale .3s var(--bezier-ease-out-exponential)}.main-nav .button:hover{scale:1.1}.main-nav__home-link{z-index:99999;transition:margin .5s var(--bezier-ease-out-exponential)}.main-nav__logo{object-fit:contain;width:85px;height:64px;transition:width .3s ease-out,height .3s ease-out;display:block}.main-nav__items{align-items:center;gap:2rem;display:flex}.main-nav__item{transition:color .3s var(--bezier-ease-out-exponential);font-weight:500}.main-nav__item:not(.button):hover{color:var(--color-vibrant-orange)}.main-nav__item--active:not(.button) .main-nav__item-text{position:relative}.main-nav__item--active:not(.button) .main-nav__item-text:after{content:"";background:var(--color-vibrant-orange);height:2px;display:block;position:absolute;bottom:-.4rem;left:-.25rem;right:-.25rem}.dark-mode-toggle{box-sizing:content-box;cursor:pointer;width:3rem;transition:background .3s var(--bezier-ease-out-exponential);background:#fefefe;border:1px solid #ccc;border-radius:1.5rem;padding:.1rem .2rem;position:absolute;top:50%;right:1rem;translate:0 -50%}.dark-mode-toggle__slider{width:1.5rem;height:1.5rem;transition:translate .3s var(--bezier-ease-out-exponential);background:#fff;border:1px solid #ccc;border-radius:50%;transition-duration:0s;display:grid}.dark-mode-toggle__slider:before,.dark-mode-toggle__slider:after{content:"";transition:scale .3s var(--bezier-ease-out-exponential),background .3s var(--bezier-ease-out-exponential);background:#333;grid-area:1/1;display:block;-webkit-mask:none 50%/1rem no-repeat;mask:none 50%/1rem no-repeat}.dark-mode-toggle__slider:before{-webkit-mask-image:url(https://www.clweb.nl/build/assets/sun-O9tv9PSc.svg);mask-image:url(https://www.clweb.nl/build/assets/sun-O9tv9PSc.svg)}.dark-mode-toggle__slider:after{scale:0;-webkit-mask-image:url(https://www.clweb.nl/build/assets/moon-F5Dio4sC.svg);mask-image:url(https://www.clweb.nl/build/assets/moon-F5Dio4sC.svg)}.dark-mode-toggle__checkbox{display:none}html.dark-mode .dark-mode-toggle__slider{translate:1.5rem}html.dark-mode .dark-mode-toggle__slider:before{scale:0}html.dark-mode .dark-mode-toggle__slider:after{scale:1}.toggle-mobile-nav{cursor:pointer;transition:padding-right .3s var(--bezier-ease-out-exponential);border:1px solid #ccc;border-radius:.25rem;align-self:start;padding:.25rem 1rem;display:none}.toggle-mobile-nav:after{content:"";width:1.5rem;height:1.5rem;transition:scale .3s var(--bezier-ease-out-exponential);background:#000;display:block;position:absolute;top:50%;right:.5rem;translate:0 -50%;scale:0;-webkit-mask:url(https://www.clweb.nl/build/assets/x-NNcp0Fu6.svg) 50% no-repeat;mask:url(https://www.clweb.nl/build/assets/x-NNcp0Fu6.svg) 50% no-repeat}@media(min-width:768px)and (max-width:1339px){.main-nav-holder{gap:1rem;display:flex}.dark-mode-toggle{align-self:center;position:relative;top:0;translate:0}}@media(min-width:1340px){.main-nav{left:2.5rem}}@media(max-width:767px){.toggle-mobile-nav{display:flex}.dark-mode-toggle{z-index:99999;opacity:0;transition:scale .3s var(--bezier-ease-out-exponential),opacity .3s var(--bezier-ease-out-exponential);top:1.75rem;right:8rem;scale:0}.main-nav-holder{z-index:999;position:relative}.main-nav-holder .main-nav__logo,.main-nav-holder .toggle-mobile-nav{z-index:1000;position:relative}.main-nav-holder:before{content:"";z-index:999;background:#fff;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.main-nav__items{box-sizing:border-box;z-index:9;width:100vw;box-shadow:var(--shadow-large);opacity:0;transition:translate .5s var(--bezier-ease-out-exponential),opacity .5s var(--bezier-ease-out-exponential);background:#fff;flex-direction:column;align-items:start;padding:2rem;position:absolute;bottom:0;left:0;translate:0 -100%}.main-nav__items li,.main-nav__items a{width:100%;display:block}.main-nav__items li:has(.button){align-self:center;width:auto}.main-nav__items li:has(.button) .button{width:auto;display:inline-flex}}body:after{content:"";opacity:0;z-index:5;background:#000;width:100vw;height:100vh;transition:opacity .3s ease-out,top 0s linear .3s;display:block;position:fixed;top:-100vh;left:0}body.mobile-nav-open{overflow:hidden}body.mobile-nav-open:after{opacity:.5;transition:opacity .3s ease-out,top linear;top:0}body.mobile-nav-open .main-nav__items{opacity:1;translate:0 99.99%}body.mobile-nav-open .dark-mode-toggle{opacity:1;transition-delay:.3s;scale:1}body.mobile-nav-open .toggle-mobile-nav{padding-right:2.25rem}body.mobile-nav-open .toggle-mobile-nav:after{scale:1}body.mobile-nav-open .main-nav__home-link{margin-top:1rem;margin-left:1rem}.breadcrumbs{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.breadcrumbs li{align-items:center;gap:.75rem;line-height:1;display:flex}.breadcrumbs li:first-child a{text-indent:-9999px;background:#000;width:1.3rem;height:1.3rem;display:block;position:relative;bottom:2px;-webkit-mask:url(https://www.clweb.nl/build/assets/house-cnV-yQ0g.svg) 50%/contain no-repeat;mask:url(https://www.clweb.nl/build/assets/house-cnV-yQ0g.svg) 50%/contain no-repeat}.breadcrumbs .seperator{opacity:.6}.breadcrumbs .current{opacity:.4}.main-footer-holder{background:var(--background-pattern-marine);color:#fff;padding:2rem 0}.main-footer{flex-wrap:wrap;gap:4rem 2rem;display:flex}.main-footer .main-footer__content{flex:2 60ch}.main-footer .main-footer__contact-info{flex:30ch}.main-footer .main-footer__contact-info .contact-list{margin-top:1.25rem}.main-footer .main-footer__title{margin-top:0}.main-footer .certifications{flex-wrap:wrap;gap:2rem;margin-top:1.25rem;display:flex}.main-footer__nav{flex:100%;grid-template-columns:repeat(auto-fit,minmax(25ch,1fr));gap:1rem;display:grid}.main-footer__nav .main-footer__nav-list{margin:0;padding:0;list-style:none}.main-footer__nav .main-footer__nav-list li{padding:0}.main-footer__nav a{text-decoration:none}.main-footer__nav a:hover{text-decoration:underline}.bottom-footer{flex-wrap:wrap;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem;display:flex}.bottom-footer .bottom-footer__nav{flex-wrap:wrap;gap:1rem;display:flex}.bottom-footer .bottom-footer__nav a:hover{text-decoration:underline}.sidebar{flex-direction:column;gap:2rem;display:flex}.sidebar .contact-list__kvk,.sidebar .contact-list__vat,:is(.sidebar .contact-list__kvk,.sidebar .contact-list__vat)+dd{display:none}.content-block{flex-direction:column;align-items:start;display:flex}.content-block h3{margin-top:0}.content-block:has(svg){text-align:center;align-items:center}.content-block:has(svg) svg{max-width:3rem;max-height:3rem}.content-block:has(svg) h3{text-wrap:balance;margin-top:1rem}.testimonials-holder{grid-column:1/-1;grid-template-columns:subgrid;background:var(--color-white-smoke);margin-top:3rem;padding:3rem 1rem;display:grid}.testimonials-holder:not(:has(.testimonial)){display:none}.main-content:has(.testimonials-holder:last-child){margin-bottom:0}:is(.title--blue,.title--orange)+.testimonials-holder{margin-top:0}.client-logos+.testimonials-holder{margin-top:1rem}.testimonials{flex-wrap:wrap;grid-column:2;gap:2rem;display:flex}.testimonial{box-shadow:var(--shadow-small);background:#fff;border-radius:.25rem;flex:45ch;padding:2rem;position:relative}.testimonial:after{content:"";background:var(--color-marine-10);width:4rem;height:4rem;display:block;position:absolute;bottom:2rem;right:2rem;-webkit-mask:url(https://www.clweb.nl/build/assets/quote-HQ-RzEAM.svg) 50%/contain no-repeat;mask:url(https://www.clweb.nl/build/assets/quote-HQ-RzEAM.svg) 50%/contain no-repeat}.testimonial .testimonial__footer{margin-top:2rem}.testimonial .testimonial__name,.testimonial .testimonial__title{margin:0}.testimonial .testimonial__name{font-size:1.5rem;line-height:1}.testimonial__project-link{color:#999}.testimonial__project-link:hover{color:var(--color-vibrant-orange)}.testimonials-holder+.title--orange{margin-top:0}.client-logos__holder{grid-column:1/-1;padding:1.5rem 0}.client-logos__holder+.testimonials-holder{margin-top:0}.client-logos{grid-template-columns:repeat(6,1fr);align-items:center;gap:2rem 4rem;display:grid}@media(max-width:991px){.client-logos{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.client-logos{grid-template-columns:repeat(2,1fr)}}.client-logos .client-logos__logo{flex:150px;justify-content:center;display:flex}.clients-list{grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:2rem;display:grid}.clients-list .client{box-shadow:var(--shadow-small);border-radius:.25rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex}.clients-list .client .client__logo{aspect-ratio:1;object-fit:contain;width:100%;margin:0}.team-holder{grid-column:1/-1;padding:1.5rem 0}.main-content:has(.team-holder:last-child){margin-bottom:0}.team{flex-wrap:wrap;justify-content:space-between;gap:3rem;display:flex}.team .team-member{flex-direction:column;flex:190px;align-items:center;display:flex}.team .team-member img{border-radius:50%;max-width:190px}.team .team-member .team-member__name{margin-top:1rem;line-height:1}.team .team-member .team-member__function{margin-top:.5rem;font-size:1.125rem}.columns{grid-template-columns:repeat(auto-fit,minmax(min(28ch,100%),1fr));gap:0 4rem;margin-top:3rem;display:grid}.columns .content-block{grid-template-rows:subgrid;grid-row:span 4;place-items:start;display:grid}.columns .content-block:after{content:"";height:4rem;display:block}.columns .content-block .button{justify-self:end;margin-top:1rem}.columns:has(svg){grid-template-columns:repeat(auto-fit,minmax(30ch,1fr));justify-self:center}.columns:has(svg) .content-block{text-wrap:balance;grid-template-rows:auto;align-content:start;justify-items:center}.columns:has(svg) .content-block p{max-width:40ch}.columns:has(svg) [stroke]{stroke:var(--color-oasis)}.columns:not(:has(svg)) h3{background:var(--background-pattern-sun);color:#fff;border-radius:.25rem;justify-self:stretch;padding:.5rem 1rem}.columns--full{width:100%}.columns--small{max-width:min(100vw,var(--size-container-medium))}.call-to-action{color:#fff;flex-wrap:wrap;gap:2rem;margin:2rem auto auto;font-size:1.125rem;display:flex}.call-to-action a{color:inherit}.call-to-action .call-to-action__figure{flex:0 200px;align-items:center;margin:auto;display:flex}.call-to-action .call-to-action__figure img{object-fit:cover;aspect-ratio:1;border-radius:50%;width:200px;max-height:100%;margin:0}.call-to-action .call-to-action__content{background:var(--background-pattern-sun);border-radius:1rem;flex:40ch;padding:2rem}.call-to-action .call-to-action__title{margin-top:0}.call-to-action .call-to-action__title+p:not(:last-of-type){margin-top:0;font-size:1.5rem}.main-content>.call-to-action-holder .call-to-action{max-width:max(80%,800px)}.alternating-content{flex-direction:column;gap:4rem;margin-top:3rem;display:flex}.alternating-content__item{flex-wrap:wrap;align-items:center;gap:1rem 4rem;display:flex}.alternating-content .portfolio-item--reverse,.alternating-content:not(:has(.portfolio-item--reverse)) .portfolio-item:nth-child(2n of:not(.portfolio-item--hidden)){flex-direction:row-reverse}.alternating-content__figure{flex:500px;height:300px}.alternating-content__figure img{object-fit:cover;width:100%;height:100%;margin:0}.alternating-content__title a{color:#000;text-decoration:none}.alternating-content__subtitle{margin-top:.25rem;font-size:1.125rem;font-weight:500;line-height:1.4}.alternating-content__content{flex:35ch}body.collection-portfolio .alternating-content article{align-items:start}.alternating-content--numbered{counter-reset:section;grid-template-columns:repeat(2,1fr);display:grid;position:relative}.alternating-content--numbered .alternating-content__figure{display:none}.alternating-content--numbered .alternating-content__item{grid-column:span 2;grid-template-columns:subgrid;--color-highlight:var(--color-hyper-blue);display:grid;position:relative}.alternating-content--numbered .alternating-content__item:before{content:"";background:var(--color-highlight);z-index:5;border-radius:50%;width:.5rem;height:.5rem;display:block;position:absolute;top:50%;left:50%;translate:-50% -50%}.alternating-content--numbered .alternating-content__item:after{counter-increment:section;content:counter(section);background:var(--color-highlight);color:#fff;width:5rem;height:5rem;font-size:1.75rem;font-weight:500;font-family:var(--font-roboto),sans-serif;box-shadow:0 0 8rem var(--color-highlight),inset 0 0 0 .25rem #fff,inset 0 0 1rem #00000040;border:.25rem solid #fff9;border-radius:50%;grid-row:1;justify-content:center;align-items:center;display:flex}.alternating-content--numbered .alternating-content__item:nth-child(odd){text-align:right}.alternating-content--numbered .alternating-content__item:nth-child(2n):after{justify-self:end}.alternating-content--numbered .alternating-content__item:nth-child(2n) .alternating-content__content{grid-column:2}.alternating-content--numbered .alternating-content__item:nth-child(4n+2){--color-highlight:var(--color-oasis)}.alternating-content--numbered .alternating-content__item:nth-child(4n+3){--color-highlight:var(--color-billiard)}.alternating-content--numbered .alternating-content__item:nth-child(4n+4){--color-highlight:var(--color-pastel-green)}.alternating-content--numbered .alternating-content__content{grid-row:1}.alternating-content--numbered:after{content:"";background:var(--color-marine-10);width:1px;height:100%;display:block;position:absolute;left:50%}@media(max-width:675px){.alternating-content--numbered:after{display:none}.alternating-content--numbered .alternating-content__item{text-align:left!important}.alternating-content--numbered .alternating-content__item:before{display:none}.alternating-content--numbered .alternating-content__item:nth-child(odd){grid-template-columns:1fr 5rem}.alternating-content--numbered .alternating-content__item:nth-child(2n){grid-template-columns:5rem 1fr}}.portfolio-filter__holder{container-type:inline-size}@container not (min-width: calc(60ch + 3rem)){.portfolio-filter__label{background:var(--color-marine);color:#fff;text-align:center;cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-size:1.125rem;display:block}}.portfolio-filter{text-align:center;grid-template-columns:repeat(auto-fill,minmax(15ch,1fr));gap:1rem;margin-top:.5rem;list-style:none;display:grid;margin-left:0!important}@container not (min-width: calc(60ch + 3rem)){.portfolio-filter{margin-top:2rem}.portfolio-filter:not(.active){display:none}}.portfolio-filter__item{box-sizing:border-box;cursor:pointer;height:100%;transition:background-color .3s var(--bezier-ease-out-exponential),color .3s var(--bezier-ease-out-exponential),border-color .3s var(--bezier-ease-out-exponential);background:#fff;border:1px solid #ccc;border-radius:.25rem;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem 1rem;line-height:1;display:flex}.portfolio-filter__item svg{width:2rem;height:2rem;stroke:var(--color-marine);transition:stroke .3s var(--bezier-ease-out-exponential)}.portfolio-filter__item:hover{color:var(--color-oasis)}.portfolio-filter__item:hover svg{stroke:var(--color-oasis)}.portfolio-filter__item:has(.portfolio-filter__input:checked){background-color:var(--color-marine);color:#fff;border-color:var(--color-marine)}.portfolio-filter__item:has(.portfolio-filter__input:checked) svg{stroke:#fff}.portfolio-filter__item .portfolio-filter__input{display:none}.portfolio-filter__selected{margin-top:1rem}.portfolio-filter__selected:empty{display:none}@container (min-width: calc(60ch + 3rem)){.portfolio-filter__selected{display:none}}.portfolio-filter__selected .portfolio-filter__item{flex-direction:row;display:inline-flex}.portfolio-filter__selected .portfolio-filter__item:after{content:"";background:var(--color-marine);border-radius:50%;width:1.5rem;height:1.5rem;margin-left:.5rem;display:block;-webkit-mask:url(https://www.clweb.nl/build/assets/x-NNcp0Fu6.svg) 50%/contain no-repeat;mask:url(https://www.clweb.nl/build/assets/x-NNcp0Fu6.svg) 50%/contain no-repeat}.portfolio-filter__selected .portfolio-filter__item:has(.portfolio-filter__input:checked){color:var(--color-marine);background:#fff;border:1px solid #ccc}.portfolio-filter__selected .portfolio-filter__item:has(.portfolio-filter__input:checked) svg{stroke:var(--color-marine)}.portfolio-filter.active+.portfolio-filter__selected{display:none}.alternating-content:has(.portfolio-item){row-gap:8rem}.portfolio-item{align-items:start}.portfolio-item.portfolio-item--hidden{display:none}.portfolio-item .alternating-content__img--placeholder{object-fit:scale-down;background:var(--color-white-smoke);aspect-ratio:16/9}.portfolio-item .alternating-content__figure{max-width:100%;height:auto;position:relative}.portfolio-item__website-link{margin-top:0}.portfolio__services{gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.portfolio__services li{background:#ddd;border-radius:.5rem;padding:.5rem;line-height:1}.related-portfolio{grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:4rem;display:grid}.related-portfolio .portfolio-item{flex-direction:column;align-items:start}.related-portfolio .portfolio-item .alternating-content__figure{flex:auto;height:auto}.related-portfolio .portfolio-item .alternating-content__figure img{aspect-ratio:4/3;object-fit:cover;width:100%}.related-portfolio .portfolio-item .alternating-content__title{font-size:1.5rem}.related-portfolio .portfolio-item .alternating-content__content{flex-wrap:wrap;align-items:start;display:flex}.related-portfolio .portfolio-item .alternating-content__content .button{align-self:end}.checklist{flex-direction:column;max-width:max(80%,800px);margin:3rem auto auto;font-size:1.125rem;display:flex}.checklist .checklist__item{gap:.5rem;padding-bottom:1rem;display:flex}.checklist .checklist__item:before{content:"";background:var(--color-oasis);flex:0 2rem;width:2rem;height:2rem;display:block;-webkit-mask:url(https://www.clweb.nl/build/assets/circle-check-CY3jvTyX.svg) 50% no-repeat;mask:url(https://www.clweb.nl/build/assets/circle-check-CY3jvTyX.svg) 50% no-repeat}.checklist .checklist__item:not(:first-child):before{margin-top:1rem}.checklist .checklist__item:not(:first-child) .checklist__content{border-top:1px solid var(--color-marine-10);padding-top:1rem}.checklist .checklist__content{flex:1}.title--blue,.title--orange{color:#fff;grid-column:1/-1;padding:1rem}.title--blue{background:var(--background-pattern-marine)}.title--orange{background:var(--background-pattern-sun)}.sidebar-block{border-radius:.5rem;padding:2rem}.sidebar-block:has(iframe){padding:1rem}.sidebar-block:has(iframe) iframe{border-radius:.25rem}.sidebar-block a{color:inherit}.sidebar-block img{border-radius:.5rem}.sidebar-block p:first-child img{max-width:calc(100% + 4rem);margin-top:-2rem;margin-left:-2rem}.sidebar-block--orange{background:var(--background-pattern-sun);color:#fff}.sidebar-block--orange [stroke]{stroke:#fff}.sidebar-block--blue{background:var(--background-pattern-marine);color:#fff}.sidebar-block--blue [stroke]{stroke:#fff}.sidebar-block--grey{background:var(--color-white-smoke)}.contact-list{grid-template-columns:auto 1fr;gap:1rem;display:grid}.contact-list dt{gap:.75rem;display:flex}.contact-list dt:before{content:"";width:2rem;height:2rem;margin-top:-.1rem;display:block}.contact-list dt,.contact-list dd{margin:0}:is(.contact-list .contact-list__address,.contact-list .contact-list__email,.contact-list .contact-list__phone):before{background:#fff;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.contact-list .contact-list__address:before{-webkit-mask-image:url(https://www.clweb.nl/build/assets/map-pin-Cl_oPI4R.svg);mask-image:url(https://www.clweb.nl/build/assets/map-pin-Cl_oPI4R.svg)}.contact-list .contact-list__email:before{-webkit-mask-image:url(https://www.clweb.nl/build/assets/mail-DKGfHdui.svg);mask-image:url(https://www.clweb.nl/build/assets/mail-DKGfHdui.svg)}.contact-list .contact-list__phone:before{-webkit-mask-image:url(https://www.clweb.nl/build/assets/phone-DEr2OLgF.svg);mask-image:url(https://www.clweb.nl/build/assets/phone-DEr2OLgF.svg)}.quote{box-shadow:var(--shadow-large);border:1px solid var(--color-oasis);background:#fff;border-radius:.5rem;padding:2rem 4rem;font-size:1.25rem;font-style:italic;position:relative}.quote:before,.quote:after{width:1.5rem;height:1.5rem;font-size:3rem;font-weight:500;line-height:1;display:block;position:absolute}.quote:before{content:"“";top:1rem;left:1rem}.quote:after{content:"”";bottom:1rem;right:1rem}:not(.sidebar)>.quote:not(:first-child),:not(.sidebar)>.quote+*{margin-top:4.5rem}.contact-popup{z-index:9999;min-width:4rem;max-width:calc(100vw - 2rem);min-height:4rem;max-height:calc(100vh - 2rem);box-shadow:var(--shadow-large);background:var(--background-pattern-marine);color:#fff;opacity:0;transition:translate .4s var(--bezier-ease-out-exponential)allow-discrete,opacity .3s var(--bezier-ease-out-exponential)allow-discrete;border-radius:.5rem;display:block;position:fixed;inset:auto 1rem 1rem auto;overflow:visible;translate:0 100%}.contact-popup:popover-open{opacity:1;display:block;translate:0}@starting-style{.contact-popup:popover-open{opacity:0;translate:0 100%}}.contact-popup:popover-open+.contact-popup-button__open{scale:0}.contact-popup::backdrop{animation:fadeIn .3s var(--bezier-ease-out-exponential)forwards;background:#00000080}.contact-popup a{text-decoration:underline}.contact-popup form{flex-direction:column;max-width:35ch;max-height:calc(100vh - 4rem);padding:1rem;display:flex;position:relative;overflow:visible auto}.contact-popup form .button{align-self:end}.contact-popup__content{max-width:35ch;padding:1rem}.contact-popup__content+form{padding-top:0}.contact-popup-button__open{background:var(--color-hyper-blue);cursor:pointer;text-indent:-9999px;width:4rem;height:4rem;box-shadow:var(--shadow-large);transition:scale .3s var(--bezier-ease-out-exponential);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:1rem;right:1rem}.contact-popup-button__open:hover{scale:1.1}.contact-popup-button__open:after{content:"";width:1.5rem;height:1.5rem;transition:scale .3s var(--bezier-ease-out-backward);background:#fff;display:block;position:absolute;-webkit-mask:url(https://www.clweb.nl/build/assets/mail-DKGfHdui.svg) 50%/contain no-repeat;mask:url(https://www.clweb.nl/build/assets/mail-DKGfHdui.svg) 50%/contain no-repeat}.contact-popup-button__close{text-indent:-9999px;background:var(--color-vibrant-orange);cursor:pointer;z-index:9999;width:1.5rem;height:1.5rem;transition:scale .3s var(--bezier-ease-out-exponential);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;translate:50% -50%}.contact-popup-button__close:hover{scale:1.2}.contact-popup-button__close:after{content:"";width:1rem;height:1rem;box-shadow:var(--shadow-small);background:#fff;display:block;position:absolute;-webkit-mask:url(https://www.clweb.nl/build/assets/x-NNcp0Fu6.svg) 50%/contain no-repeat;mask:url(https://www.clweb.nl/build/assets/x-NNcp0Fu6.svg) 50%/contain no-repeat}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.splide-main{margin:-1rem -1rem 0}.splide-main:not(:hover) .splide__arrow{transition-delay:.4s;scale:0}.splide-main:has(.splide__slide:only-child){visibility:visible}.splide-main .splide__slide{width:100%;padding:1rem}.splide-main .splide__slide img{box-shadow:var(--shadow-large);border-radius:.5rem}.splide-main .splide__arrow{z-index:9;cursor:pointer;width:2rem;height:2rem;box-shadow:var(--shadow-large);transition:scale .3s var(--bezier-ease-out-exponential);background:#0006;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;translate:0 -50%}.splide-main .splide__arrow:hover{scale:1.2}.splide-main .splide__arrow[disabled]{scale:0}.splide-main .splide__arrow svg{fill:#fff;width:1rem;height:1rem}.splide-main .splide__arrow--prev{left:2rem}.splide-main .splide__arrow--prev svg{rotate:180deg}.splide-main .splide__arrow--next{right:2rem}.splide-main .splide__pagination{justify-content:center;gap:.5rem;display:flex!important}.splide-main .splide__pagination__page{cursor:pointer;opacity:.5;text-indent:-9999px;background:var(--color-marine);width:1rem;height:1rem;transition:opacity .3s var(--bezier-ease-out-exponential);border-radius:50%;display:block}.splide-main .splide__pagination__page:hover,.splide-main .splide__pagination__page.is-active{opacity:1}.splide-thumbnails{max-width:100%}.splide-thumbnails .splide__track{overflow:visible}.splide-thumbnails .splide__list{grid-template-columns:repeat(auto-fill,min(80px,20% - .4rem));gap:.5rem;display:grid;overflow:visible}.splide-thumbnails .splide__slide{aspect-ratio:4/3;width:100%;height:auto;box-shadow:var(--shadow-small);box-sizing:border-box;cursor:pointer;border:1px solid var(--color-marine);opacity:.5;transition:opacity .3s var(--bezier-ease-out-exponential);border-radius:.25rem;overflow:hidden}.splide-thumbnails .splide__slide:hover,.splide-thumbnails .splide__slide.is-active{opacity:1;border-color:var(--color-vibrant-orange)}.splide-thumbnails .splide__slide img{object-fit:cover;width:100%;height:100%}.icon-list{flex-direction:column;gap:1rem;display:flex}.icon-list__item{align-items:center;gap:1rem;font-size:1.125rem;line-height:1;display:flex}.icon-list__item svg{flex:0 0 2rem;height:2rem}.contact-form__message{border-radius:.5rem;margin-bottom:1rem;padding:1rem}.contact-form__message--success{background:var(--color-jewel);color:#fff}.contact-form__message--error{background:var(--color-red-salsa);color:#fff}html.dark-mode body{color:#fff;background:#111}html.dark-mode body:not(:has(.main-header)):before{background:#222}html.dark-mode .button--blue{background:var(--color-billiard)}html.dark-mode .button--outline{border-color:var(--color-billiard);color:var(--color-billiard)}html.dark-mode .button--outline:after{background:var(--color-billiard)}html.dark-mode .main-nav-holder,html.dark-mode .main-nav-holder:before,html.dark-mode .main-nav__items{background:#111}html.dark-mode .dark-mode-toggle{background:#333;border-color:#999}html.dark-mode .dark-mode-toggle__slider{background:#111;border-color:#999}html.dark-mode .dark-mode-toggle__slider:before,html.dark-mode .dark-mode-toggle__slider:after{background:#eee}html.dark-mode .toggle-mobile-nav:after{background:#fff}html.dark-mode .testimonials-holder{background:#333}html.dark-mode .testimonial{background:#111}html.dark-mode .link{color:var(--color-billiard)}html.dark-mode .link:after{background:var(--color-billiard)}html.dark-mode .sidebar-block--grey,html.dark-mode .quote{background:#333}html.dark-mode .breadcrumbs li:first-child a{background:#fff}html.dark-mode .columns .content-block [stroke]{stroke:var(--color-billiard)}html.dark-mode .checklist .checklist__item:before{background:var(--color-billiard)}html.dark-mode .alternating-content--numbered .alternating-content__item:after{box-shadow:0 0 8rem 1.5rem var(--color-highlight),inset 0 0 0 .25rem #fff,inset 0 0 1rem #00000040}html.dark-mode .alternating-content__title a{color:#fff}html.dark-mode .portfolio-filter__item{background:#222}html.dark-mode .portfolio-filter__item [stroke]{stroke:var(--color-oasis)}html.dark-mode .portfolio-filter__item:hover{color:var(--color-billiard)}html.dark-mode .portfolio-filter__item:hover [stroke]{stroke:var(--color-billiard)}html.dark-mode .splide-main .splide__pagination__page{background:var(--color-billiard)}html.dark-mode .client-logos__holder,html.dark-mode .team-holder{background:#303d47}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}