@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}.desktop-dropdown.nav-locked,.desktop-dropdown.nav-locked *{pointer-events:none!important}.top-dropdown-list,.submenu-top-link{font-size:14px;font-weight:400}.desktop-nav-bg{z-index:17;opacity:0;visibility:hidden;pointer-events:none;backdrop-filter:blur(20px);background:#ffffff80;width:100%;height:100vh;transition:opacity .3s ease-in-out;position:fixed;inset:0}body:has(.desktop-dropdown.open) .desktop-nav-bg{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease-in-out}header{z-index:18;backdrop-filter:blur(20px);background:#ffffff80;grid-template-columns:2fr 1fr 2fr;width:100%;height:55px;display:grid;position:fixed;top:0;left:0}@media screen and (width<=768px){header{grid-template-columns:1fr 2fr 1fr}}.container.one{box-sizing:border-box;width:100%;height:100%}.container.top-logo{place-items:center;width:100%;height:100%;display:grid}.container.top-logo a{z-index:21;width:100%;max-height:55px;padding:4px;display:flex;& .container.top-logo img{object-fit:contain}}.container.top-nav{z-index:21;place-items:center end;width:100%;height:100%;display:grid}.tablet-nav{min-width:440.28px;margin:0 20px;display:none;@media (width>=1161px){grid-template-columns:repeat(5,1fr);place-items:center;gap:25px;list-style:none;display:grid}}.tablet-nav a{color:var(--primary-text-color);font-size:1rem;font-weight:600;text-decoration:none;transition:color .255s ease-in-out;display:flex}.desktop-dropdown{pointer-events:none;z-index:19;background:var(--background-200);filter:drop-shadow(0 10px 12px #00000042);visibility:hidden;opacity:0;grid-template-rows:0 0fr;grid-template-columns:1fr 1fr 1fr;width:100%;padding-bottom:60px;transition:grid-template-rows .4s ease-in-out,opacity .3s ease-out;display:grid;position:absolute}.desktop-dropdown.open{pointer-events:auto;opacity:1;visibility:visible;grid-template-rows:55px 1fr;transition:grid-template-rows .4s ease-in-out,opacity .3s ease-out}.desktop-dropdown-inner{grid-area:2/2/3/3;grid-template-areas:"stack";display:grid}.desktop-dropdown-menu{opacity:0;visibility:hidden;grid-area:stack;list-style:none;transition:opacity .4s ease-out,transform .6s ease-in-out;transform:translateY(-10px);& li{padding:5px 0;& a{color:#000;font-size:22px;font-weight:600;text-decoration:none}}}.desktop-dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.desktop-dropdown-menu[data-panel=home],.desktop-dropdown-menu[data-panel=aanbod],.desktop-dropdown-menu[data-panel=overons],.desktop-dropdown-menu[data-panel=projecten],.desktop-dropdown-menu[data-panel=contact]{grid-column:1}.mobile-nav{-webkit-tap-highlight-color:transparent;width:25px;height:25px;margin:0 20px;padding:5px;transition:transform .1s;& :active{transform:scale(.95)}}.mobile-dropdown{z-index:2000;background-color:var(--nav-color);opacity:0;grid-template-rows:0;width:100%;transition:grid-template-rows .5s cubic-bezier(.645,.045,.355,1),opacity .4s ease-out;display:grid;position:fixed;top:0}.mobile-dropdown.open{opacity:1;grid-template-rows:100svh}.mobile-dropdown-inside{font-size:1.688rem;font-weight:600;overflow:hidden}.dropdown-window{flex-direction:column;align-items:self-start;width:100%;margin:0;padding:20px 10%;list-style:none;display:flex}.dropdown-window>li{padding:5px 0}.mobile-dropdown-top{grid-template-columns:1fr 2fr 1fr;width:100%;height:55px;display:grid}.mobile-close-btn{background:0 0;border:none;grid-area:1/3/2/4;justify-self:flex-end;width:25px;height:auto;margin:0 20px;padding:5px}.mobile-dropdown a{color:var(--primary-text-color);text-decoration:none;&:hover{color:var(--third-color)}}.dropdown-window>li{opacity:0;will-change:transform, opacity;transition:opacity .35s,transform .35s ease-out;transform:translateY(25px)}.mobile-dropdown.open .dropdown-window>li{opacity:1;transform:translateY(0)}.mobile-dropdown.open .dropdown-window>li:first-of-type{transition-delay:.1s}.mobile-dropdown.open .dropdown-window>li:nth-of-type(2){transition-delay:.17s}.mobile-dropdown.open .dropdown-window>li:nth-of-type(3){transition-delay:.24s}.mobile-dropdown.open .dropdown-window>li:nth-of-type(4){transition-delay:.31s}.mobile-dropdown.open .dropdown-window>li:nth-of-type(5){transition-delay:.38s}.submenu-btn{color:var(--primary-text-color);background:0 0;border:none;font-size:1.688rem;font-weight:600;text-decoration:none}.submenu{visibility:hidden;opacity:0;grid-template-rows:0fr;padding-left:20%;font-size:1.313rem;font-weight:500;list-style:none;transition:transform .4s ease-in-out,opacity .4s ease-out,grid-template-rows .2s ease-in-out;display:grid;transform:translate(-50px)}.submenu.open{opacity:1;visibility:visible;grid-template-rows:1fr;transform:translate(0)}.submenu-inner{overflow:hidden;&>li{padding:2.5px 0}}@media screen and (width>=1161px){.mobile-nav{display:none}.tablet-nav a:hover,.tablet-nav button:hover{color:var(--third-color)}}footer{background:var(--grey-50);flex-flow:column wrap;width:100%;min-width:380px;display:flex}.top-footer{flex-direction:column;place-self:center;min-width:clamp(350px,84.5vw,912px);min-height:200px;margin-bottom:40px;display:flex}.bottom-footer{grid-template-columns:1fr 4fr 1fr;width:100%;height:5vh;display:grid}.f-link-container{flex-direction:row;display:flex}.f-link-list{flex-flow:column wrap;grid-area:1/2/1/5;justify-content:center;gap:20px;list-style:none;display:flex;& a{color:gray;padding-left:0;font-size:14px;font-weight:600;text-decoration:none;transition:padding-left .2s ease-in-out,font-size .2s ease-in-out;&:hover{padding-left:5px;font-size:15px}}}.f-img-wrapper{flex-direction:row;justify-content:center;align-items:center;gap:20px;width:100%;min-height:100%;margin:20px 0;display:flex}.footer-img-logo{object-fit:cover;filter:contrast(0%);opacity:.26;max-width:clamp(45px,10vw,60px);height:auto}.footer-img-logo-text{max-width:clamp(60px,10vw,200px)}.container.seven{width:100%;height:100%;display:grid}.container.footer-text{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:.8rem;display:flex}.container.footer-nav{place-items:end;width:100%;min-height:100%;display:grid}.icon-button-list{grid-template-columns:1fr 1fr 1fr;gap:20px;list-style:none;display:grid;position:relative;bottom:0}.icon-button-list li{width:25px;height:25px;fill:var(--primary-text-color);transition:fill .2s ease-in-out}.icon-button-list svg:hover{fill:var(--third-color)}@media screen and (width<=1040px){.container.footer-text{text-overflow:ellipsis;text-align:center;font-size:.7rem}}