/* Formatierung der Elemente */
*, ::before, ::after {
	box-sizing: border-box;
}
html{
	position: relative;
	width: 100%;
}

body{
	position: relative;
	overflow-y: scroll;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #FFF2D3;
}
div{
	width: 100%;
}

div#wrapper{
	position: relative;
	margin: 0 auto;
	width: 1024px;
}

header{
	position: relative;
	height: 190px;
	padding: 20px;
}
a#logo{
	display: block;
	height: 150px;
	width: 115px;
	background: url(pics/logo_hover.png);
}
a#logo:hover img{visibility: hidden;}
div#adresse{
	position: absolute;
	right: 20px;
	top: 20px;
	width: 50%;
	text-align: right;
}
div#nav{
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 70%;
	text-align: right;
}
div#nav a{
	padding: 0 10px;
}
div#nav a#letzte{
	padding: 0 0 0 10px;
}

div#content{
	position: relative;
	padding: 20px;
}


div#hintergrund{
	position: relative;
	background: url(pics/hg_start.png);
	min-height: 570px;
}
div#unternehmen{
	display: flex;
}

div#leistungsspektrum{
	border: 2px solid black;
	margin:0;
	padding: 0;
	margin-top: 20px;
}
div#leistungsspektrum img{
	width: 196px;
	border: 1px solid black;
	float:left;
	margin:0;
	padding: 12px;
	display: block;
}
div#hintergrund img{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 550px;
	height: 182px;
}
.flex-container {
	display:flex;
}
footer{
	text-align: center;
}
footer a{
	padding: 10px 10px;
}

ul, li {list-style-type: none;}
ul.clearfix{
	margin: 0;
	padding: 0;
}
@media only screen and (max-device-width: 480px) {
	p.handy{
		font-size: 36px;
		line-height: 110%;;
		}
	footer a{
		font-size: 42px;
	}

}