@charset "utf-8";


html {
   font-size: 62.5%; /*1.0rem entspricht 10px*/
}

body {
	font-size: 16px; /* Fallback für alte Browser, die rem nicht kennen */;
	font-size: 1.6rem; /* 16px */;
	line-height: 1.5; /* 24px */
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: 300;
	background-color: #efefef;
	margin:0 auto;
	padding:0;
	background-color:gray;
	max-width:80em;
}

img {
	width:100%;
}
h1 {
	color:white;
	font-weight:200;	
	padding-left:1rem;
}
h2{
	font-weight:300;
	color:navy;
	padding-left:5%;
}
h3{
	font-weight:250;
	color:red;
	padding-left:5%;
}

p {
	font-weight:400;
	color:#333;
	padding-left:5%;
	padding-right:5%;
	
}
a {
	font-weight:300;
	color:#333;
	text-align:left;
	padding:1rem;
	text-decoration:none;
}
ul > li{
text-align:left;
	padding:1rem;
	
}
header {
	background-color: #fff;
	color: navy;
}
footer{
	background-color:#fff;
   color:#000;
}
article{
	color: #000;
	background-color: #fff;
}

nav{
	background-color:#d2d2d2;
}