.content_met_items {
	overflow-x: clip;
	--padding-inline: var(--bs-gutter-x, .75rem);
	--content-max-width: var(--container-width);
	--narrow-size-reduction: calc(((100% - var(--container-width)) / 2) - 3rem);
	--_content-column-size: calc(var(--narrow-size-reduction) / 2); /* Split into two parts */
	display: grid;
	grid-template-columns: 
        
        /* Split the first column */
        [outer-full-width-start] minmax(0, var(--_content-column-size))
        [full-width-start] minmax(0, var(--_content-column-size))

        [content-start] minmax(var(--padding-inline), 1fr)
        
        repeat(10, 1fr)
        
        minmax(var(--padding-inline), 1fr) [content-end]
        
        /* Split the last column */
        minmax(0, var(--_content-column-size)) [full-width-end]
        minmax(0, var(--_content-column-size)) [outer-full-width-end];
	gap: 0 var(--bs-gutter-x, .75rem);
	isolation: isolate;
	grid-template-rows: 10rem auto;
	 overflow: clip;
}

.jumbotron.content_met_items{ 
	position: relative;
    overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

.content_met_items .content_link {
    grid-column: 12 / content-end;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    justify-content: start;
	padding-right: 0rem;
} 

.content_met_items .content_links {
    grid-column: content-start / 9;
    grid-row: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
	padding-right: 1rem;
} 

.content_met_items .content_links_schuine_hoek {
	grid-column: outer-full-width-start / 10;
    grid-row: 1 / 3; 
    display: flex;
    flex-direction: column;
    justify-content: start;
	padding-right: 1rem;
	background: linear-gradient(14deg, rgba(26, 205, 170, 1) 0%, rgba(22, 160, 133, 1) 100%);
	mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1509" height="618" viewBox="0 0 1509 618" fill="none"><path d="M222.007 12.8671C224.964 5.1188 232.398 0 240.691 0H1488.27C1502.2 0 1511.86 13.8811 1507.03 26.943L1293.07 604.943C1290.16 612.791 1282.68 618 1274.31 618H20.0426C6.02831 618 -3.64025 603.96 1.35783 590.867L222.007 12.8671Z" fill="%23F3F3F3"/></svg>') right/contain no-repeat;
	z-index: -1;
	margin-left: -40rem;
	position: relative;
	left: 2rem;
}

.content_links .nieuwsbrief_aanmelden_container {
    display: flex;
    justify-content: flex-start;
}

.content_links .nieuwsbrief_aanmelden_container .nieuwsbrief_aanmelden {
    padding: 0;
	background: transparent;
}

.content_met_items .content_links_schuine_hoek + .content_links, 
.content_met_items .content_links_schuine_hoek + .content_links h2,
.content_met_items .content_links_schuine_hoek + .content_links h3{
	color: #fff;
}

.content_links {
	line-height: 3.2rem; 
}

.afbeelding_container {
	display: flex;
	position: relative;
	align-items: flex-end;
	margin-top: auto;
}

.content_met_items .content_links_schuine_hoek + .content_links .afbeelding_container {
	margin-top: 3rem;
}

.afbeelding_container img {
	border-radius: 0.8rem;
	filter: brightness(0.5);
}

.afbeelding_content {
    position: absolute;
    margin-top: auto;
    color: #fff;
	font-size: 1.8rem;
    line-height: 3.2rem;
	padding: 4rem 3rem 4rem 4rem;
	top: 0;
}

.afbeelding_content_tekst {
    display: flex;
    align-items: flex-end;
    gap: 6rem;
}
 
.afbeelding_content h3 {
	color: #fff; 
	font-size: 3.2rem; 
	font-weight: 600;
	line-height: 4rem;  
	margin-bottom: 2rem !important;
	hyphens: auto;
}

.content_met_items .content_rechts {
    grid-column: 9 / content-end;
    grid-row: 2;
	gap: 4rem;
}

.items {
    display: flex; 
	font-family: var(--body-font);
	color: #000;
	font-size: 1.8rem;
	line-height: 3.2rem;
	align-items: flex-start;
	gap: 3rem;
    margin-top: 3rem;
}

.items .content_tekst {
    font-family: var(--body-font);
    color: #000;
    font-size: 1.8rem;
    line-height: 3.2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
} 
 
.items h4 { 
	color: var(--groen);  
	font-family: var(--heading-font);
	font-size: 2rem; 
	font-weight: 600;
	line-height: 2.4rem;
	margin-bottom: 1rem !important;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}   

.items .afbeelding img {
	border-radius: 0.4rem;
	max-width: 22rem;
}

.items .afbeelding.placeholder img {
	border-radius: 0.4rem;
	border: 1px solid var(--grijs);
	max-width: 22rem;
}

.items .content {
    display: flex;
    flex-direction: column;
}

.items .content a {
    margin-top: auto; 
    display: flex;
    gap: 1rem;
    align-items: center;
    font-weight: 500;
    text-decoration: none;
	transition: all 0.3s ease-in-out;
}

.items .content a:hover {
	gap: 1.5rem;
}

@media (max-width:1450px){
	.content_met_items .content_link {
		grid-column: 3 / content-end;
		grid-row: 1; 
	}
	
	.content_met_items .content_links {
		grid-column: content-start / 9;
    	grid-row: 2;
	}
	.content_met_items .content_rechts {
		grid-column: 9 / content-end;
    	grid-row: 2;
	}
	
	.afbeelding_content_tekst { 
		gap: 3rem;   
	}
	 
  
	.afbeelding_container { 
		width: 100%;
        height: 100%;
        display: block; 
        position: relative;
		margin-top: 3rem;
	}
	
	.afbeelding_content { 
		inset: 0; 
		padding: 3rem; 
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-end;
	}
	
	
	.afbeelding_container picture.img-fluid img {
		max-width: 100%;
        height: revert-layer;
        display: block;
        object-fit: cover;
	}
}


@media (max-width:1450px){
	
	.content_link_schuine_hoek.content_link .link_met_pijl_na { 
		color: #fff;
	}
	
	.content_met_items .content_links_schuine_hoek {
		grid-column: outer-full-width-start / outer-full-width-end;
		grid-row: 1 / 3; 
		display: flex;
		flex-direction: column;
		justify-content: start;
		padding-right: 0;
		background: linear-gradient(14deg, rgba(26, 205, 170, 1) 0%, rgba(22, 160, 133, 1) 100%);
		mask: unset;
		margin-left: 0;
		position: relative;
		left: 0;
		width: 100%;
	}
	
	.content_met_items .afbeelding_content_tekst .link_met_pijl_voor, .content_met_items .afbeelding_content_tekst .link_met_pijl_na {
 		color: #fff; 
		display: flex; 
		padding: 3rem 0rem;
        justify-content: flex-end;
	} 
	
	.content_met_items .content_link {
		grid-column: 3 / content-end;
		grid-row: 1; 
	}
	
	.content_met_items .content_links {
		grid-column: content-start / 13;
		grid-row: 2 / 3; 
	}
	.content_met_items .content_rechts {
		grid-column: content-start / content-end;
		grid-row: 3 / 4;
		gap: 3rem;
	}
	
	.content_met_items .content_rechts .items {  
		gap: 2rem; 
		flex-direction: row;
	}
	 
	.afbeelding_content_tekst {
        gap: 0rem;
    }
	
	.content_links h2 {
		font-size: 3rem;
		line-height: 3.8rem;
		font-weight: 600;
	}
	
	.content_met_items .content_link {
		margin-top: 3rem;
	} 
	
}


@media (max-width:768px){ 
	.content_met_items {
		grid-template-columns: 
        
        /* Split the first column */
        [outer-full-width-start] minmax(0, var(--_content-column-size))
        [full-width-start] minmax(0, var(--_content-column-size))

        [content-start] minmax(var(--padding-inline), 1fr)
        
        repeat(1, 1fr)
        
        minmax(var(--padding-inline), 1fr) [content-end]
        
        /* Split the last column */
        minmax(0, var(--_content-column-size)) [full-width-end]
        minmax(0, var(--_content-column-size)) [outer-full-width-end];
	}

	.content_met_items .content_links {
        grid-column: full-width-start / full-width-end;
		padding-right: 0rem;
    }

	.content_met_items .content_rechts {
		grid-column: full-width-start / full-width-end;
	}

	.afbeelding_content_tekst {
        gap: 0rem;
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}


@media (max-width:480px){ 
	.content_met_items .content_rechts .items {  
		gap: 2rem; 
		flex-direction: column;
	} 
	
	.items .afbeelding img { 
		max-width: 100%;
	}
}