body {background-color: #fafae6; background-image: url("background.png"); background-size: 2000px 1000; background-attachment: fixed; margin: 0 auto;}
header, nav, section {display: block; transition: all 1s;}
header {top: 0px; position: relative; height: 47px; background-color: transparent; width: 100%; color: white; z-index: 10; transition: all 0.5s;}
nav {height: 3em; left: 0px; position: absolute; background-color: transparent; width:100%; border-top: white solid 0px;}
footer {background-color: #262626; background-image: url(""); height: 280px; color: white; text-align: center; z-index: 1; margin: 0px;}
h1 {-webkit-text-stroke-width: 3px; -webkit-text-stroke-color: #262626; color: #96bfff; background-color: transparent; text-align: center; font-size: 1201%; font-family: 'Oswald', sans-serif; margin: 55 300 55 300; border-radius: 13px}
h2 {font-size: 401%; font-family: 'Oswald', sans-serif; color: white; text-align: left; margin: 13 0 0 7; text-transform: uppercase;}
h3 {font-size: 25pt; font-family: 'Oswald', sans-serif; color: white; text-align: left; margin: 13 0 0 0;}
h4 {font-size: 71pt; font-family: 'Oswald', sans-serif; color: white; margin: 13 0; text-align: center;}
h5 {color: transparent; margin: 0px; text-align: center;}
p {font-family: 'Oswald', sans-serif; font-size: 21pt; color: #262626; font-weight: normal; line-height: 37px; margin: 19 7 19 7; padding: 7px; text-align: left;}
a {font-family: 'Oswald', sans-serif; font-size: 21pt; color: #262626; font-weight: bolder; text-decoration: none;}
ul {list-style-type: none; padding: 0px;}
hr {height: 5px; color: white; background-color: white; text-decoration: none;}





@media screen and (max-width: 101.25em) {h1 {font-size: 130px; margin: 10 100 100 100;}}
@media screen and (max-width: 101.25em) {h2 {font-size: 301%;}}
@media screen and (max-width: 101.25em) {p {font-size: 19pt;}}
@media screen and (max-width: 101.25em) {a {font-size: 19pt;}}

@media screen and (max-width: 31.25em) {h1 {font-size: 50px; margin: 0;}}
@media screen and (max-width: 31.25em) {h2 {font-size: 23pt;}}
@media screen and (max-width: 31.25em) {h3 {font-size: 15pt;}}
@media screen and (max-width: 31.25em) {h4 {font-size: 41pt;}}
@media screen and (max-width: 31.25em) {footer {height: 500px;}}






// STANDARD FARBE: #0086b3
// STANDARD SCHRIFT: Marven Pro
// a: #86b300
// max-width: 1331px;
// zu nav: weißer Rand oben deaktiviert
// zu h1: text-transform: uppercase;
// text-shadow: 10px 11px 15px red;
// background-image: url("kreis.png");
// <!-- Kommentare -->