.missie_items{
	display: grid;
	gap: 3rem;
}

.missie_item a{
	text-decoration: none;
	color: var(--oranje);

	font-family: var(--heading-font);
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	transition: 0.3s opacity;
}

h2.missie_titel{
	margin-bottom: 4rem !important;
}

.missie_items_content{
	display: flex;
	gap: 5rem;
}

.missie_items_content_inner{
	margin-top: 3.5rem;
	flex: 1;
}

.missie_items_content_img{
	border-radius: 2rem;
	overflow: hidden;
	width: 100%;
	max-width: 40rem;
}

.missie_complete_container{
    display: grid;
    grid-template-columns: 1fr 2.25fr;
    gap: 9rem;
	display: grid;
}

.missie_items_content_container{
	display: grid;
}

.missie_items_content_container > div{
	grid-column: 1;
	grid-row: 1;
	transition: 0.3s opacity;
}

.missie_items_content_container > div:not(.active){
	opacity: 0;
}

.missie_item:not(.active) a{
	opacity: 0.4;
}

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

.missie_items_content_img img,
.missie_items_content_img video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width:767px)
{		
	.missie_complete_container > div:nth-child(1){
		display: none;
	}
	
	.missie_items_content{
		flex-direction: column;
    	gap: 3rem;
	}
	
	.missie_complete_container{
		grid-template-columns: 1fr;
	}
	
	.missie_items_content_inner {
    	margin-top: 0;
	}
	
	h2.missie_titel{
		margin-bottom: var(--default-margin-bottom) !important;
	}
	
	.missie_items_content_container > div{
		grid-row: auto;
	}
	
	.missie_items_content_container > div:not(.active) {
		opacity: 1 !important;
	}
	
	.missie_items_content_container {
		gap: 6rem;
	}
}

@media (min-width:768px) and (max-width:991px)
{
	.missie_complete_container{
		gap: 3rem;
		grid-template-columns: 0.75fr 2.25fr;
	}
	
	.missie_items_content{
		gap: 3rem;
	}
	
	.missie_items_content_img{
		max-width: 25rem;
	}
	
	.missie_item a{
		font-size: 2rem;
	}
}

@media (min-width:992px) and (max-width:1199px)
{
	.missie_complete_container{
		gap: 3rem;
		grid-template-columns: 0.75fr 2.25fr;
	}
	
	.missie_items_content{
		gap: 3rem;
	}
	
	.missie_items_content_img{
		max-width: 25rem;
	}
	
	.missie_item a{
		font-size: 2.4rem;
	}
}

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

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