@charset "utf-8";

a {
	color:					inherit;
}

html {
	width:					100%;
	height:					100%;
}

body {
	background-color:		lightgrey;
	width:					inherit;
	height:					inherit;
	min-width:				1000px;
	min-height:				700px;
	margin:					0;
	
	font-family:			Arial, Helvetica, sans-serif;
	
	display:				flex;
	justify-content:		center;
	align-items:			center;
}



.container {
	background-color:		#05841b;
	width:					1000px;
	height:					750px;
	min-width:				1000px;
	min-height:				750px;
	
	display:				block;
	position:				relative;
	box-shadow:				0px 0px 5px rgba(0,0,0,0.5);
}

.header {
	background-color:		white;
	width:					inherit;
	height:					150px;
	
	position:				absolute;
	top:					0;
	display:				flex;
	justify-content:		center;
	align-items:			center;
}

.header img {
	position:				relative;
	max-width:				250px;
}

.body {
	background-color:		white;
	width:					inherit;
	height:					360px;
	
	position:				absolute;
	top:					180px;
	display:				flex;
	justify-content:		center;
	align-items:			center;
	background:				url(baustelle.jpg);
	background-size:		contain;
	background-position:	center;
}

.footer {
	width:					inherit;
	height:					210px;
	
	position:				absolute;
	bottom:					0;
	display:				flex;
	justify-content:		center;
	align-items:			center;
	align-content:			center;
	flex-direction:			row;
	flex-wrap:				wrap;
}

.body p {
	font-size:				2em;
}

.footer div {
	color:					#000000;
	padding:				30px;
	
	height:					120px;
	
	line-height:			1.5em;
}