@media screen and (max-width: 1400px)
{
	.tarieven .textBlok, .werkzaamheden .textBlok
	{
		padding:20px
	}


}

@media screen and (max-width: 1240px ) 
{
	#leftArrow
	{
		left: 30px;
	}

	#rightArrow
	{
		right: 30px;
	}
	nav ul
	{
		padding: 0px 40px;
		gap: 20px;
	}
}

@media screen and (max-width: 1090px)
{
	.hamburger
	{
		display: flex;
	}

	.hideOnMobile
	{
		display: none;
	}

	.hideOnPC
	{
		display: block;
	}

	nav ul
	{
		display: none;
	} 

	.languages
	{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.languages li, .languages a 
	{
		height: 16px;
	}
	.hamburger
	{
		display: flex;
	}

	.scroll nav ul
	{
		padding-top: 0px;
	}
}

@media screen and (max-width: 1050px ) 
{


}

@media screen and (max-width: 950px ) 
{
	main 
	{
		margin: 60px 0px;
	}
	.hamburger
	{
		display: flex;
	}

	.hideOnMobile
	{
		display: none;
	}

	.hideOnPC
	{
		display: block;
	}

	.split
	{
		display: flex;
		flex-direction: column-reverse;
	}

	.werkzaamheden .split
	{
		display: flex;
		flex-direction: column;
	}

	.sitecenter
	{
		overflow: visible;
	}

	.tarieven
	{
		max-height: none;
		overflow: visible;
	}

	.tarieven .textBlok
	{
		padding: 40px;
	}



	.werkzaamheden
	{
		max-height: none;
		overflow: visible;
		margin-bottom: 120px;
	}
	.werkzaamheden .textBlok
	{
		padding: 40px;
	}

	.spot
	{
		max-width: 100%;
		padding: 20px;
	}

	.spot .textBlok
	{
		padding-top: 160px;
		left: -10%;
		text-align: left;
	}

	.spot .absOver
	{
		left: -20%;
		min-width: 120%;
	}

	.spot .foto
	{
		top: -20px;
		right: 0;
		widtH: 45%;
	}

	.footer
	{
		flex-direction: column;
	}


	header
	{
		height: 109px;
	}


	header .bb
	{
		height: 25px;
	}


	.logo
	{
		max-height: 109px;
	}

	.header
	{
		height: 109px;
	}

}

@media screen and (max-width: 830px)
{

}

@media screen and (max-width: 600px ) 
{
	.spot .absOver
	{
		left: -40%;
		min-width: 140%;
	}
}


@media screen and (max-width: 450px ) 
{

}

@media screen and (max-width: 578px)
{
	.spot .absOver
	{
		overflow: hidden;
	}
}

@media screen and (max-width: 390px)
{
	.spot .textBlok
	{
		padding-top: 110px;
	}

	.padd
	{
		padding: 30px;
	}
}