@font-face{font-family:Instrument;src:url(/assets/fonts/Instrument.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--background-50:#f1f7f8;--background-100:#e2eef0;--background-200:#d4e6e9;--background-300:#c5dee2;--background-400:#b7d6da;--background-500:#a8cdd3;--background-600:#9ac5cc;--bg-200-opacity:#d4e6e9cc;--primary-color:#30a8ad;--onprimary-color:#9ad0d2;--primary-text-color:#0c1414;--onprimary-text-color:#ebf9fa;--secondary-color:#0261a8;--onsecondary-color:#8ca5d0;--secondary-text-color:#090d14;--onsecondary-text-color:#eceff7;--third-color:#0c6069;--onthird-color:#eaf0f0;--third-text-color:#060d0e;--onthird-text-color:#eaf0f0;--forth-color:#c7eef0;--background-text-color:#9cbec5;--fifth-color:#077483;--onfifth-color:#ebf2f3;--sixth-color:#30a8ad;--onsixth-color:#eef7f7;--nav-color:#c3d8dc;--textinput-color:#d5dbe7;--about-container-color:#1d565d;--about-container-color2:#0c3844;--about-text-title-color:#6fd2d8;--about-text-color:#f2f2f2;--about-list-color:#e4f0f1;--button-color:#5ca5b0;--button-hover-color:#35676e;--grey-50:#f3f3f3;--grey-100:#e7e7e7;--grey-200:#dbdbdb;--grey-300:#cfcfcf;--grey-400:#c3c3c3;--grey-500:#b8b8b8;--grey-600:#acacac;--grey-700:#a1a1a1;--grey-800:#969696;--grey-900:#8b8b8b;--grey-950:gray;--blue-50:#f5f7f8;--blue-100:#ebeff2;--blue-200:#e1e6eb;--blue-300:#d7dee4;--blue-400:#ced6de;--blue-500:#c4ced7;--blue-600:#bac6d1;--blue-700:#b1beca;--blue-800:#a7b6c4;--blue-900:#9dafbd;--blue-950:#94a7b7;--small-font-size:.8rem;--normal-font-size:1rem;--medium-font-size:1.125rem;--large-font-size:1.5rem;--xlarge-font-size:2rem;--xxlarge-font-size:2.5rem;--xxxlarge-font-size:5rem;--xxxxlarge-font-size:7rem;--title-font-size:clamp(2rem, 5vw, 3rem);--sub-title-font-size:clamp(1.125rem, 2.5vw, 1.6rem);--paragraph-font-size:clamp(1rem, 2.5vw, 1.125rem);--par-font-size:clamp(1rem, 2.5vw, 1.313rem);--gallery-par-font-size:clamp(1.125rem, 2.5vw, 1.2rem);--border-size:45px 8px 45px 45px;--white-space:10px 20px}.font-color-span{color:var(--about-container-color);font-weight:600}*{letter-spacing:normal;box-sizing:border-box;margin:0;padding:0;font-family:Instrument}html{scroll-behavior:smooth;background:#fff}body{flex-direction:column;width:100%;min-width:350px;min-height:100svh;margin:0;padding:0;display:flex}html,body{max-width:100%;overflow-x:hidden}.work-area-section,.about-section,.reviews-section,.certification-section{min-height:600px}a{-webkit-tap-highlight-color:transparent}@keyframes intro-slide{to{opacity:1;transform:translateY(0)}}.home-section{flex-direction:column;width:100%;min-height:90svh;margin-top:10svh;padding:5px;display:flex;@media (width>=768px){min-height:700px}}.home-top{flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;min-height:250px;padding:5px;display:flex}.home-title{color:var(--about-container-color2);text-align:center;opacity:0;align-self:center;padding-bottom:10px;font-size:clamp(1.7rem,5vw,3rem);animation:.8s .2s forwards intro-slide;overflow:hidden;transform:translateY(150px);& .title-color{color:var(--primary-color)}}.home-par{color:var(--about-container-color2);text-align:center;opacity:0;align-self:center;padding:12px;font-size:clamp(1rem,2vw,1.3rem);animation:.8s .4s forwards intro-slide;overflow:hidden;transform:translateY(150px)}.home-btn-row{opacity:0;flex-direction:row;animation:.8s .5s forwards intro-slide;display:flex;transform:translateY(150px)}.home-bottom{flex-direction:column;flex:1 1 0;min-height:250px;display:flex;position:relative}.home-background-wrapper{filter:drop-shadow(0 4px 12px #0000008f);opacity:0;border-radius:45px 45px 45px 8px;width:100%;height:100%;animation:.8s .7s forwards intro-slide;position:absolute;overflow:hidden;transform:translateY(150px);& .home-background{object-fit:cover;object-position:clamp(35%, 90vw, 90%) -50px;width:120%;height:120%;display:block;position:absolute}}.home-list{color:var(--about-text-color);align-self:flex-end;font-size:clamp(.5rem,5vw,2rem);font-weight:600;list-style:none;position:absolute;bottom:18px;left:18px;& li{margin:5px 0;@media (height<=550px){font-size:clamp(.5rem,5vh,2rem)}}}@media (width>=768px){.home-section{flex-direction:row-reverse;width:100%;min-height:90dvh;display:flex}.home-top{min-height:300px;padding:15px}.home-bottom{min-height:300px}.home-background-wrapper{border-radius:65px 65px 65px 16px;width:100%;height:100%;position:absolute;& .home-background{object-fit:cover;object-position:clamp(45%, 100svh - 10px, 70%) -90px;height:120%}}}.work-area-section{box-sizing:border-box;width:100%;min-height:600px;padding:20px;display:grid}.work-area{flex-direction:column;align-items:center;gap:20px;display:flex;@media (width>=768px){flex-direction:row}}.wa-top{background:var(--background-100);border-radius:8px 45px 45px;flex-direction:column;flex:290px;justify-content:center;align-items:center;gap:20px;width:100%;height:clamp(290px,60dvw,650px);padding:clamp(10px,2.5vh,40px);display:flex}.wa-title{font-size:var(--title-font-size);text-align:center;grid-column:auto;font-weight:700}.wa-par{text-align:center;font-size:var(--paragraph-font-size)}.wa-icon-map{fill:var(--third-color);max-width:250px}.wa-bottom{flex:290px;width:100%;height:clamp(290px,60dvw,650px)}.wa-img-wrapper{filter:drop-shadow(0 8px 10px #00000042);border-radius:45px 8px 45px 45px;width:100%;height:100%;display:block;overflow:hidden;& .wa-img-02{object-fit:cover;width:100%;height:100%}}.about-section{box-sizing:border-box;width:100%;min-height:600px;padding:20px;display:grid}.about{flex-direction:column;align-items:center;gap:20px;display:flex;@media (width>=768px){flex-direction:row-reverse}}.about-top{background:var(--background-50);text-align:center;border-radius:8px 45px 45px;flex-direction:column;flex:290px;justify-content:center;align-items:center;height:clamp(290px,60dvw,650px);padding:clamp(10px,2.5vh,40px);display:flex;& .about-title{font-size:clamp(1.6rem,5vw,3rem);&+.about-par{font-size:var(--paragraph-font-size);margin-top:10px;padding:clamp(0px,2.5dvw,50px)}}}.about-bottom{background:var(--background-100);border-radius:45px 8px 45px 45px;flex-direction:column;flex:290px;justify-content:center;align-items:center;gap:10px;height:clamp(290px,60dvw,650px);display:flex;position:relative;overflow:hidden}.about-img-wrapper{width:100%;height:100%;position:absolute;mask-image:linear-gradient(24deg,#0000 47%,#000 100%);& .about-image-01{object-fit:cover;object-position:0px min(35%, 100%);width:100%;height:100%}}.contact-box-span{font-weight:400}.contact-box-par{color:var(--about-container-color2);text-align:center;margin-top:100px;margin-bottom:10px;padding:0 clamp(10px,5vw,120px);font-size:clamp(1rem,2.5vw,1.6rem);font-weight:600;position:relative}@media (width>=760px){.about-top{border-radius:45px 8px 45px 45px;grid-area:1/2}.about-bottom{border-radius:8px 45px 45px;grid-area:1/1}}@media (width<=760px){.about-top{grid-area:1/1}.about-bottom{grid-area:2/1}}.reviews-section{box-sizing:border-box;width:100%;min-height:600px;padding:20px;display:grid}.reviews{flex-direction:column;justify-content:space-around;align-items:center;gap:20px;display:flex}.reviews-top{background:var(--background-50);text-align:center;border-radius:8px 45px 45px;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:clamp(290px,60dvw,400px);padding:clamp(10px,2.5vh,40px);display:flex;& .reviews-title{font-size:var(--title-font-size);& .reviews-par{font-size:var(--paragraph-font-size)}}}.reviews-icon{fill:var(--third-color);max-width:250px}.reviews-bottom{flex-direction:column;justify-content:center;align-items:center;width:100%;height:clamp(290px,60dvw,400px);display:flex;position:relative}.container-arrow-btn{z-index:10;flex-direction:row;gap:10px;display:flex;position:absolute;top:10px;left:auto}.review-slider{background:var(--background-100);scroll-snap-type:x mandatory;scrollbar-width:none;width:100%;height:100%;transform:scale(clamp(1, 50dvw, 1.4));border-radius:45px 8px 45px 45px;align-items:flex-end;gap:20px;padding:20px calc(50% - clamp(40px,5dvw,150px));transition:transform .3s;display:flex;position:absolute;overflow:auto visible}.review-slider::-webkit-scrollbar{display:none}.review-kaart:hover,.review-kaart:active{transform:scale(1.05)}.review-kaart{scroll-snap-align:center;filter:drop-shadow(2px 10px 8px #00000042);background-color:#f9f9f9;border-radius:32px;flex-direction:column;justify-content:center;min-width:clamp(250px,50dvw,400px);max-width:400px;min-height:clamp(200px,50dvw,300px);padding:20px;transition:transform .4s;display:flex;transform:scale(1);@media (width>=1024px){& .review-kaart{transform:scale(1.5)}}}.review-naam{color:var(--primary-color);margin-bottom:5px;font-size:clamp(16px,2.5dvw,24px);font-weight:700}.review-sterren{color:#ffc107;letter-spacing:2px;margin-bottom:10px;font-size:clamp(22px,2.5dvw,26px)}.review-tekst{font-size:var(--paragraph-font-size);color:#333;font-style:italic;line-height:1.5}.certification-section{box-sizing:border-box;width:100%;min-height:600px;padding:20px;display:grid}.certification{flex-direction:column-reverse;align-items:center;gap:20px;display:flex;@media (width>=768px){flex-direction:row}}.c-top{background:var(--background-100);border-radius:8px 45px 45px;flex-direction:column;flex:290px;justify-content:center;align-items:center;width:100%;height:clamp(290px,60dvw,650px);display:flex;position:relative;overflow:hidden;@media (width<=749px){flex-direction:row;grid-row:2}}.certification-img-wrapper{width:100%;height:100%;position:absolute;overflow:clip;mask-image:linear-gradient(220deg,#000 0%,#0000 40%);& .certification-img-03{object-fit:cover;object-position:clamp(0px, 5vw, 20px) -0%;width:100%;height:100%}}.dekra-img{filter:drop-shadow(0 4px 10px #00000042);height:clamp(150px,30vw,280px)}.dekra-title{min-width:120px;max-width:200px;color:var(--about-container-color2);text-align:center;padding:10px;font-size:clamp(.8rem,2.5vw,1.125rem);position:relative}.c-bottom{background:var(--background-50);border-radius:45px 8px 45px 45px;flex-direction:column;flex:290px;justify-content:center;align-items:center;gap:20px;height:clamp(290px,60dvw,650px);padding:20px;display:flex;@media (width<=749px){grid-row:1}}.c-title{text-align:center;font-size:var(--title-font-size)}.c-par{text-align:center;font-size:var(--paragraph-font-size);padding:clamp(0px,2.5dvw,50px)}
