@charset "UTF-8";
@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');}
@font-face {font-family: 'RobotoCondensed-Light';src: url("../schriften/RobotoCondensed-Light.ttf");src: local('RobotoCondensed-Light'),url("../schriften/RobotoCondensed-Light.ttf") format('ttf'),url("../schriften/RobotoCondensed-Light.ttf") format('opentype');}

body, html {height: 100%;  background-color: #6786a1; background: url(../../fotos/seiten/hintergrund-himmel.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index:100000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; animation: fadeout 2s forwards;} @keyframes fadeout {0% {opacity: 0;} 100% {opacity: 1;}}

body {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center; margin-left:10px;margin-right:10px;-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, .4 ); /* 150 */margin: 0; padding: 0; border: 0;}

.group {border-radius: 9999px;border:1px solid #000;height: 250px;margin:1%;overflow: hidden;width: 250px;}
.group > div {background-color: #a8a8a8;background-position: 50% 50%;background-size: cover;float: left;height: 100%;width: 50%;}
.group > div:first-child:last-child {width: 100%;}
.group > div:last-child:nth-child(3), .group > div:nth-child(2):nth-last-child(2) {height: 50%;}

h1 {font-size: 1.7em;font-family: 'BenchNine-Regular';line-height: 1.1em; color: #ffea5b; font-weight: 100; margin-top:0em; margin-bottom:0em; letter-spacing: 0.01em; text-align: center;}
h1 a {text-decoration: none;color:#44377f; }
h1 a:hover {text-decoration: none; color:#FFF;}

.schatten.gruen.mitte {color: #68ff84; text-shadow: 0 0px 6px #000000; text-align: center;}

.wrapper.style-start {text-align: center;color: white;}
.wrapper.style-start .image {display: block;width: 100%;}
.wrapper.style-start .image img {border-radius: 50%;border: 3px solid;border-color:#465a9b;}

.wrapper.style-start .image img.link {display: block;margin: 0 0 2em 0;width: 100%;border:1px solid #999;}
.wrapper.style-start .image img:hover {-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, .75);box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 1.0);}
.wrapper.style-start .image img {-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 185, 233, .75);box-shadow: 0px 0px 10px 5px rgba(0, 185, 233,0.0);-webkit-transition: all 0.7s ease;transition: all 0.4s ease;}

@media only screen and (max-width: 800px) {h1 {font-size: 1.3em;font-family: 'BenchNine-Regular';line-height: 1.0em; color: #ffea5b; font-weight: 100; margin-top:-0.5em; margin-bottom:0em; letter-spacing: 0.01em; text-align: center;}}

/* Markierungsfarbe */

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