@charset "utf-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:32px;
	line-height:48px;
	background-color: #c55554;
	text-align:center;
	margin: 0;
	padding: 0;
	color: #fff;
}

ul, ol, dl { 	
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px; 
}

h1 {
	font-size:36px;
	font-weight:500;
	margin-bottom:5%;}

a img { 
	border: none;
}

a:link {
	color:#fff;
	text-decoration: underline; 
}

a:visited {
	color: #999999;
	text-decoration: underline;
}

a:hover, a:active, a:focus { 
	color: #999999;
	text-decoration: underline;
}

img {
	max-width:100%;
	height:auto;
}

.container {
	width: 100%;
	max-width: 1260px;	
	margin: 0 auto;
}

.header {
	background-color: #fff;
	text-align:center;
	padding: 2% 0;
}

.content {
	padding: 5% 0;
	background-color: #c55554;
}

.footer {
	padding: 10px 0;
}

.clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im #container) platziert werden, wenn #footer entfernt oder aus dem #container herausgenommen wird. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


@media (max-width: 1024px) { 
h1, p {
	font-size:24px;}
}