@charset "UTF-8";

body {
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
	}
	
#logo {
	width: 40px;
	margin-top: -10px;
	}
 
.flag {
	width: 18px;
	margin: 0px;
	padding: 0px;
	}

.jumbotron { /*rewrite*/
	background-color:#FFFFFF;
	padding-bottom: 0px;
	}
	
#zertifikat {
	width: 450px;
	float: right;
	margin-top: -55px;
	margin-bottom: 15px;
	}

.fit {
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 20px;
	margin-top: -25px;
	}
	
.text {
	font-family: 'Open Sans', sans-serif;
	}
	
.laubholz {
	width: 500px;
	float: left;
	}
	
#laubholzimg, #laubholzimg2, #laubholzimg3 {
	float: left;
	margin-right: 20px;
	margin-top: 25px;
	margin-bottom: 20px;
	}
	
#andreastext, #andreastext2, #andreastext3 {
	margin-bottom: 20px;
	}
	
.text_fat {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	}
	
#email {
	font-size: 16px;
	}
	
#formular {
	border-style: solid;
	border-color: black;
	margin-top: 0px;
	}
	
#formular2 {
	margin-top: 15px;
	}

/* RECOLOR*/
.caret {
	color:#000000;
	}

#nav, #nav2, .nav {
	color:#000000;
	font-family: 'Open Sans', sans-serif;
}

#section1_top {
	margin-top: -50px;
	font-family: 'Open Sans', sans-serif;
}

.impresssum {
	font-family: 'Open Sans', sans-serif;
	color:#000000;
	}
	
.impresssum:hover {
	text-decoration: none;
}
	
#footer {
	margin-bottom: 0px;
	}
	
/* MEDIA */

@media (max-width: 1199px) {
	#zertifikat {
		width: 400px;
		}
		
	#laubholzimg, #laubholzimg2, #laubholzimg3 {
		width: 400px;
		}
}

@media (max-width: 991px) {
	#zertifikat {
		width: 350px;
		}
		
	#laubholzimg, #laubholzimg2, #laubholzimg3 {
		width: 300px;
		}
	
	.laubholz {
		width: 400px;
	}
}

@media (max-width: 767px) {
	.nav {
		color:#000000 !important;
	}
	
	#hr_top {
		display: none;
	}
	
	#section1_top {
		margin-top: -40px;
	}
	
	#footer2 {
	display: block !important;	
	}
	
	#zertifikat {
		width: 250px;
		}
		
	.laubholz {
		width: 300px;
	}
	
	#formular {
		border-left: 0px;
		border-right: 0px;
	}
	
	#laubholzimg, #laubholzimg2, #laubholzimg3 {
	margin-top: 20px;
	margin-bottom: 15px;
	}
	
	#gerfix {
		height: 20px;
		}
}

@media (max-width: 657px) {
	#laubholzimg, #laubholzimg2, #laubholzimg3 {
		width: 200px;
	}
}

@media (max-width: 557px) {
	#laubholzimg, #laubholzimg2, #laubholzimg3 {
		width: 100%;
		margin-bottom: 0px;
	}
	
	.laubholz {
		width: 100%;
	}
}
		
		
@media (max-width: 490px) {
	#zertifikat {
		float: left;
		margin-top: 0px;
		}
}