/***************************************************
			      Reset
***************************************************/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary {
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}


a img {border:none}
a:link, a:visited{color:#fff ;text-decoration:underline;border: 0;}
a:hover {text-decoration:none;}

aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block}


/***************************************************
			      Global styles
***************************************************/

body {
	background-color: rgba(0, 120, 180, 0.5); /*#0078b4; #2d5c88*/
	color: #fff;
	font-family: BebasNeue, Arial, sans-serif;
	text-align: center;
	font-size: 40px;
}

#wrapper {
	width: 85%;
	margin: 70px auto;
}

#wrapperi {
	width: 85%;
	text-align: left;
	margin: 100px auto;
	font-size: 0.38em;
	color: #4c5166;
	
}

h1 {
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-size: 36px;
	line-height: 2.4em;
	color: #2d5c88;
}
h2  {
	color: #2d5c88;
	font-size: 20px;
	line-height: 1.6em;
}
h3  { 
	color: rgba(255, 102, 0, 0.9); /*oder white #fff */
	font-size: 19px;
	line-height: 1.5em;
}

p {
	margin-top: 30px;
	font-size: 16px;
	line-height: 1.6em;
	color: #2d5c88;
}

img {	
	margin-right: 10px;
}

.logo {
    max-width: 320px; /* Logo skalieren */
    height: auto; /* Seitenverhältnis beibehalten */
    display: inline;
	text-align: center;
    margin-top: 6%; /* Abstand um das Logo */
	margin-bottom: 0; 
}