.header {
	padding: 0 !important;
	
	--padding-inline: var(--bs-gutter-x,.75rem);
	
	--content-max-width: var(--container-width);
	--narrow-size-reduction: calc((100% - var(--container-width)) / 2);

	--_content-column-size: var(--narrow-size-reduction);
	
	display: grid; 
	grid-template-columns: 
		
		[full-width-start] minmax(0, var(--_content-column-size))
		[content-start] minmax(var(--padding-inline), 1fr)
		
		
		repeat(12, 1fr)
		
		minmax(var(--padding-inline), 1fr) [content-end]
		minmax(0, var(--_content-column-size)) [full-width-end];
	gap: 0 var(--bs-gutter-x,.75rem); 
    
    --headerhoogte: 26rem;
    grid-template-rows: var(--headerhoogte) auto;
    margin-top: calc(-1 * var(--headerhoogte));
}

.header_content{
    grid-column: content-start / 7;
    grid-row: 2 / 3;
    padding-bottom: var(--jumbotron-standard-margin);
}

.header_afbeelding{
    grid-column: 8 / full-width-end;
    grid-row: 1 / 3;
    padding: 3rem 3rem 3rem 0;
}

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

.header_afbeelding img{
    border-radius: 3rem;
	width: 100%;
	height: 100%;
	object-fit: cover
}

@media (max-width:767px)
{		
	.header {
		grid-template-columns: 

			[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]
			minmax(0, var(--_content-column-size)) [full-width-end];
	}
	
	.header_content {
    	grid-column: content-start / content-end;
		padding-bottom: 0;
	}
	
	.header_afbeelding {
		grid-column: full-width-start / full-width-end;
		grid-row: 3;
		padding: 3rem 3rem var(--jumbotron-standard-margin);
	}
}

@media (min-width:768px) and (max-width:991px)
{
	.header_content {
    	grid-column: content-start / content-end;
		padding-bottom: 0;
	}
	
	.header_afbeelding {
		grid-column: full-width-start / full-width-end;
		grid-row: 3;
		padding: 3rem 3rem var(--jumbotron-standard-margin);
	}
}

@media (min-width:992px) and (max-width:1199px)
{
	.header {    
        --headerhoogte: 20rem;
    }
}

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

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