.kaart_met_content {
	position: relative;
	padding-top: 11.5rem;
	padding-bottom: 9rem;
	background: var(--kleur-geel);
	--hoek1: 8.5rem;
	--hoek2: 8.5rem;
	clip-path:
    polygon(
      0% var(--hoek1),     /* top left */
      var(--hoek2) 0%,     /* top left */
      100% 0%,    /* top right */
      100% 0%,   /* top right */
      100% calc(100% - var(--hoek1)),  /* bottom right */
      calc(100% - var(--hoek2)) 100%,  /* bottom right */
      0% 100%,   /* bottom left */
      0 100%      /* bottom left */
    );
}
.kaart_met_content > .container {
	position: relative;
	z-index: 2;
}
.kaart_met_content_afbeelding {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	max-height: 100%;
}


.kaart_met_content h2 {
	margin-bottom: 3.5rem;
}
.kaart_met_content h3 {
	font-size: 2.6rem;
	font-style: normal;
	letter-spacing: normal;
	line-height: normal;
	margin-bottom: 1rem;
}


.kaart_met_content .button_outline, .kaart_met_content .button_outline:hover, .kaart_met_content .button_outline:focus {
    border: 0.1rem solid var(--kleur-zwart);
    color: var(--kleur-zwart) !important;
}

@media (max-width:767px)
{
	.kaart_met_content {
		--hoek1: 2.5rem;
		--hoek2: 2.5rem;
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.kaart_met_content_afbeelding {
		opacity: 0.2;
	    height: 100%;
		max-height: initial;
	}
	.kaart_met_content h3 {

	    font-size: 2.2rem;
	    line-height: 3rem;
	}
	.kaart_met_content_afbeelding img {
		object-fit: cover;
		width: 100%;
		height: 100%;
		max-width: initial;
	}
}

@media (min-width:768px) and (max-width:991px)
{
	.kaart_met_content_afbeelding {
		opacity: 0.2;
	}

}

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

	.kaart_met_content_afbeelding {
		opacity: 0.2;
	}

}