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

html {
 height:100%;
 min-height:100%;
}

#menu-flache{
				width:100% !important;
				}
				
	#close{
				display:block;
				width:25px;
				height:25px;
				position:absolute;
				right:40px;
				top:40px;
				cursor:pointer;
				z-index:99999999999999999999999999;
				}
				
			#close2{
				display:block;
				width:25px;
				height:25px;
				position:absolute;
				right:40px;
				top:40px;
				cursor:pointer;
				}
		
	#menu-flache-schrift{
				font-family: merriweather,sans-serif;
				font-size:24px !important;
				font-weight:300;
				color:#FFF;
				position:absolute;
				top:100px;
				left:100px;
				margin:0px;
				z-index:61;
				}
				
	#menu-botton2{display:none;}
	
	.footer{padding-bottom: 15px !important;}


/********************************************Head*******************************************/
	
	#agency-hintergrund{
		background:url(../images/konfi2.jpg) center no-repeat;
		 -webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-attachment:scroll;
		width:100%;
		height:100%;
		position:absolute;
		z-index:1;
		}
		
	#agency-hintergrund-overlay{
		width:100%;
		height:100%;
		background-color:rgba(255, 255, 255, 0.1);
		position:absolute;
		z-index:2;
		}
		
	#headline-box{
		position:absolute;
		top:50%;
		width:100%;
		margin-top:-120px;
		z-index:9999;
		}
		
	#headline{
		font-family: 'Playfair Display', serif;
		font-size:50px;
		font-weight:100;
		color:#FFF;
		width:480px;
		margin:auto;
		text-align:center;
		margin-top:0px;
		margin-bottom:0px;
		z-index:90
		}
		
	#subline{
		-webkit-font-smoothing: antialiased;
		box-sizing: border-box;
		direction: ltr;
		font-family: Arquitecta, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size:24px;
		font-weight:300;
		line-height:25px;
		color:#FFF;
		width:480px;
		left:0% !important;
		margin:auto;
		position:relative;
		text-align:center;
		padding-top:30px;
		margin-top:0px;
		margin-bottom:0px;
		text-transform:uppercase;
		}
		
	article{
		display:inline;
		font-style:italic;
		}
		
		
		
/*******************************************Head2*******************************************/


		
	#overlay{
		width:100%;
		height:500px;
		position:absolute;
		top:100%;
		background-color:rgba(39,39,39, 0.9);
		z-index:99;
		}
		
	#headline-wrapper{
		height:100%;
		z-index:999;
		width: 100%
		}
		
	#wrapper{
		top:20%;
		bottom:20%;
		margin: auto;
		height:60%;
		width:400px;
		padding-right:15px;
		position: relative;
		}
		
	#wrapper p{
		font-familie: merriweather, times, serif;
		font-size:24px;
		font-weight:300;
		font-style:italic;
		color:rgb(188, 132, 32);
		position:relative;
		}
	
	#wrapper h1{
		-webkit-font-smoothing: antialiased;
		box-sizing: border-box;
		color: rgb(255, 255, 255);
		direction: ltr;
		display: block;
		font-family: Arquitecta, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 33px;
		font-weight: 600;
		line-height: 28px;
		pointer-events: none;
		text-align: left;
		text-transform: uppercase;
		visibility: visible;
		position:relative;
		}
		
	#display{
		width:0% !important;
		height:0% !important;
		position:absolute;
		top:167.5%;
		left:50%;
		background-image:url(../images/ipad.png);
		background-position:center;
		background-size:contain;
		background-repeat:no-repeat;
		z-index:9999;
		}

		

/*******************************************Content*******************************************/
		
	
	#partner{
		position:absolute;
		top:20%;
		width:80%;
		margin:auto;
		left:10%;
		right:10%;
		margin-top:-320px; 
		padding-left:0px !important;
		padding-right:0px !important;
		margin-left:0px !important;
		}
		
	#impulse{
		position:absolute;
		top:45%;
		width:80%;
		margin:auto;
		left:10%;
		right:10%;
		margin-top:-170px;
		padding-left:0px !important;
		padding-right:0px !important;
		margin-left:0px !important;
		}
		
	#impulse2{
		position:absolute;
		top:75%;
		width:80%;
		margin:auto;
		left:10%;
		right:10%;
		margin-top:-180px;
		padding-left:0px !important;
		padding-right:0px !important;
		margin-left:0px !important;
		}
		
	.contact-button{
		width:150px;
		height:40px;
		margin: auto;
		margin-top:50px;
		}
		
	.contact-button-a{
		width:200px;
		height:40px;
		left:50%;
		margin-left:-100px;
		position:absolute;
		padding-top:10px;
		-webkit-font-smoothing: subpixel-antialiased;
		font-family: Arquitecta, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 22px;
		font-weight: 100;
		text-align: center;
		text-decoration:none;
		color: rgb(188, 132, 32);
		visibility: visible;
		direction: ltr;
		display: block;
		border: 1px solid rgb(188, 132, 32);
		}
	
	.contact-button-a:hover{color: rgb(127, 127, 127); border: 1px dashed rgb(127, 127, 127);}
		
	#block2 h1{
		box-sizing: border-box;
		direction: ltr;
		display: block;
		font-family: 'Playfair Display', serif;
		font-size: 60px;
		font-weight:100;
		line-height: 1;
		pointer-events: none;
		text-align: center;
		visibility: visible;
		position:relative;
		margin:0px;
		padding-bottom:60px;
		}
		
	#block2 p{
		-webkit-font-smoothing: subpixel-antialiased;
		box-sizing: border-box;
		direction: ltr;
		display: block;
		font-family: Arquitecta, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 24px;
		font-weight: 100;
		line-height: 1.6;
		pointer-events: none;
		text-align: center;
		visibility: visible;
		position:relative;
		color:rgb(127, 127, 127);
		margin:0px;
		}
		
	#rechts{
		width:50%;
		height:100%;
		position:absolute;
		left:50%;
		}
		
	.footer-menu{width:250px !important;}
	
		
		
/*******************************************Preferencen*******************************************/
	
		
	.left{
		width:50%;
		left:0%;
		position:absolute;
		}
		
	.right{
		width:50%;
		left:50%;
		position:absolute;
		}
		
	.full{
		width:100% !important;
		position:relative;
		}
		
	.half-height{height:50% !important;}
	
	.half-top{top:50%;}
		
	.overlay{
		width:100%;
		height:25%;
		background-color:rgba(39, 39, 39, 0.9);
		position:relative;
		}
		
	.text-wrapper{
		width:100%;
		height:100%;
		left: 0% !important;
		}
		
	.text-wrapper-box{
		width:95%;
		position:absolute;
		top:50%;
		margin-top: -90px;
		left:2.5%;
		right:2.5%;
		}
		
	.text{
		height:100%;
		width:100%;
		}
		
	.gray{background-color:rgb(252,252,252);}
		
	.text h1{
		-webkit-font-smoothing: antialiased;
		box-sizing: border-box;
		direction: ltr;
		display: block;
		font-family: Arquitecta, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 25px;
		font-weight: 600;
		line-height: 20px;
		pointer-events: none;
		text-align: left;
		text-transform: uppercase;
		visibility: visible;
		position:relative;
		}
		
	.text p{
		-webkit-font-smoothing: subpixel-antialiased;
		box-sizing: border-box;
		direction: ltr;
		display: block;
		font-family: Arquitecta, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 24px;
		font-weight: 100;
		line-height: 1.6;
		pointer-events: none;
		text-align: left;
		visibility: visible;
		position:relative;
		color:rgb(127, 127, 127);
		}
		
	.person{
		height:500px;
		width:400px;
		position:relative;
		margin:auto;
		top:50px;
		left:0px;
		z-index:99999999;
		}
	
	
		
	.person span{
		position:relative;
		height:1px;
		width:30px;
		background-color:rgb(0,0,0);
		left:50%;
		margin-left:-200px;
		display:block;
		}
		
	.person a p{
		margin-left: 0px !important;
		left: 0% !important;
		font-size: 20px !important;
		}
		
	.person h1{
		font-size: 30px !important;
		text-transform:none !important;
		font-weight:700 !important;
		text-align:left !important;
		left:50% !important;
		margin-left:-200px !important;
		width:400px !important; 
		height:50px !important;
		}
		
	.person p{
		left:50% !important;
		margin-left:-200px !important;
		width:400px !important; 
		height:40px !important;
		text-align:left !important;
		z-index:99999999999 !important;
		font-size:24px !important;
		}
		
	.personenbeschreibung{
		font-size:20px !important;
		margin-top:0px !important;
		}	
		
	.person a{
		z-index: 99999999999999999 !important;
		display: block;
		width: 400px;
		left: 50%;
		margin-left: -200px;
		position: relative;
		margin-top: -10px;
		margin-bottom: 10px;
}
	
	.person a p{
		margin-left: 0px !important;
		left: 0% !important;
		font-size: 24px !important;
		}
		
	.bild{
		height:100%;
		width:50%;
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
		}
		
	.klein{
		height:50% !important;
		width:100% !important;
	}
		
	.r{
		position:relative;
		left:0%;
		width:100%;
		height:50%;
		}
		
	.blocke{
		height:50%; position:absolute; width:100%;
		}
		
	.full-blocke{height:100%; position:absolute; width:100%;}
	
	.full-blocke-200{height:200%; position:absolute; width:100%;}
	
	.blocke a{
		text-decoration:none;
		color:#000;
		}
		
	.blocke a:hover{
		text-decoration:underline;
		color:#000;
		}
		
	.black{background-color:rgb(39, 39, 39);}
	
	.black h1{color:rgb(188,132,32) !important; text-align:center;}
		
		
/*******************************************Lightbox*******************************************/


#background-video-lightbox{
		height:100%;
		width:100%;
		position:fixed;
		z-index:1;
		top:0%;
		left:0%;
		opacity:0;
		display:block;
		background-color:rgba(39,39,39,0.9);
		}
	
	#video-lightbox{
		width:853px;
		height:480px;
		position:fixed;
		top:50%;
		left:50%;
		margin-left:-427px;
		margin-top:-240px;
		z-index:1;
		opacity:0;
		display:block;
		}
		
	#lightbox-closer{
		position:fixed;
		top:50%;
		left:50%;
		height:25px;
		width:25px;
		padding:12.5px;
		margin-left:377px;
		margin-top:-240px;
		opacity:0;
		z-index:1;
		background-color:rgb(188,132,32);
		cursor:pointer;
		display:block;
		}
		
	#start-video-lightbox{
		height:50px;
		width:50px;
		position:relative;
		left:50%;
		margin-left:-25px;
		margin-top:50px;
		display:block;
		cursor:pointer;
		z-index:999;
		}
		
	#slideshow-benjamin{width:100%; height:50%;}
	
	#slideshow-benjamin div{width:100%; height:50%; position:absolute; top:0px; left:0px; background-position: 30% 20%;}
	
	#slideshow-christoph{width:100%; height:50%; position:relative; left:0px;}
	
	#slideshow-christoph div{width:100%; position:absolute; top:0px; left:0px; background-position: 30% 20%;}
	
	#slideshow-patrick{width:100%; height:50%;}
	
	#slideshow-patrick div{width:100%; height:50%; position:absolute; top:0px; left:0px; background-position: 30% 20% !important;}



/*******************************************Hintergrundbilder*******************************************/
		
	#buro{
		background-image:url(../images/kit.jpg); background-position:left !important; width:100% !important; height:50% !important;
		}
		
	#buro2{
		background-image:url(../images/stockholm.jpg);
		}
		
	#buro3{
		background-image:url(../images/buro3.jpg);
		}
		
	#buro4{
		background-image:url(../images/stockholm2.jpg);  background-position:70% 100% !important;
		}
		
	#buro5{
		background-image:url(../images/oslo.jpg);
		}
		
	#benjamin{
		background-image:url(../images/benjamin.jpg); background-position:top;
		}
		
	#benjamin2{
		background-image:url(../images/benjamin2.jpg); background-position:top;
		}
		
	#christoph{
		background-image:url(../images/christoph.jpg); background-position:top;
		}
		
	#christoph2{
		background-image:url(../images/christoph2.jpg); background-position:top;
		}
		
	#patrick{
		background-image:url(../images/patrick3.jpg); 
		}
		
	#patrick2{
		background-image:url(../images/patrick2.jpg); background-position: center; 
		}
		
/*******************************************Blöcke*******************************************/

	#block1{ top:200%; z-index:99;}
	
	#block2{ top:100%; min-height:2500px; z-index:-2; margin-top: 500px !important; position:absolute;}
	
	#block3{	 position:relative; z-index:99999; height:1700px !important;}
	
	#block4{	 position:relative; z-index:99999; height:2000px !important;}
	
	#block5{	 position:relative; z-index:99999; height:1600px !important;}