.ditis__hero{display:grid;grid-template-columns:[full-start] var(--full) [wide-start] var(--wide) [popout-start] var(--popout) [content-start] var(--content) [content-end] var(--popout) [popout-end] var(--wide) [wide-end] var(--full) [full-end];width:100%;z-index:0;overflow-x:clip}.ditis__hero .hero__image-wrap{grid-column:full;grid-row:1;position:relative;overflow:hidden;max-height:950px}.ditis__hero .hero__image-wrap .svg-wave-horizontal path{fill:var(--licht-blauw)}.ditis__hero .hero__image-wrap .svg-wave-horizontal{position:absolute;display:block;bottom:0;width:100%;z-index:3}@media(min-width:64rem){.ditis__hero .hero__image-wrap{align-self:stretch;max-height:unset}.ditis__hero .hero__image-wrap .svg-wave-horizontal{display:none}}.ditis__hero .hero__image-wrap .home-banner__image{position:relative;z-index:1;object-fit:cover;object-position:left;height:100%;width:100%;will-change:opacity;aspect-ratio:4/3}@media(min-width:48rem){.ditis__hero .hero__image-wrap .home-banner__image{aspect-ratio:unset}}@media(min-width:64rem){.ditis__hero .hero__image-wrap .home-banner__image{position:absolute;top:0;right:0;height:100%;width:calc(50vw + 100px)}}@media(min-width:80rem){.ditis__hero .hero__image-wrap .home-banner__image{width:calc(50vw + 260px)}}@media(min-width:96rem){.ditis__hero .hero__image-wrap .home-banner__image{width:calc(50vw + 360px)}}.ditis__hero .hero__image-wrap .hero__shadow{position:absolute;right:0;width:75%;height:20%;z-index:2;background:linear-gradient(0deg,#0000,#0009);top:0}.ditis__hero .hero__content{grid-column:full;grid-row:2;position:relative;z-index:4;padding-top:50px;padding-inline:var(--gap);background-color:var(--licht-blauw)}@media(min-width:64rem){.ditis__hero .hero__content{grid-column:wide;grid-row:1;justify-self:start;padding-inline:0;padding-top:clamp(140px,12%,200px);width:480px;height:auto}.ditis__hero .hero__content:after{content:"";position:absolute;right:100%;width:50vw;height:100%;background-color:var(--licht-blauw);top:0}}.ditis__hero .hero__content .hero__content-bg{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%}.ditis__hero .hero__content .hero__content-bg .svg-wave-vertical{display:none;width:300px;height:100%;fill:var(--licht-blauw);will-change:width}.ditis__hero .hero__content .hero__content-bg .svg-wave-horizontal{position:absolute;display:block;bottom:0;width:100%}@media(min-width:64rem){.ditis__hero .hero__content .hero__content-bg{left:calc(100% - 1px);height:100%;width:100px}.ditis__hero .hero__content .hero__content-bg .svg-wave-vertical{display:block}.ditis__hero .hero__content .hero__content-bg .svg-wave-horizontal{display:none}}.ditis__hero .hero__content .content__intro{position:relative;z-index:4;max-width:unset;will-change:transform}@media(min-width:64rem){.ditis__hero .hero__content .content__intro{max-width:430px}}.ditis__hero .hero__content .content__intro h1{font-family:prenton-condensed,sans-serif;line-height:120%;color:var(--low-contrast)}.ditis__hero .hero__content .content__intro .jouw-website{white-space:nowrap}.ditis__hero .hero__content .hero__phone{font-weight:500;margin-bottom:30px}.ditis__hero .hero__content .hero__phone a{color:var(--abc-blauw);text-decoration:underline}.ditis__intro{font-family:prenton-condensed,sans-serif;line-height:clamp(2.4rem,4vw,4rem);font-size:clamp(2rem,3vw,70px);font-weight:400;will-change:opacity;text-align:center}.ditis__usps{position:relative}@media(min-width:48rem){.ditis__usps{padding:2rem 0 1rem;grid-column:content!important;margin-left:unset;margin-right:unset;max-width:unset}}.ditis__usps h2{font-family:prenton-condensed,sans-serif;margin-bottom:0;will-change:transform,opacity;padding-left:30px}@media(min-width:48rem){.ditis__usps h2{margin-bottom:50px;padding-left:unset}}.ditis__usps .usps__blocks{display:grid;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr 1fr;width:100%;margin:auto;gap:30px;overflow-x:scroll;padding:30px;scrollbar-width:thin}@media(min-width:64rem){.ditis__usps .usps__blocks{grid-template-columns:1fr 1fr;width:auto;overflow:unset}}.ditis__usps .usps__blocks .usps__block{display:flex;height:100%;flex-direction:column;background-color:var(--high-contrast);cursor:pointer;border-radius:10px;transition:background-color .4s ease-in-out,box-shadow .4s ease-in-out;will-change:opacity,background-color;opacity:0;width:80vw}@media(min-width:64rem){.ditis__usps .usps__blocks .usps__block{width:auto}}@media(min-width:80rem){.ditis__usps .usps__blocks .usps__block{background-color:transparent}}.ditis__usps .usps__blocks .usps__block .link__icon{display:flex;justify-content:center;align-items:center;width:50px;height:50px}.ditis__usps .usps__blocks .usps__block .link__icon svg{width:40px;height:40px;fill:var(--abc-blauw)}.ditis__usps .usps__blocks .usps__block:hover,.ditis__usps .usps__blocks .usps__block:has(a.active){background-color:var(--high-contrast)}:is(.ditis__usps .usps__blocks .usps__block:hover,.ditis__usps .usps__blocks .usps__block:has(a.active)) .usp__link{opacity:1;margin-left:0}.ditis__usps .usps__blocks .usps__block .usp__content{padding:15px;height:100%}@media(min-width:48rem){.ditis__usps .usps__blocks .usps__block .usp__content{padding:30px}}.ditis__usps .usps__blocks .usps__block .usp__content>a{height:100%;display:flex;flex-direction:column;text-decoration:none}.ditis__usps .usps__blocks .usps__block .ups__afbeelding{display:block;object-fit:cover;width:100%;height:200px;margin-bottom:20px;border-top-right-radius:10px;border-top-left-radius:10px}@media(min-width:80rem){.ditis__usps .usps__blocks .usps__block .ups__afbeelding{display:none}}.ditis__usps .usps__blocks .usps__block .usp__link{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-family:prenton,sans-serif;font-weight:500;color:var(--low-contrast);transition:opacity .3s ease-in-out,margin-left .3s ease-in-out;will-change:opacity,margin-left;opacity:0;margin-left:0;text-decoration:none}.ditis__usps .usps__blocks .usps__block .usp__title{font-family:prenton-condensed,sans-serif}.ditis__usps .usps__blocks .usps__block .usp__subtitle{font-family:prenton,sans-serif;font-weight:700;color:var(--abc-blauw)}.ditis__usps .usps__blocks .usps__block .usp__tekst--mobiel{display:block}.ditis__usps .usps__blocks .usps__block .usp__tekst--desktop{display:none}@media(min-width:80rem){.ditis__usps .usps__blocks .usps__block .usp__tekst--mobiel{display:none}.ditis__usps .usps__blocks .usps__block .usp__tekst--desktop{display:block}}.ditis__groei{position:relative;background-color:var(--abc-blauw);overflow:hidden}.ditis__groei .groei__wave{position:absolute;width:100%;z-index:2}.ditis__groei .groei__wave.groei__wave--top{top:-1px;left:0;max-height:100px}.ditis__groei .groei__wave.groei__wave--top path{fill:var(--licht-blauw)}@media(min-width:48rem){.ditis__groei .groei__wave.groei__wave--top{max-height:180px}}.ditis__groei .groei__wave.groei__wave--bottom{position:absolute;bottom:-1px;max-height:80px}.ditis__groei .groei__wave.groei__wave--bottom path{fill:var(--licht-blauw)}.ditis__groei .ditis__container{position:relative;z-index:2}.ditis__groei .groei__content{display:flex;flex-direction:column;justify-content:center;min-height:600px;max-width:800px;color:#fff;will-change:opacity,transform}.ditis__groei .groei__content h2{font-family:prenton-condensed,sans-serif;font-weight:700}.ditis__groei .groei__content a{display:inline-flex;align-items:center;align-self:flex-start;gap:10px}.ditis__groei .groei__content a svg{fill:var(--orange)}.ditis__groei .bubble__wrap{position:absolute;width:150px;height:50px;z-index:1;top:0;right:25%;will-change:transform}.ditis__groei .bubble{display:flex;justify-content:center;align-items:center;width:50px;height:50px;padding:5px;background-color:#fff;border-radius:50%;will-change:transform}.ditis__groei .bubble img{object-fit:contain;object-position:center;width:50px;height:50px}.ditis__afkomst{position:relative;overflow:hidden}@media(min-width:64rem){.ditis__afkomst{overflow:hidden}}.ditis__afkomst .afkomst__image-wrap{position:relative;overflow:visible}@media(min-width:64rem){.ditis__afkomst .afkomst__image-wrap{overflow:hidden}}.ditis__afkomst .afkomst__image-wrap .image__mask{position:absolute;display:none;top:0;right:-1px;height:100%;width:100px;z-index:2}@media(min-width:64rem){.ditis__afkomst .afkomst__image-wrap .image__mask{display:block}}.ditis__afkomst .afkomst__image-wrap .image__mask svg{position:absolute;right:0;transform:scaleX(-1);fill:var(--licht-blauw);height:100%}.ditis__afkomst .afkomst__image-wrap img{position:relative;display:block;max-width:500px;margin:auto;-webkit-mask-image:url(/app/themes/ditisabc/public/build/assets/Blob-CTA-CoG22jsV.svg);mask-image:url(/app/themes/ditisabc/public/build/assets/Blob-CTA-CoG22jsV.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;object-fit:cover;left:0;top:0;width:100%;height:100%;z-index:1;aspect-ratio:4/3}@media(min-width:64rem){.ditis__afkomst .afkomst__image-wrap img{-webkit-mask-image:unset;mask-image:unset;max-width:unset}}.ditis__afkomst .afkomst__content{max-width:650px}.ditis__afkomst .afkomst__content h2{font-family:prenton-condensed,sans-serif;font-weight:700}.klanten-wrap h2{font-family:prenton-condensed,sans-serif;line-height:4.5rem;color:var(--low-contrast)}.klanten-wrap .ditis__klant{display:block;background-color:#fff;border-radius:5px;padding:10px;height:100%;aspect-ratio:4/3}.klanten-wrap .ditis__klant img{object-fit:contain;width:100%;height:100%}.website-scan__wrap{position:relative}.website-scan__wrap h2{font-family:prenton-condensed,sans-serif;margin-bottom:20px;color:var(--low-contrast)}.website-scan__wrap .websitescan__content{position:relative;z-index:1}.website-scan__wrap .ditis__websitescan{position:relative}.website-scan__wrap .ditis__websitescan form{position:relative;z-index:1}.website-scan__wrap .ditis__websitescan form .websitescan__title{font-family:prenton-condensed,sans-serif;margin-bottom:20px}.website-scan__wrap .ditis__websitescan form .websitescan__input{position:relative;width:100%}@media(min-width:48rem){.website-scan__wrap .ditis__websitescan form .websitescan__input{width:60%}}.website-scan__wrap .ditis__websitescan form.http-error .websitescan__input{box-shadow:0 0 0 2px red}.website-scan__wrap .ditis__websitescan form.http-error:after{content:"Geen geldige url, gebruik http(s)";position:absolute;left:0;color:red;bottom:100%}.website-scan__wrap .ditis__websitescan .websitescan-bg{display:none;object-fit:contain;position:absolute;z-index:0;top:-100px;left:360px;max-width:400px}@media(min-width:48rem){.website-scan__wrap .ditis__websitescan .websitescan-bg{display:block;top:0;right:0;left:unset}}@media(min-width:80rem){.website-scan__wrap .ditis__websitescan .websitescan-bg{top:-43px;right:-146px;left:unset}}