@charset "utf-8";

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, dfn, em, img, strong, b, u, i,l, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;	padding: 0;	border: 0;	vertical-align: baseline; font-style: normal; font-weight: normal; }
html {	height: 100%; }
body{  	
	width: 100%;
	font-family: 'Open Sans', sans-serif; font-style: normal; 
	letter-spacing:0pt; 
	font-size: 16px; 
	line-height:22px;
	color: #000; 
	background-color: #FFF; 
	overflow-y:scroll;
	height: 100%;
	/* -webkit-hyphens:auto;-moz-hyphens: auto; -ms-hyphens:auto;hyphens: auto; */
}
h1 { font-size: 17px; line-height:22px; letter-spacing: 0.5pt; font-weight:700; margin: 0px 0 28px 0; color: #00802e; font-family: 'Open Sans', sans-serif; text-transform:uppercase; }
h2 { font-size: 16px; line-height:22px; color: #00802e; }

p { }
a{  text-decoration: none ; color: #00802e;  outline:none !important; border: none !important; }
a:hover { color: #000; text-decoration: underline ; text-decoration: none; }
a:focus, area, area a , map, map area { outline: none; }
b, strong, strong a { font-family: 'Open Sans', Arial, sans-serif; font-weight: 700;}
table {	border-collapse: collapse; border-spacing: 0; border: 0; }
td{	vertical-align:top;}
hr{ border:none; border-bottom:2px solid #FFF; width:170px; margin-bottom:40px;	}
img, img a{	border:0; }
sup { margin:0;padding:0; line-height:3px; vertical-align: middle; position: relative; top: -5px; font-size: 10px;}
.clearfloat{ clear:both; height:0px; font-size: 1px; line-height: 0px; margin:0px; padding:0px;display:block; }
.clearfix:after { content:""; display:table; clear:both; }
.rollover { cursor: pointer;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none; } /* iPhone Schriftgrössenanpassung beim Drehen verhindern */
#contentWrap ul{	padding:0;	margin:0;	padding-left: 11px;	margin-left: 6px;	}
#contentWrap ul li{	list-style-image:url(../images/list.png);	padding: 0px;	margin: 0px;padding-left:8px;	}
.nobreak {  white-space: nowrap; }


/****************************************************************************************************************************/
/*  Basics  */
/****************************************************************************************************************************/

.center { width: 100%; margin: 0 auto; padding: 0 2%; position: relative;  box-sizing:border-box; }

#header { width: 100%; height: 100px; margin: 0; position: fixed; z-index: 1000; background-color: #FFF;  }

#header .center { height: 100%; }

#logo { position: absolute; right:2%; }
#logo img { display: block; height: auto; width: 200px; margin: 0 0 0 0; }

#textHome { display:block; background:rgba(0,0,0,0.75); color:#FFF; position:relative; z-index: 11100; padding:23px 30px; max-width: 940px; margin: 166px auto 30px auto; }
#textHome h1, #textHome p {  color:#FFF; }
#closebtnHome { position:absolute; right:0; top:0; cursor:pointer; background-color:#000; }
#closebtnHome img { padding:18px; width:22px; height: auto; float:left;}

.overlay { position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.25); z-index:20;}



#naviButton { display: none; }
#mainnav {  position:relative;  display:block; float:left; }
ul.mainNavi {  position: relative; margin: 18px 0 0 0; float:left; }
ul.mainNavi li { list-style:none; float:left; padding:0 ; margin:0; text-align:center; }
ul.mainNavi li a { font-size: 14px; display: block; padding: 6px 0 3px 0; text-decoration: none; color: #333; font-family: 'Open Sans', Arial, sans-serif; text-transform:uppercase; }

ul.mainNavi.navBlock1 li a { font-size: 17px; color:#00802e; padding: 4px 0 3px 0; } 
ul.navBlock1 li:nth-child(1) { width: 70px; }
ul.navBlock1 li:nth-child(2) { width: 82px; }
ul.navBlock1 li:nth-child(3) { width: 125px; }
ul.navBlock1 li:nth-child(4) { width: 91px; }
ul.navBlock2 li:nth-child(1) { width: 77px; }
ul.navBlock2 li:nth-child(2) { width: 71px;  }
ul.navBlock2 li:nth-child(3) { width: 69px; }
ul.navBlock2 li:nth-child(4) { width: 69px; }
ul.navBlock2 li:nth-child(5) { width: 79px; }
ul.navBlock2 li:nth-child(6) { width: 89px; }

ul.mainNavi li:hover a, ul.mainNavi li.active a { font-weight: 700;  }

ul.subNavi { display: none; }
ul.mainNavi li.active ul.subNavi { display: block; }

ul.mainNavi li.active ul.subNavi { position:absolute; max-width: 1000px; width:1000px; margin-top:5px; left:0; }
ul.mainNavi.navBlock1 li.active ul.subNavi li { float:left; width:auto; background-color:#e5f2ea; margin: 0 5px 5px 0; padding: 0 8px !important;  }

ul.mainNavi.navBlock2 li.active ul.subNavi  { left:-350px; top:20px;}
ul.mainNavi.navBlock2 li.active ul.subNavi li { float:left; width:auto;  margin: 0 5px 5px 0; padding: 0 8px !important;  }
ul.mainNavi li.active ul.subNavi li a { font-weight: 400; font-size: 14px; }
ul.mainNavi.navBlock1 li.active ul.subNavi li:hover a, ul.mainNavi.navBlock1 li.active ul.subNavi li.active a { color:#000; }

ul.mainNavi.navBlock2 li.active ul.subNavi li a { color:#999;}
ul.mainNavi.navBlock2 li.active ul.subNavi li:hover a, ul.mainNavi.navBlock2 li.active ul.subNavi li.active a { color:#000;}
ul.mainNavi.navBlock2 li.active ul.subNavi li.active a { font-weight: 400;}



#contentWrap { min-height: 300px;  padding: 120px 0 30px 0; } 


.row { overflow:hidden;  }
.row img { width:100% !important; height:auto !important; }
.row.sub { max-width:930px; width: 100%; margin-top:30px; }
.row.sub img { width:100% !important; height:auto !important; margin: 20px 0; }

body.aktuell .row.sub img, body.aktuell_archiv .row.sub img { margin: 0 0 20px 0; }
body.aktuell h1, body.aktuell_archiv h1 { margin-bottom:20px; }


.row.margin40 { margin-top:40px; }

.col12  { float: left; width:48%; margin-right: 2.5%;}
.col12:nth-of-type(2)   { margin-right: 0; }

.colT2 ul li { font-weight:700; margin-bottom:12px !important;}

.col13 { width:31%; float:left; margin-right:2%; }
.col23 { width:65.9%; float:left;  }


.headerbild  img { width:100%; height:auto; margin-bottom: 30px; }

.produktion .headerbild  img {  margin-bottom: 0px; }



.row1 { overflow:hidden; margin:0.3%; }
.col { float:left; }

.imageBox, .textBoxKlein  {  position:relative; vertical-align:top;  background-size: cover; background-repeat:no-repeat; background-position:center center; margin: 0.40%; display:inline-block; text-align:center;  margin-right:-1px;}
.imageBox img, .textBoxKlein img { width:100%; height: auto; position:relative; display: inline-block;  float:left; }

.legendeFade { display:block; text-align:center; padding:20px;  opacity:0;  width: 100%; height: 100%; z-index: 1; position: absolute; box-sizing:border-box; color: #FFF; }


.legende { display:block; text-align:center; padding:20px;  width: 100%; height: 100%; z-index: 1; position: absolute; box-sizing:border-box; color: #FFF; }
.legende.left { text-align:left; }
.legendeInner { display:table; position:relative; height: 100%; width:100%;  }
.legende p { font-size: 45px; line-height: 46px; font-weight:300; letter-spacing: 2pt; display:table-cell; vertical-align:middle; position:relative; }
.legende.left p { vertical-align:top; font-size: 35px; line-height:35px; }
.legendeKlein { display: block; font-size:20px; }
.imageBox:hover .legendeFade {  opacity: 1; transition: opacity .2s linear; background:rgba(0,0,0,0.4);}
.imageBox:hover .legendeFade.nofade {  opacity: 0; }
.imageBox:hover .legendeInner { opacity: 1; }

.item58 { width:21.8%; }
.item55 { width:19.9%; }
.item65 { width:25.9%; }
.item102 { width:38.3%; }
.item123 { width:46.4%; }
.item140 { width:52.3%; }
.item161 { width:60.5%; }

body.fenster .item58 { width:21.75%; } 
body.fenster .item102 { width:38.10%; } 

.teamBox { display:inline-block; width:33%; margin-right:0%; padding-right:7%; box-sizing:border-box; margin-bottom:40px; }
.teamBox.teamtext { float:left; display:block; }
.teamBoxTitel { color:#FFF; background:#00802e; text-align:center; margin-bottom:10px; padding:5px 0; text-transform:uppercase; }
.teamBoxTitel p { font-weight:700; font-size:14px; }
.teamBoxBild img { width:100% !important; height:auto !important; margin-bottom:5px; }
.teamBoxBild p { color:#00802e; }


.textBoxKlein  { width:38.2%; background-color:#e5f2ea; position:relative; }
.teaserBox { padding: 30px 30px; text-align:left; position:absolute; }
.btn_mehr, .btnLink { color:#00802e; font-weight:700; cursor:pointer;  margin-top: 10px;}
.btn_mehr:hover, .btnLink:hover  { color:#000; font-weight:700; }

#textBoxGross { background-color:#e5f2ea; width:100%; margin: 0.25%; padding: 30px 30px; position:relative; display:none; }
.colT1 { width: 30%; margin-right:2%; margin-bottom:40px; }
.colT13 { width: 31%; margin-right:2%; margin-bottom:40px; }
.colBild { width: 420px; margin-right:2%; }
.colBild img { width: 100%; height:auto; max-width:500px;}
.colT2 { width: 25%;  margin-right:5%; }

iframe { height: 630px; width: 100%; border:none; max-width:420px; margin-top:-100px;}


iframe#goolgemaps{ width:100% !important; max-width:100% !important; margin-top:0; border:none;}


#firstImageBox { display:inline-block; } 
#firstImageBox2 { display:none; } 


.dlLinkPDF { text-decoration:none; vertical-align:bottom; color:#00802e; }
.dlLinkPDF:hover { color:#000;  }

.dlLinkPDF p { display:inline-block; }
.row .dlImage { width: 70px !important; height: auto !important; display:inline-block;  margin:0 10px 0 0; vertical-align:bottom;  } 


#footer { color:#00802e; padding: 20px 0 40px; margin-top:40px;}
#footer p { line-height:26px; }
#footer a { color:#00802e; text-decoration:none; }
#footer a:hover { color:#000; }


#toplink { cursor:pointer; width: 45px; height: auto; display:none; position:fixed; z-index:1; bottom:40px; right:3.5%; }


body.stellen .imageBox, body.ausbildung .imageBox { float:left; display:inline; }


body.downloads .row1 { background-color:#e5f2ea; padding:0 5px 25px 0; margin:0 2.0%;}

body.downloads .row.sub { margin-top:20px; }



.downloadItem { width:100px; float:left; display:inline-block; margin:15px 50px 30px 0; }
.downloadItem img { width:80%; height:auto; border:solid 1px #000; box-shadow: 7px 5px 10px -3px rgba(0,0,0,0.67) }
.downloadItem a { color:#000; }
.downloadItem:hover a { color:#00802e; }
.downloadItem:hover img { opacity:0.8; }

.col50 {  float:left; width:50%; }

.row.partner {   margin:50px 0 50px 0;} 
.row.partner a {  display:block; width:100%; } 
.partnerItemRow { overflow:hidden; display:inline-block; margin:10px 0; width:100%;}
.partnerLogo { display:table-cell; vertical-align: middle;  text-align:center;  width:150px; margin-right:50px; }
.partnerLogo img { width:auto !important; height:auto !important; max-width:60% !important; max-height:40px !important;}
.partnerText { display:table-cell; vertical-align: middle; text-align:left; }
a .partnerItemRow  { color:#000; }
a .partnerItemRow:hover  { color:#00802e; }


.divider { display:block; float:none; height:10px; width:100%; }







#contentWrap, #sliderBox, #footer { 
	opacity:0;  
	-webkit-animation:fadeIn ease-in 1;  
	-moz-animation:fadeIn ease-in 1;	
	animation:fadeIn ease-in 1; 	
	-webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards;	
	-webkit-animation-duration:0.4s;-moz-animation-duration:0.4s;animation-duration:0.4s;
} 
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }




/* Icons */

#nav-icon {  width: 29px;  height: 20px;  position: relative; float:right; margin: 5px 0px 0 0;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;  cursor: pointer;}
#nav-icon span {	height: 2px;  display: block;  position: absolute;    width: 100%;  background: #00802e;  border-radius: 0px;  opacity: 1;  left: 0;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;}
#nav-icon span:nth-child(1) { top: 0px;}
#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) { top: 7px;}
#nav-icon span:nth-child(4) {top: 14px;}
#nav-icon.open span:nth-child(1) {top: 11px ;width: 0%;left: 50%;}
#nav-icon.open span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);-o-transform: rotate(45deg); transform: rotate(45deg);}
#nav-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-icon.open span:nth-child(4) { top: 18px; width: 0%;left: 50%;}


/* Slider */

#sliderBox { margin: 0px 0 0px 0; top:0; position:fixed; width:100%; height:100%; }
#sliderBox img { width:100%; height:auto; }
.owl-carousel { width: 100%;margin: 0 auto; }
#owl1.owl-carousel { width: 100%; height:100%; background-color:#ccc;}
.owl-prev { opacity: 0.5; left:0; top:50%; margin-top:-25px; position:absolute; background:url(../images/prev.png) no-repeat; background-size:35px;  width:55px; height: 55px; color:transparent; }
.owl-next {  opacity: 0.5; right:0; top:50%; margin-top:-25px; position:absolute; background:url(../images/next.png) no-repeat; background-size:35px;  width:55px; height: 55px; color:transparent}
#owl1 .owl-prev { display:block; left:0px; background:url(../images/prev_w.png) no-repeat; background-position: 18px 14px; background-size:17px; background-color:#000; opacity: 1; height: 55px; }
#owl1 .owl-next { display:block; right:0px; background:url(../images/next_w.png) no-repeat; background-position: 20px 14px; background-size:17px; background-color:#000; opacity: 1; height: 55px;}

#owl1.owl-carousel, .owl-stage-outer, .owl-stage, .owl-item {	height: 100% !important; }
.owl-slide {	height: 100% !important;		background-repeat: no-repeat;		background-size: cover;		background-position: center;	}




.footerAdress { float:left; width:800px; padding-bottom:20px;  }
.footerLogos { float:right; width:auto; margin-right:1%;}
.footerLogos img { height: 50px !important; width:auto !important; padding-left:10px;}
.footerlinks { text-align:right; margin: 40px 0 30px 0; }



/*.lb-outerContainer { width:95%; height: 100% !important;   }*/
/*.lb-image { height: 100% !important; width: auto !important; }*/


#lightbox {
    position: fixed !important;
    height: 100vh !important;
   /* overflow-y: hidden !important; */
}
.lb-outerContainer, .lb-dataContainer {
    max-width: 100%;
    max-height: 100% !important;
    height: 100% !important;
    width: 100% !important;
    min-height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
}
.lb-container {
    height: 100%;
}
.lb-image {
    max-width: 95%;
    max-height: 80vh !important;
    height: auto !important;
    width: auto !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

/****************************************************************************************************************************/
/* #Media Queries
/****************************************************************************************************************************/



@media only screen and (max-width: 1500px) {
	.footerLogos { float:left; padding-left:2%; margin:10px 0 30px -10px;}	
	.footerLogos img { padding-top:20px;}
	.footerlinks { text-align:left; margin: 40px 0 30px 8px; }
	
}


@media only screen and (max-width: 1280px) {
	.colT1 { width: 25%; margin-right:2%; }
	.colT2 { width: 20%;  margin-right:5%; }

}

@media only screen and (max-width: 1080px) {
	
	ul.mainNavi.navBlock2 { clear:both; margin:-8px 0 0 -4px;}
	#mainnav { display: block; } 
	
	.legende.left p { vertical-align:top; font-size: 26px; line-height:30px; }
	
	ul.mainNavi.navBlock1 li.active ul.subNavi {  max-width:600px; margin-top:25px;}
	ul.mainNavi.navBlock2 li.active ul.subNavi  { left:-5px; top:15px;}
	
	#header {  height: 140px; }	
	#contentWrap { padding: 140px 0 20px 0;}
	
	#firstImageBox { display:none; }
	#firstImageBox2 { display:inline-block; }
	.textBoxKlein { width: 100%; padding: 20px 0; }
	.textBoxKlein img { display:none; }
	#textBoxGross { width:auto; padding: 20px 2%;}
	.teaserBox { position: relative; max-width:75%; padding: 20px 2%;}
	
}

@media only screen and (max-width: 960px) {
	.colT1 { width: 45%; margin-right:2%; }
	.colT2 { width: 100%;  margin-right:0; margin-top: 50px; }
	iframe { margin-top:20px; }
	
	.colT13 { width:100%; }
	
	.teamBox { display:inline-block; width:50%; margin-right:0%; padding-right:7%; box-sizing:border-box; margin-bottom:40px; }
	
	.footerAdress { width:auto; }


	
	
}

@media only screen and (max-width: 768px) {
	
	#mainnav { display: block; } 
	
	.colT1, .colBild, .colT2 { width: 100%; margin:0 0 20px 0; }

	.item58, .item65, .item102, .item140, .item123, .item161, .item55  { width:100%; }
	body.fenster .item58, body.fenster .item102  { width:100%; } 
	.item58, .item55  { max-height: 350px}
	
	.colT13 { width:100%; }
	
	.col50 {  float:none; width:100%; }

}

@media only screen and (max-width: 670px) {
	
	body{ font-size: 16px; line-height:24px; }
	h1 { font-size: 22px; line-height:28px; margin: 0px 0 12px 0; display:block; }
	p { margin-bottom:6px;}
	
	
	#header {  height: 70px; }	
	#contentWrap { padding: 70px 0 20px 0;}
	

	.center { padding: 0 3%; }
	
	#logo img { width: 175px; margin-right:3%; }
	
	#naviButton { display: block; position: absolute; left:3%; top: 15px; z-index: 1200; cursor: pointer;}  

	#mainnav { position: fixed; top: 60px; height: auto; left:0; display: none; z-index: 1100; clear:both; width: 100%; margin: 0; padding: 0 0 30px 0; background: rgba(255,255,255, 1); }
	ul.mainNavi  { text-align:left; margin:0 0 0 3%; padding-bottom: 0px;  position:relative;  width: 100% }	
	ul.mainNavi li { display:block;  height: auto;  position:relative; text-align:left; width: 100%; }
	ul.mainNavi.navBlock2 { margin:0 0 0 3%;}
	ul.mainNavi.navBlock1 li a, ul.mainNavi.navBlock2 li a {  padding: 0;  }
	ul.mainNavi li:hover a, ul.mainNavi li.active a { color: #000;}
	
	ul.mainNavi li a { font-size: 14px; line-height:32px; }
	ul.mainNavi.navBlock1 li a { font-size: 16px; }
		
		
	ul.navBlock1 li:nth-child(1),
	ul.navBlock1 li:nth-child(2),
	ul.navBlock1 li:nth-child(3),
	ul.navBlock1 li:nth-child(4),
	ul.navBlock2 li:nth-child(1),
	ul.navBlock2 li:nth-child(2),
	ul.navBlock2 li:nth-child(3),
	ul.navBlock2 li:nth-child(4),
	ul.navBlock2 li:nth-child(5),
	ul.navBlock2 li:nth-child(6) { width: 100%; }
		
	ul.mainNavi.navBlock1 li.active ul.subNavi, ul.mainNavi.navBlock2 li.active ul.subNavi { position:relative; max-width: 90%; width: 100%; margin-top:5px; }
	ul.mainNavi.navBlock2 li.active ul.subNavi{  margin-top:-20px; margin-bottom:30px; overflow:hidden; padding-bottom:10px;}
	ul.mainNavi.navBlock1 li.active ul.subNavi li, ul.mainNavi.navBlock2 li.active ul.subNavi li { width:auto !important; display:inline !important; }
	ul.mainNavi.navBlock2 li.active ul.subNavi li { margin: 0; height:20px;}
	ul.mainNavi.navBlock1 li.active ul.subNavi li a { font-weight: 400; font-size: 14px; }
	ul.mainNavi.navBlock1 li.active ul.subNavi li:hover a, ul.mainNavi.navBlock1 li.active ul.subNavi li.active a { color:#000; }
	
	ul.mainNavi.navBlock2 ul.subNavi { position:relative; height:auto; }

	ul.mainNavi li ul.subNavi li {  width:100% !important; display:inline !important; }	
	
	
	.col12  { float: left; width:100%; margin-bottom:20px; }
	
	.col13, .col23 { width:100%; float:none; margin-right:0; }
	
	.legende p { font-size: 30px; letter-spacing:1pt; }


	.item58 { max-height: 350px}

	#toplink { bottom:10px; right:3%; }
	
	#footer p { line-height:20px; font-size:14px;}
	
	
	.row.partner {   margin:50px 0 70px 0;} 
	.partnerItemRow { margin:10px 0; width:100%;}
	.partnerLogo { width:100%;   text-align:center; display:block; }
.partnerLogo img { width:auto !important; height:auto !important; max-width:60% !important; max-height:25px !important;}
	.partnerText { display:block;  text-align:center; width: 80%; margin:0 auto;}
	
	body.stellen .row1 .imageBox  { display:none; }
	body.stellen .row1 .imageBox.first { display:block; }
	
	.footerLogos img { height:35px !important; }
	
	
}


@media only screen and (max-width: 500px) {	
	.teamBox { display:inline-block; width:100%; margin-right:0%; padding-right:0; box-sizing:border-box; margin-bottom:40px; }

	.downloadItem { width:100px; float:left; display:inline-block; margin:15px 30px 30px 0; }

	iframe { height: 450px; width: 100%; max-width: 300px; }
	

}