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

	/*html{overflow-x: hidden;overflow-y: scroll;}*/

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

	#arkwright-hintergrund{
		background-image:url(../images/arkwright.jpg);
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
		width:100%;
		height:100%;
		position:absolute;
		z-index:999;
		}
		
	#productmate-hintergrund{
		background-image:url(../images/productmate.jpg);
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
		width:100%;
		height:100%;
		position:absolute;
		z-index:1;
		}
		
	#jobkontor-hintergrund{
		background-image:url(../images/jobkontor2.jpg);
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
		width:100%;
		height:100%;
		position:absolute;
		z-index:1;
		}
		
	.hintergrund-overlay{
		width:100%;
		height:100%;
		background-color:rgba(39, 39, 39, 0.9);
		position:absolute;
		z-index:1000;
		}
		
	.startbild{
		position:absolute;
		top:50%;
		height:140px;
		margin-top:-70px;
		width:100%;
		z-index:9999;
		}
		
	.startbild-headline{
		font-family: Arquitecta ,sans-serif;
		font-size:60px;
		font-weight:300;
		color:#FFF;
		height:145px;
		width:60%;
		margin-left:-50px;
		top:50%;
		margin-top:-45px;
		position:absolute;
		text-align:right;
		line-height:50px;
		overflow:hidden;
		}
		
	.startbild-subline{
		position:absolute;
		top:50%;
		height:140px;
		margin-top:-55px;
		width:40%;
		margin-right:-50px;
		left:60%;
		opacity:1;
		}
	
	.startbild-project{
		font-family: 'Merriweather', serif;
		font-size:16px;
		font-weight:300;
		color:#FFF;
		position:relative;
		top:0%;
		}
	
	.startbild-balken{
		width:30px;
		height:1px;
		background-color:#FFF;
		display:block;
		position:relative;
		top:15%;
		margin-top:-12px;
		}
	
	.startbild-sparte{
		font-family: Arquitecta ,sans-serif;
		font-size:20px;
		font-weight:300;
		color:#FFF;
		position:relative;
		top:40%;
		margin-top:-14px;
		}
		
	.content{
		position:absolute;
		top:100%;
		width:100%;
		z-index:-1000;
		}
		
	.block{
		width:100%;
		border-bottom:1px solid #f3f3f3;
		padding-bottom:100px;
		}
		
	.block-flache{
		position:relative;
		width:960px;
		left:50%;
		margin-left:-480px;
		margin-top:100px;
		}
		
	.block-headline{
		font-family: Arquitecta ,sans-serif;
		font-size:48px;
		font-weight:600;
		line-height:45px;
		color:#000;
		width:510px;
		margin:auto;
		word-wrap: break-word;
		}
		
	.block-text{
		font-family: Arquitecta ,sans-serif;
		font-size:22px;
		font-weight:300;
		line-height:35px;
		color:rgb(127,127,127);
		padding-top:50px;
		width:510px;
		margin:auto;
		}
		
	.block-balken{
		top:25px;
		position:relative;
		height:1px;
		width:30px;
		background-color:#555;
		display:block;
		left:50%;
		margin-left:-255px;
		}
		
	.block-bild-groß{
		width:960px;
		}
	
	.block-bild-klein{
		width:455px;
		position:relative;
		}
	
	.oben{padding-top:46px;}
	
	.links{padding-right:46px;}
	
	.absolute{
	  position: absolute !important;
	  left: 0px;
	  width: 455px;
	  height:303px;
	  top: 0px;
	  }
	
	.hoch{max-height:656px;}
	
	#section1{
		position:absolute;
		left:0%;
		width:100%;
		height:100%; 
		}
		
	#section2{
		position:absolute;
		left:100%;
		width:100%;
		height:100%;
		}
		
	#section3{
		position:absolute;
		left:100%;
		width:100%;
		height:100%;
		}
		
	#section4{
		position:absolute;
		left:100%;
		width:100%;
		height:100%;
		}
	
	#botton-rechts, #botton-rechts2, #botton-rechts3, #botton-rechts4{
		position:absolute;
		top:50%;
		margin-top:-25px;
		right:2.5%;
		z-index:99999;
		cursor:pointer;
		}
		
	.nachunten{
		position:absolute;
		top:80%;
		left:50%;
		margin-left:-25px;
		z-index:999999;
		}
		
	#botton-links, #botton-links2, #botton-links3{
		position:absolute;
		top:50%;
		margin-top:-25px;
		left:2.5%;
		z-index:999999999999999;
		cursor:pointer;
		}
		
	.footer{
		width:100% !important;
		background-color:#F5f5f5 !important;
		margin:0px !important;
		min-height:195px !important;
		z-index:999999 !important;
	}
			
	.footer-logo{
	  -webkit-font-smoothing: antialiased !important;
	  font-family: 'Asap', sans-serif !important;
	  font-size:24px !important;
	  font-weight:700 !important;
	  color:#000 !important;
	  text-align:center !important;
	  width:400px !important;
	  margin:auto !important;
	  position:relative !important;
	  top:25px !important;
	  height:auto !important;
	  padding-bottom:0px !important;
	  line-height:1 !important;
	  }
  
  .footer-strich{
	  top:50px !important;
	  position:relative !important;
	  height:1px !important;
	  width:30px;
	  background-color:#555 !important;
	  display:block !important;
	  left:50% !important;
	  margin-left:-17px !important;
	  }
  
  .footer-credo{
	  -webkit-font-smoothing: antialiased !important;
	  font-family: Arquitecta ,sans-serif !important;
	  font-size:14px !important;
	  font-weight:600 !important;
	  color:#000 !important;
	  text-align:center !important;
	  width:400px !important;
	  margin:auto !important;
	  position:relative !important;
	  top:75px !important;
	  }