@charset "UTF-8";
@font-face { font-family: 'BenchNine-Regular'; src: local('BenchNine-Regular'),url('../../zutaten/schriften/BenchNine-Regular.ttf'); }

body, html {height: 100%; background: #79abd4;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; animation: fadeout 1s forwards;} @keyframes fadeout {0% {opacity: 0;} 100% {opacity: 1;}}

/* Markierungsfarbe */

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

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: 0;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, .3 ); /* 150 */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; text-decoration: none; font-weight: 100;margin-bottom:0.0em; margin-top:0.2em;letter-spacing: 0.03em;cursor: default;text-align: center;}
h1 a {text-decoration: none;color:#00315a; }
h1 a:hover {text-decoration: none; color:white;}

h2 {font-size: 3.0em;font-family: 'BenchNine-Regular';line-height: 1.1em; text-decoration: none; font-weight: 100;margin-bottom:0.0em; margin-top:-0.2em;letter-spacing: 0.03em;cursor: default;text-align: center;}
h2 a {text-decoration: none;color:#00315a; }
h2 a:hover {text-decoration: none; color:white;}

.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: 5px solid;border-color:#5785ab;}