@charset "utf-8";
/* CSS Document */

/* Zurücksetzen der Auto-Schriftskalierung */
html { -webkit-text-size-adjust: none; }

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

}

body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
	margin:0px;
	padding:0px;
}


html,body{
	font-family:'DIN Next W01 Regular';
	width:100%;
	height:100%;
}

.navigation{
	position:fixed;
	top:20px;
	right: 10%;
	font-size: 12px;
	z-index:900;
}
.mobnav {
	
	color:white;
	text-decoration: none;
	font-size: 20px;
	border:0px solid red;
	
} 

.icons{
	position:fixed;
	z-index:1;
	top:20px;
	left: 5%;
	font-size: 12px;
	z-index:9999;
}


.impressum {
	position:fixed;
	bottom:20px;
	left: 50px;
	font-size: 12px;
	z-index:9999;
	color:white;
	display:inline;
	text-transform: uppercase;
	font-family:'DIN Next W01 Bold';
	font-size: 13px;
	

}


.impressumpopup {
		
	text-transform: uppercase;
	font-family:'DIN Next W01 Bold';
	font-size: 13px;
	cursor: pointer;
	color:white;
	text-decoration: none;
	
}

.navigation li {
/* 	font-size: 12px; */
	color:white;
	display:inline;
	font-family:'DIN Next W01 Bold';
	font-size: 13px;
	text-transform: uppercase;
	padding: 5px;
	line-height:30px;
	margin-bottom:2px;
/* 	font-weight:bold; */
/* 	-webkit-transition: all .2s ease-in-out; */
	border-bottom:0px solid black;
	text-align:left;
/* 	width:53px; */
	z-index: 900;
/* 	text-decoration: none; */
}
.navigation li:hover,.active{
	/* font-size:15px; */
	cursor:pointer;
/* 	width:100px!important; */
}


#slide5_info li {
	margin-left: 15px;
	list-style:  disc;
	font-family:'DIN Next W01 Bold', sans-serif ;
	font-size: 13px;
	color: white;
	padding-bottom: 4px;
	padding-top: 4px;
	
}



.main.slide {
	
	background-attachment: fixed;
/* 	width:100%; */
	width:100%;
/* 	height:100%; */
	height:800px; /*wichtig für kleine Bildschirme */
	position: relative;
	border: 0px dotted black;

}

.wrapper {
	width:100%;
	height:100%;
/* 	height:700px; */
	margin:0 auto;
	position:relative;
	left: 0px;
	top:0px;
	overflow: hidden;
	border: 0px dotted white;
	
	/*
-webkit-box-shadow: inset 0px 10px 10px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 10px 10px rgba(0,0,0,0.3);
	box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
*/
		

	
}
.slideno{
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:100px;
	font-weight:bold;
	color:rgba(255,255,255,0.3);
}


.shadow

{
left:0px;
top:0px;
position:relative; 
z-index: 850;
width: 100%;
height: 35px;
background: url(/images/shadow.png) left top repeat-x;
/* background: black; */
/* border: 1px solid red; */


}

.button{
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	bottom:0px;
	left:50%;
	z-index: 1009;
	/* background-color:#333333; */
	background:url(../images/button_down.png) no-repeat;
}

.button:hover{
	/* 	background-color:#494949; */
	cursor:pointer;
	z-index: 1009;
}

strong, b {
	
	font-family:'DIN Next W01 Bold';
	font-weight: normal;	
}





.product {

	border:0px solid white; 
	width:200px; 
	height:210px; 
/*	float:left; 

	margin-left:5px; 
	margin-right:5px; 
	
	*/
	margin-top:10px;
	padding:10px; 

	background:white;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-box-shadow: 1px 1px 5px 1px rgba(100,100,100,0.6);
	-moz-box-shadow: 1px 1px 5px 1px rgba(100,100,100,0.6);
	box-shadow: 1px 1px 5px 1px rgba(100,100,100,0.6);
	 overflow:hidden;
}


.button_mehr {
	
	font-family:'Georgia', serif;
	font-style: italic;
	font-weight: bold;
	font-size: 11px;
	color:#8a2672;
	text-decoration: none;
	
}


/******************************
PROJEKT
*******************************/




.projekt h1 {
	

	font-family:'DIN Next W01 Regular', sans-serif ;
	color:#455b06;
	text-transform:uppercase;
	font-size: 33px;
	margin-bottom: 10px;	
	font-weight: normal;
	
	/* 	font-family:'Georgia', serif; */
	/* 	font-style: italic; */
	/* 	color:#8a2672; */
	/* 	text-decoration: none; */

}


.projekt .text p {
	
	font-family:'DIN Next W01 Regular', sans-serif ;
	margin-bottom: 5px;
	color:gray;
	font-size: 13px;
	line-height: 18px;
	
}


.projekt_image {
	
	
	background:white;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-box-shadow: 1px 1px 5px 1px rgba(100,100,100,0.6);
	-moz-box-shadow: 1px 1px 5px 1px rgba(100,100,100,0.6);
	box-shadow: 1px 1px 5px 1px rgba(100,100,100,0.6);
	 overflow:hidden;

	
}


/******************************
FORM
*******************************/


input[type="email"],  input[type="text"], input[type="password"], textarea {
	
	
	
	font-family:'Georgia', serif;
	font-style: italic;
	color: #8a2672;
	background-color: #ebebeb;
	padding: 10px;
	width: 400px;
	height: auto;
	border:2px solid white;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;

	-webkit-box-shadow: 1px 1px 5px 1px rgba(100,100,100,0.6);
	-moz-box-shadow: 1px 1px 5px 1px rgba(100,100,100,0.6);
	box-shadow: 1px 1px 5px 1px rgba(100,100,100,0.6);

}



.formbutton {
	font-family:'Georgia', serif;
	font-style: italic;
	font-size: 14px;
	color: #8a2672;
	background-color: #ebebeb;
	padding: 5px;
	height: auto;
	border:2px solid white;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;

	-webkit-box-shadow: 1px 1px 5px 1px rgba(100,100,100,0.6);
	-moz-box-shadow: 1px 1px 5px 1px rgba(100,100,100,0.6);
	box-shadow: 1px 1px 5px 1px rgba(100,100,100,0.6);

}

.formbutton:link, .formbutton:visited, .formbutton:hover {

 color: white;
 border: 1px solid white;
 background-color: #8a2672;
}



.label {


	font-family:'DIN Next W01 Bold', sans-serif ;
	color: white;
	margin-top:10px;
	font-size: 14px;
	width:160px; 
	float:left;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(100,100,100,0.6); 
 }


.dottedline {

height: 7px;
padding:5px;

}

td {

padding:20px;


}
	
	
td p {

	font-family:'DIN Next W01 Regular', sans-serif ;
	font-size: 13px;
	color: white;
	padding-bottom: 4px;
	padding-top: 4px;

}



/******************************
CONTENT
*******************************/

.content  h1 {
	
	font-family:'DIN Next W01 Regular', sans-serif ;
	font-size: 28px;
	text-transform: uppercase;
	padding-bottom: 15px;
	
	
}


.content  p {
	
	font-family:'DIN Next W01 Regular', sans-serif ;
	font-size: 13px;
	/* color: white; */
	padding-bottom: 4px;
	padding-top: 4px;

	
	
}


.content a {

	font-family:'DIN Next W01 Regular';
	color:white;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	
}


.content a:hover {
	
	color:#6a910e;
	
}



.mission a {

	font-family:'DIN Next W01 Regular';
	color:#6a910e;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	
}


.mission a:hover {
	
	color:white;
	
}

/******************************
 TEAM
*******************************/


#team h1 {

	font-family:'DIN Next W01 Regular';
	color:#6a910e;
	font-weight: normal;
}


#team p {

	font-family:'DIN Next W01 Regular';
	color:white;
		
	font-size: 13px;
	margin-bottom: 10px;
	
}


#team a {

	font-family:'DIN Next W01 Regular';
	color:#6a910e;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	
}


#team a:hover {
		/* 	color:white; */
		/* 	color:#6a910e; */
		color:#8a2672;

	
}

#team  .team_link {
	
	padding-bottom: 10px;
	
}




/******************************
 SLIDE 1 
*******************************/
#slide1{
		
	background:url(../images/back_1.jpg)  center center repeat;
/*
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
*/
	
	/* background-color:#5c9900; */

	
}


#slide1 .slide1_img1 {
	
	/* MEGAPHONE 	 */
	position:absolute;
	top:-370px;
	right:5%;
	
	
}

#slide1 .slide1_img2 {

	/* STRICHE 	 */
	position:absolute;
	top:580px;
	right:60%;
}


#slide1 .slide1_img3 {
	
	
	/* TYPO 	 */
	position:absolute;
	top: 480px;
	right:40%;

}



#slide1 .slide1_img4 {
	
	
	/* Logo 	 */
	position:absolute;
	top: 375px;
	right:23%;

}


#slide1 .slide1_news {
	
	
	/* Logo 	 */
	position:absolute;


}


/******************************
 SLIDE 2 
*******************************/
#slide2{


	background:url(../images/back_2.jpg) center center repeat;
/*
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
*/

}
	

#slide2 .slide2_img1 { 

/* SCROLL	 */
	position:absolute;
	top: -190px;
	right: 45%;;

}
#slide2 .slide2_img2 { 

/*  TOPF Links */
	position:absolute;
	top:320px;
	right:80%;
	border: 0px solid red;

}

#slide2 .slide2_img3 { 
	
/* TOP rechts	 */
	position:absolute;
	top:220px;
	right:10%; 


}
#slide2 .slide2_img4 { 

/* TOPF LOGO */

position:absolute;
	top:180px;
	right:23%; 

}

#slide2 .slide2_img5 { 


/*   TYPO  */
	position:absolute;
	top: 20px;
	right: 35%;
}

#slide2 .slide2_img6 { 

/*   LOGO  */

	position:absolute;
	top: 510px;
	right:20%;

}

/******************************
 SLIDE 3 
*******************************/
#slide3 {
	
	
	background:url(../images/back_3.jpg);
/*
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
*/

	
}
#slide3 .slide3_img1 { 

/* SCROLL	 */
	position:absolute;
	top: 0px;
	right: 40%;;

}
#slide3 .slide3_img2 { 

/*  Petra */
	position:absolute;
	top:80px;
	right:75%;
	border: 0px solid red;

}

#slide3 .slide3_img3 { 
	
/* Thomas	 */
	position:absolute;
	top:50px;
	right:53%;


}
#slide3 .slide3_img4 { 

/* Team */

	position:absolute;
	top:150px;
	right:-5%; 

}

#slide3 .slide3_img5 { 

/* Text */

	position:absolute;
	top:400px;
	left:100px; 

}


/******************************
 SLIDE 4 
*******************************/

#slide4 {
	background:url(../images/back_4.jpg) center center repeat;
	/*
-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
*/
}

#slide4 .slide4_img2 { 

/*  TYPEWRITER */
	position:absolute;
	top:100px;
	right:-5%;
	border: 0px solid red;

}

#slide4 .slide4_img1 { 

/* SCROLL	 */
	position:absolute;
	top: -40px;
	right: 30%;

}



#slide4 .slide4_img3 { 
	
/* TYPO	 */
	position:absolute;
	top:325px;
	right:55%;
	height: 210px;
}

#slide4 .slide4_img4 { 
	
/* LOGO	 */
	position:absolute;
	top:50%;
	right:30%;

}

/******************************
 SLIDE 5 
*******************************/

#slide5 {
	background:url(../images/back_5.jpg)  center center repeat;
/*
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
*/
}


#slide5 .slide5_img1 { 

/* SCROLL	 */
	position:absolute;
	top: -60px;
	right: 45%;

}

#slide5 .slide5_img2 { 

/*  Mic1 */
	position:absolute;
	top:50px;
	right:80%;
	border: 0px solid green;

}

#slide5 .slide5_img3 { 

/*  Mic2 */
	position:absolute;
	top:470px;
	right:30%;
	border: 0px solid blue;

}

#slide5 .slide5_img4 { 

/*  Mic3 */
	position:absolute;
	top:20%;
	right:12%;
	border: 0px solid black;

}


#slide5 .slide5_img5 { 

/*  Mic4 */
	position:absolute;
	top:130px;
	right:8%;
	border: 0px solid red;

}

#slide5 .slide5_img6 { 
	
/* TYPO	 */
	position:absolute;
	top:225px;
	right:50%;
/* 	border:1px solid red: */
}

#slide5 .slide5_img7 { 
	
/* LOGO	 */
	position:absolute;
	top:450px;
	right:38%;

}



/******************************
 SLIDE 6 
*******************************/

 #slide6 {
	background:url(../images/back_6.jpg)   center center repeat;
/*
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
*/
}


#slide6 .slide6_img1 { 

/* SCROLL	 */
	position:absolute;
	top: -60px;
	right: 45%;

}

#slide6 .slide6_img2 { 

/*  Pin */
	position:absolute;
	top:-5%;
	right:38%;
	border: 0px solid green;

}

#slide6 .slide6_img3 { 

/*  Typo1 */
	position:absolute;
	top:25%;
	right:18%;
	border: 0px solid blue;

}
#slide6 .slide6_img4 { 

/*  Typo2 */
	position:absolute;
	top:45%;
	right:18%;
	border: 0px solid blue;

}


#slide6 .slide6_img5 { 

/*  Logo */
	position:absolute;
	top:45%;
	right:65%;
	border: 0px solid blue;

}



/******************************
 SLIDE 7 
*******************************/

#slide7 {
	background:url(../images/back_7.jpg)   center center repeat;
/*
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
*/
}


#slide7 .slide7_img1 { 

/* TYPO	 */
	position:absolute;
	top: 150px;
	left: 120px;
	z-index: 9900;
}

#slide7 .slide7_img2 { 

/*  Flyer 1 */
	position:absolute;
	top:100px;
	right:25%;
	border: 0px solid green;

}

#slide7 .slide7_img3 { 

/*  Flyer 2  */
	position:absolute;
	top:150px;
	right:10%;
	border: 0px solid blue;

}
#slide7 .slide7_img4 { 

/*  Flyer 3  */
	position:absolute;
	top:450px;
	right:20%;
	border: 0px solid blue;

}


.newshead {
	
	font-family:'DIN Next W01 Bold' , sans-serif;
	color:white;
	text-transform:uppercase;
	font-size: 22px;
	letter-spacing: 1px;
	padding-bottom:10px;

	
}


.newstext {
	
	font-family:'DIN Next W01 Regular', sans-serif ;
	font-size: 14px;
	letter-spacing: 0px;
	padding-bottom:10px;
	color: black;

	
}


.newstext a {
	
	font-family:'DIN Next W01 Bold' , sans-serif;
	font-size: 14px;
	letter-spacing: 0px;
	padding-bottom:10px;
	color: #0d2a32;
	text-decoration: none;

	
}




.newsclose {
	
	text-decoration: none;
	font-family:'DIN Next W01 Bold' , sans-serif;
	
}



/******************************
 ISOTOPE
*******************************/


.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}​