.oplossing_blok{
	padding: 0 3rem 5rem;
	background-color: #ffffff;
	border-bottom-right-radius: 10rem;
	color: #142137;
	text-align: center;
    box-shadow: 1rem 1rem 3rem rgba(0, 0, 0, 0);
    transition: 0.3s box-shadow;
    position: relative;
}

.oplossing_blok .svg_overlay{
    opacity: 0;
    transition: 0.3s opacity;
}

.oplossing_blok:hover .svg_overlay{
    opacity: 0.5;
}

.oplossing_blok .doorkies_svg{
    position: relative;
	margin-top: -18rem;
    float: left;
	margin-bottom: 5rem;
}

.oplossing_blok:hover .doorkies_svg:after{
    opacity: 1;
}

.oplossing_blok .doorkies_svg:after{
    pointer-events: none;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 28.5rem;
	height: 28.5rem;
	transform: translate(-50%,-50%);
	z-index: 2;
	opacity: 0;
	transition: 0.3s opacity;
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='285' height='285' viewBox='0 0 72 72'%3E%3Cg id='Group_4695' data-name='Group 4695' transform='translate(-61.227 -61.052)'%3E%3Cpath id='Path_2130' data-name='Path 2130' d='M21.592-2.572a1.321,1.321,0,0,1-.451-1.038A1.536,1.536,0,0,1,21.594-4.7l6.127-6.125H1.547A1.563,1.563,0,0,1,0-12.433a1.534,1.534,0,0,1,1.547-1.489H27.721L21.6-20.047a1.547,1.547,0,0,1,0-2.188,1.546,1.546,0,0,1,2.188,0l8.766,8.766a1.547,1.547,0,0,1,0,2.188L23.784-2.516A1.51,1.51,0,0,1,21.592-2.572Z' transform='translate(93.916 119.217) rotate(-45)' fill='%23fff'/%3E%3Cpath id='Uitje_bier-2949-klein' data-name='Uitje bier-2949-klein' d='M40.077-.5h.087l26.172.067a5.35,5.35,0,0,1,5.163,5.2l-.067,26.2A40.59,40.59,0,0,1,30.878,71.5h-.087L4.655,71.433A5.246,5.246,0,0,1,1.007,69.9,5.153,5.153,0,0,1-.5,66.234l.067-26.2A40.552,40.552,0,0,1,40.077-.5ZM66.314.567,40.077.5A39.552,39.552,0,0,0,.567,40.032L.5,66.235a4.159,4.159,0,0,0,1.215,2.957,4.25,4.25,0,0,0,2.954,1.24l26.209.067A39.59,39.59,0,0,0,70.433,30.967l.067-26.2a4.321,4.321,0,0,0-4.168-4.2Z' transform='translate(61.727 61.552)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
	max-height: 65%;
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 1 / 1;
    background-position: center;
}

.oplossing_blok:hover{
    box-shadow: 1rem 1rem 3rem rgba(0, 0, 0, 0.07);
}

.oplossing_blok a:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.oplossing_blok h2{
	color: #142137 !important;
	font-size: 3.4rem;
	line-height: 4.6rem;
}

.oplossing_blokken{
	--bs-gutter-x: 10rem;
}

.oplossing_blok svg{
	width: 41rem;
	height: 41rem;
	max-width: 100%;
	aspect-ratio:1 / 1;
}

.oplossing_blokken > div:nth-child(2n+3){
	margin-top: 14rem;
}

.oplossing_blokken > div:nth-child(2n+2){
	margin-top: 26rem;
}

.oplossing_blokken > div:nth-child(2){
	margin-top: 12rem !important;
}

.oplossingen_blok .col-xl-10 .content_gekaderd_inner > .last-no-margin:before{
	content: "";
	background: url("../../../images/top-oplossing.svg") center top no-repeat;
	width: 62.4rem;
	height: 19.2rem;
	display: block;
	margin: 8rem auto 18rem;
}

.oplossingen_blok .col-xl-10 .content_gekaderd_inner > .last-no-margin:after{
	content: "";
	background: url("../../../images/top-oplossing.svg") center top no-repeat;
	width: 62.4rem;
	height: 19.2rem;
	display: block;
	margin: 1rem auto 0rem;
	transform: rotate(180deg);
}

@media (max-width:767px)
{		
	.oplossing_blok .doorkies_svg{
		display: inline-block;
        position: relative;
        margin-top: -10rem;
        float: left;
        margin-bottom: 3rem;
        width: 100%;
	}
	
	.oplossing_blok .doorkies_svg:after{
		top: calc(50% + 1.2rem);
	}
	
	.oplossing_blokken > div,
	.oplossing_blokken > div:nth-child(2){
		margin-top: 16rem !important;
	}
	
	.oplossingen_blok .col-xl-10 .content_gekaderd_inner > .last-no-margin:before {
		content: "";
		background: url(../../../images/top-oplossing.svg) left calc(50% + 4px) top no-repeat;
		width: 9px;
		height: 8rem;
		display: block;
		margin: 3rem auto -3rem;
	}
    
    .oplossing_blok svg {
        width: 18rem;
        height: 18rem;
    }
    
    .oplossing_blok{
        border-bottom-right-radius: 6rem;
    }
	
	.oplossingen_blok .col-xl-10 .content_gekaderd_inner > .last-no-margin:after {
		width: 9px;
		height: 8rem;
		display: block;
		margin: 3rem auto 0;
	}
    
    body .oplossing_blok h2[style="text-align: center;"]{
        text-align: center !important;
        font-size: 2rem;
        line-height: 2.9rem;
    }
    
    body .oplossing_blok h2 + p{
        display: none;
    }
    
    .oplossing_blokken > div:nth-child(1) .doorkies_svg:before{
        display: none;
    }
    
    .oplossing_blokken > div:not(:first-child) .oplossing_blok .doorkies_svg {
        margin-top: -13rem;
    }
    
    .oplossing_blokken > div:not(:first-child), .oplossing_blokken > div:nth-child(2) {
        margin-top: 19rem !important;
    }
    
    .doorkies_svg:before{
        content: "";
		background: url(../../../images/top-oplossing.svg) left calc(50% + 4px) top no-repeat;
		width: 9px;
        transform: rotate(180deg);
        height: 5rem;
        display: block;
        margin: -4rem auto 2rem;
    }
}

@media (min-width:768px) and (max-width:991px)
{
	
	
	.oplossing_blok .doorkies_svg{
		float: none;
		display: inline-block;
	}
	
	.oplossing_blokken > div,
	.oplossing_blokken > div:nth-child(2){
		margin-top: 26rem !important;
	}
	
	.oplossingen_blok .col-xl-10 .content_gekaderd_inner > .last-no-margin:before {
		content: "";
		background: url(../../../images/top-oplossing.svg) left calc(50% + 4px) top no-repeat;
		width: 9px;
		height: 12rem;
		display: block;
		margin: 3rem auto -5rem;
	}
	
	.oplossingen_blok .col-xl-10 .content_gekaderd_inner > .last-no-margin:after {
		width: 9px;
		height: 12rem;
		display: block;
		margin: 3rem auto -5rem;
	}
    
    .oplossing_blokken > div:not(:first-child) .oplossing_blok .doorkies_svg {
        margin-top: -13rem;
    }
    
    .oplossing_blokken > div:not(:first-child), .oplossing_blokken > div:nth-child(2) {
        margin-top: 19rem !important;
    }
    
    .oplossing_blokken > div:nth-child(1) .doorkies_svg:before{
        display: none;
    }
    
    .doorkies_svg:before{
        content: "";
		background: url(../../../images/top-oplossing.svg) left calc(50% + 4px) top no-repeat;
		width: 9px;
        transform: rotate(180deg);
        height: 5rem;
        display: block;
        margin: -4rem auto 2rem;
    }
}

@media (min-width:992px) and (max-width:1199px)
{
	
}

@media (min-width:1200px) and (max-width:1399px)
{
    
}

@media (min-width:1400px)
{
    
}