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

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
}

h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:100;
	font-size:24px;
	color:black;
	background-color:white;
	text-align:left;
}

 h2 {
	 font-family: 'Roboto Condensed', sans-serif;
	 font-weight:500;
	 letter-spacing:-1.5px;
	 color:black;
	 background-color:white;
	 font-size:55px; 
	 margin: 10px 0; 
	 line-height: 1em;
	 text-align:center;
	 display:block;

	 }

h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:100;
	font-size:24px;
	color:#000000;
	background-color:#FFFFFF;
	text-align:center;

}
	 
h4 {
 	font-family: 'Roboto Condensed', sans-serif;
 	font-weight:500;
	font-size:80px;
	color:#000;
	text-align:left !important;
	margin:0px auto;
}

h6 {
	font-family:Helvetica, sans-serif;
	font-weight:500;
	color:#F00;
	font-size:100px;
	line-height:3 em;
}

p {
	 font-family: 'Roboto Condensed', sans-serif;
	 color:black;
	 font-size: 16px; 
	 line-height: 1.5em;
	 text-align:left !important;
	
}

a {
	color:black;
	text-decoration: underline;
}

a:hover {
	color:#F3C;
}


.parallax {
	width: 100%;
	height: 100%;
}

#logo {
	padding-top:75px;
	padding-bottom:20px;
}

.textbox1 {
	width:300px;
	height:50px;
	margin:0px auto;
	text-align:center !important;
	position:relative;
}

.textbox2 {
	width:400px;
	height:280px;
	margin:200px 0 0px 55%;
	text-align:center !important;
	background-color:white;
	opacity:.80;
	position:absolute;
	padding:10px 20px;
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 50px #000;
}

.textbox2:hover{
	background-color:white;
	opacity: 1;
}

.textbox3 {
	width:400px;
	height:250px;
	margin:50px 0 0px 55%;
	position:absolute;
	text-align:center !important;
	opacity:.80;
	background-color:white;
	padding:10px 20px;
	
}

.textbox3:hover{
	background-color:white;
	opacity: 1;
}

.textbox4 {
	width:400px;
	height:300px;
	margin:10% 0 0px 55%;
	position:absolute;
	text-align:left !important;
	background-color:#FFF;
	padding:10px 20px;
	opacity:.80;

	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 50px #000;
	
}

.textbox4:hover{
	background-color:white;
	opacity: 1;
}

.parallax div.parallax-item {
	width:100%;
	height:100%;
	background-attachment:fixed;
	background-repeat:no-repeat;
	
}


.parallax .parallax-item[data-img="1"] {
	background-image:url(../image/start_1.png);
	background-size:cover;

	background-attachment:fixed;
	text-align: center;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
}

.parallax .parallax-item[data-img="2"] {
		background-image:url(../image/dreigroschenoper_portfolio.gif);
		background-size:cover;
		min-width: 1200px;
		background-attachment:fixed;
		-webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
}



.parallax .parallax-item[data-img="3"] {
	
	/*background:url(../image/binding_dark_@2X.png) repeat;*/
	background-color:#000;
	height:650px;
		

}

.parallax .parallax-item[data-img="4"] {
	background-image:url(../image/kabel_portfolio.gif);
	background-size:cover;
	min-width: 1200px;
	background-attachment:fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}



.gifs {

	text-align:center !important;
	margin:50px 0 0px 6%;
	position:absolute;
	width:504px;
	padding:20px;
	background-color:#FFF;
	
}


.textbox5 {
	width:300px;
	height:350px;
	margin:80px 0 0px 67%;
	position:absolute;
	text-align:center !important;
	background-color:#FFF;
	padding:10px 20px;
	opacity:.80;
	
}

.textbox5:hover{
	background-color:white;
	opacity: 1;
}

.parallax .parallax-item[data-img="5"] {
		background-image:url(../image/Logos_pg.gif);
		background-size:cover;
		min-width: 1200px;
		background-attachment:fixed;
		-webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;

}

.textbox6 {
	width:330px;
	height:450px;
	margin:50px 0 0px 3%;
	position:absolute;
	text-align:center !important;
	background-color:#FFF;
	padding:10px 20px;
	opacity:.90;
	
}

.textbox6:hover{
	background-color:white;
	opacity: 1;
}

.parallax .parallax-item[data-img="6"] {
		background-image:url(../image/dry_ci_1.png);
		background-size:cover;
		min-width: 1200px;
		-webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
		
}


.textbox7 {
	width:450px;
	height:280px;
	margin:148px 0 0px 50%;
	position:absolute;
	background-color:#FFF;
	opacity: .80;
	text-align:left !important;
	padding:10px 20px;
	
}

.textbox7:hover{
	background-color:white;
	opacity: 1;
}

.textbox8 {
	width:800px;
	height:430px;
	margin:10px 0 0px -28%;
	position:absolute;
	text-align:left !important;
	padding:10px 20px;
	
}

.parallax .parallax-item[data-img="7"] {
		/*background:url(../image/binding_dark_@2X.png) repeat;*/
	background-color:#000;
	min-width: 1200px;
	height:800px;
		
}

.parallax .parallax-item[data-img="8"] {
		background-image:url(../image/eating_portfolio.gif);
		background-size:cover;
		min-width: 1200px;
	-webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
		
}

.mains {
	width:100%;
	height:120%;
	margin:100px 0 0px 5%;
	position:absolute;
	text-align:left !important;

	
}

.mains2 {
	width:100%;
	height:100%;
	margin:450px 0 0px 30%;
	position:absolute;
	text-align:left !important;

	
}
.fur {
	width:50%;
	height:50%;
	margin:500px 0 0px 70%;
	position:absolute;
	text-align:left !important;

	
}

.fur2 {
	width:100%;
	height:100%;
	margin:500px 0 0px 48%;
	position:absolute;
	text-align:left !important;

	
}
.parallax .parallax-item[data-img="9"] {
		
		/*background-image:url(../image/weltkarte_upload_2.png);*/
		background-color: black;
		background-size: cover;
		min-width: 1200px;
		height:800px;
		background-attachment:fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
}

.parallax .parallax-item[data-img="10"] {
	background-image:url(../image/ape1_website.png);
	background-size:cover;
	min-width: 1200px;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
}


.textbox9 {
	width:450px;
	height:315px;
	margin:112px 0 0px 50%;
	position:absolute;
	background-color:#FFF;
	text-align:left !important;
	padding:10px 20px;
	opacity: .80;
	
	
}

.textbox9:hover{
	background-color:white;
	opacity: 1;
}

.textbox10 {
	width:350px;
	height:550px;
	margin:30px 0 0px 8%;
	position:absolute;
	background-color:#FFF;
	opacity: .80;
	text-align:left !important;
	padding:10px 20px;
	
}

.textbox10:hover{
	background-color:white;
	opacity: 1;
}

.textbox16 {
	width:350px;
	height:530px;
	margin:30px 0 0px 55%;
	position:absolute;
	background-color:#FFF;
	opacity: .90;
	text-align:left !important;
	padding:10px 20px;
	
}

.textbox16:hover{
	background-color:white;
	opacity: 1;
}
.gifs2 {
	position:absolute;	
	margin:500px 0 0px 30%;
}


.parallax .parallax-item[data-img="11"] {
	background-image:url(../image/poetry_docu_full.png);
	background-size:cover;
	min-width: 1200px;
		 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
		}


.parallax .parallax-item[data-img="12"] {
		/*background:url(../image/rv_bg.png);*/
		background-color: black;
		background-size:cover;
		min-width: 1200px;
		height: 1050px;
		}


.parallax .parallax-item[data-img="13"] {
	background:url(../image/binding_dark_@2X.png);
		background-color:white;
		height:800px;
		min-width: 1200px;
		}

.parallax .parallax-item[data-img="14"] {
	background-image:url(../image/av_bg.png);
	background-size: cover;
	background-attachment:fixed;
	min-width: 1200px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

.parallax .parallax-item[data-img="15"] {
		background-image:url(../image/portrait.png);
		background-size:cover;
		min-width: 1200px;
			 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;	
}

.parallax .parallax-item[data-img="16"] {
		background-image:url(../image/mighty_3.jpg);
		background-size:cover;
		min-width: 1200px;
		-webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;	
}

.parallax .parallax-item[data-img="17"] {
		background-image:url(../image/bach_ma_3.png);
		background-size:cover;
		min-width: 1200px;
		-webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;	
}

.textbox17 {
	width:300px;
	height:420px;
	margin:80px 0 0px 10%;
	position:absolute;
	text-align:center !important;
	background-color:#FFF;
	padding:10px 20px;
	opacity:.80;
	
}

.textbox17:hover{
	background-color:white;
	opacity: 1;
}

.parallax .parallax-item[data-img="18"] {
		background-image:url(../image/parents.png);
		background-size:cover;
		min-width: 1200px;
		-webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;	
}

.textbox18 {
	width:300px;
	height:350px;
	margin:150px 0 0px 60%;
	position:absolute;
	text-align:center !important;
	background-color:#FFF;
	padding:10px 20px;
	opacity:.80;
	-moz-box-shadow: 0px 0px 5px grey;
	-webkit-box-shadow: 0px 0px 5px grey;
	box-shadow: 0px 0px 50px grey;
	
}

.textbox18:hover{
	background-color:white;
	opacity: 1;
}
#rv {
	padding-top:40px;
	margin-left: 5%;
	width:700px;
	height:900px;
	/*background-color:#3C3;*/
	text-align:center !important;
	display:block;
	float: left;
	
}

/*.rv_1 {
	width:310px;
	height:438px;
	background-image:url(../image/RV_1.jpg);
	float:left;
	margin-right:30px;
	}*/

.rv_2 {
	margin-top: 30px;
	width:310px;
	height:438px;
	background-image:url(../image/RV_2.jpg);
	float:left;
	margin-right:30px;
		display:block;

	}

.rv_3 {
	margin-top: 30px;
	width:310px;
	height:438px;
	background-image:url(../image/RV_3.jpg);
	float:left;
	background-repeat: no-repeat;
	}

.rv_4 {
	margin-top: 30px;
	width:310px;
	height:438px;
	background-image:url(../image/RV_4.jpg);
	float:left;
	margin-right:30px;
		display:block;

	}

.rv_5 {
	margin-top: 30px;
	width:310px;
	height:438px;
	background-image:url(../image/RV_5.jpg);
	float:left;
	background-repeat: no-repeat;
	}

.rv_headline {
	margin-left: 50px;
	margin-top:70px;
	width:250px;
	height:350px;
	background-color:white;
	opacity: .80;
	float:left;
	padding:10px 20px;
	display:block;


}

.rv_headline:hover {
	background-color:white;
	opacity: 1;
}

.rv_text {
	margin-left:30px;
	margin-top:30px;
	width:400px;
	height:140px;
	background-color:white;
	float:left;
	padding:15px 20px;

}

#av_vid {
	margin:0 0 0 9%;
	padding-top: 80px;
	float:left;
}

#av_text {
	width:400px;
	height: 350px;
	background-color: white;
	float:left;
	opacity: .80;
	margin:80px 0 0 45px;
	padding:15px 20px;
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 50px #000;
}

#av_text:hover {
	background-color:white;
	opacity: 1;
}

/*@media screen and (max-width: 960px){

.parallax{
	margin:0px auto;
	text-align: center;
}

	html, body {
	width: 100%;
	height: 100%;
	margin:0 px auto;
	text-align: center;
}


	h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:100;
	font-size:15px;
	color:black;
	background-color:white;
	text-align:left;
}

 h2 {
	 font-family: 'Roboto Condensed', sans-serif;
	 font-weight:500;
	 letter-spacing:-1.5px;
	 color:black;
	 background-color:white;
	 font-size:30px; 
	 margin: 10px 0; 
	 line-height: 1em;
	 text-align:center;
	 display:block;

	 }

h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:100;
	font-size:24px;
	color:#000000;
	background-color:#FFFFFF;
	text-align:center;

}
	 
h4 {
 	font-family: 'Roboto Condensed', sans-serif;
 	font-weight:500;
	font-size:80px;
	color:#000;
	text-align:left !important;
	margin:0px auto;
}

h6 {
	font-family:Helvetica, sans-serif;
	font-weight:500;
	color:#F00;
	font-size:100px;
	line-height:3 em;
}

p {
	 font-family: 'Roboto Condensed', sans-serif;
	 color:black;
	 font-size: 14px; 
	 line-height: 1.2em;
	 text-align:left !important;
	
}

a {
	color:black;
	text-decoration: underline;
}

a:hover {
	color:#F3C;
}



	.parallax .parallax-item[data-img="1"] {
		background-image:none;
		background-color:black;
	}


	.parallax .parallax-item[data-img="2"] {
		padding-top: 50px;
		background-image:none;
		background-color:black;
		text-align: center;
		height: auto;
	}

	.textbox2 {
	display: none;
	}

	.textbox3 {
	width:400px;
	height:130px;
	margin:0px auto;
	position:relative;
	text-align:center !important;
	background-color:white;
	padding:10px 20px;
	opacity:1;
	
}

	.gifs {

	text-align:center !important;
	margin:0px auto;
	position:relative;
	background-color:black;
	margin-top: 20px;
	
}

.textbox4 {
	top: 100px;
	width:400px;
	height:180px;
	margin:0px auto;
	position:relative;
	text-align:center !important;
	background-color:white;
	padding:10px 20px;
	opacity:1;
}

.textbox5 {
	display: none;
}

.textbox6 {
	display: none;
}

.textbox7 {
	bottom: 50px;
	width:400px;
	height:180px;
	margin:0px auto;
	position:relative;
	text-align:center !important;
	background-color:white;
	padding:10px 20px;
	opacity:1;
}

.textbox9 {
	top:50px;
	margin-bottom: 200px;
	width:400px;
	height:180px;
	margin:0px auto;
	position:relative;
	text-align:center !important;
	background-color:white;
	padding:10px 20px;
	opacity:1;
}

.textbox10 {
	top:50px;
	width:400px;
	height:180px;
	margin:0px auto;
	position:relative;
	text-align:center !important;
	background-color:white;
	padding:10px 20px;
	opacity:1;
	display: none;
}

.rv_headline {
	top:50px;
	width:400px;
	height:180px;
	margin:0px auto;
	position:relative;
	text-align:center !important;
	background-color:white;
	padding:10px 20px;
	opacity:1;
}

#rv {
	padding-top:300px;
	width:440px;
	height:1000px;
	text-align:center !important;
	margin:0px auto !important;
	
}

.rv_2 {
	width:310px;
	height:438px;
	background-image:url(../image/RV_2.jpg);
	margin:0px auto;
	text-align: center;
	background-repeat: no-repeat;

	}

.rv_3 {
	width:310px;
	height:438px;
	background-image:url(../image/RV_3.jpg);
	background-repeat: no-repeat;
	margin:0px auto !important;
	text-align:center !important;
	}

#av_text{
	margin:0px auto;
	top:50px;
	width:400px;
	height:210px;
	position:relative;
	text-align:center !important;
	background-color:white;
	padding:10px 20px;
	opacity:1;
}

#av_vid {
	text-align: center;
	margin:0px auto;
}
		.parallax .parallax-item[data-img="3"] {
		background-image:none;
		background-color:black;
		height: auto;
		text-align: center;
		margin:0px auto;
	}


	.parallax .parallax-item[data-img="4"] {
		background-image:none;
		background-color:black;
		text-align: center;
		margin:0px auto;


	}
		.parallax .parallax-item[data-img="5"] {
		background-image:none;
		background-color:aqua;
		height: auto;
		text-align: center;
		margin:0px auto;
	}


	.parallax .parallax-item[data-img="6"] {
		background-image:none;
		background-color:black;
		height: 300px;
		text-align: center;
		margin:0px auto;
	}

		.parallax .parallax-item[data-img="7"] {
		background-image:none;
		background-color:black;
		height: 400px;
		text-align: center;
		margin:0px auto;
	}
		.parallax .parallax-item[data-img="8"] {
		background-image:none;
		background-color:black;
		height: 400px;
		text-align: center;
		margin:0px auto;
	}


	.parallax .parallax-item[data-img="9"] {
		background-image:none;
		background-color:black;
		height: 650px;
		text-align: center;
		margin:0px auto;
	}

		.parallax .parallax-item[data-img="10"] {
		background-image:none;
		display: none;
		background-color:black;
		height: 900px;
		text-align: center;
		margin:0px auto;
	}
		.parallax .parallax-item[data-img="11"] {
		background-image:none;
		background-color:black;
		height: 900px;
		text-align: center;
		margin:0px auto;
	}


	.parallax .parallax-item[data-img="12"] {
		background-image:none;
		background-color:black;
		height: 900px;
		text-align: center;
		margin:0px auto;
	}

		.parallax .parallax-item[data-img="13"] {
		background-image:none;
		background-color:black;
		height: 900px;
		text-align: center;
		margin:0px auto;
	}
		.parallax .parallax-item[data-img="14"] {
		background-image:none;
		background-color:black;
		height: 900px;
		text-align: center;
		margin:0px auto;
	}


	.parallax .parallax-item[data-img="15"] {
		background-image:none;
		background-color:black;
		height: 900px;
		text-align: center;
		margin:0px auto;
	}
}

@media screen and (max-width: 700px){
}*/
}