*{
	padding:0px;
	margin:0px;
	font-family: 'Exo 2', sans-serif;
	font-weight: 200; 
 	}
body{
	background: #212121;
}
a, a:hover{
	color:#000000;
	text-decoration: none;
	}
#content a,#content a:hover{
	color:#ffffff;
	text-decoration: none;
	}
strong{
	font-weight:600;
}
#wrapper{
	width: 100%;
}
.logo{
    position: fixed;
    width: 150px;
    height: 150px;
    background: url(../img/head.png) no-repeat;
    top:20px;
    left:20px;
 	transition: all 0.5s;
}
h2{
	font-size:24px;
    font-weight:300;
    padding:0 0 20px 0;
	text-transform:uppercase;
}
/*NAVIGATION*/
.navtrigger, .sb-open-right{
	height:30px;
	width:30px;
	position: fixed;
	background:rgba(0, 0, 0, 0.8);
 	top: 30px;
    right:0px;
  	cursor: pointer;
	z-index:9;
	opacity:1;
 	color:#ffffff;
 	padding:20px 20px 20px 20px;
 	transition: all 0.5s;
}
.projlink{
    background: rgba(25,25,25,0.8);
    padding: 5px 10px;
    color: rgba(255,255,255,0.8);
    position: relative;
    top: 50px;
}
.projlink a:hover{
    color: rgba(255,255,255,1);
}
.navtrigger i, .sb-open-right i{
 	font-size:30px;
   }
 #tm {
 	display: none;
 }
.sb-right {
overflow: hidden;
}

.menu_level_1 a{
 	display: block;
 	width: 100%;
  	/*border-bottom: 1px solid #2d2d2d;*/
  	opacity: 0.74;
	text-transform:uppercase;
 }
 .menu_level_1 a:hover, .nav a:active{
 	color:#ee8100;
 }
 .menu_level_1 ul, .menu_level_1 li{
	list-style:none;
}
.menu_level_1 li{
 	list-style: none;
 }
 .menu_level_1 li a{ 	
 	padding: 20px;
	font-size:17px;
	font-weight:400;
	line-height: 20px;
 }
 .menu_level_1 li.active a{ 	
	font-weight:600;
 }
 .menu_level_1 li.active ul.menu_level_2 a{ 	
	font-size:15px;
	font-weight:200;
 }
 .menu_level_1 li.active ul.menu_level_2 li.active a{ 	
	font-weight:300;
 }
 .menu_level_2 li{
 	list-style:none;
 	display:none;
	margin:0 0 0 20px;

 }
 li.active li{
 	display:block;
 }
 .menu_level_2 li a{
  	padding:10px 20px;
    max-width: 200px;
 }
 /*.active a{
 	opacity: 1;
 }
*/
  
/*WEICHEN*/
ul#subnavigation{
	display: block;
	overflow: hidden;
    padding: 30px 0 0 0;
 }
ul#subnavigation ul{
list-style: none;
}
#subnavigation li.level-1,#subnavigation li.level-2,#subnavigation li.level-3, #subnavigation ul#menubuilder0, #subnavigation ul#menubuilder1{
	list-style: none;
}
#subnavigation ul#menubuilder1, #subnavigation ul#menubuilder2, #subnavigation ul#menubuilder3, #subnavigation ul#menubuilder4, #subnavigation ul#menubuilder5, #subnavigation ul#menubuilder6,#subnavigation ul#menubuilder7, #subnavigation ul#menubuilder8, #subnavigation ul#menubuilder9, #subnavigation ul#menubuilder10, #subnavigation ul#menubuilder11, #subnavigation ul#menubuilder12, #subnavigation ul#menubuilder13, #subnavigation ul#menubuilder14, #subnavigation ul#menubuilder15, #subnavigation ul#menubuilder16, #subnavigation ul#menubuilder17, #subnavigation ul#menubuilder18, #subnavigation ul#menubuilder19, #subnavigation ul#menubuilder20{
  /*  padding: 0 25% 0 0;*/
    /*margin:-30px 0 0 0;*/
} 
li.level-2 a, li.level-3 a{
  	float: left;
	width: 31%;
	padding: 1.16%;
 }
li.level-2 a.country{
	display:block;
	width: 97.75%;
}
li.level-2 a.country div.pic{
	display:block;
	/*height: 1px;*/
}
li.level-2 a.country .weichen-text{
	display:block;
	padding: 10px 0;
 }
ul#subnavigation img{
	display: block;
	overflow: hidden;
	float: left;
	width:100%;
	/*.transition:(all, 0.5s, ease);*/
}

li.level-2 span{
	display: block;
	overflow: hidden;
	float: left;
	position: relative;
 	padding: 0 0 0 20px;
}

li.level-2.weiche2level2.inactive {
	display: none;
}
.weichen-text{
 	padding: 10px 0 0 0;
 	text-align: center;
    height: 70px;
    line-height: 24px;
}
.weichen-cat{
  	text-align: right;
    display: block;
    width: 100%;
    text-transform: uppercase;
  }
.weiche3level2{
    overflow: hidden;
    border-top:1pt rgba(254,255,104,0.3) dotted;
    }
.weichen-cat .label{
    float: right;
    margin:10px;
    width: 100%;
}
li.projectweiche{
width:28%;
padding:0 0 0 0%;
margin:0 0 50px 5%;
float:left;
}
li.projectweiche h2{
padding:10px 0 20px 0;
font-size:20px;
display: block;
overflow: hidden;
font-weight:200;
}
li.projectweiche a{
width:100%;
padding:0%;
}
.projectweiche img{
width:100%;
}
#intro{
   	padding:0px;
 	display:block;
	overflow:hidden;
	float:none;
	background: #212121;
	color: #A7A7A7;
    z-index:1;
	}
#intro img{
    left:0;
    z-index:0;
	}
#content{
   	padding:50px 20% 50px 20%;
 	display:block;
	overflow:hidden;
	float:none;
	background: #212121;
	color: #A7A7A7;
    z-index:9;
	}
#intromobile{
	display: none;
}
#intro article{
 	width:100%;
}
#intro section{

}
 #parallax{
     left: 15%;
     position: absolute;
     top:10%;
     width: 75%;
     z-index:59;
	 opacity:0;
 }
 #fe_PreviewTitle{
 transition: all 0.40s;
 }
 #intro h1{
 	/*background:rgba(254,255,104,0.9);
 	*/
    opacity:1;
 	font-size: 25px;
 	color:#575757;
 	text-transform: uppercase;
    transition: all 0.8s ease;
 }

 #intro h1 span{
 	background:rgba(254,255,104,0.9);
     /*line-height:135px;*/
     padding:15px 25px;
    z-index: 55;
 }
 article{
 	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	float: left;
	}
#content section{
	padding:10px 0 0 0;
	line-height: 35px;
	}
aside{
 	/*padding:10px 10px 30px 30px;*/
 	padding:0px 0px 30px 30px;
 	max-width: 30%;
 	min-width: 45%;
  	float:right;
	display:block;
	overflow:hidden;
 	text-align:right;
	text-transform:uppercase;
	}
/*aside h1{
 	font-size:3em;
 	text-transform: uppercase;
 	padding: 0 0 20px 0;
}*/
aside.country{
float:none;
max-width:100%;
min-width:0%;
border-top:1pt rgba(254,255,104,0.3) dotted;
padding:0px;
}
aside.no-aside{
display:none;
}
.label{
	color:rgba(254,255,104,0.6);
	font-size:25px;
	font-weight: 100;
	display:block;
	float:right;
	line-height:30px;
    padding:10px 0 0 0;
 	}
.center{
    text-align:center;
}
.label-big{
	font-size:50px;
	line-height:50px;
}
.label-small{
	color:rgba(254,255,104,0.6);
	font-size:18px;
	line-height:25px;
	font-weight: 100;
}	
 #fe_PreviewContent{
	font-weight:300;
}
#block{
	background:white;
	display:block;
	overflow:hidden;
	float:none;
	line-height: 2em;
	}

.movie{
    display:block;
    overflow:hidden;
	background:#000000;
	padding:50px 20%;
    z-index:9;
 	}
.movie h2{
	color:rgba(254,255,104,0.6);
    padding:0 0 20px 0;
	}
.weiche{
	background:#FFFFDD;
	padding:50px 20%;
    z-index:9;
 	}
.weiche h2{
	color:#000;
    padding:0 0 20px 0;
	}
.prev, .next{
	position: fixed;
	display: block;
	overflow: hidden;
	width: 15%;
 /*	min-width: 150px;*/
    bottom:0px;
  	}
.prev h2, .next h2{
    color: #bebebe;
 	font-size: 24px;
 	text-transform: uppercase;
  	padding: 10% 10% 10% 10%;
  	transition: all 0.40s;
  	text-align:center;
    background: rgba(255, 255, 255, 0.01);
 	}
 .prev h2:hover, .next h2:hover{
 	color:#ffffff;
     background: rgba(255, 255, 255, 0.1);
 	} 	
.prev{
	left:0px;
  	}
 .next{
	right:0px;
  	}
.nav-top{
    transition: all 0.8s ease;
    }
 .nav-top .next, .nav-top .prev{
    transition: all 0.8s ease;
    }
.related{
	background:#964646;
	padding:50px;
 	}
.related h2{
	color:#dddeee;
	}
.eins, .zwei, .drei, .vier, .block{
	background:rgba(255, 255, 244, 1);
	padding:50px 20% 50px 20%;
    line-height:35px;
	width:60%;
	float:left;
    display:none;
    overflow:hidden;
 	}
.zwei{
    background:rgba(255, 233, 187, 0.53);
}
.drei{
    background:rgba(255, 245, 174, 0.53);
}
.vier{
    background:rgba(219, 218, 197, 0.53);
}
.eins h2, .zwei h2, .drei h2, .vier h2{
	padding:0 0 20px 0;
	}
.eins h3, .zwei h3, .drei h3, .vier h3{
	font-size:25px;
    line-height:44px;
    text-align: center;
	}

 .down{
    margin: 0;
    cursor:pointer;
  	opacity:0;
  	font-size:40px;
  	line-height:90px;
  	font-weight: 300;
  	text-transform: uppercase;
    position: absolute;
    padding: 2% 0 0 0;
  }
 .down span{
     background:rgba(254,255,104,0.9);
     padding:15px;
	 opacity:0;
 }
 .up{
 	position:fixed;
 	bottom:0px;
 	left:50%;
 	width: 70px;
 	display:none;
 	/*display: block;*/
 	/*opacity: 0;*/
   	height:70px;
  	background: url(../img/icons.png) -70px -70px ; 
  	cursor:pointer;
 }
.up:hover{
  background: url(../img/icons.png) 0 -70px ; 
}
.related-main{
	display:none;
}
.related-category{
	display:none;
}
.related-story{
	display:none;
}
#footer{
	padding:0px 50px 0px 50px;
 	display:block;
	overflow:hidden;
	float:none;
	height:100px;
}
#press{
    width: 100%;
}
#press h2{
    font-size: 18px;
}
.press{
    display:block;
    overflow: hidden;
    float: left;
    width: 45%;
    margin:0 5% 5% 0;
    clear:none;
}
.clear{
    clear:both;
}

@media screen and (max-width: 1300px){
    #press{
        width: 100%;
    }
  /*  .press{
        display:block;
        overflow: hidden;
        float: left;
        width: 29%;
        margin:0 4% 5% 0;
    }*/
}


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

	header{
		z-index:9999;
	}
	#content, .movie, .gallery{
		padding:20px 10% 80px 10%;        
	}
    #contentmap{
		padding:0px 20%;
	}
	.navtrigger, .menu_level_1{
		z-index: 99;
	}
	#intro{
		display:none;
	}
	#intromobile{
		display:block;
 		width: 100%;
 	}
 	#intromobile img{
 		overflow: hidden;
		display:block;
		z-index: 1;
  	}
 	#intromobile h1{
 		position: absolute;
		display:block;
		overflow: hidden;
		top: 30px;
		left:5%;
        width:75%;
 		z-index: 10;
   		font-size: 30px;
 		color:#575757;
 		text-transform: uppercase;
 	 	line-height:26px;
 	}
 	#intromobile h1 span{
        background:rgba(254,255,104,1);
        padding:10px;
        line-height: 60px;
    }
    .label{}
 	#intromobile .down{
 		display: none;
	 }
	article{
		padding:0px;
		width:100%;
		float: none;
	}
	section{
		padding:0px;
		width:100%;
 	}
	aside{
 		right: 0;
 		width:100%;
 		max-width:100%;
        padding: 0px  0 30px 0;
/* 		padding: 50px 0 30px 0px;*/
	}
    .prev, .next{
        width:50%;
        background:rgba(65, 65, 64, 1);
    }
    .prev:hover, .next:hover{
        width:50%;
     }
    .prev h2, .next h2{
        font-size:16px;
        padding:5px 10%;
    }
    #press{
        width: 100%;
     }
    .press{
        display:block;
        overflow: hidden;
        float: left;
        width: 80%;
        margin:0 10% 5% 10%;
    }
    
    li.level-2 a{
        float: left;
        width: 100%;
        padding: 10px 0 0 0;
    }
    ul#subnavigation{
        width:100%;
    }
    ul#subnavigation img{
        display: block;
        overflow: hidden;
        width:100%;
    }
    li.level-2 span{
        display: block;
        overflow: hidden;
        position: relative;
        font-size: 24px;
    }
        #subnavigation ul#menubuilder1, #subnavigation ul#menubuilder2, #subnavigation ul#menubuilder3, #subnavigation ul#menubuilder4, #subnavigation ul#menubuilder5, #subnavigation ul#menubuilder6,#subnavigation ul#menubuilder7, #subnavigation ul#menubuilder8, #subnavigation ul#menubuilder9, #subnavigation ul#menubuilder10, #subnavigation ul#menubuilder11, #subnavigation ul#menubuilder12, #subnavigation ul#menubuilder13, #subnavigation ul#menubuilder14, #subnavigation ul#menubuilder15, #subnavigation ul#menubuilder16, #subnavigation ul#menubuilder17, #subnavigation ul#menubuilder18, #subnavigation ul#menubuilder19, #subnavigation ul#menubuilder20{
        padding: 0 0 0 0;
        /*margin:-30px 0 0 0;*/
    } 
    #footer{
	padding:0px 50px 0px 50px;
 	display:block;
	overflow:hidden;
	float:none;
	height:60px;
    }
    li.level-2 a, li.level-3 a{
  	float: none;
	width: 100%;
	padding: 2%;
    }
    .logo{
    display: none;
    }
    .weichen-text{
 	padding: 10px 0 0 0;
 	text-align: center;
    height: 10px;
    line-height: 24px;
    }
    .label-big{
	font-size:40px;
	line-height:25px;
    }
}
div.testi{
    position: absolute;
    width:70%;
    top: 10%;
    left: 15%;
}

p.testimonial{
    text-align: center;
    color: white;
    line-height: 1.4em;
    font-size: 17px;
    background-color: rgba(25,25,25,0.5);
    padding: 30px;
    margin:50px 0 0 50px;
}
p.testimonial em{
    font-weight: bold;
    font-size: 16px;
}
p.testimonial1, .testimonial2{
}
#cycnav { z-index: 50; position: absolute; top: 28%; left: 1%; font-size: 12px; }
#cycnav a { width: 20px; display: block; overflow: hidden; text-align: center;margin: 0 2px; padding: 3px 5px 3px 5px; background: rgba(25,25,25,0.5);color: rgba(255,255,255,0.5); text-decoration: none }
#cycnav a.activeSlide { background: rgba(254,255,104,0.9);color: rgba(25,25,25,0.8); }
#cycnav a:focus { outline: none; }

@media screen and (max-width: 1500px){
    #intro h1{
    font-size: 25px;
    }
    #intro h1 span{
    line-height:110px;
    }
    .down{
    /*font-size: 25px;*/
    }
}
@media screen and (max-width: 1200px){
    #intro h1{
    font-size: 25px;
    }
    #intro h1 span{
    line-height:95px;
    }
    .down{
    /*font-size: 30px;*/
    }
}
@media screen and (max-width: 900px){
    #intro h1{
    font-size: 20px;
    }
    #intro h1 span{
    /*line-height:82px;*/
    }
    .down{
    font-size: 24px;
    }
}
@media screen and (max-width: 600px){
    #intromobile h1{
    font-size: 20px;
    }
    #intromobile h1 span{
    background:rgba(254,255,104,1);
    }    
}
@media screen and (max-width: 400px){
    #intromobile h1{
    font-size: 15px;
    }
    #intromobile h1 span{
    line-height:25px;
    }
}


.showimage{
position:absolute;
opacity:0;
/*right:10px;*/
}
.showimage a{
color:rgba(0,0,0,1);
font-size:20px;
text-transform:uppercase;
background:rgba(255, 255, 255, 0.1);
color:rgba(255, 255, 255, 0.5);
padding:10px;
}
.showimage a:hover{
color:rgba(255, 255, 255, 1);
}

@media screen and (max-width: 800px){
    .showimage{
    display: none;
	}
}


@media screen and (max-width: 1100px){
    li.projectweiche{
    width:45%;
    padding:0 0 0 0%;
    margin:0 0 50px 5%;
    float:left;
    }
}
@media screen and (max-width: 800px){
    li.projectweiche{
    width:100%;
    padding:0 0 0 0%;
    margin:0 0 50px 0%;
    float:left;
    }
 /*   li.level-2 a, li.level-3 a{
    padding:0px;
    }
   */ 
}

.sponsoren{
    float:left;
    width:50%;
}

.fb_iframe_widget{
    margin:0 0 0 20px;
}




.gallery{
    display:block;
    overflow:hidden;
	background:rgba(94, 94, 94, 0.8);
	padding:50px 20%;
    z-index:9;
 	}
.gallery h2{
    padding:0 0 20px 0;
	color:rgba(254,255,104,0.6);
	}
img.galleryimg {
    /*-webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);*/
    transition: all 0.40s;
    height: 100%;
	opacity:0.7;
}
img.galleryimg:hover {
 /* -webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);*/
	opacity:1;
}
.gallerydiv{
	display:block;
	overflow:hidden;
	float:left;
	height:100px;
	margin:10px 1% 0 0;
}
@media screen and (max-width: 800px){
    .gallery{
    display:none;
    }
}	

.weichenpic{
	width:29%;
	display:block;
	overflow:hidden;
	float:left;
	padding:0 2%;
}
.weichenpic a, .weichenpic img{
	width:100%;
 	transition: all 0.5s;
}
.weichenpic img{
	opacity:0.8;
}
.weichenpic img:hover{
	opacity:1;
}
.weichenpic h2{
	font-size:20px;
	text-align:center;
}
@media screen and (max-width: 1300px){
	.weichenpic{
		width:44%;
		padding:40px 3% 0 3%;
	}
}
@media screen and (max-width: 800px){
	.weichenpic{
		width:100%;
		padding:40px 0 0 0;
	}
}

















.display-none{
	display: none;
}
.display{
	display: block;
}