body {overflow: hidden;-webkit-box-shadow: inset 0 0 9.375em rgba( 0, 0, 0, .3 ); /* 150 */-moz-box-shadow: inset 0 0 9.375em rgba( 0, 0, 0, 3 ); /* 150 */box-shadow: inset 0 0 9.375em rgba( 0, 0, 0, .3 ); /* 150 */margin: 0; padding: 0; border: 0;}

/* Schriften */

@font-face {font-family: 'BenchNine-Regular';src: url("../schriften/BenchNine-Regular.ttf");src: local('BenchNine-Regular'),url("../schriften/BenchNine-Regular.ttf) format('ttf'"),url( "../schriften/BenchNine-Regular.ttf") format('opentype');}

/* Markierungsfarbe */

::selection {background: #4a7ba5; color: #FFFFFF;} /* und hiermit der Firefox >=1 */ ::-moz-selection {background: #4a7ba5; color: #FFFFFF;}

/* Grundlagen */

html, body {background:#5796d0; height: 100%; z-index:1; animation: fadeout 1s forwards;} @keyframes fadeout {0% {opacity: 0;} 100% {opacity: 1;}}

#abstand {height: 25%;clear: left;position: relative; width: 40em;margin: 0 auto;}

body, input, select, textarea {color: #000;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/* Header / Schriften*/

a {color: #fff;text-decoration: none;}

a:hover {text-decoration: none;}

container {vertical-align: middle;}

h1 {font-size: 1.8em;font-family: 'BenchNine-Regular';line-height: 1.8em;color: #FFFFFF;font-weight: 300;margin: 0 0 0.2em 0;letter-spacing: 0.1em;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);cursor: default;}

p {font-family: 'BenchNine-Regular';font-size: 1.2em;letter-spacing: 0.1em;color:#000; font-weight: 100;text-align: center;cursor: default;}

/* Linie*/


.linie {border :none;border-top: 1px solid #000;max-width: 70%; }

/* Sektion */

section.special, article.special {text-align: justify;}

/* Logo */

.image.logo-center {border:0px;display: inline-block; position:fixed;cursor: default;}
.image {border-radius: 0px;display: inline-block;position: relative;}
.image img {border-radius: 0px;display: block;}
.image.left {float: left;padding: 0 1.5em 1em 0;top: 0.25em;}
.image.right {float: right;padding: 0 0 1em 1.5em;top: 0.25em;}
.image.fit {display: block;margin: 0 0 0.7em 0;width: 100%;}
.image.fit img {display: block;max-width: 100%;}

@media only screen and (max-width: 1024px) {

h1 {font-size: 1.5em;font-family: 'BenchNine-Regular';line-height: 1.2em;color: #FFFFFF;font-weight: 300;margin: 0 0 0.4em 0;letter-spacing: 0.1em;cursor: default;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);}	
p {font-family: 'BenchNine-Regular';font-size: 1.1em;letter-spacing: 0.1em;color:#000; font-weight: 100;cursor: default;text-align: center;}
#abstand {height: 15%;clear: left;position: relative; width: 40em;margin: 0 auto;}
hr { color:#0b224c; margin-top: 0em; margin-bottom:0px; margin-left: auto; margin-right: auto; width: 90%;}
.image.fit {display: block;margin: 0 0 0.7em 0;width: 100%;}
.image.fit img {display: block;max-width: 100%;}
}

@media only screen and (max-width: 500px) {

h1 {font-size: 1.4em;font-family: 'BenchNine-Regular';line-height: 1.2em;color: #FFFFFF;font-weight: 300;margin: 0 0 0.4em 0;letter-spacing: 0.1em;cursor: default;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);}	
p {font-family: 'BenchNine-Regular';font-size: 1.0em;letter-spacing: 0.1em;color:#000; font-weight: 100;cursor: default;text-align: center;}
#abstand {height: 10%;clear: left;position: relative; width: 40em;margin: 0 auto;}
.image.fit {display: block;margin: 0 0 0.7em 0;width: 100%;}
.image.fit img {display: block;max-width: 100%;}

}