* {margin:0;padding:0;}
body{ font-size: 20px;
    font-family: verdana;background:#202020;
	}
	
#footer {    color: #fff;
    padding: 35px; height:100px;
		    border-top: 4px solid goldenrod ;
			text-align:center;
    
	}
	#main{background:url("img/bg.png") no-repeat fixed center center / cover  #cda900;
	height:750px; 
	position:relative;
	text-align:center;
	}
.figur { background: url("img/german_ou.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 665px;
    width: 290px;left: 30%;
    position: absolute;
    bottom: 0;
	z-index:50;
	}
#figurbild {position:absolute;top:0;left:0;}

/* latin */
@font-face {
  font-family: 'UnifrakturCook';
  font-style: normal;
  font-weight: 700;
  src: url(UnifrakturCook.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.crew{
	opacity:0;
	background:url("img/crew_bg.jpg");
	position:absolute;
    margin-left: 50%;
	left:-400px;border-radius: 10px;
    overflow: hidden;
	width: 800px;
    height: 530px;
	box-shadow: 3px 3px 10px;
}
.crew .innen{
	border-radius:5px;
	background:rgba(255,255,255,0.75);
	margin: 25px 25px 25px 0;
    float: right;
	padding: 4px 90px ;
    height: 474px;
	/*box-shadow: 0px 0px 22px rgba(0,0,0,0.27) inset;*/
}
.galerie{
	opacity:0;
	background:black;
	position:absolute;
    margin-left: 50%;
	left:-400px;border-radius: 10px;
    overflow: hidden;
	width: 800px;
    height: 570px;top: 167px;
	box-shadow: 3px 3px 10px;
}
#galerie{width:800px;height:530px}
.zeitung.story {
	opacity:0;
	width:550px;
	height:500px;
	background:url(img/zeitung.png);
	position:absolute;
    margin-left: 50%;
	left:-350px;
    padding: 40px 100px 0px 50px;
	text-align: justify;
	font-size: 14px;
}

.zeitung img {
    float: left;
    margin: 10px 20px 5px 0;opacity: 0.90;
	}
.zeitung h2 {
	font-family: 'UnifrakturCook',serif;
	font-size: 86px;
	text-align: center;
	margin-bottom: 14px;
	/*font-variant: small-caps;*/
}
.zeitung.inhalt {font-size:14px}
.zeitung small.links { top: 82px;position: absolute; white-space: pre;  font-size: 6px;}
.zeitung small.rechts { top: 116px;	right:91px; position: absolute;  white-space: pre;font-size: 7px;}

.zeitung.person {
	opacity:0;
	width:750px;
	height:650px;
	background:url(img/zeitung2.png);
	position:absolute;
    margin-left: 50%;
	left:-380px;top:128px;
    padding: 40px 100px 0px 50px;
	text-align: justify;
	font-size: 14px;
	
}

.zeitung.person img{
	float:none;
}

.zeitung.person i {
    display: block;
    text-transform: uppercase;
    color: #333;font-family: "times new roman";
}
.zeitung.person h3 {
    margin-bottom: 9px;
	text-transform: uppercase;font-family: "times new roman";
}
.zeitung.person div{
	width:350px;
	color:#444;
}
.art3 {
    position: absolute;
    right: 117px;
    top: 170px;
}
.art2 {
    position: absolute;
    top: 522px;
}
.art1 {
    position: absolute;
    top: 176px;
	color:#000!important;
}

.person.zeitung .kopfzeile {
    position: absolute;
    top: 131px;
	width:740px;
	text-align:center;
    font-size: 14px;
}
.person.zeitung .links{float:left;}
.person.zeitung .rechts{float:right;}
.trailer {left: -395px;opacity:0;
    margin-left: 50%;
    position: absolute;
    border: 8px solid white;
    background: black;
    box-shadow: 10px 14px 25px;top: 200px;
    padding: 6px;}

#footer .nav {display: inline-table;
    font-weight: bold; 
}	
#footer .nav a {
    display: table-cell;
    margin: 10px;
    padding: 0 30px;
    vertical-align: middle;
	font-variant: small-caps;
	font-size:28px;
	text-decoration: underline;
}

#footer .nav a:hover {
    color: #bbb;
}
#footer span {
font-size:12px
}
.close {
    background: none repeat scroll 0 0 white;
    border: 7px solid white;
    border-radius: 9px;
    position: absolute;
    right: -8px;
    top: -8px;cursor:pointer;
}
.klick {cursor:pointer;}
.close span {
    background: black;
    border-radius: 20px;
    color: white;
    font-weight: bold;
    padding: 2px 6px;
}

.close:hover span {background:darkred;}
.hide {display:none;}
.navigation {}
.navigation div .schrift {
    position: relative;
    bottom: 16px;
	height:45px;
}
.navigation div:hover  {
	background: rgba(100,50,50,0.2);
    box-shadow: 0px 0px 13px rgba(100,50,50,0.50);
}
.navigation div{
	margin:10px;
	display:inline-block;
	z-index:2;position: absolute;text-align: center;
    width: 122px;
}
.navp{right:28%;top:456px;}
.navs{right:22%;top:244px;}
.navt{right:32%;top:190px;}	
.navc{right:36%;top:532px;}
.navf{right:38%;top:338px;}

.impressum {color:white;margin-left:30px;position:relative;z-index:5;}
#impressum{padding:10px;position:fixed;bottom:0;font-size:60%;color:white;display:none;background:#202020; border-top:1px solid #fff;z-index:88;}
#impressum p {text-align:justify}
#impressum .zumachen {
     font-size: 13px;    padding: 5px;
    position: absolute;
    right: 0;
    top: 0;
	background: OrangeRed;
    border-radius: 0 0 0 5px;
}
#impressum .kontakt {font-size:14px;margin: 8px 0 30px 22px;}
p {margin:10px}

/*Galery*/

    
.lSSlideOuter{overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden}.lSSlideWrapper{max-width:100%;overflow:hidden;position:relative}.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0px,0);-ms-transform:translate(0px,0);transform:translate(0px,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height;-webkit-transition-duration:inherit;transition-duration:inherit;-webkit-transition-timing-function:inherit;transition-timing-function:inherit}.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:inherit;transition-duration:inherit;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:inherit;transition-timing-function:inherit}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#FE9A2E}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{list-style:none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0px,0,0);-moz-transform:translate3d(0px,0,0);-ms-transform:translate3d(0px,0,0);-webkit-transform:translate3d(0px,0,0);-o-transform:translate3d(0px,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lSSlideOuter .lSPager.lSGallery li{opacity:.7;overflow:hidden;-webkit-transition:opacity .35s linear 0s;transition:opacity .35s linear 0s}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{opacity:1}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}.lSSlideOuter .lSPager.lSGallery:after{clear:both}.lSAction>a{width:32px;display:block;top:50%;height:32px;background-image:url(img/controls.png);cursor:pointer;position:absolute;z-index:9999;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear 0s;transition:opacity .35s linear 0s}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:10px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none}.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider{padding-right:0}.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>*{float:right!important}@-webkit-keyframes rightEnd{0%{left:0}50%{left:-15px}100%{left:0}}@keyframes rightEnd{0%{left:0}50%{left:-15px}100%{left:0}}@-webkit-keyframes topEnd{0%{top:0}50%{top:-15px}100%{top:0}}@keyframes topEnd{0%{top:0}50%{top:-15px}100%{top:0}}@-webkit-keyframes leftEnd{0%{left:0}50%{left:15px}100%{left:0}}@keyframes leftEnd{0%{left:0}50%{left:15px}100%{left:0}}@-webkit-keyframes bottomEnd{0%{bottom:0}50%{bottom:-15px}100%{bottom:0}}@keyframes bottomEnd{0%{bottom:0}50%{bottom:-15px}100%{bottom:0}}.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}
