@charset "utf-8";

html, body, h1, h2, h3, h4, h5, h6, p{
	margin:0;
	padding:0;
}

body{
	background-color:#555555;
	overflow-x:hidden;
	width:100%;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #222; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

#footer{
	height:200px;
	width:100%;
	background:url("../src/img/footer.jpg");
	background-size:cover;
	background-position: center;
	display:flex;
	justify-content: center;
}

#footer_container{
	width:60%;
	height:100%;
	display:flex;
	justify-content: space-between;
	align-items: flex-end;
}

#footer_container img{
	height:160px;
	margin-bottom:20px;
}

#footer_text{
	display:flex;
	font-family:bureau-grot, sans-serif;
	font-size: 10pt;
	color:#DFDFDF;
	margin-bottom:20px;
}

#footer_text p{
	margin-right:25px;
}

#footer_text a{
	color:#DFDFDF;
	margin-right:10px;
}

#impressum{
	width:60%;
	margin:auto;
	padding-top:110px;
	font-family: bureau-grot, sans-serif;
	font-weight: 300;
	font-style: normal;
	position:relative;
}

#impressum img{
	position:absolute;
	width:30%;
	padding-top:110px;
	top:0;
	right:0;
	padding-right:50px;
}

#impressum h1,h2,h3,p,a{
	margin:0;
	line-height: 1.4;
}

#impressum article{
	margin:25px;
}

#impressum h1{
	font-size:40pt;
	color:#111111;
	margin-bottom:25px;
	margin-left:25px;
	line-height: 1;
}

#impressum h2{
	font-size:15pt;
	color:#111111;
	margin-top:15px;
	text-decoration: underline;
}
#impressum h3{
	font-size: 15pt;
	color:#111111;
	margin-top:15px;
}

#impressum p{
	font-size: 12pt;
	color:#000000;
	margin-bottom:10px;
	line-height: 1.1;
}

#impressum a{
	font-size:12pt;
	color:#002222;
}
#impressum a:hover{
	font-size:12pt;
	color:#FFFFFF;
}
@media all and (max-width:1000px){
	#footer_container{
		width:98%;
	}
	#impressum{
		width:80%;
	}
	#impressum h1{
		font-size:4vw;
	}
}
@media all and (max-width:800px){
	#impressum img{
		display:none;
	}
}
@media all and (max-width:600px){
	#footer_container img{
		display:none;
	}
}
@media all and (orientation:portrait) {
	#impressum{
		width:95%;
	}
	@media all and (max-width:1000px){
		#impressum h1{
			font-size:4vw;
		}
	}
	@media all and (max-width:500px){
		#impressum h1{
			font-size:17pt;
		}
	}
	@media all and (max-width:400px){
		#impressum h1{
			font-size:15pt;
		}
	}
}