/* CSS Document */

*,html {
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}

.clear {
	clear:both;
}

body {
	font-family: FFDINWebPro;
	font-size:20px;
	color:#686868;
}

.page {
	width: 75%;
	margin:0 auto;
}

.wrap_all{
	width:100%;
	overflow:hidden;
}

header {
	font-size:18px;
	
}
  .top_wrap {
	  top:0;
	  z-index:2;
	  width:100%;
	  height:72px;
	  line-height:72px;
	  color:#fff;
	  position:fixed;
	  -moz-transition: all 0.3s linear;
	  -o-transition: all 0.3s linear;
	  transition: all 0.3s linear;
  }
  
  .nobanner .top_wrap,
  .top_wrap.fixed {
  	background:#fff;
	color:#696969;
	border-bottom:1px solid #a9a9a9;

  }
  
  	.opennav {
		float:left;
		padding-left:20px;
		width:calc(50% - 31px);
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	}
	
	.opennav span {
		background:#73b857;
		padding: 4px 13px 0px;
		font-size:18px;
		color:#fff;
	}
	
	.opennav span:hover {
		cursor:pointer;
	}
	
    .top_logo {
		float:left;
		opacity:1;
		padding-top:5px;
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
    }
	
	.top_wrap.fixed .top_logo {
		opacity:1;	
	}	
	
	.top_wrap_right {
		float:right;
		width:calc(50% - 31px);
		padding-right:20px;
	}
	
		.tel {
			float:right;	
			text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
		}
		
		.search_wrap {
			float:right;	
		}
		
			.search_wrap:hover {
				cursor:pointer;
			}
		
		#___gcse_0 {
			width:200px;
			float:right;	
			margin:0 12px;
		}
		
		.top_links {
			float:right;
		}
		
		.nobanner .top_wrap .opennav,
		.top_wrap.fixed .opennav,
		.fixed .tel,
		.nobanner .tel {
			text-shadow:none;  
		}
		  
  .banner_wrap {
	  height:600px;
	  position:relative;
	  z-index:0;
	  -moz-transition: all 0.3s linear;
	  -o-transition: all 0.3s linear;
	  transition: all 0.3s linear;
  }
  
  	.to_cont {
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
		position:absolute;
		bottom:20px;
		width:52px;
		left:50%;
		margin-left:-26px;
	}
	
	.morepadding .to_cont {
		left:calc(50% + 110px);	
	}
	
	.to_cont:hover {
		bottom:15px;
		cursor:pointer;	
	}
	
	#page_1 .banner_wrap {
		overflow:hidden;
		height:	calc(100vh - 480px);
	}
  
nav {
	position:fixed;
	width:220px;
	height:100%;
	margin-left:-220px;
	top:0;
	z-index:10;
	background:#fff;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

	nav.isopen {
		margin-left:0;
	}

  .navi_close {
	  padding:23px 20px 5px 20px;
	  text-align:right;
  }
  	.navi_close:hover {
		cursor:pointer;
	}
  
  .navi_logo {
	  text-align:center;
	 
  }
  .menu_wrap {
	  margin:25px 0;
  }
  
	.menu_wrap a#pull {
		display: none;
	}
		 

  
main {
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;	
}

	.morepadding {
		padding-left:220px;	
	}
	#main {
	 	padding-top:60px;
	}
	.main {
	
	}

footer {
	margin-top:100px;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
  .footer1_wrap {
	  background:#a9a9a9;
	  color:#fff;
	  padding: 60px 0 30px 0;
  }
  .footer2_wrap {
	  background:#d1d1d1;
	  height:100px;
	  line-height:100px;
	  text-align:center;
	  border-top:1px solid #979697;
	  border-bottom:1px solid #979697;
  }
  .footer3_wrap {
	  background:#565656;
	  color:#fff;
	  padding:100px 0 60px 0;
  }
  .footer4_wrap {
	  color:#d1d1d1;
	  text-align:right;
	  background:#404040;
	  height:40px;
	  line-height:40px;
	  padding-right:22px;
  }
  
  .blog_single_entry footer {
		margin-top:0;  
  }

/* Spezialinhaltselemente */

.gruenerblock {
	background-color:#73b857;
	padding:35px 100px 20px 50px;
	color:#fff;
}


/* Spezialconfig FE Layout */

.nobanner .banner_wrap{
	display:none;
}

.nobanner #main {
	margin-top:72px;
}

.notocont .to_cont{
	display:none;
}

.lowbanner .banner_wrap {
	height:300px;	
}

.tel .hide1440,
.show1440 {
	display:inline-block;
}

.hide1440 {
		display:none;
	}
		
	.hide1440.isopen {
		display:block;
	}
	
.search_wrap .show1440, 
.tel a {
    padding: 0 20px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}


.fixsearch {
		position:fixed;
		display:none;
		background:#fff;
		padding-bottom:18px;		
		
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}
	
		.fixsearch.isopen {
			display:block;	
		}
		
		.fixed .fixsearch{
			border: 1px solid #a9a9a9;
			background:#fff;
			border-top:0;
		}
		
		.fixsearch #___gcse_0 {
			width:250px;
		}

.fixjob {
	position:fixed;
	right:0;
	top:45%;
	z-index:99999;
	border:1px solid #73B857;
	border-right:0;
	padding:10px;
	background:#fff;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
	opacity:0;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
	
	.fixjob.active {
		opacity:1;
	}	
	
	
	.fixclose {
		color:#fff;
		width:30px;
		height:30px;
		line-height:30px;
		background:#73b857;
		position:absolute;
		top:-1px;
		left:-30px;
		display:block;
		/*text-transform:uppercase;*/
		text-align:center;
	}
	
		.fixclose:hover {
			cursor:pointer;	
		}
	
.monly,
.dl_cont {
	display:none;	
}


		
/* *****************************************************************************************
   RESPONSIVE SECTION
*******************************************************************************************/

@media screen and (min-width: 2000px) {

	.banner_wrap {
		height:auto;
	}
	.banner_wrap img {
		width:100%;
		height:auto;	
	}
}

@media screen and (max-width: 1440px) {
	
	.banner_wrap {
		height:438px;
	}
	
	#page_1 .banner_wrap {
		overflow:hidden;
		height:	calc(100vh - 500px);
	}
	
	.top_wrap_right {
		font-size:14px;
		padding-right:10px;
	}
	
	#___gcse_0 {
		width:180px;	
	}
	
	
	.morepadding .tel  {
		padding-left:0;
		font-size:20px;	
		padding-right:20px;
	}
	
	.morepadding .tel .hide1440 {
		display:none;			
	}
    
    .footer1_wrap .three-cols-middle img {
        width: 100%;
        height: auto
    }
    
}


@media screen and (max-width: 1280px) {
	.banner_wrap {
		height:389px;
	}
	
	.tel .hide1440,
	.hide1440 {
		display:none;
	}
		
	.show1440 {
		display:inline-block;
	}
	
	.search_wrap {
		float:right;	
	}
	
	.search_wrap .show1440,
	.tel a {
		padding:0 10px;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	}
	
	.search_wrap,
	.tel,
	.tel.morepadding {
		font-size:20px;	
		padding-right:10px;
	}
	
	

	
	.page {
		width: 960px;
	}
}

@media screen and (max-width: 1024px) {

	.banner_wrap {
		height:311px;
	}
	
	.morepadding {
		padding-left:0;
	}
	
	nav {
		border-right: 1px solid #a9a9a9;
	}
	

	
	.navi_logo img {
		width:60px;
		height:auto;	
	}

}


/*iPad in landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
.to_cont {
		display:none;	
	}	
.navi_logo img {
	width:62px;
	height:auto;	
}

.menu_wrap {
	margin-top:10px;	
}
}

/*iPad in portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
body {
	font-size:18px;	
}

	.navi_logo img {
		width:62px;
		height:auto;	
	}
	
	.menu_wrap {
		margin-top:10px;	
	}
	
	.banner_wrap,
	#page_1 .banner_wrap {
		
		height:200px;
	}
	
	.to_cont {
		display:none;	
	}

.top_wrap_right {
	padding-right:5px;	
}

.search_wrap .show1440, .tel a {
	padding:0 7px;
}

.search_wrap, .tel, .tel.morepadding {
	padding-right:5px;	
}

	.page {
		width: 760px;
	}
	
}

/* mobile */

@media screen and (max-width: 767px) {
	
.donly {
	display:none;	
}

.monly {
	display:inline-block;	
}
	
.banner_wrap {
	height:auto;
}

.opennav,
.navi_close,
.navi_logo {
	display:none;	
}

nav {
	margin-left:0;	
	width:100%;
	height:auto;
	border-bottom: 1px solid #a9a9a9;
}

.menu_wrap {
		padding-top:0;
		top:0;
		right:auto;
		line-height:50px;
		z-index:1000;
		-moz-box-shadow: 0px 2px 2px #333;
		-webkit-box-shadow: 0px 2px 2px #333;
		box-shadow: 0px 2px 2px #333;
		background:#fff;
		margin:0;
	} 
		
	
	.top_logo {
		height:45px;
		line-height:45px;
		padding-top:0;
	}
		
	.top_logo img {
		height:	40px;
		width:auto;
		padding-left:10px;	
		padding-top:6px;
	}
	
	.tel {
		float:left;	
		padding-right:0;
	}
	
	.hide1440 {
		display:inline-block;
	}
	  
	.menu_wrap a#pull {
		display: block;
		position: relative;
		height:0px;
		color:#73BA59;
		text-decoration:none;
		text-align:right;
		font-size:22px;
		padding-right:35px;
		z-index:1001;
		
	}
	
		.fixmenu a#pull {
			
		}
		.menu_wrap a#pull:after {
			content:"";
			background: url(../img/design01/nav-icon.png) no-repeat;
			width: 30px;
			height: 30px;
			display: inline-block;
			position: absolute;
			right: 0px;
			top: 14px;
		}
			
	header {
		margin-top:50px;
	}
	
		.top_wrap {
			position:relative;
			width:100%;
			clear:both;	
			line-height:50px;
			height:50px;
		}
		
		.top_wrap_right {
			float:none;
			width:100%;
			padding-right:0;
			text-align:center;
		}
		
		.nobanner .top_wrap, .top_wrap.fixed {
			border-bottom:none;	
		}
		
		.top_links,
		.search_wrap {
			float:none;
		}
		
		.search_wrap {
			padding-right:0;	
		}
		
		.search_wrap .show1440, 
		.tel a {
			text-shadow:none;
		}
		
		.fixsearch {
			width:100%;
			position:absolute;
			top:50px;	
			display:none;
		}
		
		.fixsearch #___gcse_0 {
			width:300px;
			margin:0;
			float:none;
			display:inline-block;	
		}
		
	.banner_wrap {
		height:auto;	
	}
	
		.banner_wrap img {
			width:100%;
			height:auto;	
		}
		
		.banner_wrap .to_cont {
			display:none;	
		}
	
	.page {
		width:96%;
		margin:0 2%;	
	}
	
	#main {
		padding-top:0;
	}
	
	.nobanner #main {
		margin-top:10px;
	}	
	
	footer {
		margin-top:20px;	
	}
	
	.footer2_wrap {
		height:auto;
		line-height:50px;	
	}
	
	.footer1_wrap,
	.footer3_wrap {
		padding:40px 0;	
	}
	
	.gruenerblock {
		padding:20px 0;	
	}
	
	.fixjob {
		position:relative;	
		top:auto;
		right:auto;
		z-index:0;
		text-align:center;
		opacity:1;
	}
	
}

@media screen and (max-width: 359px) {
	.search_wrap, .tel, .tel.morepadding {
		font-size:16px;	
	}
}