@charset "utf-8";
html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

#wrapper {
	background-color: #ffc91c;
	width:45%;
	height:92%;
	position: absolute;
}
#wrapper2 {
	background-color: #d6d6d6;
	width:55%;
	height:92%;
	position: absolute;
	left: 45%;
}
#footer {
	background-color: #5c6163;
	width:100%;
	height:8%;
	position: absolute;
	top: 92%;	
	
}
#inner1 {
	background-color: #ffffff;
	width:100%;
	height:45%;
	position: relative;
	}
	
#inner2 {
	background-color: ;
	width:100%;
	height:55%;
	background-color: #D6D6D6;
	position: relative;
	}	
	
#logo {
	
	width:55%;
	height:70%;
	margin-top: 15%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	
}

img {
	max-width: 100%;
	height: auto;
}
.bildoben {
	position: absolute;
	height: 147px;
	width: 600px;
	bottom: 0px;
	left: 15%;
}
.bildunten {
	position: absolute;
	height: 147px;
	width: 195px;
	top: 0px;
	left: 15%;
}
.innovation {
	height: 35px;
	width: 212px;
	position: absolute;
	left: 45%;
}
.logounten {
	position: absolute;
	height: 97px;
	width: 187px;
	left: 68%;
	top: 70%;
}
.tel {
	position: absolute;
	height: 17px;
	width: 164px;
	right: 2%;
	top: 40%;
}
.links {
	position: absolute;
	height: 17px;
	width: 173px;
	left: 3%;
	top: 40%;
}
.imp {
	position: absolute;
	height: 16px;
	width: 83px;
	top: 50%;
	right: 17%;
}
.margin {
	margin-left:10%;
}

@media (min-width: 661px) and (max-width: 1024px){
.imp {
	position: absolute;
	height: 16px;
	width: 83px;
	top: 50%;
	right: 20%;
}	
.logounten {
	position: absolute;
	height: 97px;
	width: 187px;
	left: 60%;
	top: 70%;
}
.margin {
	margin-left:5%;
}

}