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


@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 (min-width: 1400px) {
	html {
		font-size: 66%;
	}
}

h2{ 
	margin: 1px 2px 3px;
	padding: 20px;
	color: #0088cc;
	text-align: center;
}	

.boxinhalt1 {
	background: #ffffff;
	margin: 5%;
	width: 80%;	
	
}

.boxinhalt1 :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: gray;
	min-width: 120px;
	min-width: 12rem;
	text-align: center;
	font-weight: 300;
}