body {
margin : 0;
padding: 1em 0;
width : 100%;
}
footer {
position : fixed;
top : 0;
}
article {
margin : 0;
padding : 0;
}

body {
display : -webkit-box;
display : -ms-flexbox;
display : flex;
-webkit-box-orient : vertical;
-webkit-box-direction : normal;
    -ms-flex-direction : column;
        flex-direction : column;
}
article {
display : -webkit-box;
display : -ms-flexbox;
display : flex;
-webkit-box-orient : horizontal;
-webkit-box-direction : normal;
    -ms-flex-direction : row;
        flex-direction : row;
-ms-flex-wrap : wrap;
    flex-wrap : wrap;
-ms-flex-pack : distribute;
    justify-content : space-around;
-webkit-box-align : center;
    -ms-flex-align : center;
        align-items : center;
}

body {
background-color : black;
font-family : Helvetica, Arial, sans-serif;
}
article a:link {
color : #ff6208;
}
article a:visited {
color : #ff6208;
}
article a:focus {
color : #ff0000;
}
article a:hover {
color : #ff0000;
}
article a:active {
color : #ff0000;
}
.bild {
width : 50%;
margin : 0.5em 1em;
border : solid 2px;
border-color : white;
}
.tuer {
width : 4rem;
float : left;
margin : 0.5rem;
}
h1 {
color : #ff6208;
font-size : 300%;
font-style : italic;
font-weight : lighter;
letter-spacing : 0.7em;
}
h2 {
color : #ff6208;
}
h3 {
color : #ff6208;
letter-spacing : 0.3em;
}
h4 {
color : #ff6208;
font-size : 150%;
font-style : italic;
font-weight : lighter;
letter-spacing : 0.5em;
}
h5 {
color : #ff6208;
font-size : 100%;
font-weight : lighter;
}
p {
color : white;
font-weight : lighter;
}
.ie {
display : none;
}
@media screen and (max-width:74em) {
.bild {
width : 75%;
}	
}
@media screen and (max-width:55em) {
.bild {
width : 80%;
}	
}
@media screen and (max-width:46em) {
body {
padding : 0;
}
.bild {
width : 100%;
margin : 0;
border-left : none;
border-right : none;
}
}
@media screen and (max-width:40em) {

}
@media screen and (max-width:32em) {
}
@media screen and (max-width:25em) {
}
@media screen and (max-width:20em) {
}