@CHARSET "ISO-8859-1";

*{margin:0px;padding:0px;border:0px;}

.clearfix{clear:both;}
/* 300 400 800 */

a:visited,a:hover,a,a:active{
	color:#3a3a3a;
}

h1{
	text-transform: uppercase;
	font-size:26px;
	font-weight: 400;
	display:inline-block;
	border-bottom: 1px solid #3a3a3a;
	margin-top:90px;
	padding-bottom:30px;
}

h2{
	font-size:12px;
	line-height:2;
	color: #a4a4a4;
	padding-bottom: 70px;
}

h3{
	text-transform: uppercase;
	font-size:23px;
}

.impressum h1,.impressum h2, .impressum h3,.impressum p,.impressum li{
	padding-left:15px;
	padding-right:15px;
	text-align: left;
}

a{text-decoration:none;}
body{
	font-family: 'Open Sans', sans-serif;
	text-align: center;
}

.section{
	max-width:1200px;
	text-align: center;
	margin:0 auto;
}

.img-responsive{
	text-align: center;
	margin:0 auto;
}
.myBtnB{
	padding:10px 25px;
	border:1px solid #fff;
	text-transform: uppercase;
	color:#fff;
	display: inline-block;
}
.myBtnB:hover{
	color:#fff;
}

.myBtnW{
	padding:10px 25px;
	border:1px solid #3a3a3a;
	text-transform: uppercase;
	color:#3a3a3a;
	display: inline-block;
}
.myBtnW:hover{
	color:#3a3a3a;
}

#header{
	background-image: url("../img/hbg.jpg");
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
	min-height:100vh;
	position: relative;
	padding-top:10%;
}

#header #headLogo{
	text-align:center;
	position:absolute;
}
#header #headLogo #headLogoB{
	margin-top:7%;
	padding-top:15px;
}
#header #headLogo #headLogoU{
	text-transform:uppercase;
	color: #fff;
	font-size:13px;
	margin-top:3%;
}
#header #headButton .myBtnB{
	margin-top: 8%;
}

#header .glyphicon-chevron-down{
	margin-top:40px;
	color:#fff;
	font-size: 16px;
}
.menu{
	position:absolute;
	z-index: 100;
	background-color:#fff;
	height:48px;
	bottom:0px;
	border-bottom:1px solid #f2f2f2;
}

.menu #logomenu{
	float:left;
	padding-top:12px;
}

#menu .innerMenu{
	max-width:800px;
	margin:0 auto;
}

.menu, .menu ul{
	width:100%;
	margin-left:auto;
	text-align: right;
}
.menu ul li{
	display:inline-block;
}
.menu ul li a{
	font-weight:400;
	font-size:13px;
	text-align: center;
	color:#3a3a3a;
	display:block;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	margin:0px 10px;
	height:48px;
	text-transform: uppercase;
}

.sticky {
	position:fixed;
	top:0;
}

/* Mobile */
#menuM{
	position:fixed;
	top:0;
}
#menuM, #menuM ul{
	margin:0 auto;
	text-align: center;
}

#menuM ul li a{
	font-weight:400;
	font-size:13px;
	text-align: center;
	color:#3a3a3a;
	display:block;
	padding-top:15px;
	padding-left:5px;
	padding-right:5px;
	margin:0px 5px;
	height:48px;
	text-transform: uppercase;
}
/* ABOUT */

#about p{
	font-size:12px;
	line-height:2;
	color: #a4a4a4;
}

#about{
	margin-bottom:140px;
}

/* Portfolio */
#portfolioContent{
	margin-top:50px;
	margin-bottom:30px;
}

#portfolioContent .col-xs-12{
	margin-top:25px;
	padding:0px;
}

#portfolio .myBtnW{
	margin-top:70px;
	margin-bottom:80px;
}

#portfolioContent a{
	background-position: top;
	background-repeat:no-repeat;
	max-height: 192px;
	display: inline-block;
	cursor: pointer;
}
#portfolioContent a:hover{
	background-position: bottom;
}

.portlarge a{
	max-height: 459px!important;
}

#portfolioContent #p1{background-image: url("../img/refs/loreal.png");}
#portfolioContent #p2{background-image: url("../img/refs/holzland.png");}
#portfolioContent #p3{background-image: url("../img/refs/bond.png");}
#portfolioContent #p4{background-image: url("../img/refs/kerares.png");}
#portfolioContent #p5{background-image: url("../img/refs/een.png");}
#portfolioContent #p6{background-image: url("../img/refs/ihk.png");}
#portfolioContent #p7{background-image: url("../img/refs/audi.png");}
#portfolioContent #p8{background-image: url("../img/refs/horizon.png");}
#portfolioContent #p9{background-image: url("../img/refs/kera2.png");}
#portfolioContent #p10{background-image: url("../img/refs/holzland2.png");}
#portfolioContent #p11{background-image: url("../img/refs/kera3.png");}
#portfolioContent #p12{background-image: url("../img/refs/xcmg.png");}


/* REFERENZEN */

#referenz{
	background-image: url("../img/kbg.jpg");
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
	color:#fff;
	max-width:100%;
	text-align: center;
	margin:0 auto;
	box-shadow: #a4a4a4 0px -10px 0px;
	padding-bottom:60px;
}
#referenz h1{
	border:none;
	padding-bottom:80px;
}
#referenz a{
	display:inline-block;
	padding:30px 40px;
}

/* CONTANT */
#kontakt{
	padding-bottom:100px;
}
#kontakt ul{
	margin-top:20px;
}

#kontakt ul li a, #kontakt ul li{
	font-size:12px;
	list-style:none;
}

#kontakt .spacer{
	padding-bottom:10px;
}

/*FOOTER*/
#footer{
	background-image: url("../img/fbg.jpg");
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
	color:#6b6b6b;
	max-width:100%;
	text-align: center;
	margin:0 auto;
	padding-top:60px;
	padding-bottom:60px;
	font-size:12px;
}

#footer ul{
	margin: 25px auto;
	padding-top:10px;
}

#footer ul li{
	display: inline-block;
}

#footer ul li a{
	color: #7b7b7b;
	font-size:12px;
	padding:10px 10px;
	font-weight:500;
}

/* featherlight-content */

.featherlight-content{
	width:90%;
}

.featherlight-content h1{
	margin:0;
	padding:20px 15px 5px 15px;
	border:0;
	text-align: center;
}

.featherlight-content h2{
	margin:0;
	padding-bottom: 10px;
	border:0;
	text-align: center;
}