.rechter {box-sizing: border-box;padding: 0 5% 0 0}
.card-grid {display: grid;gap: 33px; grid-template-columns: repeat(4, 1fr); }
.card {background-color: #fafafa;padding: 0;box-sizing: border-box;padding-bottom: 20px;display: flex;flex-direction: column;}
.card-img {width: 100%;height: 35vh;object-fit: cover;display: block;margin-bottom: 5px;}
.card-title {margin: 5px 0 10px 0;}
.card-filters {display: flex;gap: 20px;margin-bottom: 1.5rem;}
.filter-link {text-decoration: none;color: #000000;font-size: 0.95rem;}
.filter-link.is-active {color: #000;font-weight: 400;text-decoration: underline;}
.card.is-hidden {display: none;}
	
.splitproject-layoutlijn {display: flex;width: 100%;align-items: stretch;gap: 8px;background-color: #fff;}
.splitproject-layout {display: flex;width: 100%;align-items: stretch;}
.splitproject-text {width: 50%;}
.splitproject-image {width: 50%;overflow: hidden;display: flex;}
.splitproject-image img {width: 100%;height: 100%;object-fit: cover;object-position: center; display: block;}

.split-image-grid {flex-direction: column;gap: 8px;}
.split-image-grid-top {display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px;flex: 1 1 auto;}
.split-image-grid-bottom {flex: 1 1 auto;      }
.split-image-grid-top .grid-item {position: relative;width: 100%;padding-bottom: 100%;overflow: hidden;}
.split-image-grid-top .grid-item img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;display: block;}
.split-image-grid-bottom img {width: 100%;height: 100%;object-fit: cover;display: block;}	
.drie-blokken {display: flex;width: 100%;gap: 8px;background-color: #fff; }
.blok {overflow: hidden;}
.blok-links,.blok-rechts {flex: 0 0 25%;}
.blok-midden {flex: 0 0 50%;}
.blok img {width: 100%;height: 100%;object-fit: cover;display: block;}
		
@media (max-width: 1400px) {.card-grid {grid-template-columns: repeat(3, 1fr);} }		
@media (max-width: 800px) {.card-grid {grid-template-columns: repeat(2, 1fr);}

.splitproject-layoutlijn, .split-image-grid, .split-image-grid-top, .drie-blokken {gap: 4px;}
.divider {height: 4px;}
}





@media (max-width: 500px) {.card-grid {grid-template-columns: 1fr;} .card-img {width: 100%;height: 25vh;object-fit: cover;display: block;margin-bottom: 5px;} 


.splitproject-layoutlijn {flex-direction: column; gap: 0px;}
.splitproject-layout {flex-direction: column;}
.splitproject-text,.splitproject-image {width: 100%;}
.splitproject-image {min-height: 200px;}

}