body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}

/* Style sheet design */

@font-face {
    font-family: 'LatoWebLight';
    src: url('../../files/fonts/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('../../files/fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/fonts/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
         url('../../files/fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('../../files/fonts/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}



@font-face {
    font-family: 'LatoWeb';
    src: url('../../files/fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('../../files/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('../../files/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('../../files/fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'LatoWebBold';
    src: url('../../files/fonts/Lato-Bold.eot'); /* IE9 Compat Modes */
    src: url('../../files/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/fonts/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
         url('../../files/fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */
         url('../../files/fonts/Lato-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}





@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../../files/fonts/robotocondensed-regular-webfont.eot');
    src: url('../../files/fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/fonts/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('../../files/fonts/robotocondensed-regular-webfont.woff') format('woff'),
         url('../../files/fonts/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('../../files/fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedlight';
    src: url('../../files/fonts/robotocondensed-light-webfont.eot');
    src: url('../../files/fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/fonts/robotocondensed-light-webfont.woff2') format('woff2'),
         url('../../files/fonts/robotocondensed-light-webfont.woff') format('woff'),
         url('../../files/fonts/robotocondensed-light-webfont.ttf') format('truetype'),
         url('../../files/fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../../files/fonts/robotocondensed-bold-webfont.eot');
    src: url('../../files/fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/fonts/robotocondensed-bold-webfont.woff2') format('woff2'),
         url('../../files/fonts/robotocondensed-bold-webfont.woff') format('woff'),
         url('../../files/fonts/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('../../files/fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'droid_sansbold';
    src: url('../../files/fonts/DroidSans-Bold-webfont.eot');
    src: url('../../files/fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/fonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('../../files/fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('../../files/fonts/DroidSans-Bold-webfont.svg#droid_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'droid_sansregular';
    src: url('../../files/fonts/DroidSans-webfont.eot');
    src: url('../../files/fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/fonts/DroidSans-webfont.woff') format('woff'),
         url('../../files/fonts/DroidSans-webfont.ttf') format('truetype'),
         url('../../files/fonts/DroidSans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansPro-Black';
    src: url('../../files/fonts/SourceSansPro-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'SourceSansPro-Bold';
    src: url('../../files/fonts/SourceSansPro-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansPro-Light';
    src: url('../../files/fonts/SourceSansPro-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansPro-Regular';
    src: url('../../files/fonts/SourceSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansPro-Semibold';
    src: url('../../files/fonts/SourceSansPro-Semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/*============================================================
**   ALL Displays
**==========================================================


Farben     Illustrator-Rot:  #DD780E     rgba(221,120,14,1)




*/






@media screen {

html, body {height:  100%;}

body {
background: url(/files/bilder/illustrator/backgrounds/bg-Fibonacci.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: cover;}

body{font-family:SourceSansPro-regular;font-weight:300;color:#999;font-size:1rem;line-height:1.4rem;
height:  100%;}

a {text-decoration:none;color:rgba(46,135,255,1);}
a:hover {text-decoration:underline;}
#wrapper {max-width:1280px;margin-left:auto;margin-right:auto;height:auto;}
#header {height:8.25rem;}
#container {padding:0 2.5rem;}

.content-image figure {
	display: flex;
	margin-bottom: 50px;
	margin-top: 7rem;
	justify-content: center;
}


/*  cover-up   */

body.cover-up {background: url("") no-repeat center center fixed;background: #000;}
.cover-up #wrapper {box-shadow: 0px 0px 10px rgba(0,0,0,0);}
.cover-up {max-width:30rem;margin:0 auto 0;font-family:droid_sansbold;}
.cover-up .not-yet{margin-bottom:8rem;}
.cover-up .ce_text {margin-top:4rem;text-align: center;}

.content-headline {text-align:center;line-height: 1.2em; }

/*  Navigation   */




/* Slider */




/* Content - GRID */









/* Footer */




}


/*============================================================================
** media-queries
**========================================================================= */

 /*     -- desktop
------------------------------------------------- */
@media only screen and  (max-width: 1280px){



}


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



 }


/*     --small desktop
------------------------------------------------- */
@media only screen and (min-width: 801px) and (max-width: 1024px){





}

/*     --tablets
------------------------------------------------- */
@media only screen and (max-width: 1023px){




}

@media only screen and (min-width: 601px) and  (max-width: 1023px){




}




/*     --tablets small
------------------------------------------------- */
@media only screen and (max-width: 700px){

	.cover-up {margin:5rem auto 0;}
	.cover-up .not-yet{margin-bottom:4rem;}






}


/*     --phones
------------------------------------------------- */
@media only screen and (max-width: 599px) {


}


/*     --phones small
------------------------------------------------- */
@media only screen and (max-width: 333px) {



}


/*     --Print
------------------------------------------------- */
@media print {



}