html, body {
width: 100%;
height: 100%;
overflow: hidden;
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
background: #003CA2;
}

#wrapper {
margin: 0 auto;
text-align: left;
width: 100%;
height: 100%;
z-index: 1;
}

#wrapper h1 {
margin: 0;
padding: 0;
}

#wrapper h1 span {
padding: 0;
margin: 0;
display: none;
}

#wrapper img {
width: 100%;
margin: 0;
padding: 0;
}

/*------------------------Start Content-----------------*/
#wrapper .content {
margin: 0; 
padding: 0;
position: absolute;
top: 6%;
left: 4%;
float: left;
width: 45%;
overflow: auto;
z-index: 2;
}


#wrapper .content img {
float: left;
width: 18%;
padding: 0.3%;
margin: 1%;
border: 3px solid #FFF;
overflow: auto;
}
/*------------------------Ende Content-----------------*/

/*------------------------Anfang buttons für Impressum und Datenschutzerklärung------*/
#wrapper .impressum p {
   width: 20%;
   padding: 0;
   margin: 1%;
}

#wrapper .impressum a:link, #wrapper .impressum a:visited {
    background-color: #0658B5;
    color: white;
    margin: 6% 0 0 2%;
    padding: 4%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border: 2px solid #FFF;
}

#wrapper .impressum a:hover, #wrapper .impressum a:active {
    background-color: #FF8C00;
}
/*------------------------Ende buttons für Impressum und Datenschutzerklärung------*/


/*------------------------Start Footer-----------------*/
#footer {
clear: both;
}
/*------------------------Ende Footer-----------------*/