@font-face {
    font-family: 'titilliumtext22l_rgregular';
    src: url('titilliumtext22l003-webfont.eot');
    src: url('titilliumtext22l003-webfont.eot?#iefix') format('embedded-opentype'),
         url('titilliumtext22l003-webfont.woff') format('woff'),
         url('titilliumtext22l003-webfont.ttf') format('truetype'),
         url('titilliumtext22l003-webfont.svg#titilliumtext22l_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
* { margin: 0; padding: 0; text-decoration: none; list-style: none; }
img { width: 100%; height: auto; display: block; }
a:hover { color: #808285; }
html, body { width: 100%; height: 100%; min-height: 100%; margin: 0 auto; font-family: 'titilliumtext22l_rgregular'; position: relative; min-width: 1900px; max-width: 1920px; max-height: 1080px; }
#wrapper { position: relative; margin: 0; height: 100%; padding: 0; z-index: 100; margin-bottom: -36px; }
header { float: left; position: relative; padding-bottom: 2%; width: 100%; }
header>a { display: block; float: left; width: 28%; margin-top: 5%; margin-left: 23%; }
#ecke { float: right; clear: none; width: 6%; margin-right: 22%; }
nav { float: right; clear: both; margin-right: 22%; }
nav ul {  }
nav ul li { display: inline-block; color: #00486a; }
nav ul li a { color: #00486a; }
nav ul li:nth-child(2) {  }
#wrapper section { background-color: #00486a; display: block; float: left; clear: both; color: #FFF; padding-left: 23%; padding-right: 14.4%; min-height: 70%; max-width: 780px; }
#wrapper section a { color: #FFF; }
#wrapper section h1 { font-size: 50px; font-weight: 100; margin-bottom: 5%; margin-top: 4%; }
#wrapper section h2 { font-size: 22px; font-weight: 600; }
#wrapper section p { font-size: 20px; font-weight: 100; margin-bottom: 2%; }
#wrapper section p span { margin-right: 3%; }
footer { display: block; float: left; clear: both; height: 36px; color: #FFF; }
footer p { font-size: 22px; font-weight: 100; }