.vb-container{width:100%;height:100vh;height:100dvh;position:relative;display:flex;flex-direction:column;justify-content:center;color:#fff;h1{font-size:2rem;font-family:'Medel';margin:0;line-height:1.1;color:#fff;@media screen and (max-width:479px){font-size:1.8rem}}p{font-size:1.4rem;@media screen and (max-width:479px){font-size:1.2rem}}&:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#000;background:linear-gradient(80deg,rgba(8,24,80,.8) 20%,rgba(8,24,80,0) 120%);z-index:-1;opacity:.8}.vb-video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}video{width:100%;height:100%;object-fit:cover;pointer-events:none;position:absolute;z-index:-1;background:#000}}.vb-inner-container{display:flex;flex-flow:column;justify-content:end;align-items:start;width:var(--sitewidth);margin-right:auto;padding-bottom:50px}.vb-inner-container{margin:auto;height:100%}@media (max-width:1119px){.vb-inner-container{grid-template-columns:repeat(1,1fr)}}.fade-in-element{animation-name:slideInFromLeft;animation-duration:1s;animation-delay:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;opacity:0}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}.vb-header{display:flex;justify-content:center;align-items:center;width:100%}.is-breakdance-menu-open .vb-header{background:var(--primary);margin-top:0;padding-bottom:20px}.is-breakdance-menu-open .breakdance-menu-toggle-lines{color:#fff}.project-template-default .vb-logo path,.home .vb-logo path,.is-breakdance-menu-open .vb-logo path{fill:#fff!important}.is-breakdance-menu-open .breakdance-menu-link{color:var(--primary)!important}.project-template-default a.breakdance-menu-link,{color:#fff!important}.is-breakdance-menu-open .breakdance-menu-link-arrow:after{background-color:var(--primary)!important}.vb-header.vb-header{position:absolute;padding-top:50px;z-index:2;top:0px;@media screen and (max-width:479px){top:0;padding-top:30px}li:hover a{text-decoration:underline!important}ul{margin-right:-20px}}.current-menu-item{text-decoration:underline!important}.vb-inner-header{display:flex;flex-flow:row;justify-content:space-between;align-items:end;width:100%;max-width:var(--sitewidth);margin-right:auto;margin-left:auto}@media screen and (max-width:1360px){.vb-inner-header,.vb-inner-container,.vb-content-inner{max-width:95%!important;margin-left:auto;margin-right:auto}}.vb-logo.vb-logo path{fill:var(--primary)}.vb-logo{svg{display:block;width:350px;@media screen and (max-width:479px){max-width:350px;width:100%;padding-right:20px}}}@media (max-width:479px){.vb-logo{max-width:250px}}.vb-button-container{display:flex;flex-flow:row;gap:30px}.vb-button-container{@media screen and (max-width:479px){flex-direction:column;gap:10px}}.vb-button{background:#fff;color:var(--primary);font-weight:500;text-decoration:none;padding:10px 20px;border:2px solid #fff;transition:all .2s ease-in-out;&:hover{background:unset;border-color:#fff;color:#fff;transition:all .1s ease-in-out}}.vb-button-alt{background:#fff;border-color:#fff;color:var(--primary);&:hover{color:#fff;border-color:#fff}}.vb-button-xl{padding:15px 30px;@media screen and (max-width:479px){font-size:1.2rem}}.grid{display:grid;width:100%;grid-template-columns:repeat(8,1fr);grid-auto-rows:5rem;grid-auto-flow:dense;gap:5px;margin-top:30px}.grid-item{grid-column:span 2;grid-row:span 2;position:relative;background:#f0f0f0;overflow:hidden;display:block;width:100%;height:100%;box-sizing:border-box}.grid-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1s ease-in-out}.grid-item h2{position:absolute;bottom:0;left:15px;color:#fff;font-size:1.3rem;z-index:2;margin-bottom:12px;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.grid-item:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to top,rgba(0,0,0,0.8),transparent);pointer-events:none}.grid-item:hover img{transform:scale(1.05)}.grid-item.grid-item--variation1{grid-column:span 4;grid-row:span 4}.grid-item.grid-item--variation2{grid-column:span 2;grid-row:span 4}@media only screen and (max-width:768px){.grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:20vw}.grid-item{grid-column:span 1;grid-row:span 2}.grid-item.grid-item--variation1{grid-column:span 2;grid-row:span 3}.grid-item.grid-item--variation2{grid-column:span 1;grid-row:span 4}}.project-template-default .vb-content{margin-top:0!important;padding-top:10px}.vb-content-inner{display:block;gap:0px;max-width:var(--sitewidth);margin-right:auto;margin-left:auto}.vb-content-inner{p{color:var(--primary)}h1{margin-bottom:0;font-size:3rem}}p.x_x_MsoNormal{margin-top:0}.vb-project-header{width:100%;height:40vh;overflow:hidden;position:relative;z-index:-1;background:#000;@media screen and (max-width:479px){height:40vh}img{width:100%;height:100%;position:absolute;object-fit:cover;opacity:0;animation:fadeIn 1s forwards,pulse 12s ease-in-out .5s infinite;opacity:0}&:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#000;background:linear-gradient(80deg,rgba(8,24,80,.8) 20%,rgba(8,24,80,0) 120%);opacity:.8}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes pulse{50%{transform:scale(1.05)}0%,100%{transform:scale(1)}}.vb-project-title{position:absolute;bottom:10px;color:#fff;font-size:4rem!important;padding-bottom:40px;z-index:1;width:calc(100% - 60px);>div{font-size:1.6rem;margin-bottom:-30px}@media screen and (max-width:479px){font-size:2.5rem!important}}.vb-project-content{display:flex;flex-flow:row;justify-content:start;align-items:center;gap:20px;margin-top:50px}.vb-project-content{color:var(--primary);h2{margin:0 0 20px;font-size:1.8rem;font-weight:700}#projectinformatie{width:35%}#gallerij{width:65%}@media screen and (max-width:1119px){#projectinformatie{width:40%}#gallerij{width:100%}}@media screen and (max-width:1023px){#projectinformatie{width:100%}}.splide__arrow{top:calc(100% - 18px);border-radius:0;background:var(--primary);opacity:1;svg path{fill:#fff}&:hover{background:#fff;svg path{fill:var(--primary)}}}.splide__arrow--prev{left:0}.splide__arrow--next{right:0}}@media (max-width:1023px){.vb-project-content{flex-flow:column-reverse nowrap;justify-content:start;align-items:start;gap:50px}}.vb-has-header{margin-top:150px}@media (max-width:767px){.vb-has-header{margin-top:150px}}.vb-footer-content{padding-top:30px}.vb-footer-content{border-top:solid 1px var(--primary);margin-top:100px;@media screen and (max-width:1023px){margin-top:50px}}.vb-footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-bottom:30px}.vb-footer-columns{a{color:var(--primary)}p{margin:8px 0}ul{margin:0;padding:0;li{list-style:none}}@media screen and (max-width:700px){display:flex;flex-direction:column}}.vb-footer-header{font-weight:700;font-size:1.2rem}.vb-footer{background:#fff;color:var(--primary);p,a{font-size:1rem}}.vb-footer-end{display:flex;flex-flow:row;justify-content:space-between;gap:30px}.vb-footer-end{border-top:solid 1px var(--primary);margin-top:10px;padding:5px 0;span,a{font-size:.8rem;color:var(--primary)!important;line-height:2}}.vb-project-stats{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,auto);align-items:start;justify-items:start;gap:20px;padding-bottom:50px}.vb-project-stats{color:var(--primary);svg path{fill:var(--primary)}}@media (max-width:1119px){.vb-project-stats{grid-template-columns:repeat(1,1fr)}}@media (max-width:1023px){.vb-project-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.vb-project-stats{grid-template-columns:repeat(1,1fr)}}.vb-project-stat{justify-content:start;align-items:center;gap:20px}.vb-project-stat{span{font-size:1.4rem;margin-left:29px}}.vb-dark{background-color:var(--primary)}.vb-stats-icon{display:flex;justify-content:start;align-items:center;gap:10px}.vb-gallery{img{width:100%;height:100%;object-fit:cover;aspect-ratio:5/4}.img-fluid{aspect-ratio:21/9}}.vb-call-to-action{margin-top:70px;padding-top:100px;padding-bottom:100px;background-color:var(--primary)}.vb-call-to-action{.vb-content-inner{display:flex;flex-direction:row;gap:20px;justify-content:space-between;align-items:center;@media screen and (max-width:1023px){flex-direction:column;justify-content:start;.vb-button{margin-right:auto}}p{color:#fff;margin-top:0}span{font-size:2rem;font-weight:600;color:#fff}}@media screen and (max-width:1023px){margin-top:50px}}@media (max-width:1023px){.vb-call-to-action{padding-top:50px;padding-bottom:50px}}.vb-filter{padding-top:30px}.vb-filter{.project-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;@media screen and (max-width:1023px){gap:16px}}.project-filter-nav{display:flex;gap:20px;list-style:none;margin:0!important;padding:0!important;flex-wrap:wrap;@media screen and (max-width:1023px){gap:10px}li{padding:15px 0;a{background:transparent;border:solid 2px;color:var(--primary);text-decoration:none;padding:15px 20px;&.active{background:var(--primary);border-color:var(--primary);color:#fff;&:hover{background:var(--primary)}}&:hover{background:var(--primary);color:#fff}}@media screen and (max-width:1023px){width:100%;max-width:calc(50% - 5px);padding:0;a{width:100%;display:block}}@media screen and (max-width:480px){max-width:100%;a{padding:8px 16px}}}}.project-view-switch{display:inline-flex;flex-wrap:nowrap;border:solid 2px var(--primary);margin-top:auto;@media screen and (max-width:480px){width:100%}.project-view-switch__option{background:transparent;color:var(--primary);text-decoration:none;padding:15px 20px;border-left:solid 2px var(--primary);line-height:1;&:first-child{border-left:0}&.active{background:var(--primary);color:#fff}&:hover{background:var(--primary);color:#fff}@media screen and (max-width:480px){width:50%;text-align:center;padding:12px 16px}}}}.vb-contact-content{display:flex;flex-flow:row;justify-content:start;align-items:start;grid-template-columns:repeat(2,1fr);gap:50px}.vb-contact-content{h1{margin:0}>div{width:60%}.bde-form-builder{width:40%}@media screen and (max-width:1119px){>div,.bde-form-builder{width:50%}}@media screen and (max-width:900px){flex-direction:column;gap:20px;.bde-form-builder,>div{width:100%}}}.vb-inner-big{max-width:1500px}.vb-footer-list .bde-dynamic-repeater{display:flex;flex-direction:row-reverse}.vb-menu-buttons.vb-menu-buttons{@media screen and (min-width:1024px){nav{margin-right:20px}nav a.breakdance-menu-link{background:unset;color:var(--primary)!important;font-weight:500;padding:15px 30px;margin-left:20px;border:.1px solid rgba(255,255,255,0.1)!important;transition:all 0.2s ease-in-out;color:#fff!important;margin-left:20px!important}nav .breakdance-menu-list{li:hover a.breakdance-menu-link{text-decoration:none!important}a.breakdance-menu-link:hover{background:unset;border-color:var(--secondary);color:#fff!important;background:var(--primary)!important;transition:all 0.1s ease-in-out;text-decoration:none!important}}nav .vb-menu-cta a.breakdance-menu-link{background:var(--secondary)!important;border-color:var(--secondary)!important;color:var(--primary)!important;&:hover{background:var(--secondary)!important;border-color:#fff!important}}}}.vb-mobile.vb-mobile{@media screen and (min-width:1024px){display:none}@media screen and (max-width:1024px){nav{width:100%}nav a.breakdance-menu-link{background:unset;color:var(--primary)!important;font-weight:500;padding:15px 30px;margin-left:20px;border:1px solid rgba(255,255,255,0.3)!important;transition:all 0.2s ease-in-out;color:#fff!important;margin-left:20px!important}nav .breakdance-menu-list{li:hover a.breakdance-menu-link{text-decoration:none!important}a.breakdance-menu-link:hover{background:unset;border-color:var(--secondary);color:#fff!important;background:var(--primary)!important;transition:all 0.1s ease-in-out;text-decoration:none!important}}nav .vb-menu-cta a.breakdance-menu-link{background:var(--secondary)!important;border-color:var(--secondary)!important;color:var(--primary)!important;&:hover{background:var(--secondary)!important;border-color:#fff!important}}margin-top:20px;margin-bottom:-30px;nav a.breakdance-menu-link{margin:10px 0 0 0!important;width:100%}}}.hide{display:none}.vb-menu-alt.vb-menu-buttons{.breakdance-menu-toggle-lines{color:var(--primary);transition:all 0.2s ease-in-out}.breakdance-responsive-menu--open{.breakdance-menu-toggle-lines{color:#fff}}@media screen and (min-width:1024px){nav{margin-right:20px}nav a.breakdance-menu-link{background:unset;color:var(--primary)!important;font-weight:500;padding:15px 30px;margin-left:20px;border:.1px solid rgba(8,24,80,0.1)!important;transition:all 0.2s ease-in-out;margin-left:20px!important}nav .breakdance-menu-list{li:hover a.breakdance-menu-link{text-decoration:none!important}a.breakdance-menu-link:hover{background:unset;border-color:var(--secondary);color:#fff!important;background:var(--primary)!important;transition:all 0.1s ease-in-out;text-decoration:none!important}}nav .vb-menu-cta a.breakdance-menu-link{background:var(--secondary)!important;border-color:var(--secondary)!important;color:var(--primary)!important;&:hover{background:var(--secondary)!important;border-color:#fff!important}}}}