.projecten-overzicht{position:relative;background-color:#f6f2ef;z-index:3}.projecten-overzicht .flex{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.projecten-overzicht .search-filter-query-posts{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.projecten-overzicht .filters{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;padding-top:20px;padding-bottom:20px;position:sticky;top:0;z-index:3;background-color:#f6f2ef}.projecten-overzicht .project{aspect-ratio:310/295;position:relative;border-radius:10px;overflow:hidden;-webkit-transition:.3s;transition:.3s}.projecten-overzicht .project a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px;height:100%;position:relative}.projecten-overzicht .project .thumbnail{position:absolute;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;top:0;left:0;right:0;bottom:0}.projecten-overzicht .project .overlay{background-color:#121d07;opacity:.5}.projecten-overzicht .project .overlay,.projecten-overzicht .project .overlay .img-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0}.projecten-overzicht .project .logo{z-index:2;position:relative;margin-bottom:auto;width:120px;height:auto}.projecten-overzicht .project .project-title{position:relative;z-index:1;color:#f6f2ef;margin-top:auto;text-align:center;font-weight:500}.projecten-overzicht .map-holder{-ms-flex-negative:0;flex-shrink:0;position:sticky;top:80px;z-index:3;background-color:#f6f2ef;padding-bottom:15px;height:calc(100vh - 95px);width:calc(50% - 5px)}.projecten-overzicht .map-holder #map{height:calc(100vh - 95px);min-height:450px;border-radius:10px}.projecten-overzicht .map-holder .mapboxgl-popup-content{border-radius:10px;overflow:hidden;padding:0}.projecten-overzicht .map-holder .mapboxgl-popup-content p{font-size:1rem}.projecten-overzicht .map-holder .mapboxgl-popup-content figure{aspect-ratio:15.125/6.375}.projecten-overzicht .map-holder .mapboxgl-popup-content .bottom{padding:15px 10px;font-family:Satoshi,sans-serif}.projecten-overzicht .map-holder .mapboxgl-popup-content .bottom p{margin-bottom:0}.projecten-overzicht .map-holder .mapboxgl-popup-content .mapboxgl-popup-close-button{background-color:#fff;border-radius:50%;width:25px;height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:25px;padding-bottom:4px;position:absolute;z-index:1}.projecten-overzicht .box-view{width:calc(50% - 5px)}@media (max-width:900px){.projecten-overzicht{padding-top:15px}.projecten-overzicht .flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.projecten-overzicht .map-holder{height:30svh;width:100%;padding-bottom:15px}.projecten-overzicht .map-holder #map{min-height:unset;height:calc(30svh - 15px)}.projecten-overzicht .box-view{width:100%;padding-top:25px}}@media (max-width:600px){.projecten-overzicht .search-filter-query-posts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}}