@font-face {
  font-family: "Barlow Condensed";
  src: url("../fonts/BarlowCondensed-Regular.ttf"); 

}
@font-face {
  font-family: "BarlowCondensed-Black";
  src: url("../fonts/BarlowCondensed-Black.ttf"); 

}
@font-face {
  font-family: "BarlowCondensed-Bold";
  src: url("../fonts/BarlowCondensed-Bold.ttf"); 

}
@font-face {
  font-family: "BarlowCondensed-Light";
  src: url("../fonts/BarlowCondensed-Light.ttf"); 

}
@font-face {
  font-family: "BarlowCondensed-Thin";
  src: url("../fonts/BarlowCondensed-Thin.ttf"); 

}

body{
	padding:0;
	margin:0;
	font-family: 'Barlow Condensed', sans-serif !important;
	font-weight:normal;
	background:#b7b3a8 !important;
}
*:focus{
	outline:none;
}
header,
footer,
section{
	float:left;
	width:100%;
	position:relative;
	overflow:hidden;
}
.wrapper_home{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	background:url(../images/hm_bg_img.jpg) center 0 no-repeat;
	background-attachment:scroll;
	background-size:cover;
}
/*h1{
	font-family: 'The BraggestDemo';
	font-size:80px;
	font-weight:normal;
	color:#fff;
}*/
h1,h2,h3,h4,h5,h6{
	padding:0;
	margin:0;
}
p{
	padding:0;
	margin:0;
}
ul{
	padding:0;
	margin:0;
	list-style:none;
}
a{
	text-decoration:none !important;
}

/*Pushnav Css*/
#navigator {
  width: 100%;
  height: auto;
  position: fixed;
  top: 160px;
  background: rgba(0, 0, 0,0.95);
  float: left;
  z-index: 1;
  text-align:center;
  opacity:0;
}

#pushnav {
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
  padding: 0;
}

.nav_tab {
  display:inline-block;
}

.nav_tab a{
  display:inline-block;
  color: #fff;
  font-size: 24px;
  padding: 10px;
  text-transform:uppercase;
  text-align: center;
  transition: 0.35s ease;
  -webkit-transition: 0.35s ease;
  -moz-transition: 0.35s ease;
}

.nav_tab a:visited{ color:#FFF; }

.nav_tab a:hover, #navigator .current_page_item a {
  color: #000;
  background:#fff;
  transition: 0.35s ease;
  -webkit-transition: 0.35s ease;
  -moz-transition: 0.35s ease;
}


.menu-icon {
  width: auto;
  height: 26px;
  position: absolute;
  top: 110px;
  right: calc((100% - 1170px)/2) !important;
  margin: 0 126px 0 0;
  z-index: 99999;
  float: none;
  left: auto !important;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  cursor:pointer;
}

.menu-text {
  width: 50px;
  height: 35px;
  font-size: 30px;
  color: #e67e22;
  display: block;
  position: fixed;
  top: 0;
  left: 50px;
  margin: 10px;
  z-index: 9;
}

.menu-icon div {
  width: 40px;
  height: 5px;
  background: #000;
  margin: 0 0 5px 0;
  transition: all 0.35s;
  border-radius: 2px;
}

.on .line_one { transform: rotate(45deg) translate(7px, 7px); }

.on .line_two { opacity: 0; }

.on .line_three { transform: rotate(-45deg) translate(7px, -7px); }

/*site_header css*/
.site_header{
	height:162px;
	-webkit-box-shadow:0 -3px 0 rgba(255,255,255,1) inset;
	-moz-box-shadow:0 -3px 0 rgba(255,255,255,1) inset;
	-ms-box-shadow:0 -3px 0 rgba(255,255,255,1) inset;
	box-shadow:0 -3px 0 rgba(255,255,255,1) inset;
	z-index:9;
	position:fixed;
	width:100%;
	background:#b7b3a8;
}

.header_gap{ height:162px; }

.logo{
	float:left;
	margin:22px 0 0 24px;
}
.logo img{
	width:100%;
	height:auto;
}
.social_icon{
	float:right;
	margin:110px 0 0 0;
}
.social_icon ul li{
	float:left;
	margin:0 0 0 10px;
	list-style:none;
}

/*section_1 css*/
.section_1{
	padding:125px 0 787px 0;
}
.home_caption{
	float:left;
}
.home_caption img{
	width:100%;
}
.home_caption span{
	display:block;
	font-size:48px;
	font-weight:600;
	color:#fff;
	padding:0 0 0 108px;
	margin:18px 0 0 0;
	line-height:0.9;
}
.home_links{
	float:right;
	margin:121px 0 0 0;
}
.home_links li{
	display:block;
	line-height: 1.2;
	background:url(../images/ebene_icon.png) left top no-repeat;
	padding:0 0 20px 46px;
}
.home_links li:last-child{
	margin-bottom:0;
}
.home_links li a{
	display:block;
	font-size:30px;
	color:#fff;
}

/*page_footer css*/
.page_footer{
	min-height:178px;
	-webkit-box-shadow:0 3px 0 rgba(255,255,255,1) inset;
	-moz-box-shadow:0 3px 0 rgba(255,255,255,1) inset;
	-ms-box-shadow:0 3px 0 rgba(255,255,255,1) inset;
	box-shadow:0 3px 0 rgba(255,255,255,1) inset;
	text-align:center;
}
.footer_nav{
	display:block;
	padding:60px 0 0 0;
}

.footer_nav ul li{
	display:inline-block;
	font-size:24px;
	color:#fff;
	position:relative;
	padding:0 12.5px;
}
.footer_nav ul li:before{
	content:'|';
	position:absolute;
	left:auto;
	right:-5px;
	top:0;
	bottom:0;
	top: 0;
    bottom: 0;
    margin: auto 0;
	font-weight: 100;
    -webkit-transform: rotate(35deg);
	-moz-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	transform: rotate(35deg);
}
.footer_nav ul li:last-child:before{
	content:'';
}

.footer_nav ul li a{ color:#fff; }


.banner_area{ text-align:center; }

.banner_area img{ max-width:100%; }

.philosophie_bnr{ background:url(../images/philosophie_banner_bg.jpg) repeat center; }

.dienst_banner{ background:url(../images/dienstleistung_banner_bg.jpg) repeat center; }

.ansprech_banner{ background:url(../images/ansprechpartner_banner_bg.jpg) repeat center; }

.produkte_banner{ background:url(../images/produkte_banner_bg.jpg) repeat center; }

.content_area{ background:url(../images/ebene_icon.png) no-repeat right 46px bottom 39px #FFF; padding:60px 70px 80px; font-size:24px; margin-top:-60px; margin-bottom:70px; }

.content_area strong{ font-weight:600; }

.prdct_area{ margin-top:-60px; margin-bottom:70px; }

.prdct_desc{ padding:50px 70px 70px; background:#FFF; font-size:24px; }

.prdct_desc h2{ font-family: 'The BraggestDemo'; color:#85b6cb; font-size:80px; margin-bottom:20px; }

.prdct_desc h2.ylw{ color:#c86500; }

.prdct_desc h2.grn{ color:#8ba71d; }

.prdct_desc h2 img{ max-width:100%; }

.prdct_area ul li .prdct_desc ul{ margin-top:30px; }

.prdct_area ul li .prdct_desc ul li{ margin-bottom:2px; }

.prdct_area ul li .prdct_desc ul li::before{ display:none; }

.prdct_desc ul li span{ width:25px; text-align:center; margin-right:17px; display:block; float:left; }

.prdct_desc ul li strong{ font-weight:500; }

.prdct_img{ text-align:center; }

.dvdr{ height:3px; background:#FFF; width:100%; margin:70px 0; }

.prdct_area ul{ margin:0; padding:0; }

.prdct_area ul li{ list-style:none; margin-bottom:143px; position:relative; }

.prdct_area ul li::before{ position:absolute; left:0; bottom:-73px; content:""; background:#FFF; width:100%; height:3px; display:block; }

.prdct_area ul li:nth-child(2n) .col-sm-4{ float:right; }

.prdct_area ul li:nth-child(2n) .col-sm-8{ float:left; }

.prdct_area ul li:last-child{ margin-bottom:0; }

.prdct_area ul li:last-child::before{ display:none; }

.prdct_area .wp-image-157{ margin: -130px 0 0;}

.prdct_area .limittext{ float: right; margin: 25px 0; }

/*Responsive Css*/
@media(max-width:1199px){
	.menu-icon {
		right: calc((100% - 970px)/2) !important;
	}
	.prdct_area .wp-image-157{ margin: -130px 0 0; width:100px;}
	.prdct_area .limittext{ float: none; margin: 0; }
}

@media(max-width:991px){
	.menu-icon {
		right: calc((100% - 750px)/2) !important;
	}
	h1 {
    	font-size: 70px;
	}
	.home_caption img {
		width: 85%;
	}
	.home_caption span {
    	font-size: 38px;
	}
	.home_links li a {
   	    font-size: 26px;
	}
	.footer_nav ul li a {
    	font-size: 20px;
	}

	.prdct_area .wp-image-157 {
	    margin: -30px 0 0;
	    width: 100px;
	}
}

@media(max-width:767px){
	.menu-icon {
		right: 0 !important;
	}
	/*.logo{
		margin: 40px 0 0 0;
	}
	.logo img {
    	width: 75%;
	}*/
	.section_1 {
		padding: 100px 0;
	}
	.home_caption img {
		width: 320px;
	}
	.home_caption span {
		font-size: 32px;
	}
	.home_links {
		float: left;
		width:100%;
	}
	.footer_nav ul li a {
		font-size: 16px;
	}
	
	.content_area{ margin-top:-20px; }
	
	.prdct_area{ margin-top:0; }
	
	.prdct_img, .prdct_desc{ margin-top:70px; }
	
	.dvdr{ margin:70px 0 0; }
	
	.prdct_area ul li{ margin-bottom:73px; }
	
	.prdct_area ul li .prdct_desc ul li{ margin-bottom:2px; }
	
	.prdct_area ul li:nth-child(2n) .col-sm-4{ float:none; }

	.prdct_area .wp-image-157 {
	    margin: -100px 0 0 0;
	    width: 100px;
	}
	
}

@media(max-width:699px){

	.prdct_area .wp-image-157 {
	    margin: -0px 0 0 0;
	    width: 80px;
	}

}

@media(max-width:499px){
	/*#navigator {
    	width: 190px;
	}
	#pushnav,
	.nav_tab {
    	width: auto;
	}
	.logo img {
    	width: 65%;
	}*/
	.home_caption img {
		width: 270px;
	}
	.menu-icon {
		margin: 0 85px 0 0;
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-o-transform: scale(0.7);
		transform: scale(0.7);
	}
	.home_caption span {
		font-size: 24px;
	}
	.home_links li a {
		font-size: 20px;
	}
	.footer_nav ul li a {
		font-size: 14px;
	}
	
	.content_area, .prdct_desc{ padding:30px 40px 80px; }
	.prdct_area .wp-image-157 {
	    margin: 0px 0 0;
	    width: 100px;
	}
}