@media screen and (max-width: 1920px) 
{

}    

@media screen and (max-width: 1000px) 
{

	:root 
	{
		--HeaderHeight: 112px;
	}

	.hamburger{display: flex;}
	.menu-open .hamburger{ display: none; }

	.logoContainer{ height: calc(var(--HeaderHeight)*0.3); }
	.logoContainer img
	{
		height:calc(var(--HeaderHeight)*0.3);
		width: auto;
	}

	.headerContainer{
		padding-top: calc(var(--HeaderHeight)*0.14);
		padding-bottom: calc(var(--HeaderHeight)*0.14);
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: var(--HeaderHeight);
	}

	.scroll header
	{
		height: var(--HeaderHeight);
	}

	.scroll .headerContainer
	{
		height: var(--HeaderHeight);
	}


	.scrollBottom header
	{
		height: 0px;
		transition: 0.25s;
	}

	.scrollBottom .headerContainer
	{
		height: 0px;
		padding: 0;
		transition: 0.25s;
	}
 

	header ul {
		justify-content: center;
	}


	.mobileOnly{
		display: block;
	}


	.mobileOnlyFlex{
		display: none;
	}
	.noMobile
	{
		display: none;
	}

	.mobileCTA{
		display: block;
	}

	.gridThird
	{
		display: flex;
		flex-direction: column-reverse;
	}

	.gridThird > *
	{
		display: inline;
	}

}    

@media screen and (max-width: 850px)
{

	.gridSplit
	{
		display: block;
	}
	
	.stappen
	{
		display: block;
	} 

	.split
	{
  		display: flex;
  		flex-direction: column-reverse;
	}

	.hero div .foto
	{
		width: 100%;
		height: auto;
	}
	.hero div .foto img
	{
		position: relative;
		width: 70%;
		height: auto;
	}
	div .foto img
	{
		width: 100%;
		height: 500px;
/*		max-height: 50vh;*/
	} 

	.hero div .foto
	{
		width: 100%;
		height: auto;
	}

	.hero div .foto img
	{
		position: relative;
		width: 70%;
		height: auto;

/*		max-height: 75vh;*/
		aspect-ratio: 9/14;
	}

	button { font-size: 1.2em; }


	.contactgegevens
	{
		min-height: 50vh;
	}

	.contactformulier
	{
		min-height: 50vh;
	}

	.blogCarousel .item
	{
		margin: 0;
	}
}

@media screen and (max-width: 630px) 
{
	.mobileCTA button
	{
		font-size: 0.75em;
	}
	

	.mobileCTA .mobileCtaWrap span:nth-child(1)
	{
		display: none;
	}
	.mobileCTA .mobileCtaWrap span:nth-child(2)
	{
		display: none;
	}
	.mobileCTA .mobileCtaWrap span:nth-child(3)
	{
		display: block;
	}
	.mobileCTA .mobileCtaWrap span:nth-child(4)
	{
		display: block;
	}
		.hero div .foto img
	{
		width: 100%;
	}

	.hero div .foto img
	{
		width: 100%;
	}
}  

@media screen and (max-width: 470px) 
{
	

}