@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
	padding: 0px;
	margin: 0px;
	background-image: url(../assets/header_background.jpg);
	background-repeat: no-repeat;
	width: 100%
}

body, table, tr, td, a, p {
	
	 font-family: "Roboto", sans-serif;
 	 font-weight: 400;
 	 font-style: normal;
	font-size: 14px;
	color: #231F20;
	line-height: 20px;
}

.logo_header {
	width: 30%;
}


@media screen and (max-width: 600px) {
	
.logo_header {
	width: 40%;
}
	
}

.menu_item {
	font-size: 18px;
	 font-weight: 400;
 	 font-style: normal;
	text-decoration: none;

}

.titel {
	font-size:22px;
	 font-weight: 400;
 	 font-style: normal;
	text-decoration: none;

}

.titel_wit {
	font-size:22px;
	 font-weight: 400;
	color: #FFF;
 	 font-style: normal;
	text-decoration: none;

}

.titel_wit_klein {
	font-size:19px;
	 font-weight: 400;
	color: #FFF;
 	 font-style: normal;
	text-decoration: none;

}

.padding_header {
	padding-top: 20px; 
	padding-right: 70px;
	padding-left: 70px;

}

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

.padding_header {
	padding-top: 20px; 
	padding-right: 20px;
	padding-left: 20px;
}	
	
}

.padding_content {
	padding-top: 40px; 
	padding-right: 70px;
	padding-left: 70px;

}

.padding_overmij {
	padding-bottom: 40px; 
	padding-right: 70px;
	padding-left: 70px;

}

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

.padding_content {
	padding-top: 20px; 
	padding-right: 20px;
	padding-left: 20px;
}	
	
.padding_overmij {
	padding-bottom: 40px; 
	padding-right: 20px;
	padding-left: 20px;

}	
	
}

.home_overmij {
	background-image: url(../assets/background_overmij.svg);
	background-repeat: no-repeat;
	width: 100%;
	background-position: bottom;
}

@media screen and (max-width: 600px) {
	
.home_overmij {
	background-image: url(../assets/background_overmij_mobiel.svg);
	background-repeat: no-repeat;
	width: 100%;
	background-position: bottom;
}	
	
}


.home_blok1 {
	float: left; 
	width: 25%; 
	padding-right: 60px;
}

.home_blok2 {
	float: left; 
	width: 25%; 
	padding-left: 30px; 
	padding-right: 30px;
}

.home_blok3 {
	float: left; 
	width: 25%; 
	padding-left: 60px;
}

.footer_blok {
	float: left; 
	width: 30%; 
}

@media screen and (max-width: 600px) {
	
.home_blok1 {
	float: left; 
	width: 100%; 
	padding-right: 0px;
	padding-bottom: 20px;
}

.home_blok2 {
	float: left; 
	width: 100%; 
	padding-left: 0px; 
	padding-right: 0px;
	padding-bottom: 20px;
}

.home_blok3 {
	float: left; 
	width: 100%; 
	padding-left: 0px;
	padding-bottom: 20px;
}
	
.footer_blok {
	float: left; 
	width: 100%; 
	padding-bottom: 30px;
}	
	
}


.img_content {
width: 100%; 
max-width: 240px; 
float: left; 
padding-right:30px;
padding-bottom: 30px;
	
}

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

.img_content {
width: 100%; 
max-width: 800px; 
float: left; 
padding-right:0px;
padding-bottom: 30px;
	
}	
	
}


.grapje { display: none; }

input {
	border: #846C50 solid 1px;
}