.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(10, 1fr)
		
		minmax(var(--padding-inline), 1fr) [content-end]
		minmax(0, var(--_content-column-size)) [full-width-end];
	gap: 0 var(--bs-gutter-x,.75rem); 
}

.header_container {
    grid-column: content-start / 8;
	display: grid;
	column-gap: 3rem;
	grid-row: 1;
	z-index: 1;
	padding-top: 13rem;
}

.header_container:has(.breadcrumbs_container) .breadcrumbs_container{
	margin-bottom: 9rem;
}

.header_container:has(.breadcrumbs_container){
	padding-top: 0;
	display: flex;
	flex-direction: column;
}

.header .header_container_inner{
	padding-bottom: 3rem;
}

.header_afbeelding {
    grid-column: 9 / full-width-end;
	grid-row: 1;
	max-height: 65rem;
    margin: 1.5rem;
}

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

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

@media (max-width:767px)
{		
	.header{
		padding-inline: var(--padding-inline) !important;
		/* grid-template-columns: auto; */
		column-gap: 0;
	}
	
	.header_container_inner {
    	grid-column: auto;
	}
	
	.header_afbeelding {
		grid-column: full-width-start / full-width-end;
		grid-row: 2;
		max-height: 45rem;
		margin: 1.5rem -1.5rem;
	}
	
	.header_container {
		grid-column: content-start / content-end;
		padding-top: 6rem;
	}
}

@media (min-width:768px) and (max-width:991px)
{
	.header_afbeelding {
		grid-column: full-width-start / full-width-end;
		grid-row: 2;
		max-height: 45rem;
		margin: 1.5rem;
	}
	
	.header .header_container_inner {
		padding-bottom: 0;
	}
	
	.header_container {
		grid-column: content-start / content-end;
		padding-top: 6rem;
	}
}

@media (min-width:992px) and (max-width:1199px)
{
	.header_afbeelding {
    	grid-column: 8 / full-width-end;
	}
}

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

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