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

/* für 320px */
@media only screen and (min-width: 20px){
	table.toptab{padding:66px 0px 61px 0px;}
	p,div {  font-size:16px; line-height:24px; }
	.bgdiv_con_center{width:300px;}
	.mainbox_width{width:300px; margin-bottom:40px;}
	.team_width{width:320px;}
	
	.pad_both{padding:80px 0;}
	.pad_bottom{padding:0px 0 80px 0;}
	
	.nicecon_files, .nicecon_video, .nicecon_links{ width:300px; }
	.nicecon_sub_txt_con_100{ width:300px; }
	.nicecon_sub_txt_con_100_active{ width:300px; }
	
	
	
	.nicecon_img_r{
		width:260px; margin:0 0 20px 50px; display:inline; float:right; overflow:hidden;
	}
	
	.nicecon_img_r img{
		width:260px;
	}
	
	.nicecon_img_l{
		width:260px; margin:0 50px 50px 0; display:inline; float:left; overflow:hidden;
	}
	
	.nicecon_img_l img{
		width:260px;
	}
	
	.news_img_r{
		width:260px; margin:0 0 10px 40px; display:inline; float:right; overflow:hidden;
	}
	
	.news_img_r img{
		width:260px;
	}
	
	.news_img_l{
		width:260px; margin:0 40px 10px 0; display:inline; float:left; overflow:hidden;
	}
	
	.news_img_l img{
		width:260px;
	}
	
	.grau_100{ background: #3c3c3c; padding:80px 0; }
	.grau_50{ background: #3c3c3c; margin-top:0px; padding:0px 0px;}
	.grau_50nopad{ background: #3c3c3c; margin-top:0px; padding:0px 0px;}
	.grau_50r{ background: #3c3c3c; margin-bottom:5px; padding:80px 0px;}
	.grau_bg{ background-color:#3c3c3c;  padding:80px 0px;}
	.blau{ background: #0d558e; margin-top:20px; padding:0px 0px;}
	
	.footer_line{display:inline;}
	
	img.index{width:300px; height:200px; float:right; display:block; margin:0 0 40px 0;}
	.index_100{background-color:#f9f7f1; padding: 80px 0; background-image:none; background-size:cover; }
	
	
	/* HEADLINES START */
	
	h2.header_gruen{
		font-size:16px;
		font-family:'Roboto Slab';
		font-weight:bold;
		margin:0 0 5px;
	}
	
	h2.header_weiss{
		font-size:22px;
		font-family:'Roboto Slab';
		font-weight:bold;
		color:#ffffff;
		text-transform:uppercase;
		margin:0;
		margin-bottom:0px;
		line-height:36px;
	}
	
	h2.h2_mainbox{
		font-size:24px;
		font-family:'Roboto Slab';
		font-weight:500;
		margin-bottom:31px;
		padding-bottom:13px;
		border-bottom:1px solid #dcdcdc;
		transition:0.3s;
	}
	
	.rahmen_h2_newsbox{
		width:300px;
	}
	
	h2.h2_newsbox{
		float:left;
		font-size:24px;
		font-family:'Roboto Slab';
		font-weight:500;
		margin:7px 0 31px;
		padding:0 40px 13px 0;
		border-bottom:1px solid #dcdcdc;
		transition:0.3s;
	}
	
	h1.index{
		font-size:36px;
		line-height:36px;
		font-family:'Roboto Slab';
		font-weight:500;
		margin:0 0 40px;
		color:#323232;
		text-transform:uppercase;
	}
	
	h2.index{
		font-size:20px;
		font-family:'Roboto Slab';
		font-weight:bold;
		margin:0;
		line-height:32px;
	}
	
	h2.acc_offen{
		font-size:36px;
		line-height:36px;
		font-family:'Roboto Slab';
		font-weight:500;
		margin:0 0 40px;
		color:#323232;
		text-transform:uppercase;
	}
	
	h3.acc_offen{
		font-size:20px;
		font-family:'Roboto Slab';
		font-weight:bold;
		margin:0;
		line-height:32px;
	}
	
	/* HEADLINES ENDE */
	
	/* HEADERBILD */
			
	.rslides_navi_pos{
		z-index:9;
		position:relative;
		margin-top:-100px;
		display:none;
	}
	
	.startheader{ height:200px; }
	.startheader_ol{ height:200px; margin-top:-200px; }
	
	.contentheader{ height:200px; }
	.contentheader_ol{ height:200px; margin-top:-200px; }
	
	.header_inhalt{ width: 300px; }
	
	.header_inhalt p{width:500px; margin-bottom:40px; display:none;}
	
	a.headerlink1 { font-size:16px !important; display:none;}
	a.headerlink2 { font-size:16px !important; display:none;}
	
	.header_inhalt_content{ width: 300px; }
	
	/* HEADERBILD ENDE */
	
	
	/* MAINBOX START */
	
	a.mainbox{
		width:300px;
		margin:0 0 40px 0;
	}
	
	.mainbox_img{
		width:300px;
		height:200px;
		overflow:hidden;
		margin-bottom:32px;
	}
	
	.mainbox_img img{
		width:300px;
	}
	
	
	/* MAINBOX ENDE */	
	
	
	
	.display1{display:inline}
	
	.display2{display:none}
	
	.bgdiv_con_center_ref{width:320px;}
	
		/* mobile navi :: start */
	
		.show_nav_mobile{display:inline;}
		.show_nav{display:none;}	
		
		.top_navi_mobi_100{
			display:block;
		}
		
		
		.footer_line{
			display:none;
		}
		
		
		a.footer_line_tel{
			height:60px;
			width:100%;
			display:block;
			position:fixed;
			bottom:0px;
			float:left;
			border-top:1px solid #ffffff;
			background-image:url(../images/tel_footer.png);
			background-size:30px;
			background-position:center center;
			background-repeat:no-repeat;
			z-index:999;
		}
	
		
		.top_navi_mobi{
			float:left;
			position:relative;
			text-align:left;
			margin:0px 20px 0 20px;
			padding-top:15px;
			display:inline;
		}

	

	/* Carousel Content START */
	
	
.jcarousel-wrapper-content{
	width:300px;
	height:200px;
	overflow:hidden;
	margin: 0px 80px 20px 0px ;
	float:left;
	display:block;
}

		.content_rahmen{
			
			width:300px;
			height:200px;
			text-align:center;
			background-color:#f1f1f1;
			margin-left:0px;
		}

		.content_resize_width{
			width:300px;
		}
		
		.content_resize_height{
			height:200px;
		}
		
		.jcarousel-control-prev-content,
		.jcarousel-control-next-content	{
			position: absolute;
			bottom:25px;
			width: 26px;
			height: 35px;
		}

		.jcarousel-control-prev-content {
			left:25px;
			background-image:url(../images/arrow_content_left.png);
			background-repeat:no-repeat;
			background-size:contain;
			background-position: left center;
		}

		.jcarousel-control-next-content {
			right: 25px;
			background-image:url(../images/arrow_content_right.png);
			background-repeat:no-repeat;
			background-size:contain;
			background-position: right center;
		}

/* Carousel Content ENDE */
		

	/* Carousel Content START */
	
	
.jcarousel-wrapper-acc_offen{
	width:300px;
	height:200px;
	overflow:hidden;
	margin: 0px 80px 20px 0px ;
	float:left;
	display:block;
}
	
.jcarousel-wrapper-acc_offen_l{
	width:300px;
	height:200px;
	overflow:hidden;
	margin: 0px 80px 20px 0px ;
	float:left;
	display:block;
}

		.acc_offen_rahmen{
			
			width:300px;
			height:200px;
			text-align:center;
			background-color:#f1f1f1;
			margin-left:0px;
		}

		.acc_offen_resize_width{
			width:300px;
		}
		
		.acc_offen_resize_height{
			height:200px;
		}
		
		.jcarousel-control-prev-acc_offen,
		.jcarousel-control-next-acc_offen	{
			position: absolute;
			bottom:25px;
			width: 26px;
			height: 35px;
		}

		.jcarousel-control-prev-acc_offen {
			left:25px;
			background-image:url(../images/arrow_content_left.png);
			background-repeat:no-repeat;
			background-size:contain;
			background-position: left center;
		}

		.jcarousel-control-next-acc_offen {
			right: 25px;
			background-image:url(../images/arrow_content_right.png);
			background-repeat:no-repeat;
			background-size:contain;
			background-position: right center;
		}

/* Carousel Content ENDE */
	
	iframe.gmaps{
		width:100%; height:200px; border:0px; margin-bottom:0px; 
	}
	
	
	.nicecon_files, .nicecon_video, .nicecon_links{
			width:300px;
	}
	
	.nicecon_sub_txt_con_100{
			width:300px;
	}
	
	.nicecon_sub_txt_con_100_active{
			width:300px;
	}
	
	/* Mailform */
	td.mail{
		font-family: 'Roboto Slab';
		font-size:16px;
		line-height:20px;
		color:#646464;
		width:1200px;
	}
	
	a.datenschutz{font-family: 'Roboto Slab' !important; font-size:16px !important; font-weight:400;}
	
	form.mail{width:300px; float:left; font-family: 'Roboto Slab'; font-size:16px;}
	
	
	.mailtab_width_name 	{ width:300px; padding:0px 0px 7px 20px; margin:0px 5px 31px 0px; border:0px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; box-sizing:border-box;}
	.mailtab_width_firma 	{ width:300px; padding:0px 0px 7px 20px; margin:0px 5px 31px 0px; border:0px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; box-sizing:border-box;}
	.mailtab_width_mail 	{ width:300px; padding:0px 0px 7px 20px; margin:0px 0px 31px 0px; border:0px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; box-sizing:border-box;}
	.mailtab_width_mail2 	{ width:300px; padding:0px 0px 7px 20px; margin:0px 0px 31px 0px; border:0px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; box-sizing:border-box;}
	.mailtab_width_betreff 	{ width:300px; padding:0px 0px 7px 20px; margin:0px 5px 31px 0px; border:0px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; box-sizing:border-box;}
	
	.mailtab_width_100 		{ width:300px; height:150px; padding:0px 0px 7px 20px; margin:0px 0px 31px 0px; border:0px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; box-sizing:border-box;}
	
	input{color:#646464; font-family: 'Roboto Slab'; font-size:16px; background:rgba(0, 0, 0, 0);}
	
	input.button{ cursor:pointer; pointer-events:all; margin: 1px 10px 0 0px; width:200px; height:40px; margin-top:25px;}
	
	input.button:hover{pointer-events:all; margin: 1px 10px 0 0px; width:200px; height:40px; margin-top:25px; pointer-events:auto;}
	
	select{  width:765px; color:#5c5c5c; padding:8px 0px 8px 25px; margin:0px 0px 1px 0px; }
	
	textarea{color:#646464; font-family: 'Roboto Slab'; font-size:16px; background:rgba(0, 0, 0, 0);}
	
	
	a.footer:link, a.footer:visited{
		font-family: 'Saira Condensed', Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 20px;
		margin-top: 0px;
		padding-top: 0px;
		font-weight: 400;
		word-wrap: break-word;
		color: #ffffff;
	}
	a.footer:active, a.footer:hover{
		font-family: 'Saira Condensed', Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 20px;
		margin-top: 0px;
		padding-top: 0px;
		font-weight: 400;
		word-wrap: break-word;
		color: #2756a0;
	}


/* NEWS START */

.img_rahmen{
	width:300px;
	height:200px;
	margin:0 0 20px 0;
}

.img_rahmen img{
	width:300px;
	height:200px;
}

.img_rahmen_r{
	width:300px;
	height:200px;
	margin:0 0 20px 0;
}

.img_rahmen_r img{
	width:300px;
	height:200px;
}

.fahne_news{
	height:71px;
	width:53px;
	position:absolute;
	top:-5px;
	right:20px;
	background-image:url(../images/fahne_news.png);
}

p.datum_tag{
	float:right;
	width:50px;
	text-align:center;
	font-family:'Roboto Slab';
	font-size:30px;
	font-weight:500;
	color:#ffffff;
	margin:7px 0 0;
}

p.datum_monat{
	float:right;
	width:50px;
	text-align:center;
	font-family:'Roboto Slab';
	font-size:15px;
	line-height:15px;
	font-weight:500;
	color:#ffffff;
	margin:2px 0 0;
}


/* NEWS ENDE */


.team_rahmen{
		width:300px;
		height:450px;
		margin:0 20px 20px 0;
		background-size:cover;
		cursor:pointer;
	}
	
	.team_ol{
		width:300px;
		height:450px;
		padding:40px 20px;
		box-sizing:border-box;
		margin-left: -320px;
		text-align:center;
		display: flex; 
		flex-direction: column; 
		justify-content:center;
		opacity:0;
		-webkit-transition: opacity 0.3s ease-in-out;
		-moz-transition: 	opacity 0.3s ease-in-out;
		-o-transition: 		opacity 0.3s ease-in-out;
		transition: 		opacity 0.3s ease-in-out;
	}
	
	.team_ol:hover{
		opacity:0.9;
		-webkit-transition: opacity 0.3s ease-in-out;
		-moz-transition: 	opacity 0.3s ease-in-out;
		-o-transition: 		opacity 0.3s ease-in-out;
		transition: 		opacity 0.3s ease-in-out;
	}
	
	.team_inhalt p{
		opacity:1;
		font-family: 'Roboto Slab';
		font-weight: 500;
		font-size: 16px;
		line-height:16px;
		color: #ffffff;
	}
	
	.team_inhalt a{
		opacity:1;
		font-family: 'Roboto Slab';
		font-weight: 500;
		font-size: 16px;
		line-height:16px;
		color: #ffffff;
	}
	
	.team_inhalt a:hover{
		color:#0d558e;
	}
	
	
	p.team_name{
		font-family: 'Roboto Slab';
		font-weight: 500;
		font-size: 22px;
		color: #ffffff;
		margin-bottom:20px;
	}


/* Carousel Galery START */

		.gal_rahmen{
			width:300px;
			height:200px;
			text-align:center;
			background-color:#f1f1f1;
			-moz-transition: all 0.3s ease-in-out;
			/* WebKit */
			-webkit-transition: all 0.3s ease-in-out;
			/* Opera */
			-o-transition: all 0.3s ease-in-out;
			/* Standard */
			transition: all 0.3s ease-in-out;
			
		}
		
		.gal_rahmen img{
			transform: scale(1.0);
			-moz-transition: all 0.3s ease-in-out;
			/* WebKit */
			-webkit-transition: all 0.3s ease-in-out;
			/* Opera */
			-o-transition: all 0.3s ease-in-out;
			/* Standard */
			transition: all 0.3s ease-in-out;
		}
		
		.gal_rahmen:hover img{
			transform: scale(1.5);
			-moz-transition: all 0.3s ease-in-out;
			/* WebKit */
			-webkit-transition: all 0.3s ease-in-out;
			/* Opera */
			-o-transition: all 0.3s ease-in-out;
			/* Standard */
			transition: all 0.3s ease-in-out;
		}
		
		.rahmen_img{
			width:300px;
			height:200px;
			overflow:hidden;
		}
		
		
			
		.con_galerie_resize_width{
			width:300px;
			
		}
		
		.con_galerie_resize_height{
			
		height:200px;
		}

/* Carousel Galerie ENDE */
	
}