.call_to_action{
	overflow: hidden;
	padding-block: 8rem;
}

.kleine_call_to_action{
    padding-block: 0;
    overflow: visible;
}

.call_to_action img{
	border-radius: 3rem;
}

.call_to_action .row{
	--bs-gutter-x: 6rem;
}

.call_to_action_img{
	position: relative;
}

.call_to_action_img:after{
	content: "";
	position: absolute;
	left: calc(100% - 13rem);
	bottom: calc(100% - 19rem);
	width: 40.2rem;
	height: 40.2rem;
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='402' height='402' viewBox='0 0 402 402'%3E%3Cpath id='blaadje_lijn' data-name='blaadje_lijn' d='M225.787-1h.488l147.461.378C388.26-.49,401,12.348,401,26.852l-.377,147.623a232.119,232.119,0,0,1-4.506,44.634,225.094,225.094,0,0,1-33.777,81.2,230.171,230.171,0,0,1-63.071,62.925,223.721,223.721,0,0,1-80.912,33.439,229.312,229.312,0,0,1-44.4,4.325h-.488l-147.218-.378a27.745,27.745,0,0,1-19.3-8.11A27.226,27.226,0,0,1-1,373.148l.377-147.623A226.643,226.643,0,0,1,225.787-1ZM373.723,1.379H373.6L226.27,1h-.483A224.643,224.643,0,0,0,1.377,225.53L1,373.151A25.237,25.237,0,0,0,8.376,391.1a25.755,25.755,0,0,0,17.906,7.522l147.2.378h.483A224.857,224.857,0,0,0,398.623,174.468L399,26.849C399,13.405,387.189,1.5,373.723,1.379Z' transform='translate(1 1)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.call_to_action_no_img .last-no-margin{
	position: relative;
}

.call_to_action_no_img .last-no-margin:after{
	opacity: 0.3;
	content: "";
	position: absolute;
	left: calc(100% - 13rem);
	bottom: calc(100% - 19rem);
	width: 40.2rem;
	height: 40.2rem;
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='402' height='402' viewBox='0 0 402 402'%3E%3Cpath id='blaadje_lijn' data-name='blaadje_lijn' d='M225.787-1h.488l147.461.378C388.26-.49,401,12.348,401,26.852l-.377,147.623a232.119,232.119,0,0,1-4.506,44.634,225.094,225.094,0,0,1-33.777,81.2,230.171,230.171,0,0,1-63.071,62.925,223.721,223.721,0,0,1-80.912,33.439,229.312,229.312,0,0,1-44.4,4.325h-.488l-147.218-.378a27.745,27.745,0,0,1-19.3-8.11A27.226,27.226,0,0,1-1,373.148l.377-147.623A226.643,226.643,0,0,1,225.787-1ZM373.723,1.379H373.6L226.27,1h-.483A224.643,224.643,0,0,0,1.377,225.53L1,373.151A25.237,25.237,0,0,0,8.376,391.1a25.755,25.755,0,0,0,17.906,7.522l147.2.378h.483A224.857,224.857,0,0,0,398.623,174.468L399,26.849C399,13.405,387.189,1.5,373.723,1.379Z' transform='translate(1 1)' fill='%23fff'/%3E%3C/svg%3E%0A");	
}

.call_to_action_klein{
    border-radius: 3rem;
	padding: 0;
	position: relative;
	background: url(../../../images/patroon.svg) right center no-repeat;
	background-size: 75%;
	z-index: 0;
    box-shadow: 0.5rem 0.5rem 1.5rem rgba(0, 0, 0, 0.06);
    display: flex;
}

.call_to_action_klein_inner{
    padding: 3rem 3rem 3rem 37rem;
    width: 100%;
}

.call_to_action_klein_img{
    position: absolute;
    border-radius: 3rem;
    max-width: 32rem;
    width: 100%;
    height: 100%;
}

.call_to_action_klein_img picture{
    display: flex;
    height: 100%;
    width: 100%;
}

.call_to_action_klein_img img{
    object-fit: cover;
    height: 100%;
    width: 100%;
}

@media (max-width:767px)
{		
	.call_to_action .row{
		flex-direction: column-reverse;
	}
    
    .call_to_action .row {
        --bs-gutter-x: 3rem;
    }
    
    .call_to_action {
        padding-block: 4rem;
    }
    
    .call_to_action_no_img .last-no-margin:after,
    .call_to_action_img:after{
        right: 0;
        top: -110px;
        width: 15rem;
        height: 15rem;
        background-size: cover;
    }
    
    .call_to_action_klein{
        flex-direction: column;
        background-size: cover;
        background-position: center bottom;
    }
    
    .call_to_action_klein_inner{
        padding: 2rem;
    }
    
    .call_to_action_klein_img{
        position: static;
        height: 12rem;
		max-width: none;
    }
	
    .call_to_action_img{
        position: static;
    }
	
	.call_to_action_img:after {
        right: 10px;
        top: -80px;
        left: auto;
	}
    
    .call_to_action_img {
        max-width: 70%;
    }
}

@media (min-width:768px) and (max-width:991px)
{
	.call_to_action .row{
		flex-direction: column-reverse;
	}
	
	.call_to_action_img:after {
		left: calc(100% - 7rem);
		bottom: calc(100% - 6rem);
		width: 20.2rem;
		height: 20.2rem;
		background-size: contain;
	}
	
	.call_to_action_klein_img{
		max-width: 20rem;
	}
	
	.call_to_action_klein_inner {
		padding: 3rem 3rem 3rem 25rem;
	}
}

@media (min-width:992px) and (max-width:1199px)
{
	
}

@media (min-width:1200px) and (max-width:1399px)
{
    
}

@media (min-width:1400px)
{
    
}