body, html {
	background: #ffffff; 
	margin: 0;
	padding: 0;
	font-size: 180%;
	font-family: ´Roboto´, sans-serif;
	
}

body {
	background-image:url(./layer3.png);
	background-repeat:no-repeat;
	background-position: right top;
	background-size:23%;
}

@media screen and (max-width: 600px) {
	html {
		font-size: 25%;
	}
}	

@media screen and (min-width: 600px) {
	html {
		font-size: 33%;
	}
	
}	

@media screen and (min-width: 800px) {
	html {
		font-size: 55%;
	}
	
}

@media screen and (max-width:1200px) {
	body {
		background-image:url();
	}
}

@media screen and (min-width: 1400px) {
	html {
		font-size: 66%;
	}
}

.box {
	width: 79%;
	margin: 2%;
	background: rgba(250,250,250,0);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	
}


.boxinhalt {
	background: rgba(250,250,250,0);
	margin: 5%;
	width: 90%;		
}

.boxinhalt1 {
	background: rgba(244,246,247,1);

}
.boxinhalt2 {
	background: #ffffff;
}
.boxinhalt3 {
	background: #f4f6f7;
}
.boxinhalt4 {
	background: #ffffff;
}
.boxinhalt5 {
	background: #f4f6f7;
}
.boxinhalt6 {
	background: #ffffff;
}
.boxinhalt7 {
	background: #f4f6f7;
}

.boxinhalt ul li:hover > a {
	background: #0088cc;
	-webkit-border-radius:20px;
	
}

.boxinhalt2 :hover > a {
	background: #0088cc;
	color: #ffffff;
	-webkit-border-radius:20px;
	
}

li{
	margin: 0;
	padding: 0;
	float: center;
	transition: all 300ms;
	list-style: none;
	position: relative;
	
}

a {
	display: block;
	padding: 11.7px;
	padding: 1.17rem;
	text-decoration: none;
	color: #0088cc;
	min-width: 120px;
	min-width: 12rem;
	text-align: center;
	font-weight: 300;
}

ul{
	margin: 0;
	padding: 20px;
	transition: all 300ms;
	display: inline-block;	
}

ul li{
	margin: 0;
	padding: 0;
	float: center;
	transition: all 300ms;
	list-style: none;
	position: relative;
	
}

h1 {
	padding: 10px;
	color: #0088cc;
}


h3{ 
	margin: 1px 2px 3px;
	padding: 20px;
	color: #0088cc;
}	

ul li a {
	display: block;
	box-shadow: 2px 6px 4px 2px rgba(20,20,20,0.7);
	padding: 11.7px;
	padding: 1.17rem;
	float: right;
	min-width: 120px;
	min-width: 12rem;
	text-align: center;
	font-size: 20px;
	font-size: 2rem;
	color: #ffffff;
	margin: 0 1px 0 0;
	text-decoration: none;
	background: gray;
	font-weight: 300;
	transition: 300ms all;
	font-family: ´Roboto´, sans-serif;
	
}