html {
	box-sizing: border-box;
}

*, ::before, ::after {
	 box-sizing: inherit;
}

body {
	font-family: Arial, sans-serif;
/* 	font-size: 100.1%;  */
	color: #666;
	background-color:#FAFAFA;
}

haeder, main, footer {
	max-width: 35em; 
	margin: 0 auto;
	padding: 0 0.5em;
}

footer {
	margin-bottom: 5em;
}
section {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

audio, video {
    width: 480px;
    max-width: 100%;
}

div {
	
}

img {
	max-width: 100%;
	height: auto;
	margin-top: 1em;
}

a, a:visited {
	color: #ff9966; text-decoration: none;
}
a:hover {
	color: red;
}

@media
  screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-resolution: 192dpi),
  screen and (min-resolution: 2dppx) {

/* CSS Code für hochauflösende Displays */

}.grau {
	color: #D5D5D5;
}