body {
height: 100%;
background-color: #7e868a;
padding: 0;
margin:0;
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: normal;
padding-top: 30px;
}

html {height: 100%;}

#space {
width: 10px;
height: 50%;
margin-bottom: -327px;        /* Die Hälfte der Inhalts-Höhe! */
float: left;
background-color: red;
}

#buehne { /* Hier liegt der komlette Content der Website! */
margin: 0 auto;
position: relative; /* Hebt die buehne von der space */
clear: left; /* Hebt das float vom space auf */
height: 654px;
width: 1200px;
background-color: green;
}


h1 {
margin-top: 1.3em;
padding-left: 0px;
text-align: center;
}

h2 {
margin-top: 0em;
padding-left: 0px;
text-align: center;
color: black;
font-size: 15px;
line-height: 1.4em;
margin-bottom: 1.5em;
font-weight: normal;
}

h3 {
margin-top: 0em;
padding-left: 0px;
text-align: center;
color: black;
font-size: 15px;
line-height: 1.4em;
margin-bottom: 1.5em;
font-weight: normal;
}

p {text-align: center;}

a:link {text-decoration: none; color: black;}
a:active {text-decoration: none; color: black;}
a:hover {text-decoration: none; color: black;}
a:visited {text-decoration: none; color: black;}





@media only screen 
and (min-device-width : 540px) 
and (max-device-width : 960px) {
font-size: 18px;
}


@media only screen 
and (min-device-width : 540px) 
and (max-device-width : 960px) 
and (orientation : landscape) {
font-size: 18px;
}


@media only screen 
and (min-device-width : 540px) 
and (max-device-width : 960px) 
and (orientation : portrait) {
font-size: 18px;
}


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
font-size: 18px;
}


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
font-size: 18px;
}


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {
font-size: 18px;
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
font-size: 18px;
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
font-size: 18px;
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
font-size: 18px;
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
font-size: 18px;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) {
font-size: 18px;
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) {
font-size: 18px;
}