/*====================================================================*/
/* MEDIA QUERIES */
/*====================================================================*/

/* für 320px */
@media only screen and (min-width: 20px){
	
	/* headlines :: start */
	
		h1{ font-size:2.125rem; line-height:2.125rem; hyphens:auto; overflow-wrap:break-word; }
		.like_h1{ font-size:2.125rem; line-height:2.125rem; hyphens:auto; overflow-wrap:break-word; }
		h2.h2_h1{ font-size:2.125rem; line-height:2.125rem; hyphens:auto; overflow-wrap:break-word; }
		h2.h2_h1_weiss{ font-size:2.125rem; line-height:2.125rem; hyphens:auto; overflow-wrap:break-word; }
		h2.h2_h1_center{ font-size:2.125rem; line-height:2.125rem; hyphens:auto; overflow-wrap:break-word; }
		
	/* headlines :: ende */	
	
	
	/* cta telefonbutton :: start */
	
		.cta_box{
			display:inline;
		}
	
	/* cta telefonbutton :: ende */
	
	/* hinweistext webseitet :: start */
	
		.hinweistext_achtung{
			margin:10px 0 0 0;
		}
	
	/* hinweistext webseitet :: ende */
		
	
	/* navi :: start */
	
	.nav_scroll_bg{
		display:none;
	}
	
	.div_nav_top_z1{
		display:none;
	}
	
	.div_nav_top_z2{
		display:none;
	}
	
	/* navi :: ende */
	
	/* header startseite :: start */
	
		.div_header_start{
			width:100%;
			height:430px;
			background-repeat:no-repeat;
			background-position:center top;
			background-size:cover;
			margin:0 0 0 0;
			/* filter: grayscale(100%); */
		}
		
			.bg_abdecker_header_start{
				width:100%;
				height:100%;
				float:left;
				display:inline;
				position:relative;
				background-image:url(../images/bg_abdecker_startseite.png);
				background-repeat:repeat-y;
				background-position:top left;
			}
		
				.div_header_start_inner{
					display: flex;
					justify-content: left; /* horizontal zentrieren */
					align-items: center;     /* vertikal zentrieren */
					height:100%
				}
			
				.div_header_start_infobox{
					
					/* margin:175px 0 0 0; */
					text-align:left;
					width:100%;
				}
				
					.header_start_txt_klein{
						color:#ffffff;
						font-family: 'Poppins', Arial, Helvetica, sans-serif;
						font-size:1.250rem;
						line-height:1.250rem;
						font-weight:400;
						padding:0 0 0 0;
						width:100%;
						float:left;
						display:inline;
						position:relative;
						text-align:left;
						text-transform:uppercase;
					}
					
					.header_start_txt_gross_z1{
						color:#008b3b;
						font-family: 'Poppins', Arial, Helvetica, sans-serif;
						font-size:2.125rem;
						line-height:2.125rem;
						font-weight:600;
						padding:0 0 0 0;
						margin:16px 0 0 0;
						width:100%;
						float:left;
						display:inline;
						position:relative;
						text-align:left;
						box-sizing:border-box;
					}
					
					.header_start_txt_gross_z2{
						color:#ffffff;
						font-family: 'Poppins', Arial, Helvetica, sans-serif;
						font-size:2.125rem;
						line-height:2.125rem;
						font-weight:600;
						padding:0 0 0 0;
						margin:5px 0 0 0;
						width:100%;
						float:left;
						display:inline;
						position:relative;
						text-align:left;
						box-sizing:border-box;
					}
				
					.div_header_start_info{
						float:left;
						display:inline;
						position:relative;
						font-size:1.250rem;
						line-height:1.250rem;
						font-weight:400;
						width:100%;
						margin:17px 0 0 0;
					}
					
						.div_header_start_info_aufzaehlung{
							clear:both;
							float:left;
							display:inline;
							position:relative;
							color:#ffffff;
							font-size:1.250rem;
							line-height:1.250rem;
							font-weight:400;
							margin:10px 0 0 0;
							padding:0 0 0 20px;
							background-image:url(../images/ui_icon_bullet_header.png);
							background-repeat:no-repeat;
							background-position:center left;
						}
						
						.div_header_start_trenner{
							float:left;
							display:none;
							position:relative;
							width:10px;
							height:10px;
							margin:5px 20px 0 20px;
							padding:0 0 0 0;
							background-color:#008b3b;
						}
					
					.div_header_start_links{
						float:left;
						display:inline;
						position:relative;
						width:100%;
						margin:9px 0 0 0;
					}
					
						.div_header_start_links a:link{
							margin:20px 0 0 0;
						}
	
	/* header startseite :: ende */
	
	/* header contentseiten :: start */
	
		.div_header{
			width:100%;
			height:200px;
			background-repeat:no-repeat;
			background-position:center top;
			background-size:cover;
			margin:0 0 0 0;
			/* filter: grayscale(100%); */
		}		
	
	/* header contentseiten :: ende */
	
	/* startseite willkommen :: start */
	
		.willkommen_text{
			float:right;
			display:inline;
			position:relative;
			width:320px;
			margin:0 0 0 0;
			padding:0 0 0 0;
			box-sizing:border-box;
		}
		
		.willkommen_pics{
			float:left;
			display:inline;
			position:relative;
			width:320px;
			margin:20px 0 0 0;
			padding:0 0 0 0;
			box-sizing:border-box;
		}
		
			.willkommen_pic1{
				margin:0 0 0 0;
				width:100%;
				float:left;
				display:inline;
				position:relative;
				width:320px;
				overflow:hidden;
			}
			
				.willkommen_pic1 img{
					width:100%;
					float:left;
					display:inline;
					position:relative;
				}
				
			.willkommen_pic2{
				float:left;
				display:inline;
				position:relative;
				border-top:0px solid #ffffff;
				border-right:0px solid #ffffff;
				width:320px;
				height:240px;
				bottom:0px;
				left:0px;
				margin:40px 0 0 0;
				background-size:cover;
				background-repeat:no-repeat;
				background-position:center center;
			}
				
				.willkommen_pic2_play{
					display: flex;
					justify-content: center; /* horizontal zentrieren */
					align-items: center;     /* vertikal zentrieren */
					height:100%;
				}
				
				
					.willkommen_pic2_play_btn{
						width:60px;
						height:60px;
						border-radius:60px;
						background-image:url(../images/ui_icon_video_play.png);
						background-repeat:no-repeat;
						background-position:center center;
						transform: scale(1);
						animation: pulse 1.7s infinite;
					}
				
					@keyframes pulse {
						0% {
							transform: scale(0.95);
							box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
						}

						70% {
							transform: scale(1);
							box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
						}

						100% {
							transform: scale(0.95);
							box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
						}

					}
					
		.willkommen_links{
			float:left;
			display:inline;
			position:relative;
			width:100%;
			margin:20px 0 0 0;
		}
					
	
	/* startseite willkommen :: ende */
	
	/* startseite leistungen slider :: start */
	
		.div_con_center_slider_startseite{ width:320px; }
		
		.jcarousel-wrapper-startseite {
			width:320px;
			height:700px;
			padding:0 0 0 0;
			margin:37px 0 0 0;
		}
		
		.jcarousel-wrapper-startseite img{
			height:400px;
			width:auto;
		}
		
			.jcarousel-control-prev-startseite,
			.jcarousel-control-next-startseite {
				width:50px;
				height:50px;
				top:640px;
				z-index:800;
				background-repeat:no-repeat;
				background-position:center center;
			}
			
			.jcarousel-control-prev-startseite {
				background-color:#008b3b;
				background-image:url(../images/ui_icon_arrow_left_weiss.png);
				left:0px;
				right:auto;
			}
			
				.jcarousel-control-prev-startseite:hover {
					background-color:#ffffff;
					background-image:url(../images/ui_icon_arrow_left_blau.png);
				}

			.jcarousel-control-next-startseite {
				background-color:#008b3b;
				background-image:url(../images/ui_icon_arrow_right_weiss.png);
				right:0px;
				left:auto;
			}
			
				.jcarousel-control-next-startseite:hover {
					background-color:#ffffff;
					background-image:url(../images/ui_icon_arrow_right_blau.png);
				}
		
		.jcarousel li {
			margin:0 0 5px 0;
		}
	
	.bgdiv_leistungen_startseite{
		width:320px;
		height:600px;
		overflow:hidden;
		margin:0 40px 0 0;
		box-sizing:border-box;
		cursor:pointer;
	}
	
		.leistungen_startseite_pic{
			float:left;
			display:inline;
			position:relative;
			width:100%;
			height:400px;
			overflow:hidden;
			background-size:cover;
			background-repeat:no-repeat;
			background-position:center top;
			margin:0 0 0 0;
			padding:0 0 0 0;
		}
		
		.leistungen_startseite_text{
			float:left;
			display:inline;
			position:relative;
			width:100%;
			height:200px;
			box-sizing:border-box;
			background-color:#1e2749;
			color:#ffffff;
			font-size:1.375rem;
			margin:0 0 0 0;
			padding:36px 40px 0px 40px;
		}
		
			.leistungen_startseite_text_info{
				float:left;
				display:inline;
				position:relative;
				width:200px;
				color:#ffffff;
				font-size:1.000rem;
			}
		
		.leistungen_startseite_pfeil{
			float:left;
			display:inline;
			position:absolute;
			width:80px;
			height:80px;
			background-repeat:no-repeat;
			background-position:center top;
			background-image:url(../images/ui_icon_arrow_gr_blau.png);
			margin:0 0 0 0;
			padding:0 0 0 0;
			bottom:0px;
			right:0px;
		}
	
	.bgdiv_leistungen_startseite:hover .leistungen_startseite_pfeil{
		background-image:url(../images/ui_icon_arrow_gr_weiss.png);
	}
		
	/* startseite leistungen slider :: ende */
	
	/* startseite infospalten branchen :: start */
	
		.startseite_branchen{
			float:left;
			display:inline;
			position:relative;
			width:100%;
			margin:20px 0 0 0;
		}
	
			.startseite_branchen_sp{
				float:left;
				display:inline;
				position:relative;
				width:320px;
				margin:0 0 0 0;
				box-sizing:border-box;
			}
			
			.startseite_branchen_sp2{
				margin:0 0 0 0;
			}
	
	/* startseite infospalten branchen :: ende */
	
	/* startseite 4er boxen :: start */
	
		.teaserboxen_start{
			/* separater margin / padding nur auf desktop notwendig */
		}
	
		.teaserbox_icon_14{
			float:left;
			display:inline;
			position:relative;
			width:300px;
			background-repeat:no-repeat;
			background-position:left top;
			margin:0 0 40px 0;
			padding:60px 0 0 0;
			cursor:pointer;
		}
		
			.teaserbox_icon_14_3{
				clear:none;
			}
		
			.teaserbox_icon_14_info{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				margin:0 0 20px 0;
				position:0 0 0 0;
			}
			
			.teaserbox_icon_14:hover .like_h2_grau{
				color:#008b3b;
			}
	
	/* startseite 4er boxen :: ende */
	
	
	/* vorschauboxen content-seiten :: start */
	
		.bgdiv_prevbox_content{
			float:left;
			display:inline;
			position:relative;
			width:320px;
			overflow:hidden;
			margin:0 40px 40px 0;
			box-sizing:border-box;
		}
		
			.prevbox_content_pic{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				height:240px;
				overflow:hidden;
				background-size:cover;
				background-repeat:no-repeat;
				background-position:center top;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
			
			.prevbox_content_text{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				box-sizing:border-box;
				margin:0 0 0 0;
				padding:36px 30px 40px 30px;
				background-color:#ffffff;
			}
			
				.prevbox_content_info{
					float:left;
					display:inline;
					position:relative;
					width:100%;
					text-align:left;
					margin:0 0 0 0;
				}
				
					.prevbox_content_info div{
						text-align:left;
					}
			
	
	/* vorschauboxen content-seiten :: ende */
	
	/* content bildelement 100% 50-50 teilung :: start */
	
		.con_bildelement_50_50{
			float:left;
			position:relative;
			display:inline;
			width:100%;
			margin:0 0 0 0;
			padding:60px 0 60px 0;
			background-color:#ffffff;
		}
		
		.con_bildelement_50_50_grau{
			float:left;
			position:relative;
			display:inline;
			width:100%;
			margin:0 0 0 0;
			padding:60px 0 60px 0;
			background-color:#182333;
		}
		
		.con_bildelement_50_50_padding{
			padding:60px 0 60px 0;
			margin:0 0 60px 0;
		}
		
			.con_bildelement_50_50_row{
				width:320px;
				margin:0 auto;
				padding:0 0 0 0;
			}
		
				
				.con_bildelement_50_50_bgpic_links{
					float:left;
					display:inline;
					position:relative;
					width:100%;
					height:200px;
					box-sizing:border-box;
					background-repeat:no-repeat;
					background-position:center center;
					background-size:cover;
					/* filter: grayscale(100%); */
				}
				
				.con_bildelement_50_50_bgpic_rechts{
					float:right;
					display:inline;
					position:relative;
					width:100%;
					height:200px;
					box-sizing:border-box;
					background-repeat:no-repeat;
					background-position:center center;
					background-size:cover;
					/* filter: grayscale(100%); */
				}
				
				.con_bildelement_50_50_text_rechts{
					float:right;
					display:inline;
					position:relative;
					width:100%;
					margin:0 0 0 0;
					padding:40px 0 0 0;
				}
					 
					.con_bildelement_50_50_text_rechts_inner{
						float:left;
						display:inline;
						position:relative;
						margin:0 0 0 0;
						width:100%;
						text-align:left;
					}
					
				.con_bildelement_50_50_text_links{
					float:right;
					display:inline;
					position:relative;
					width:100%;
					margin:0 0 0 0;
					padding:40px 0 0 0;
				}
				
					.con_bildelement_50_50_text_links_dunkelblau{
						background-color:#182333;
					}
				
					.con_bildelement_50_50_text_links_inner{
						float:left;
						display:inline;
						position:relative;
						margin:0 0 0 0;
						width:100%;
						text-align:left;
					}
					
					.keyfacts{
						float:left;
						display:inline;
						position:relative;
						width:100%;
						margin:13px 0 0 0;
						padding:0 0 0 0;
					}
					
						.keyfact1{
							float:left;
							display:inline;
							position:relative;
							margin:0 0 40px 0;
							padding:0 0 0 60px;
							box-sizing:border-box;
							color:#ffffff;
							font-size:1.250rem;
							background-image:url(../images/ui_icon_familienunternehmen.png);
							background-position:center left;
							background-repeat:no-repeat;
							width:320px;
						}
						
						.keyfact2{
							float:left;
							display:inline;
							position:relative;
							margin:0 0 0 0;
							padding:0 0 0 60px;
							box-sizing:border-box;
							color:#ffffff;
							font-size:1.250rem;
							background-image:url(../images/ui_icon_massanfertigung.png);
							background-position:center left;
							background-repeat:no-repeat;
							width:320px;
						}
	
	/* content bildelement 100% 50-50 teilung :: ende */
	
	/* cta content :: start */
	
		.cta_table{
			float:left;
			display:table;
			position:relative;
			width:100%;
			margin:20px 0 0 0;
			padding:0 0 0 0;
			background-color:#008b3b;
		}
		
			.cta_row{
				float: left;
				position: relative;
				display: table-row;
				width: 100%;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
			}
		
				.cta_icon{
					float:left;
					display:table-cell;
					position:absolute;
					width:60px;
					height:100%;
					top: 0;
					bottom: 0;
					margin:0 0 0 0;
					padding:0 0 0 0;
					background-color:#f0f0f0;
					background-image:url(../images/ui_icon_sprechblase_cta.png);
					background-repeat:no-repeat;
					background-position:center center;
				}
				
				.cta_info{
					float:left;
					display:table-cell;
					position:relative;
					margin:0 0 0 0;
					padding:26px 10px 23px 80px;
					color:#ffffff;
					font-weight:600;
					font-size:1.375rem;
					line-height:1.375rem;
					box-sizing:border-box;
				}
				
					.cta_text{
						float:left;
						display:inline;
						position:relative;
						width:100%;
						margin:0 0 0 0;
						padding:0 0 0 0;
						color:#ffffff;
						font-weight:600;
						font-size:1.375rem;
						line-height:1.500rem;
					}
					
					a.link_tel_cta:link, a.link_tel_cta:visited, a.link_tel_cta:hover, a.link_tel_cta:active {
						margin:20px 0 0 0;
					}
					
					a.link_mail_cta:link, a.link_mail_cta:visited, a.link_mail_cta:hover, a.link_mail_cta:active {
						margin:25px 0 0 0;
					}
	
	/* cta content :: ende */
	
	
	/* nice-content :: start */
	
		.div_nice_content{
			float:left;
			display:inline;
			position:relative;
			width:320px;
			margin:0 0 40px 0;
			padding:0 0 0 25px;
			box-sizing:border-box;
			background-image:url(../images/ui_icon_check_nicecon.png);
			background-repeat:no-repeat;
			background-position:top 4px left;
		}
	
	/* nice-content :: ende */
	
	
	/* ansprechpartner :: start */
	
		.box_team{
			float:left;
			display:inline;
			position:relative;
			width:320px;
			margin:0 40px 40px 0;
			padding:0 0 0 0;
			box-sizing:border-box;
		}
	
	/* ansprechpartner :: ende */
	
	
	/* content extra hitergrundbbild 100% 50-50 teilung :: start */
	
		.con_extra_50_50{
			float:left;
			position:relative;
			display:inline;
			width:100%;
			margin:0 0 0 0;
			padding:60px 0 60px 0;
			background-color:#ffffff;
		}
		
		.con_extra_50_50_grau{
			float:left;
			position:relative;
			display:inline;
			width:100%;
			margin:0 0 0 0;
			padding:60px 0 60px 0;
			background-color:#f5f5f5;
		}
		
			.con_extra_50_50_row{
				width:320px;
				margin:0 auto;
				padding:0 0 0 0;
			}
		
				
				.con_extra_50_50_bgpic_links{
					float:left;
					display:inline;
					position:relative;
					width:100%;
					height:200px;
					box-sizing:border-box;
					background-repeat:no-repeat;
					background-position:top right;
					background-size:cover;
				}
				
					.con_extra_50_50_bgpic_abdecker_links{
						float:left;
						display:inline;
						position:relative;
						width:100%;
						height:100%;
						background-image:url(../images/bg_abdecker_grau_60.png);
						background-position:left top;
						background-repeat:repeat;
						margin:0 0 0 0;
					}
				
				.con_extra_50_50_bgpic_rechts{
					float:right;
					display:inline;
					position:relative;
					width:100%;
					height:200px;
					box-sizing:border-box;
					background-repeat:no-repeat;
					background-position:top left;
					background-size:cover;
				}
				
					.con_extra_50_50_bgpic_abdecker_rechts{
						float:left;
						display:inline;
						position:relative;
						width:100%;
						height:100%;
						background-image:url(../images/bg_abdecker_grau_60.png);
						background-position:left top;
						background-repeat:repeat;
						margin:0 0 0 0;
					}
				
				.con_extra_50_50_text_rechts{
					float:right;
					display:inline;
					position:relative;
					width:100%;
					margin:0 0 0 0;
					padding:40px 0 0 0;
				}
				
					.con_extra_50_50_text_rechts_inner{
						float:left;
						display:inline;
						position:relative;
						margin:0 0 0 0;
						width:100%;
						text-align:left;
					}
					
				.con_extra_50_50_text_links{
					float:right;
					display:inline;
					position:relative;
					width:100%;
					margin:0 0 0 0;
					padding:40px 0 0 0;
				}
				
					.con_extra_50_50_text_links_inner{
						float:left;
						display:inline;
						position:relative;
						margin:0 0 0 0;
						width:100%;
						text-align:left;
					}
	
	/* content extra hitergrundbbild 100% 50-50 teilung :: ende */
	
	
	/* content bühne :: start */
	
		.sp_50p_buehne{
			width:320px;
			height:239px;
			overflow:hidden;
			float:right;
			margin:40px 0 0 0;
			border:1px solid #dcdcdc;
			box-sizing:border-box;
			overflow:hidden;
			background-color:#ffffff;
			/* filter: grayscale(100%); */
		}
		
			.sp_50p_buehne_left{
				float:left;
			}
			
			/*
			.sp_50p_buehne:hover{
				filter: grayscale(0%);
			}
			*/
		
		.sp_50p_buehne_txt{
			width:320px;
			float:left;
		}
		
			.sp_50p_buehne_txt_right{
				float:right;
			}
					
		.jcarousel-wrapper-buehne {
			width:320px;
			height:239px;
		}
		
			.jcarousel-wrapper-buehne ul li {
				width:318px;
				height:237px;
				text-align:center;
				overflow:hidden;
			}

			.buehne_table{
				width:318px;
				height:237px;
			}
			
			.buehne_resize_width{
				width:318px;
			}
			
			.buehne_resize_height{
				height:237px;
			}

			
			.iframe_buehne{
				width:318px;
				height:237px;
			}
		
		.jcarousel-control-prev_buehne,
		.jcarousel-control-next_buehne	{
			position: absolute;
			top:179px;
			width: 50px;
			height: 50px;
		}

		.jcarousel-control-prev_buehne {
			left:10px;
			right:auto;
			background-image:url(../images/ui_icon_arrow_left_buehne.png);
			background-repeat:no-repeat;
		}

		.jcarousel-control-next_buehne {
			left:auto;
			right: 10px;
			background-image:url(../images/ui_icon_arrow_right_buehne.png);
			background-repeat:no-repeat;
		}
		
		.sp_50p_buehne_23{
			width:300px;
			height:200px;
			overflow:hidden;
			float:right;
			margin:40px 0 0 0;
			border:0px solid #dcdcdc;
			box-sizing:border-box;
		}
		
		.sp_50p_buehne_txt_13{
			width:300px;
			float:left;
		}
		
					
		.jcarousel-wrapper-buehne_23 {
			width:300px;
			height:200px;
		}

			.buehne_table_23{
				width:300px;
				height:200px;
			}
			
			.buehne_resize_width_23{
				width:300px;
			}
			
			.buehne_resize_height_23{
				height:200px;
			}
			
			
			.iframe_buehne_23{
				width:300px;
				height:200px;
			}
			
		
		.jcarousel-control-prev_buehne_23,
		.jcarousel-control-next_buehne_23	{
			position: absolute;
			top:79px;
			width:30px;
			height:41px;
		}

		.jcarousel-control-prev_buehne_23 {
			left:0px;
			background-image:url(../images/ui_icon_arrow_left_buehne_kl.png);
			background-repeat:no-repeat;
		}

		.jcarousel-control-next_buehne_23 {
			right:0px;
			background-image:url(../images/ui_icon_arrow_right_buehne_kl.png);
			background-repeat:no-repeat;
		}
		
			.jcarousel li {
				margin:0 0 0 0;
			}
		
	/* content bühne :: ende */
	
	
	/* Accordion */

	.accordion {
		margin: 20px 0 0 0;
		padding:0 10px 0 0;
		width:100%;
		box-sizing:border-box;
		color:#646460;
		font-size:1.125rem;
		cursor:pointer;
		background-color:#eff1f5;
	}
	
		.accordion_weiss {
			background-color:#ffffff;
		}
	
		.accordion_inner{
			width:100%;
			box-sizing:border-box;
			padding:10px 20px 0px 20px;
			background-color:#eff1f5;
		}
		
			.accordion_inner_weiss {
				background-color:#ffffff;
			}
		
		
			.nicecon_sub_picbox_rechts{
				float:right;
				position:relative;
				display:inline;
				margin:0 0 40px 0;
				box-sizing:border-box;
				border:1px solid #dcdcdc;
			}
			
			.nicecon_sub_picbox_links{
				float:left;
				position:relative;
				display:inline;
				margin:0 0 40px 0;
				box-sizing:border-box;
				border:1px solid #dcdcdc;
			}
		
		.jcarousel-wrapper-accordion {
			width:258px;
			height:173px;
			margin:0 0 0 0;
			overflow:hidden;
		}
		
			.jcarousel-wrapper-accordion ul li {
				width:258px;
				height:173px;
				text-align:center;
				overflow:hidden;
			}

			.accordion_table{
				width:260px;
				height:173px;
				overflow:hidden;
				/* border:1px solid #dcdcdc; */
			}
			
			.accordion_resize_width{
				width:260px;
			}
			
			.accordion_resize_height{
				height:173px;
			}
			
			.iframe_accordion{
				width:258px;
				height:173px;
			}
			
		
		.jcarousel-control-prev_accordion,
		.jcarousel-control-next_accordion	{
			position: absolute;
			top:113px;
			width: 50px;
			height: 50px;
		}

		.jcarousel-control-prev_accordion {
			left:10px;
			right:auto;
			background-image:url(../images/ui_icon_arrow_left_buehne.png);
			background-repeat:no-repeat;
		}

		.jcarousel-control-next_accordion {
			left:auto;
			right:10px;
			background-image:url(../images/ui_icon_arrow_right_buehne.png);
			background-repeat:no-repeat;
		}
		
			.jcarousel li {
				margin:0 0 0 0;
			}

	/* Ende Accordion */
	
	/* flex galery :: start */
	
		/* infotext zur gallery - 50/50-teilung mit cta :: start */
			
			.gallery_info{
				float:left;
				display:inline;
				position:relative;
				margin:0 0 0 0;
				padding:0 0 0 0;
				width:320px;
			}
			
			.gallery_cta{
				float:right;
				display:inline;
				position:relative;
				margin:0 0 0 0;
				padding:0 0 0 0;
				width:320px;
			}
			
		/* infotext zur gallery - 50/50-teilung mit cta :: start */
	
		.gallery {
		  width:100%;
		  max-width:320px;
		  margin:0 auto;
		  display: flex;
		  flex-direction: column;
		  gap: 5px;
		}

		.gallery-row {
		  display: flex;
		  gap: 10px;
		}

		.gallery-row img {
		  height: 170px;
		  object-fit: cover;
		  /* filter: grayscale(100%); */
		}
		
			/*
			.gallery-row img:hover{
				filter: grayscale(0%);
			}
			*/
	
	/* flex galery :: start */
	
	/* galery slider :: start */
	
		.jcarousel-wrapper-gal {
			width:300px;
			height:260px;
			padding:0 0 0 0;
			margin:0 0 0 0;
		}
		
		
			
			.jcarousel-wrapper-gal img{
				height:225px;
				width:auto;
			}
			
			
				.jcarousel-control-prev-gal,
				.jcarousel-control-next-gal {
					width:13px;
					height:20px;
					top:243px;
					z-index:800;
				}
				
				.jcarousel-control-prev-gal {
					background-image:url(../images/ui_icon_arrow_left_gal.png);
					left:0px;
					right:auto;
				}

				.jcarousel-control-next-gal {
					background-image:url(../images/ui_icon_arrow_right_gal.png);
					right:0px;
					left:auto;
				}
				
		.jcarousel li {
			margin:0 0 5px 0;
		}
		
		
		.box_gal{
			width:300px;
			height:200px;
			border:1px solid #dcdcdc;
			overflow:hidden;
			margin:0 0 40px 0;
			box-sizing:border-box;
		}
		
			.box_gal_pic{
				width:300px;
				height:200px;
				overflow:hidden;
				background-color:#ffffff;
				text-align:center;
				/* filter: grayscale(100%); */
			}
			
				.box_gal_pic img{
					height:200px;
				}
			
			
			.box_gal_hover{
				width:300px;
				height:221px;
				margin:-221px 0 0 0;
				background-image:url(../images/bg_abdecker_zoom.png);
				background-repeat:no-repeat;
				background-position:center center;
				display:none;
			}
			
			.box_gal:hover .box_gal_hover{
				display:inline;
			}
			
			.box_gal:hover .box_gal_pic{
				/* filter: grayscale(0%); */
			}
	
	/* galery slider :: ende */
	
	
	/* galery slider :: start */
	
		.jcarousel-wrapper-gal-accordion {
			width:260px;
			height:210px;
			padding:0 0 0 0;
			margin:0 0 0 0;
		}
		
		
			
			.jcarousel-wrapper-gal-accordion img{
				height:173px;
				width:auto;
			}
			
			
				.jcarousel-control-prev-gal-accordion,
				.jcarousel-control-next-gal-accordion {
					width:13px;
					height:20px;
					top:190px;
					z-index:800;
				}
				
				.jcarousel-control-prev-gal-accordion {
					background-image:url(../images/ui_icon_arrow_left_gal.png);
					left:0px;
					right:auto;
				}

				.jcarousel-control-next-gal-accordion {
					background-image:url(../images/ui_icon_arrow_right_gal.png);
					right:0px;
					left:auto;
				}
				
		.jcarousel li {
			margin:0 0 5px 0;
		}
		
		
		.box_gal_accordion{
			width:260px;
			height:173px;
			border:1px solid #dcdcdc;
			overflow:hidden;
			margin:0 40px 0 0;
			box-sizing:border-box;
		}
		
			.box_gal_pic_accordion{
				width:260px;
				height:173px;
				overflow:hidden;
				background-color:#ffffff;
				text-align:center;
				box-sizing:border-box;
				/* filter: grayscale(100%); */
			}
			
			.box_gal_hover_accordion{
				width:260px;
				height:173px;
				margin:-173px 0 0 0;
				background-image:url(../images/bg_abdecker_zoom.png);
				background-repeat:no-repeat;
				background-position:center center;
				display:none;
			}
			
			.box_gal_accordion:hover .box_gal_hover_accordion{
				display:inline;
			}
			
			.box_gal_accordion:hover .box_gal_pic_accordion{
				/* filter: grayscale(0%); */
			}
	
	/* galery slider :: ende */
	
	
	/* 3er-boxen :: start */
	
		.infobox_3er_rahmen{
			float:left;
			display:inline;
			position:relative;
			width:300px;
			height:auto;
			box-sizing:border-box;
			overflow:hidden;
			margin:0 0 40px 0;
			padding:0 0 0 0;
		}
		
		.infobox_3er_rahmen_hoehe_fest{
			height:auto;
		}
		
			.infobox_3er_pic{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				height:200px;
				overflow:hidden;
				margin:0 0 23px 0;
				padding:0 0 0 0;
				text-align:center;
				border:1px solid #dcdcdc;
				box-sizing:border-box;
				background-color:#ffffff;
				filter: grayscale(100%);
			}
			
				.infobox_3er_pic img{
					/* width:100%; */
					height:100%;
				}
				
				.infobox_3er_mask{
					float:left;
					display:inline;
					position:relative;
					width:100%;
					height:200px;
					/* border:1px solid #e6e6e6; */
					box-sizing:border-box;
					background-image:url(../images/bg_abdecker_link.png);
					background-repeat:no-repeat;
					background-position:center center;
					margin:-223px 0 0 0;
					padding:0 0 0 0;
					opacity: 0;
					-moz-transition: all 0.4s ease-out;  /* FF4+ */
					-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
					-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
					-ms-transition: all 0.4s ease-out;  /* IE10? */
					transition: all 0.4s ease-out;
				}
			
			.infobox_3er_info{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				box-sizing:border-box;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
			
			.pointer:hover .infobox_3er_mask{
				opacity: 1;
				-moz-transition: all 0.4s ease-out;  /* FF4+ */
				-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
				-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
				-ms-transition: all 0.4s ease-out;  /* IE10? */
				transition: all 0.4s ease-out;
			}
			
			.pointer:hover .c_link_more{
				animation: pulse_arrow_link_more 0.7s 1;
				color: #008b3b;
			}
			
			.pointer:hover h2{
				color: #008b3b;
			}
			
			.pointer:hover .infobox_3er_pic{
				filter: grayscale(0%);
			}
		
	/* 3er-boxen :: ende */
	
	/* 2er-boxen :: start */
	
		.infobox_2er_rahmen{
			float:left;
			display:inline;
			position:relative;
			width:300px;
			height:auto;
			box-sizing:border-box;
			overflow:hidden;
			margin:0 0 40px 0;
			padding:0 0 0 0;
		}
		
			.infobox_2er_rahmen_karriere{
				height:auto;
				margin:0 0 40px 0;
				padding:0 0 40px 0;
				border-bottom:1px solid #c8c8c8;
			}
		
			.infobox_2er_pic{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				height:132px;
				overflow:hidden;
				margin:0 0 23px 0;
				padding:0 0 0 0;
				text-align:center;
			}
			
				.infobox_2er_pic img{
					width:100%;
				}
			
				
			
			.infobox_2er_info{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				box-sizing:border-box;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
			
				.infobox_2er_info_karriere{
					width:100%;
					margin:0 0 0 0;
				}
	
	/* 2er-boxen :: ende */
	
	/* kontakt :: start */
	
		.kontakt_form{
			width:320px;
			float:left;
			display:inline;
			position:relative;
			margin:0 0 0 0;
			padding:0 0 0 0;
			overflow:hidden;
		}
		
			.kontakt_form_inner{
				width:360px;
				float:left;
				display:inline;
				position:relative;
			}
			
			input{
			   width:320px;
			}
			
			select{
			   width:320px;
			}
			
			textarea{
				width:320px;
				height:160px;
			}
			
			.input-container {
			  width:320px;
			  margin:0 0 20px 0;
			}
			
			.input-container-100p {
			  width:320px;
			  margin:0 0 20px 0;
			}

			.placeholder {
			  color:#a1a1a1;
			  left:10px;
			  pointer-events: none;
			  position: absolute;
			  transform-origin:0;
			  transition: transform 200ms, color 200ms;
			  top:20px;
			}

			.input:focus ~ .placeholder,
			.input:not(:placeholder-shown) ~ .placeholder {
			  transform: translateY(-20px) translateX(0) scale(0.75);
			}

			.input:not(:placeholder-shown) ~ .placeholder {
			  color:#a1a1a1;
			}

			.input:focus ~ .placeholder {
			  color:#008b3b;
			}
			
			.input-container-100_textarea {
			  height:165px;
			  width:320px;
			  margin:0 0 20px 0;
			}

			.placeholder_textarea {
			  color:#a1a1a1;
			  left:10px;
			  pointer-events: none;
			  position: absolute;
			  transform-origin:0;
			  transition: transform 200ms, color 200ms;
			  top:20px;
			}

			.input_100_textarea:focus ~ .placeholder_textarea,
			.input_100_textarea:not(:placeholder-shown) ~ .placeholder_textarea {
			  transform: translateY(-20px) translateX(0) scale(0.75);
			}

			.input_100_textarea:not(:placeholder-shown) ~ .placeholder_textarea {
			  color:#a1a1a1;
			}

			.input_100_textarea:focus ~ .placeholder_textarea {
			  color:#008b3b;
			}
			
		.kontakt_anschrift{
			width:300px;
			float:left;
			display:inline;
			position:relative;
			margin:40px 0 0 0;
			padding:0 0 0 0;
		}
		
			.kontakt_anschrift_txt{
				float:left;
				display:inline;
				position:relative;
				width:300px;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
		
			.kontakt_anschrift_maps{
				float:left;
				display:inline;
				position:relative;
				width:300px;
				margin:20px 0 0 0;
				padding:0 0 0 0;
			}
			
				.kontakt_anschrift_maps iframe{
					width:100%;
					height:300px;
					-webkit-filter: grayscale(100%);
					filter: url(desaturate.svg#greyscale);
					-moz-filter: grayscale(100%);
					-ms-filter: grayscale(100%);
					-o-filter: grayscale(100%);
					filter: grayscale(100%);
					-moz-transition: all 0.2s ease-out;  /* FF4+ */
					-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
					-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
					-ms-transition: all 0.2s ease-out;  /* IE10? */
					transition: all 0.2s ease-out;
				}
				
				.kontakt_anschrift_maps:hover iframe{
					-webkit-filter: grayscale(0%);
					filter: url(desaturate.svg#greyscale);
					-moz-filter: grayscale(0%);
					-ms-filter: grayscale(0%);
					-o-filter: grayscale(0%);
					filter: grayscale(0%);
					-moz-transition: all 0.2s ease-out;  /* FF4+ */
					-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
					-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
					-ms-transition: all 0.2s ease-out;  /* IE10? */
					transition: all 0.2s ease-out;
				}
				
	/* kontakt :: ende */
	
	/* footer :: start */
	
		.div_con_100_footer{
			background-color:#182333;
			padding:100px 0 100px 0;
		}
		
		.div_con_100_footer_margin{
			margin:100px 0 0 0;
		}

			.footer_z1{
				padding:0 0 40px 0;
				width:100%;
				border-bottom:1px solid #353d5c;
			}
				
				.footer_z1_adresse{
					float:left;
					display:inline;
					position:relative;
					width:320px;
					margin:0 0 40px 0;
					padding:0 0 0 0;
					color:#b4b4b4;
				}
				
				.footer_z1_links1{
					float:left;
					display:inline;
					position:relative;
					width:320px;
					margin:0 0 0 0;
					padding:0 0 0 0;
				}
				
				.footer_z1_links2{
					float:left;
					display:inline;
					position:relative;
					width:320px;
					margin:0 0 40px 0;
					padding:0 0 0 0;
				}
				
				.footer_z1_logo{
					float:left;
					display:inline;
					position:relative;
					width:320px;
					margin:0 0 0 0;
					padding:0 0 0 0;
					text-align:left;
					color:#b4b4b4;
				}
			
				
			.footer_z2{
				padding:40px 0 0 0;
				width:100%;
			}
			
				.footer_z2_links{
					float:left;
					display:inline;
					position:relative;
					margin:0 0 20px 0;
					padding:0 0 0 0;
					color:#008b3b;
				}
			
				.footer_z2_copy{
					float:left;
					display:inline;
					position:relative;
					margin:0 0 0 0;
					padding:0 0 0 0;
					color:#c8c8c8;
				}
		
	/* footer :: ende */
	
}