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

/* für 320px */
@media only screen and (min-width: 20px){

	span.slogan_trenner{
		font-family:'Aeonik';
		font-size:24px;
		line-height:34px;
		color:#282828;
		width:100%;
		display:flex;
		justify-content : center;
		align-items : center;
		position:relative;
	}
	
	.pic_overlay{
		width:0;
		height:0;
		display:inline;
		float:right;
		position:relative;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
		margin:0px 0 0 0;
	}
	
	.pic_overlay_welcome{
		width:300px;
		height:300px;
		display:inline;
		float:right;
		position:relative;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
		margin:40px 0 0 0;
	}
	
	.pic_overlay_red{
		width:0;
		height:0;
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:rgba(50,47,68,0.67);
	}

	/* Projekt - START */

	.show_phone{
		display:none;
	}
	
	.bg_welcome_resp{
		background-image:url(../images/bg_welcome_320.png); background-position:top center; background-repeat:no-repeat; height:1100px; margin:-150px 0 40px 0; z-index:999; padding:60px 0 60px 0; box-sizing:border-box;
	}
	
	.margin_foot{
		margin:0 40px 0 0;
	}
	
	.margin_cta{
		margin:40px 0 0 0;
	}
	
	.head_box_index{
		width:300px;
	}
	
	.overflow_shortlink{
		width:300px;
		overflow:hidden;
		margin-top: 60px;
	}
	
	.box_shortlink{
		background-color:#555554;
		height:115px;
		width:300px;
		margin:30px 0 0 0;
		cursor:pointer;
		padding:20px 20px 20px 20px;
		box-sizing:border-box;
	}
	
	.box_shortlink:hover{
		background-color:#797978;
		height:115px;
		width:300px;
		margin:30px 0 0 0;
		cursor:pointer;
	}

	.team_overflow{
		width:300px;
	}
	
	.box_team{
		width:300px;
		height:200px;
		margin:0 0 20px 0;
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
	}
	
		.box_team_overlay{
			position:absolute;
			top:0;
			bottom:0;
			left:0;
			right:0;
			background-color:transparent;
			text-align:center;
		}
		
		.box_team_overlay span{
			position:relative;
			justify-content : center;
			align-items : center;
			display:none;
			margin:70px 0 0 0;
		}
		
		.box_team_overlay:hover{
			background-color:rgba(26,23,28,0.8);
			-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;
		}
		
		.box_team_overlay:hover span{
			display:flex;
		}

	h1.marker{
		font-size:26px;
		line-height:30px;
	}

	a.nav_foot{
		font-size:16px;
	}

	.gelb_data a{
		color:#fff;
		font-size:14px;
	}

	.div_btn_foot{ clear:both; margin-right:40px; text-align:right; margin-top:20px; }

	.width_index_top{
		width:300px;
		margin:-610px 0 0 0;
	}

	.form_foot_datenschutz{
		font-size:14px;
		color:#fff;
		line-height:24px;
	}

	.width_form_foot{
		width:100%;
	}

	.name_foot{
		font-size:24px;
		line-height:30px;
		color:#1a171c;
	}

	.copy_foot{
		font-size:14px;
		line-height:20px;
		color:#1a171c;
	}

	.adress_foot{
		font-size:14px;
		line-height:28px;
		color:#1a171c;
	}

	.box_form_foot{
		width:100%;
		padding:40px;
		background-color:#1479b2;
		box-sizing: border-box;
	}

	.jcarousel-wrapper-gal-index {
		width:340px;
		height:290px;
		padding:0 0 0 0;
		margin:0 0 0 0;
		float:right;
		overflow:hidden;
	}



		.jcarousel-wrapper-gal-index img{
			height:300px;
			width:auto;
		}


			.jcarousel-control-prev-gal-index,
			.jcarousel-control-next-gal-index {
				width:50px;
				height:50px;
				top:0px;
				z-index:800;
			}

			.position_prev_next_index{
				margin:0 300px 0 0;
			}

			.jcarousel-control-prev-gal-index {
				background-image:url(../images/icon_arrow_left_gal_index_weiss.png);
				right:50px;
			}

			.jcarousel-control-next-gal-index {
				background-image:url(../images/icon_arrow_right_gal_index.png);
				right:0px;
			}

			.box_gal_index{
				width:300px;
				height:290px;
				overflow:hidden;
				margin:0 0 0 0;
			}

				.box_gal_index_pic{
					width:300px;
					height:290px;
					overflow:hidden;
					background-color:#ffffff;
					text-align:center;
				}


				.box_gal_index_hover{
					width:300px;
					height:290px;
					margin:-290px 0 0 0;
					background-color:rgba(26,23,28,0.25);
					display:none;
				}

	.box_gal_index_upper{
	width:300px;
	height:370px;
	background-color:#1a171c;
	padding:40px;
	box-sizing: border-box;
	}

	.box_gal_index_under{
	width:300px;
	height:140px;
	background-color:#1a171c;
	padding:70px 40px 40px 40px;
	box-sizing: border-box;
	}

	h2.h2_gal_index{font-family:  'Fira Sans', Arial, Helvetica, sans-serif; font-size:36px; line-height:48px; margin:0px 0 60px 0; padding:0 0 0 0; width:300px; display:inline; position:relative; float:left; }
	h2.h2_cta_index{font-family:  'Fira Sans', Arial, Helvetica, sans-serif; font-size:36px; line-height:48px; margin:0 0 0 0; padding:0 0 0 0; text-align:center; }

	.marker_pic_index i{
	color:#1a171c;
	font-size:28px;
	position:absolute;
	padding:30px 38px 30px 38px;
	background-color:#1479b2;
	bottom:0;
	right:0;
	}

	.box_pic_index{
	width:300px;
	height:190px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	}

	.box_txt_index_right{
	padding:0 0 0 0;
	box-sizing: border-box;
	margin:60px 0 60px 0;
	width:300px;
	}

	.box_txt_index_right_grau{
	height:960px;
	width:300px;
	padding:60px 40px 0 40px;
	box-sizing: border-box;
	margin:0 0 0 0;
	background-color:#f6f7f9;
	}

	span.number_index{
	color:#fff;
	font-size:24px;
	position:absolute;
	bottom:100px;
	left:20px;
	}

	span.head_box_leistungen{
	font-size:18px;
	color:#fff;
	}

	.box_leistungen_index_abdecker{
	position:absolute;
	top:0;
	right:0;
	bottom:80px;
	left:0;
	background-color:rgba(26,23,28,0.25);
	}

	.margin_boxen_leistungen{
	margin:-560px 0 0 0;
	}

	.box_leistungen_index{
	width:300px;
	height:200px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	cursor:pointer;
	}

	.box_leistungen_index:hover .box_leistungen_index_abdecker{
	background-color:rgba(26,23,28,0.5);
	-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;
	}

	.box_leistungen_link{
	background-color:#2d292f;
	width:100%;
	height:80px;
	bottom:0;
	position:absolute;
	padding:35px 20px 0 20px;
	box-sizing:border-box;
	}

	.box_leistungen_link_middle{
	background-color:#1a171c;
	width:100%;
	height:80px;
	bottom:0;
	position:absolute;
	padding:35px 20px 0 20px;
	box-sizing:border-box;
	}

	span.span_box_index{
	color:#1a171c;
	background-image:url(../images/trenner_obx_index.png);
	background-position:right center;
	background-repeat:no-repeat;
	padding:0 60px 0 0;
	}

	span.span_box_index_2{
	color:#1a171c;
	background-image:url(../images/trenner_obx_index.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0 0 0 60px;
	transform: rotate(-90deg);
	position:absolute;
	left:-120px;
	bottom:180px;
	display:none;
	}

	.box_welcome_txt{
	width:300px;
	margin:-860px 0 0 0;
	}

	.box_orange_first{
		width:810px;
		height:640px;
		background-color:#1479b2;
		margin:220px 0 0 -40px;
	}

	.box_felder_overflow{
		width:1220px;
	}

	h1.h1_top{
		color:#1a171c;
		font-size:54px;
		line-height:60px;
		margin:0 0 10px 0;
		font-weight:500;
		width:300px;
	}

	h2.h2_top{
		color:#1a171c;
		font-size:32px;
		line-height:40px;
		margin:40px 0 0 0;
		font-weight:300;
		width:300px;
	}

	h1.h1_top_content{
		color:#1a171c;
		font-size:54px;
		line-height:60px;
		margin:0 0 10px 0;
		font-weight:500;
		width:300px;
	}

	h2.h2_top_content{
		color:#1a171c;
		font-size:32px;
		line-height:40px;
		margin:10px 0 0 0;
		font-weight:300;
		width:300px;
	}


	/* Projekt - ENDE */

	.box_felder_overflow{
		width:320px;
	}

	.box_felder{
		width:300px;
		height:160px;
		background-color:#1479b2;
		padding:40px;
		box-sizing:border-box;
		margin:10px 20px 10px 0;
		cursor:pointer;
	}

	.box_felder_h2{
		font-size:22px;
	}

		.box_felder:hover{
			background-color:#a01f13;
			-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;
		}

	.headline_content_top{
		margin:-20px 0 20px 0;
	}

	h1.h1_foot{
		color:#fff;
		font-size:32px;
		margin:0 0 10px 0;
		line-height:38px;
	}

	h3.h3_foot{
		color:#fff;
		font-size:28px;
		font-weight:300;
		text-transform:none;
		margin:0;
		line-height:38px;
	}

	h3.h3_foot a{
		font-size:32px;
		color:#fff;
		font-weight:600;
	}

	.bike_fuss{
		background-image:none;
		width:100%;
		height:70px;
		margin:0;
	}

	.margin_fragen{
		margin:0 0 40px 0;
	}

	i.plus_fragen{
		font-size:42px;
		line-height:30px;
		text-transform:none;
		color:#1479b2;
		margin:0 20px 0 0;
		position:relative;
		display:inline;
		float:left;
	}

	h1.h1_fragen{
		font-size:26px;
		line-height:34px;
		text-transform:none;
		color:#838382;
		margin:0;
		font-weight:300;
		cursor:pointer;
		width:240px;
	}

		h1.h1_fragen:hover{
			color:#fff;
			-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;
		}

	.caret_boxen{
		color:#fff;
		font-size:32px;
		display:block;
		position:absolute;
		bottom:30px;
		right:30px;
	}

	.box_font h2{
		font-size:26px;
		line-height:30px;
		text-transform:uppercase;
		color:#fff;
		margin:0;
	}

	.box_font h3{
		font-size:16px;
		line-height:24px;
		text-transform:uppercase;
		color:#fff;
		font-weight:300;
	}

	.box1{
		width:0;
		height:0;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		margin:0 20px 0 0;
	}

		.box1_overlay{
			width:0;
			height:0;
			background-color:rgba(45,45,43,0.4);
		}

	.box2{
		width:300px;
		height:300px;
		background-color:#2d2d2b;
		padding:40px;
		box-sizing:border-box;
		margin:0 0 20px 0;
		cursor:pointer;
	}

		.box2:hover{
			background-color:#181818;
			-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;
		}

	.box3{
		width:300px;
		height:300px;
		background-color:#1479b2;
		padding:40px;
		box-sizing:border-box;
		margin:0 0 20px 0;
		cursor:pointer;
	}

		.box3:hover{
			background-color:#a01f13;
			-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;
		}

	.box4{
		width:300px;
		height:300px;
		background-color:#1479b2;
		padding:40px;
		box-sizing:border-box;
		margin:0 0 20px 0;
		cursor:pointer;
	}

		.box4:hover{
			background-color:#a01f13;
			-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;
		}

	.box5{
		width:0;
		height:0;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		margin:0 0 20px 0;
	}

		.box5_overlay{
			width:0;
			height:0;
			background-color:rgba(45,45,43,0.4);
		}

	.box6{
		width:300px;
		height:300px;
		background-color:#1479b2;
		padding:40px;
		box-sizing:border-box;
		margin:0 0 0 0;
		cursor:pointer;
	}

		.box6:hover{
			background-color:#a01f13;
			-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;
		}

	.bike_index_top{
		background-image: none;
		background-repeat: no-repeat;
		background-size: auto;
		background-position: top left;
		height: 40px;
		width: 60px;
		margin: -0 -0 0 0;
		z-index: 999;
	}

	.box_headline{
		background-image:url(../images/icon_headline.png);
		background-repeat:no-repeat;
		background-size:auto;
		background-position:top left;
		padding:0 0 0 45px
	}

	.span_slider{
		font-size:24px; line-height:30px; font-family:  'Fira Sans', Arial, Helvetica, sans-serif; color: #ffffff; font-weight:300; margin:0 0 0 0; padding:0 0 0 0; word-wrap: break-word; text-transform:none;
	}

	.display_btn{
		display:none;
	}

	.bg_icon_tiles{
		background-image:url(../images/bg_icon_tiles.png);
		background-size:260px 200px;
		background-position:bottom right;
		background-repeat:no-repeat;
	}

	.box_leistung_slider{
		height:360px;
		width:300px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		margin:0 40px 0 0;
		cursor:pointer;
	}

	.box_leistung_slider_overlay{
		height:360px;
		width:300px;
		background-color:rgba(0,0,0,0.85);
		margin:0 40px 0 0;
		padding:40px 20px 0 20px;
		cursor:pointer;
		display:none;
		box-sizing:border-box;
	}

	.box_leistung_slider:hover .box_leistung_slider_overlay{
		display:inline;
	}

	.box_leistung_slider:hover a{
		text-decoration:underline;
	}

	.bgdiv_nav_top_z3{
		display:none;
	}

	.div_iframe iframe{
		height:260px;
		width:100%;
	}

	h1{ font-size:28px; line-height:30px; }
	h1.h1_marker{ font-size:24px; line-height:32px; }
	h1.h1_weiss{ font-size:24px; line-height:32px; }

	h2{ font-size:20px; line-height:26px; }

	h2.h2_slogan{ font-size:16px; line-height:30px; }

	h3{ font-size:16px; line-height:30px; }
	h3.h3_slogan{ font-size:32px; line-height:34px; }

	h3.h3_h1_marker{ font-size:24px; line-height:32px; }
	h3.h3_galery{ font-size:24px; line-height:32px; }
	h3.h3_h1{ font-size:24px; line-height:32px; }
	h3.h3_testimonial_marker{ font-size:26px; line-height:32px; }

	h4{ font-size:16px; line-height:24px; }
	h4.h4_teaser{ font-size:20px; line-height:22px; }
	h4.h4_news{ font-size:20px; line-height:22px; }

	h5{ font-size:16px; line-height:24px; }



	.bgdiv_nav_top_z1,
	.bgdiv_nav_top_z2,
	.nav_scroll_bg{
		display:none;
	}



	.bgdiv_nav_top_z1_mobile{
		display:inline;
	}


	/* header contentseiten :: start */

		.bgdiv_con_100_header_con{
			display:inline;
			height:auto;
			background-repeat:no-repeat;
			background-position:center top;
			background-size:cover;
		}

		.header_con_abdecker{
			float:left;
			display:inline;
			position:relative;
			height:100%;
			width:100%;
			background-color:rgba(255,255,255,0.5);
		}

			.box_icons{
				width:300px;
				height:75px;
				margin:0 0 0 0;
				text-align:left;
				overflow:hidden;
			}

				.box_icons img{
					width:300px;
					max-height:75px;
				}




	/* header contentseiten :: ende */



	/* slider startseite :: start */

		/*
		.bgdiv_con_100_header_slider,
		.rslides,
		.rslides_navi_pos{
			display:none;
		}

		.bgdiv_con_100_header_slider_mobile{
			height:20px;
			background-color:#20a64b;
		}
		*/

		.bgdiv_con_100_header_slider{
			display:block;
			height:380px;
			margin-top:-70px;
		}



			.bgdiv_slider{
				width:100%;
				height:380px;
				float:left;
				display:inline;
				position:relative;
				background-position:top center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
			}

			.slider_abdecker{
				float:left;
				display:inline;
				position:relative;
				height:100%;
				width:100%;
				background-color:rgba(50,47,68,0.6);
				background-image:url(../images/abdecker_header.png);
				background-position:top center;
				background-repeat:no-repeat;
			}


			.rslides {
			  display:inline;
			  position: relative;
			  list-style: none;
			  overflow: hidden;
			  width: 100%;
			  height:380px;
			  padding: 0;
			  margin: 0;
			  }

			.rslides li {
			  -webkit-backface-visibility: hidden;
			  position: absolute;
			  display: none;
			  width: 100%;
			  left: 0;
			  top: 0;
			  margin:0;
			  padding:0;
			  }

			.rslides li:first-child {
			  position: relative;
			  display: block;
			  float: left;
			  }

			 /*
			.rslides img {
			  display: block;
			  height: auto;
			  float: left;
			  width: 100%;
			  border: 0;
			  }
			 */

			 .large-btns_tabs {
				padding-left:0px;
				margin-left:0px;
				margin-top: 0px;
			}

			.large-btns_tabs li {
				display: inline;
				float: none;
				margin:0 20px 0 0;
			}

			.large-btns_tabs a {
				background-color:#ffffff;
				width:15px;
				height:15px;
				display: inline-block;
				overflow: hidden;
				text-indent: -9999px;

			}

			.large-btns_here a {
				background-color:#20a64b;
			}

			.rslides_navi_pos{
				display:none;
			}

		.bg_slogan{
			
			display:inline;
			position:relative;
			margin:-260px 0 0 0;
			box-sizing:border-box;
			text-align:left;
			color:#fff;
			bottom:0;
			float:left;
			z-index:99;
		
		}

		.bg_slogan_pic{
			display:none;
		}



	/* slider startseite :: ende */



	/* keyfacts - produktteaser - welcome :: start */

		.bgdiv_con_100_produktteaser{
			background-image:url(../images/bg_teaser_produkte.gif);
			background-position:center top;
			background-repeat:repeat-y;
			margin:0 0 0 0;
			z-index:900;

			display:inline;
		}


			.produkt_teaser{
				width:300px;
				padding:0 0 0 0;
				box-sizing:border-box;
			}

				.produkt_teaser_box{
					box-sizing:border-box;
					width:300px;
					height:200px;
					border:1px solid #d1d1d1;
					margin:0 0 20px 0;
					overflow:hidden;
					text-align:center;
					cursor:pointer;
				}

					.produkt_teaser_box img{
						max-width:298px;
						height:198px;
					}

					.produkt_teaser_lupe{
						width:40px;
						height:40px;
						display:inline;
						background-image:url(../images/icon_lupe_01.png);
						background-position:center top;
						background-repeat:no-repeat;
						margin:-40px 0 0 0;
					}

					.produkt_teaser_abdecker{
						width:298px;
						height:198px;
						display:none;
						background-image:url(../images/bg_abdecker_zoom.png);
						background-position:right bottom;
						background-repeat:no-repeat;
						margin:-198px 0 0 0;
						padding:80px 0 0 0;
						text-align:center;
						color:#ffffff;
						box-sizing:border-box;
					}

						h4.h4_teaser{ font-size:20px; line-height:24px; }


					.produkt_teaser_box:hover .produkt_teaser_abdecker{
						display:inline;
					}

					.produkt_teaser_box:hover .produkt_teaser_lupe{
						display:none;
					}




			.bgdiv_keyfacts{
				display:none;
			}


		.welcome_txt{
			float:left;
			width:300px;
			padding:60px 0 60px 0;
		}

	/* keyfacts - produktteaser - welcome :: ende */



	/* content bühne :: start */

	.sp_50p_buehne{
		width:298px;
		height:197px;
		overflow:hidden;
		border:0px solid #e3e3e3;
		float:right;
		margin:0 0 40px 0;
	}

	.sp_50p_buehne_txt{
		width:300px;
		float:left;
	}

	.jcarousel-wrapper-buehne {
		width:298px;
		height:195px;
	}

		/*.jcarousel-wrapper-buehne img {
			width:300px;
		}*/

		.buehne_table{
			width:298px;
			height:195px;
		}

		.buehne_resize_width{
			width:300px;
		}

		.buehne_resize_height{
			height:195px;
		}

		.iframe_buehne{
			width:298px;
			height:197px;
		}

	.jcarousel-control-prev_buehne,
	.jcarousel-control-next_buehne	{
		position: absolute;
		top:147px;
		width: 50px;
		height: 50px;
	}

	.jcarousel-control-prev_buehne {
		left:-1px;
		background-image:url(../images/icon_arrow_left_rot.png);
		background-repeat:no-repeat;
	}

	.jcarousel-control-next_buehne {
		right: -1px;
		background-image:url(../images/icon_arrow_right_rot.png);
		background-repeat:no-repeat;
	}

	/* content bühne :: ende */

	/* 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:221px;
				width:auto;
			}


				.jcarousel-control-prev-gal,
				.jcarousel-control-next-gal {

					top:243px;
					z-index:800;
				}

				.jcarousel-control-prev-gal {
					background-image:url(../images/icon_arrow_left_gal.png);
					left:0px;
				}

				.jcarousel-control-next-gal {
					background-image:url(../images/icon_arrow_right_gal.png);
					right:0px;
				}


	.jcarousel-wrapper-marken {
			width:300px;
			height:260px;
			padding:0 0 0 0;
			margin:0 0 0 0;
		}



			.jcarousel-wrapper-marken img{
				max-height: 90%;
				max-width: 90%;
				width: auto;
				height: auto;
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
				-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
				filter: grayscale(100%);
			}


				.jcarousel-control-prev-marken,
				.jcarousel-control-next-marken {

					top:223px;
					z-index:800;
				}

				.jcarousel-control-prev-marken {
					background-image:url(../images/icon_arrow_left_gal.png);
					left:0px;
				}

				.jcarousel-control-next-marken {
					background-image:url(../images/icon_arrow_right_gal.png);
					right:0px;
				}

			.box_marken{
			width:298px;
			height:221px;
			border:0px solid #dcdcdc;
			overflow:hidden;
			margin:0 40px 0 0;
		}

			.box_marken_pic{
				width:298px;
				height:221px;
				overflow:hidden;
				text-align:center;
			}



		.jcarousel li {
			margin:0 0 5px 0;
		}


		.box_gal{
			width:298px;
			height:221px;
			border:1px solid #dcdcdc;
			overflow:hidden;
			margin:0 40px 0 0;
		}

			.box_gal_pic{
				width:298px;
				height:221px;
				overflow:hidden;
				background-color:#ffffff;
				text-align:center;
			}


			.box_gal_hover{
				width:298px;
				height:221px;
				margin:-221px 0 0 0;
				background-image:url(../images/bg_abdecker_zoom.png);
				background-repeat:no-repeat;
				background-position:right bottom;
				display:none;
			}

			.box_gal:hover .box_gal_hover{
				display:inline;
			}

	/* galery slider :: ende */


	/* footer :: start */

		.bgdiv_con_100_testimonials{
			display:inline;
			height:623px;
			background-color:#2d2d2b;
		}

			.testimonial_rahmen{
				float:left;
				display:inline;
				width:280px;
				height:623px;
				background-color:#2d2d2b;
				box-sizing:border-box;
				padding:60px 0 60px 0;
				z-index:500;
				color:#ffffff;
			}

				.testimonial_txt{
						width:280px;
						height:391px;
						color:#ffffff;
					}

						.testimonial_txt p{
							color:#ffffff;
						}

			/*slider testimonial :: start */

				.jcarousel-wrapper-testimonial {
					display:inline;
					width:300px;
					height:391px;
					padding:0 0 0 0;
					margin:0 0 20px 0;
				}

				.jcarousel-control-prev-testimonial,
						.jcarousel-control-next-testimonial {

							top:380px;
							z-index:800;
							width:11px;
							height:40px;
						}

						.jcarousel-control-prev-testimonial {
							background-image:url(../images/icon_arrow_left.png);
							right:50px;
						}

						.jcarousel-control-next-testimonial {
							background-image:url(../images/icon_arrow_right.png);
							right:0px;
						}

			/*slider testimonial :: ende */




		.rahmen_cta{
			margin-top:0px;
		}

			.bgdiv_con_100_pic_footer{
				display:none;
			}

				.bgdiv_con_100_pic_footer_abdecker{
					display:none;
				}


			.cta_txt{
				display:inline;
				width:300px;
				padding:40px 0 0 0;
			}

			.cta_adresse{
				display:inline;
				width:300px;
				padding:0 0 40px 0;
			}

		.footer_z1_copy{
			font-size:16px;
			color:#282828;
			margin:15px 0 0 0;
		}

		.footer_z1_links{
			display:none;
		}

	/* footer :: ende */


}

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

	span.slogan_trenner{
		font-family:'Aeonik';
		font-size:40px;
		line-height:46px;
		color:#282828;
		width:100%;
		display:flex;
		justify-content : center;
		align-items : center;
		position:relative;
	}
	
	.pic_overlay{
		width:400px;
		height:450px;
		display:inline;
		float:right;
		position:relative;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
		margin:0px 0 0 0;
	}
	
	.pic_overlay_welcome{
		width:400px;
		height:450px;
		display:inline;
		float:right;
		position:relative;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
		margin:-345px 140px 0 0;
	}
	
	.pic_overlay_red{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:rgba(50,47,68,0.67);
	}

	/* Projekt - START */
	
	.show_phone{
		background-image:url(../images/bg_z2_nav_560.png); background-position:top center; background-repeat:no-repeat; height:50px; z-index:99; display:inline;
	}
	
	.bg_welcome_resp{
		background-image:url(../images/bg_welcome_560.png); background-position:top center; background-repeat:no-repeat; height:700px; margin:-150px 0 40px 0; z-index:999; padding:60px 0 60px 0; box-sizing:border-box;
	}
	
	.margin_foot{
		margin:0 40px 0 0;
	}
	
	.margin_cta{
		margin:40px 0 0 0;
	}
	
	.head_box_index{
		width:480px;
	}
	
	.overflow_shortlink{
		width:560px;
		overflow:hidden;
		margin-top: 60px;
	}
	
	.box_shortlink{
		background-color:#555554;
		height:115px;
		width:260px;
		margin:30px 20px 0 0;
		cursor:pointer;
		padding:20px 20px 20px 20px;
		box-sizing:border-box;
	}
	
	.box_shortlink:hover{
		background-color:#797978;
		height:115px;
		width:260px;
		margin:30px 20px 0 0;
		cursor:pointer;
	}
	
	
	h2{ font-size:28px; line-height:30px; }
	h3{ font-size:22px; line-height:36px; }
	
	
	.team_overflow{
		width:560px;
	}
	
	.box_team{
		width:260px;
		height:180px;
		margin:0 20px 20px 0;
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
	}
	
		.box_team_overlay{
			position:absolute;
			top:0;
			bottom:0;
			left:0;
			right:0;
			background-color:transparent;
			text-align:center;
		}
		
		.box_team_overlay span{
			position:relative;
			justify-content : center;
			align-items : center;
			display:none;
			margin:60px 0 0 0;
		}
		
		.box_team_overlay:hover{
			background-color:rgba(26,23,28,0.8);
			-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;
		}
		
		.box_team_overlay:hover span{
			display:flex;
		}
	
	h1.marker{
		font-size:36px;
		line-height:40px;
	}

	.gelb_data a{
		color:#fff;
		font-size:18px;
	}

	.div_btn_foot{ clear:inherit; margin-right:30px; text-align:right; margin-top:20px; }

	.width_index_top{
		width:730px;
		margin:-410px 0 0 0;
	}

	.form_foot_datenschutz{
		font-size:18px;
		color:#fff;
		line-height:24px;
	}

	.width_form_foot{
		width:100%;
	}

	.name_foot{
		font-size:24px;
		line-height:30px;
		color:#1a171c;
	}

	.copy_foot{
		font-size:14px;
		line-height:20px;
		color:#1a171c;
	}

	.adress_foot{
		font-size:14px;
		line-height:65px;
		color:#1a171c;
	}

	.box_form_foot{
		width:100%;
		padding:80px;
		background-color:#1479b2;
		box-sizing: border-box;
	}

	.jcarousel-wrapper-gal-index {
		width:630px;
		height:290px;
		padding:0 0 0 0;
		margin:0 0 0 0;
		float:right;
		overflow:hidden;
	}



		.jcarousel-wrapper-gal-index img{
			height:300px;
			width:auto;
		}


			.jcarousel-control-prev-gal-index,
			.jcarousel-control-next-gal-index {
				width:50px;
				height:50px;
				top:0px;
				z-index:800;
			}

			.position_prev_next_index{
				margin:0 300px 0 0;
			}

			.jcarousel-control-prev-gal-index {
				background-image:url(../images/icon_arrow_left_gal_index_weiss.png);
				right:50px;
			}

			.jcarousel-control-next-gal-index {
				background-image:url(../images/icon_arrow_right_gal_index.png);
				right:0px;
			}

			.box_gal_index{
				width:300px;
				height:290px;
				overflow:hidden;
				margin:0 0 0 0;
			}

				.box_gal_index_pic{
					width:300px;
					height:290px;
					overflow:hidden;
					background-color:#ffffff;
					text-align:center;
				}


				.box_gal_index_hover{
					width:300px;
					height:290px;
					margin:-290px 0 0 0;
					background-color:rgba(26,23,28,0.25);
					display:none;
				}

.box_gal_index_upper{
	width:540px;
	height:280px;
	background-color:#1a171c;
	padding:60px;
	box-sizing: border-box;
}

.box_gal_index_under{
	width:540px;
	height:140px;
	background-color:#1a171c;
	padding:60px 60px 40px 60px;
	box-sizing: border-box;
}

h2.h2_gal_index{font-family:  'Fira Sans', Arial, Helvetica, sans-serif; font-size:36px; line-height:48px; margin:0px 0 60px 40px; padding:0 0 0 0; width:380px; display:inline; position:relative; float:left; }
h2.h2_cta_index{font-family:  'Fira Sans', Arial, Helvetica, sans-serif; font-size:36px; line-height:48px; margin:0 0 0 0; padding:0 0 0 0; text-align:center; }

.marker_pic_index i{
	color:#1a171c;
	font-size:28px;
	position:absolute;
	padding:30px 38px 30px 38px;
	background-color:#1479b2;
	bottom:0;
	right:0;
}

.box_pic_index{
	width:540px;
	height:300px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.box_txt_index_right{
	padding:0 40px 0 40px;
	box-sizing: border-box;
	margin:60px 0 60px 0;
	width:540px;
}

.box_txt_index_right_grau{
	height:610px;
	width:540px;
	padding:60px 40px 0 40px;
	box-sizing: border-box;
	margin:0 0 0 0;
	background-color:#f6f7f9;
}

span.number_index{
	color:#fff;
	font-size:24px;
	position:absolute;
	bottom:100px;
	left:20px;
}

span.head_box_leistungen{
	font-size:18px;
	color:#fff;
}

.box_leistungen_index_abdecker{
	position:absolute;
	top:0;
	right:0;
	bottom:80px;
	left:0;
	background-color:rgba(26,23,28,0.25);
}

.margin_boxen_leistungen{
	margin:-360px 0 0 0;
}

.box_leistungen_index{
	width:180px;
	height:400px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	cursor:pointer;
}

.box_leistungen_index:hover .box_leistungen_index_abdecker{
	background-color:rgba(26,23,28,0.5);
	-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;
}

.box_leistungen_link{
	background-color:#2d292f;
	width:100%;
	height:80px;
	bottom:0;
	position:absolute;
	padding:35px 20px 0 20px;
	box-sizing:border-box;
}

.box_leistungen_link_middle{
	background-color:#1a171c;
	width:100%;
	height:80px;
	bottom:0;
	position:absolute;
	padding:35px 20px 0 20px;
	box-sizing:border-box;
}

span.span_box_index{
	color:#1a171c;
	background-image:url(../images/trenner_obx_index.png);
	background-position:right center;
	background-repeat:no-repeat;
	padding:0 60px 0 0;
}

span.span_box_index_2{
	color:#1a171c;
	background-image:url(../images/trenner_obx_index.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0 0 0 60px;
	transform: rotate(-90deg);
	position:absolute;
	left:-120px;
	bottom:180px;
	display:none;
}

.box_welcome_txt{
	width:540px;
	margin:-600px 0 0 0;
}

	.box_orange_first{
		width:810px;
		height:450px;
		background-color:#1479b2;
		margin:160px 0 0 -40px;
	}

	.box_felder_overflow{
		width:1220px;
	}

	h1.h1_top{
		color:#1a171c;
		font-size:80px;
		line-height:82px;
		margin:0 0 10px 0;
		font-weight:500;
		width:440px;
	}

	h2.h2_top{
		color:#1a171c;
		font-size:36px;
		line-height:40px;
		margin:40px 0 0 0;
		font-weight:300;
		width:440px;
	}

	h1.h1_top_content{
		color:#1a171c;
		font-size:70px;
		line-height:78px;
		margin:0 0 10px 0;
		font-weight:500;
		width:540px;
	}

	h2.h2_top_content{
		color:#1a171c;
		font-size:28px;
		line-height:36px;
		margin:10px 0 0 0;
		font-weight:300;
		width:540px;
	}


	/* Projekt - ENDE */

	.box_felder_overflow{
		width:560px;
	}

	.box_felder{
		width:540px;
		height:160px;
		background-color:#1479b2;
		padding:40px;
		box-sizing:border-box;
		margin:10px 20px 10px 0;
		cursor:pointer;
	}

	.box_felder_h2{
		font-size:22px;
	}

		.box_felder:hover{
			background-color:#a01f13;
			-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;
		}

	.headline_content_top{
		margin:-20px 0 20px 0;
	}

	h1.h1_foot{
		color:#fff;
		font-size:32px;
		margin:0 0 10px 0;
		line-height:auto;
	}

	h3.h3_foot{
		color:#fff;
		font-size:28px;
		font-weight:300;
		text-transform:none;
		margin:0;
		line-height:38px;
	}

	h3.h3_foot a{
		font-size:32px;
		color:#fff;
		font-weight:600;
	}

	.bike_fuss{
		background-image:none;
		width:100%;
		height:70px;
		margin:0;
	}

	.margin_fragen{
		margin:0 0 40px 0;
	}

	i.plus_fragen{
		font-size:42px;
		line-height:30px;
		text-transform:none;
		color:#1479b2;
		margin:0 20px 0 0;
		position:relative;
		display:inline;
		float:left;
	}

	h1.h1_fragen{
		font-size:32px;
		line-height:36px;
		text-transform:none;
		color:#838382;
		margin:0;
		font-weight:300;
		cursor:pointer;
		width:480px;
	}

		h1.h1_fragen:hover{
			color:#fff;
			-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;
		}

	.caret_boxen{
		color:#fff;
		font-size:32px;
		display:block;
		position:absolute;
		bottom:30px;
		right:30px;
	}

	.box_font h2{
		font-size:26px;
		line-height:30px;
		text-transform:uppercase;
		color:#fff;
		margin:0;
	}

	.box_font h3{
		font-size:16px;
		line-height:24px;
		text-transform:uppercase;
		color:#fff;
		font-weight:300;
	}

	.box1{
		width:0;
		height:0;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		margin:0 20px 0 0;
	}

		.box1_overlay{
			width:0;
			height:0;
			background-color:rgba(45,45,43,0.4);
		}

	.box2{
		width:260px;
		height:200px;
		background-color:#2d2d2b;
		padding:40px;
		box-sizing:border-box;
		margin:0 20px 20px 0;
		cursor:pointer;
	}

		.box2:hover{
			background-color:#181818;
			-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;
		}

	.box3{
		width:260px;
		height:200px;
		background-color:#1479b2;
		padding:40px;
		box-sizing:border-box;
		margin:0 0 20px 0;
		cursor:pointer;
	}

		.box3:hover{
			background-color:#a01f13;
			-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;
		}

	.box4{
		width:260px;
		height:200px;
		background-color:#1479b2;
		padding:40px;
		box-sizing:border-box;
		margin:0 20px 20px 0;
		cursor:pointer;
	}

		.box4:hover{
			background-color:#a01f13;
			-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;
		}

	.box5{
		width:0;
		height:0;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		margin:0 0 20px 0;
	}

		.box5_overlay{
			width:0;
			height:0;
			background-color:rgba(45,45,43,0.4);
		}

	.box6{
		width:260px;
		height:200px;
		background-color:#1479b2;
		padding:40px;
		box-sizing:border-box;
		margin:0 0 0 0;
		cursor:pointer;
	}

		.box6:hover{
			background-color:#a01f13;
			-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;
		}

	.bike_index_top{
		background-image: none;
		background-repeat: no-repeat;
		background-size: auto;
		background-position: top left;
		height: 40px;
		width: 60px;
		margin: -0 -0 0 0;
		z-index: 999;
	}

	.box_headline{
		background-image:url(../images/icon_headline.png);
		background-repeat:no-repeat;
		background-size:auto;
		background-position:top left;
		padding:0 0 0 45px
	}

	.span_slider{
		font-size:26px; line-height:30px; font-family:  'Fira Sans', Arial, Helvetica, sans-serif; color: #ffffff; font-weight:300; margin:0 0 0 0; padding:0 0 0 0; word-wrap: break-word; text-transform:none;
	}

	.display_btn{
		display:inline;
	}

	.bg_icon_tiles{
		background-image:url(../images/bg_icon_tiles.png);
		background-size:260px 200px;
		background-position:bottom right;
		background-repeat:no-repeat;
	}

	.box_leistung_slider{
		height:360px;
		width:249px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		margin:0 40px 0 0;
		cursor:pointer;
	}

	.box_leistung_slider_overlay{
		height:360px;
		width:249px;
		background-color:rgba(0,0,0,0.85);
		margin:0 40px 0 0;
		padding:40px 20px 0 20px;
		cursor:pointer;
		display:none;
		box-sizing:border-box;
	}

	.box_leistung_slider:hover .box_leistung_slider_overlay{
		display:inline;
	}

	.box_leistung_slider:hover a{
		text-decoration:underline;
	}


	/* header contentseiten :: start */

		.bgdiv_con_100_header_con{
			display:inline;
			height:auto;
			background-repeat:no-repeat;
			background-position:center top;
			background-size:cover;
		}

		.header_con_abdecker{
			float:left;
			display:inline;
			position:relative;
			height:100%;
			width:100%;
			background-color:rgba(255,255,255,0.5);
		}

			.box_icons{
				width:540px;
				height:75px;
				margin:0 0 0 0;
				text-align:left;
				overflow:hidden;
			}

				.box_icons img{
					width:300px;
					max-height:75px;
				}




	/* header contentseiten :: ende */


	/* slider startseite :: start */

		/*
		.bgdiv_con_100_header_slider_mobile{
			display:none;
		}
		*/

		.bgdiv_con_100_header_slider{
			display:block;
			height:550px;
			margin-top:-50px;
		}



			.bgdiv_slider{
				width:100%;
				height:550px;
				float:left;
				display:inline;
				position:relative;
				background-position:top center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
			}

			.slider_abdecker{
				float:left;
				display:inline;
				position:relative;
				height:100%;
				width:100%;
				background-color:rgba(50,47,68,0.6);
				background-image:url(../images/abdecker_header.png);
				background-position:top center;
				background-repeat:no-repeat;
			}


			.rslides {
			  display:inline;
			  position: relative;
			  list-style: none;
			  overflow: hidden;
			  width: 100%;
			  height:550px;
			  padding: 0;
			  margin: 0;
			  }

			.rslides li {
			  -webkit-backface-visibility: hidden;
			  position: absolute;
			  display: none;
			  width: 100%;
			  left: 0;
			  top: 0;
			  margin:0;
			  padding:0;
			  }

			.rslides li:first-child {
			  position: relative;
			  display: block;
			  float: left;
			  }

			 /*
			.rslides img {
			  display: block;
			  height: auto;
			  float: left;
			  width: 100%;
			  border: 0;
			  }
			 */

			 .large-btns_tabs {
				padding-left:0px;
				margin-left:0px;
				margin-top: 0px;
			}

			.large-btns_tabs li {
				display: inline;
				float: none;
				margin:0 10px 0 0;
			}

			.large-btns_tabs a {
				background-color:#ffffff;
				width:15px;
				height:15px;
				display: inline-block;
				overflow: hidden;
				text-indent: -9999px;

			}

			.large-btns_here a {
				background-color:#20a64b;
			}

			.rslides_navi_pos{
				margin:-59px 0 0 0;
				z-index:900;
				display:inline;
			}

		.bg_slogan{
			display:inline;
			position:relative;
			margin:-360px 0 0 0;
			box-sizing:border-box;
			text-align:left;
			color:#fff;
			bottom:0;
			float:left;
			z-index:99;
		}

		.bg_slogan_pic{
			display:none;
		}





	/* slider startseite :: ende */


	/* keyfacts - produktteaser - welcome :: start */

		.bgdiv_con_100_produktteaser{
			background-image:url(../images/bg_teaser_produkte.gif);
			background-position:center top;
			background-repeat:repeat-y;
			margin:0 0 0 0;
			z-index:900;

			display:inline;
		}


			.produkt_teaser{
				width:540px;
				padding:0 0 0 0;
				box-sizing:border-box;
			}

				.produkt_teaser_box{
					box-sizing:border-box;
					width:166px;
					height:230px;
					border:1px solid #d1d1d1;
					margin:0 0 0 20px;
					overflow:hidden;
					text-align:center;
					cursor:pointer;
				}

					.produkt_teaser_box img{
						max-width:164px;
						height:228px;
					}

					.produkt_teaser_lupe{
						width:40px;
						height:40px;
						display:inline;
						background-image:url(../images/icon_lupe_01.png);
						background-position:center top;
						background-repeat:no-repeat;
						margin:-40px 0 0 0;
					}

					.produkt_teaser_abdecker{
						width:164px;
						height:228px;
						display:none;
						background-image:url(../images/bg_abdecker_zoom.png);
						background-position:right bottom;
						background-repeat:no-repeat;
						margin:-228px 0 0 0;
						padding:80px 0 0 0;
						text-align:center;
						color:#ffffff;
						box-sizing:border-box;
					}

						h4.h4_teaser{ font-size:20px; line-height:24px; }


					.produkt_teaser_box:hover .produkt_teaser_abdecker{
						display:inline;
					}

					.produkt_teaser_box:hover .produkt_teaser_lupe{
						display:none;
					}




			.bgdiv_keyfacts{
				display:none;
			}


		.welcome_txt{
			float:left;
			width:540px;
			padding:60px 0 60px 0;
		}

	/* keyfacts - produktteaser - welcome :: ende */





	/* content bühne :: start */

	.sp_50p_buehne{
		width:538px;
		height:352px;
		overflow:hidden;
		border:0px solid #dcdcdc;
		float:left;
		margin:0 0 40px 0;
	}

	.sp_50p_buehne_txt{
		width:540px;
		float:right;
	}


	.jcarousel-wrapper-buehne {
		width:538px;
		height:352px;
	}

		/*.jcarousel-wrapper-buehne img {
			width:550px
		}*/

		.buehne_table{
			width:538px;
			height:352px;
		}

		.buehne_resize_width{
			width:538px;
		}

		.buehne_resize_height{
			height:352px;
		}

		.iframe_buehne{
			width:538px;
			height:352px;
		}

	.jcarousel-control-prev_buehne,
	.jcarousel-control-next_buehne	{
		position: absolute;
		top:302px;
		width: 50px;
		height: 50px;
	}

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

	.jcarousel-control-next_buehne {
		right: 0px;
		background-image:url(../images/icon_arrow_right_rot.png);
		background-repeat:no-repeat;
	}

	/* content bühne :: ende */


	/* galery slider :: start */

	.jcarousel-wrapper-gal {
			width:540px;
			padding:0 0 0 0;
			margin:0 0 0 0;
		}



			.jcarousel-wrapper-gal img{
				height:183px;
				width:auto;
			}


				.jcarousel-control-prev-gal,
				.jcarousel-control-next-gal {

					top:205px;
					z-index:800;
				}

				.jcarousel-control-prev-gal {
					background-image:url(../images/icon_arrow_left_gal.png);
					right:52px;
					left:auto;
				}

				.jcarousel-control-next-gal {
					background-image:url(../images/icon_arrow_right_gal.png);
					right:0px;
				}



	.jcarousel-wrapper-marken {
			width:540px;
			height:200px;
			padding:0 0 0 0;
			margin:0 0 0 0;
		}



			.jcarousel-wrapper-marken img{
				max-height: 90%;
				max-width: 90%;
				width: auto;
				height: auto;
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
				-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
				filter: grayscale(100%);
			}


				.jcarousel-control-prev-marken,
				.jcarousel-control-next-marken {

					top:180px;
					z-index:800;
				}

				.jcarousel-control-prev-marken {
					background-image:url(../images/icon_arrow_left_gal.png);
					right:32px;
					left:auto;
				}

				.jcarousel-control-next-marken {
					background-image:url(../images/icon_arrow_right_gal.png);
					right:0px;
				}


			.box_marken{
			width:248px;
			height:183px;
			border:0 solid #dcdcdc;
			overflow:hidden;
			margin:0 40px 0 0;
		}

			.box_marken_pic{
				width:248px;
				height:183px;
				overflow:hidden;
				text-align:center;
			}



		.jcarousel li {
			margin:0 0 5px 0;
		}


		.box_gal{
			width:248px;
			height:183px;
			border:1px solid #dcdcdc;
			overflow:hidden;
			margin:0 40px 0 0;
		}

			.box_gal_pic{
				width:248px;
				height:183px;
				overflow:hidden;
				background-color:#ffffff;
				text-align:center;
			}


			.box_gal_hover{
				width:248px;
				height:183px;
				margin:-183px 0 0 0;
				background-image:url(../images/bg_abdecker_zoom.png);
				background-repeat:no-repeat;
				background-position:right bottom;
				display:none;
			}

			.box_gal:hover .box_gal_hover{
				display:inline;
			}

	/* galery slider :: ende */


	/* footer :: start */

		.bgdiv_con_100_testimonials{
			display:inline;
			height:463px;
			background-color:#2d2d2b;
		}

			.testimonial_rahmen{
				float:left;
				display:inline;
				width:500px;
				height:463px;
				background-color:#2d2d2b;
				box-sizing:border-box;
				padding:60px 0 60px 0;
				z-index:500;
				color:#ffffff;
			}


			/*slider testimonial :: start */

				.jcarousel-wrapper-testimonial {
					display:inline;
					width:540px;
					height:391px;
					padding:0 0 0 0;
					margin:40px 0 20px 0;
				}

					.testimonial_txt{
						width:500px;
						height:391px;
						color:#ffffff;
					}

						.testimonial_txt p{
							color:#ffffff;
						}

						.testimonial_kunde{
							color:#ffffff;
							font-weight:bold;
							box-sizing:border-box;
							width:540px;
							padding:0 0 0 12px;
							background-image:url(../images/bg_testimonial.gif);
							background-repeat:no-repeat;
							background-position:left 13px;
						}


						.jcarousel-control-prev-testimonial,
						.jcarousel-control-next-testimonial {

							top:380px;
							z-index:800;
							width:11px;
							height:40px;
						}

						.jcarousel-control-prev-testimonial {
							background-image:url(../images/icon_arrow_left.png);
							right:50px;
						}

						.jcarousel-control-next-testimonial {
							background-image:url(../images/icon_arrow_right.png);
							right:0px;
						}

			/*slider testimonial :: ende */




		.rahmen_cta{
			margin-top:0px;
		}

			.bgdiv_con_100_pic_footer{
				display:none;
			}

				.bgdiv_con_100_pic_footer_abdecker{
					display:none;
				}


			.cta_txt{
				display:inline;
				width:540px;
				padding:60px 0 0 0;
			}

			.cta_adresse{
				display:inline;
				width:540px;
				padding:0 0 60px 0;
			}


		.footer_z1_copy{
			font-size:16px;
			color:#282828;
			margin:15px 0 0 0;
		}

		.footer_z1_links{
			display:none;
		}

	/* footer :: ende */

}

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

	span.slogan_trenner{
		font-family:'Aeonik';
		font-size:40px;
		line-height:46px;
		color:#282828;
		width:100%;
		display:flex;
		justify-content : center;
		align-items : center;
		position:relative;
	}
	
	.pic_overlay{
		width:300px;
		height:450px;
		display:inline;
		float:right;
		position:relative;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
		margin:-70px 0 0 0;
	}
	
	.pic_overlay_welcome{
		width:300px;
		height:450px;
		display:inline;
		float:right;
		position:relative;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
		margin:-345px 40px 0 0;
	}
	
	.pic_overlay_red{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:rgba(50,47,68,0.67);
	}

	/* Projekt - START */
	
	.show_phone{
		background-image:url(../images/bg_z2_nav_750.png); background-position:top center; background-repeat:no-repeat; height:50px; z-index:99; dislpay:inline;
	}
	
	.bg_welcome_resp{
		background-image:url(../images/bg_welcome_750.png); background-position:top center; background-repeat:no-repeat; height:700px; margin:-330px 0 40px 0; z-index:999; padding:60px 0 60px 0; box-sizing:border-box;
	}
	
	.margin_foot{
		margin:0 40px 0 0;
	}
	
	.margin_cta{
		margin:40px 0 0 0;
	}
	
	.head_box_index{
		width:480px;
	}
	
	.overflow_shortlink{
		width:620px;
		overflow:hidden;
		margin-top: 310px;
	}
	
	.box_shortlink{
		background-color:#555554;
		height:115px;
		width:345px;
		margin:30px 0 0 0;
		cursor:pointer;
		padding:20px 20px 20px 20px;
		box-sizing:border-box;
	}
	
	.box_shortlink:hover{
		background-color:#797978;
		height:115px;
		width:345px;
		margin:30px 20px 0 0;
		cursor:pointer;
	}
	
	.team_overflow{
		width:760px;
	}
	
	.box_team{
		width:350px;
		height:220px;
		margin:0 30px 30px 0;
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
	}
	
		.box_team_overlay{
			position:absolute;
			top:0;
			bottom:0;
			left:0;
			right:0;
			background-color:transparent;
			text-align:center;
		}
		
		.box_team_overlay span{
			position:relative;
			justify-content : center;
			align-items : center;
			display:none;
			margin:80px 0 0 0;
		}
		
		.box_team_overlay:hover{
			background-color:rgba(26,23,28,0.8);
			-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;
		}
		
		.box_team_overlay:hover span{
			display:flex;
		}

	a.nav_foot{
		font-size:18px;
	}

	.div_btn_foot{ clear:inherit; margin-right:0px; text-align:right; margin-top:20px; }


	.width_index_top{
		width:730px;
		margin:-410px 0 0 0;
	}

	.form_foot_datenschutz{
		font-size:18px;
		color:#fff;
		line-height:24px;
	}

	.width_form_foot{
		width:50%;
	}

	.name_foot{
		font-size:24px;
		line-height:30px;
		color:#1a171c;
	}

	.copy_foot{
		font-size:14px;
		line-height:20px;
		color:#1a171c;
	}

	.adress_foot{
		font-size:16px;
		line-height:65px;
		color:#1a171c;
	}

	.box_form_foot{
		width:100%;
		padding:80px;
		background-color:#1479b2;
		box-sizing: border-box;
	}

	.jcarousel-wrapper-gal-index {
		width:800px;
		height:290px;
		padding:0 0 0 0;
		margin:0 0 0 0;
		float:right;
		overflow:hidden;
	}



		.jcarousel-wrapper-gal-index img{
			height:300px;
			width:auto;
		}


			.jcarousel-control-prev-gal-index,
			.jcarousel-control-next-gal-index {
				width:50px;
				height:50px;
				top:0px;
				z-index:800;
			}

			.position_prev_next_index{
				margin:0 300px 0 0;
			}

			.jcarousel-control-prev-gal-index {
				background-image:url(../images/icon_arrow_left_gal_index.png);
				right:650px;
			}

			.jcarousel-control-next-gal-index {
				background-image:url(../images/icon_arrow_right_gal_index.png);
				right:600px;
			}

			.box_gal_index{
				width:300px;
				height:290px;
				overflow:hidden;
				margin:0 0 0 0;
			}

				.box_gal_index_pic{
					width:300px;
					height:290px;
					overflow:hidden;
					background-color:#ffffff;
					text-align:center;
				}


				.box_gal_index_hover{
					width:300px;
					height:290px;
					margin:-290px 0 0 0;
					background-color:rgba(26,23,28,0.25);
					display:none;
				}

.box_gal_index_upper{
	width:600px;
	height:280px;
	background-color:#1a171c;
	padding:60px;
	box-sizing: border-box;
}

.box_gal_index_under{
	width:600px;
	height:140px;
	background-color:#1a171c;
	padding:60px 60px 40px 60px;
	box-sizing: border-box;
}

h2.h2_gal_index{font-family:  'Fira Sans', Arial, Helvetica, sans-serif; font-size:36px; line-height:48px; margin:0px 0 60px 40px; padding:0 0 0 0; width:380px; display:inline; position:relative; float:left; }
h2.h2_cta_index{font-family:  'Fira Sans', Arial, Helvetica, sans-serif; font-size:36px; line-height:48px; margin:0 0 0 0; padding:0 0 0 0; text-align:center; }

.marker_pic_index i{
	color:#1a171c;
	font-size:28px;
	position:absolute;
	padding:30px 38px 30px 38px;
	background-color:#1479b2;
	bottom:0;
	right:0;
}

.box_pic_index{
	width:730px;
	height:450px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.box_txt_index_right{
	padding:0 40px 0 40px;
	box-sizing: border-box;
	margin:60px 0 60px 0;
	width:730px;
}

.box_txt_index_right_grau{
	height:500px;
	width:730px;
	padding:60px 40px 0 40px;
	box-sizing: border-box;
	margin:0 0 0 0;
	background-color:#f6f7f9;
}

span.number_index{
	color:#fff;
	font-size:24px;
	position:absolute;
	bottom:100px;
	left:20px;
}

span.head_box_leistungen{
	font-size:22px;
	color:#fff;
}

.box_leistungen_index_abdecker{
	position:absolute;
	top:0;
	right:0;
	bottom:80px;
	left:0;
	background-color:rgba(26,23,28,0.25);
}

.margin_boxen_leistungen{
	margin:-360px 0 0 0;
}

.box_leistungen_index{
	width:243px;
	height:440px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	cursor:pointer;
}

.box_leistungen_index:hover .box_leistungen_index_abdecker{
	background-color:rgba(26,23,28,0.5);
	-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;
}

.box_leistungen_link{
	background-color:#2d292f;
	width:100%;
	height:80px;
	bottom:0;
	position:absolute;
	padding:35px 20px 0 20px;
	box-sizing:border-box;
}

.box_leistungen_link_middle{
	background-color:#1a171c;
	width:100%;
	height:80px;
	bottom:0;
	position:absolute;
	padding:35px 20px 0 20px;
	box-sizing:border-box;
}

span.span_box_index{
	color:#1a171c;
	background-image:url(../images/trenner_obx_index.png);
	background-position:right center;
	background-repeat:no-repeat;
	padding:0 60px 0 0;
}

span.span_box_index_2{
	color:#1a171c;
	background-image:url(../images/trenner_obx_index.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0 0 0 60px;
	transform: rotate(-90deg);
	position:absolute;
	left:-120px;
	bottom:180px;
	display:none;
}

.box_welcome_txt{
	width:730px;
	margin:-580px 0 0 -385px;
}

	.box_orange_first{
		width:810px;
		height:450px;
		background-color:#1479b2;
		margin:160px 0 0 -40px;
	}

	.box_felder_overflow{
		width:1220px;
	}

	h1.h1_top{
		color:#1a171c;
		font-size:80px;
		line-height:82px;
		margin:0 0 10px 0;
		font-weight:500;
		width:440px;
	}

	h2.h2_top{
		color:#1a171c;
		font-size:36px;
		line-height:40px;
		margin:40px 0 0 0;
		font-weight:300;
		width:440px;
	}

	h1.h1_top_content{
		color:#1a171c;
		font-size:80px;
		line-height:82px;
		margin:0 0 10px 0;
		font-weight:500;
		width:730px;
	}

	h2.h2_top_content{
		color:#1a171c;
		font-size:36px;
		line-height:40px;
		margin:10px 0 0 0;
		font-weight:300;
		width:730px;
	}


	/* Projekt - ENDE */

	.box_felder_overflow{
		width:1220px;
	}

	.box_felder{
		width:730px;
		height:140px;
		background-color:#1479b2;
		padding:40px;
		box-sizing:border-box;
		margin:10px 20px 10px 0;
		cursor:pointer;
	}

	.box_felder_h2{
		font-size:22px;
	}

		.box_felder:hover{
			background-color:#a01f13;
			-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;
		}

	.headline_content_top{
		margin:-40px 0 30px 0;
	}

	h1.h1_foot{
		color:#fff;
		font-size:32px;
		margin:0 0 10px 0;
	}

	h3.h3_foot{
		color:#fff;
		font-size:28px;
		font-weight:300;
		text-transform:none;
		margin:0;
		line-height:38px;
	}

	h3.h3_foot a{
		font-size:32px;
		color:#fff;
		font-weight:600;
	}

	.bike_fuss{
		background-image:none;
		width:100%;
		height:70px;
		margin:0;
	}

	.margin_fragen{
		margin:0 0 40px 0;
	}

	i.plus_fragen{
		font-size:42px;
		line-height:30px;
		text-transform:none;
		color:#1479b2;
		margin:0 20px 0 0;
		position:relative;
		display:inline;
		float:left;
	}

	h1.h1_fragen{
		font-size:32px;
		line-height:36px;
		text-transform:none;
		color:#838382;
		margin:0;
		font-weight:300;
		cursor:pointer;
		width:600px;
	}

		h1.h1_fragen:hover{
			color:#fff;
			-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;
		}

	.caret_boxen{
		color:#fff;
		font-size:32px;
		display:block;
		position:absolute;
		bottom:30px;
		right:30px;
	}

	.box_font h2{
		font-size:26px;
		line-height:30px;
		text-transform:uppercase;
		color:#fff;
		margin:0;
	}

	.box_font h3{
		font-size:16px;
		line-height:24px;
		text-transform:uppercase;
		color:#fff;
		font-weight:300;
	}

	.box1{
		width:355px;
		height:200px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		margin:0 20px 0 0;
	}

		.box1_overlay{
			width:355px;
			height:200px;
			background-color:rgba(45,45,43,0.4);
		}

	.box2{
		width:355px;
		height:200px;
		background-color:#2d2d2b;
		padding:40px;
		box-sizing:border-box;
		margin:0 0 20px 0;
		cursor:pointer;
	}

		.box2:hover{
			background-color:#181818;
			-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;
		}

	.box3{
		width:355px;
		height:200px;
		background-color:#1479b2;
		padding:40px;
		box-sizing:border-box;
		margin:0 20px 20px 0;
		cursor:pointer;
	}

		.box3:hover{
			background-color:#a01f13;
			-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;
		}

	.box4{
		width:355px;
		height:200px;
		background-color:#1479b2;
		padding:40px;
		box-sizing:border-box;
		margin:0 0 20px 0;
		cursor:pointer;
	}

		.box4:hover{
			background-color:#a01f13;
			-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;
		}

	.box5{
		width:355px;
		height:200px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		margin:0 20px 0 0;
	}

		.box5_overlay{
			width:355px;
			height:200px;
			background-color:rgba(45,45,43,0.4);
		}

	.box6{
		width:355px;
		height:200px;
		background-color:#1479b2;
		padding:40px;
		box-sizing:border-box;
		margin:0 0 0 0;
		cursor:pointer;
	}

		.box6:hover{
			background-color:#a01f13;
			-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;
		}

	.bike_index_top{
		background-image: url(../images/bike_index_top.svg);
		background-repeat: no-repeat;
		background-size: auto;
		background-position: top left;
		height: 335px;
		width: 290px;
		margin: -80px -60px 0 0;
		z-index: 999;
	}

	.box_headline{
		background-image:url(../images/icon_headline.png);
		background-repeat:no-repeat;
		background-size:auto;
		background-position:top left;
		padding:0 0 0 45px
	}

	.span_slider{
		font-size:26px; line-height:30px; font-family:  'Fira Sans', Arial, Helvetica, sans-serif; color: #ffffff; font-weight:300; margin:0 0 0 0; padding:0 0 0 0; word-wrap: break-word; text-transform:none;
	}

	.display_btn{
		display:none;
	}

	.bg_icon_tiles{
		background-image:url(../images/bg_icon_tiles.png);
		background-size:260px 200px;
		background-position:bottom right;
		background-repeat:no-repeat;
	}

	.box_leistung_slider{
		height:360px;
		width:216px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		margin:0 40px 0 0;
		cursor:pointer;
	}

	.box_leistung_slider_overlay{
		height:360px;
		width:216px;
		background-color:rgba(0,0,0,0.85);
		margin:0 40px 0 0;
		padding:40px 20px 0 20px;
		cursor:pointer;
		display:none;
		box-sizing:border-box;
	}

	.box_leistung_slider:hover .box_leistung_slider_overlay{
		display:inline;
	}

	.box_leistung_slider:hover a{
		text-decoration:underline;
	}


	.div_iframe iframe{
		height:380px;
		width:100%;
	}

	h1{ font-size: 32px; line-height:36px; }
	h1.h1_marker{ font-size:30px; line-height:36px; }
	h1.h1_weiss{ font-size:32px; line-height:36px; }

	h2{ font-size:30px; line-height:36px; }

	h2.h2_slogan{ font-size:18px; line-height:22px; }

	h3{ font-size:20px; line-height:40px; }
	h3.h3_weiss{ font-size:20px; line-height:40px; }
	h3.h3_slogan{ font-size:38px; line-height:40px; }

	h3.h3_h1_marker{ font-size:30px; line-height:36px; }
	h3.h3_galery{ font-size:30px; line-height:36px; }
	h3.h3_h1{ font-size:30px; line-height:36px; }
	h3.h3_testimonial_marker{ font-size:26px; line-height:34px; }

	h4{ font-size:16px; line-height:24px; }
	h4.h4_teaser{ font-size:24px; line-height:26px; }
	h4.h4_news{ font-size:24px; line-height:26px; }

	h5{ font-size:16px; line-height:24px; }


	/* header contentseiten :: start */

		.bgdiv_con_100_header_con{
			display:inline;
			height:auto;
			background-repeat:no-repeat;
			background-position:center top;
			background-size:cover;
		}

		.header_con_abdecker{
			float:left;
			display:inline;
			position:relative;
			height:100%;
			width:100%;
			background-color:rgba(255,255,255,0.5);
		}

			.box_icons{
				width:730px;
				height:75px;
				margin:20px 0 0 0;
				text-align:left;
				overflow:hidden;
			}

				.box_icons img{
					width:300px;
					max-height:75px;
				}




	/* header contentseiten :: ende */


	/* slider startseite :: start */

		.bgdiv_con_100_header_slider{
			display:block;
			height:600px;
			margin-top:-50px;
		}



			.bgdiv_slider{
				width:100%;
				height:600px;
				float:left;
				display:inline;
				position:relative;
				background-position:top center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
			}

			.slider_abdecker{
				float:left;
				display:inline;
				position:relative;
				height:100%;
				width:100%;
				background-color:rgba(50,47,68,0.6);
				background-image:url(../images/abdecker_header.png);
				background-position:top center;
				background-repeat:no-repeat;
			}


			.rslides {
			  display:inline;
			  position: relative;
			  list-style: none;
			  overflow: hidden;
			  width: 100%;
			  height:600px;
			  padding: 0;
			  margin: 0;
			  }

			.rslides li {
			  -webkit-backface-visibility: hidden;
			  position: absolute;
			  display: none;
			  width: 100%;
			  left: 0;
			  top: 0;
			  margin:0;
			  padding:0;
			  }

			.rslides li:first-child {
			  position: relative;
			  display: block;
			  float: left;
			  }

			 /*
			.rslides img {
			  display: block;
			  height: auto;
			  float: left;
			  width: 100%;
			  border: 0;
			  }
			 */

			.large-btns_tabs {
				padding-left:0px;
				margin-left:0px;
				margin-top: 0px;
			}

			.large-btns_tabs li {
				display: inline;
				float: none;
				margin:0 10px 0 0;
			}

			.large-btns_tabs a {
				background-color:#ffffff;
				width:20px;
				height:20px;
				display: inline-block;
				overflow: hidden;
				text-indent: -9999px;

			}

			.large-btns_here a {
				background-color:#1479b2;
			}



			.rslides_navi_pos{
				margin:-59px 0 0 0;
				z-index:900;
				display:inline;
			}
.bg_slogan{
			display:inline;
			position:relative;
			margin:-350px 0 0 0;
			box-sizing:border-box;
			text-align:left;
			color:#fff;
			bottom:0;
			float:left;
			z-index:99;
		}

		.bg_slogan_pic{
			display:none;
		}





	/* slider startseite :: ende */


	/* keyfacts - produktteaser - welcome :: start */

		.bgdiv_con_100_produktteaser{
			background-image:url(../images/bg_teaser_produkte.gif);
			background-position:center top;
			background-repeat:repeat-y;
			margin:0 0 0 0;
			z-index:900;

			display:inline;
		}


			.produkt_teaser{
				width:730px;
				padding:0 0 0 0;
				box-sizing:border-box;
			}

				.produkt_teaser_box{
					box-sizing:border-box;
					width:225px;
					height:313px;
					border:1px solid #d1d1d1;
					margin:0 0 0 27px;
					overflow:hidden;
					text-align:center;
					cursor:pointer;
				}

					.produkt_teaser_box img{
						max-width:223px;
						height:311px;
					}

					.produkt_teaser_lupe{
						width:40px;
						height:40px;
						display:inline;
						background-image:url(../images/icon_lupe_01.png);
						background-position:center top;
						background-repeat:no-repeat;
						margin:-40px 0 0 0;
					}

					.produkt_teaser_abdecker{
						width:223px;
						height:311px;
						display:none;
						background-image:url(../images/bg_abdecker_zoom.png);
						background-position:right bottom;
						background-repeat:no-repeat;
						margin:-311px 0 0 0;
						padding:130px 0 0 0;
						text-align:center;
						color:#ffffff;
						box-sizing:border-box;
					}

						h4.h4_teaser{ font-size:24px; line-height:26px; }


					.produkt_teaser_box:hover .produkt_teaser_abdecker{
						display:inline;
					}

					.produkt_teaser_box:hover .produkt_teaser_lupe{
						display:none;
					}




			.bgdiv_keyfacts{
				display:none;
			}


		.welcome_txt{
			float:left;
			width:730px;
			padding:60px 0 60px 0;
		}

	/* keyfacts - produktteaser - welcome :: ende */




	/* content bühne :: start */

	.sp_50p_buehne{
		width:728px;
		height:476px;
		overflow:hidden;
		border:0px solid #e3e3e3;
		float:right;
		margin:0 0 40px 0;
	}

	.sp_50p_buehne_txt{
		width:730px;
		float:left;
	}


	.jcarousel-wrapper-buehne {
		width:728px;
		height:476px;
	}

		/*.jcarousel-wrapper-buehne img {
			width:730px
		}*/

		.buehne_table{
			width:728px;
			height:476px;
		}

		.buehne_resize_width{
			width:728px;
		}

		.buehne_resize_height{
			height:476px;
		}

		.iframe_buehne{
			width:728px;
			height:476px;
		}

	.jcarousel-control-prev_buehne,
	.jcarousel-control-next_buehne	{
		position: absolute;
		top:426px;
		width: 50px;
		height: 50px;
	}

	.jcarousel-control-prev_buehne {
		right:50px;
		background-image:url(../images/icon_arrow_left_rot.png);
		background-repeat:no-repeat;
	}

	.jcarousel-control-next_buehne {
		right: 0px;
		background-image:url(../images/icon_arrow_right_rot.png);
		background-repeat:no-repeat;
	}

	/* content bühne :: ende */


	/* galery slider :: start */

	.jcarousel-wrapper-gal {
			width:730px;
			height:200px;
			padding:0 0 0 0;
			margin:0 0 0 0;
		}



			.jcarousel-wrapper-gal img{
				height:158px;
				width:auto;
			}


				.jcarousel-control-prev-gal,
				.jcarousel-control-next-gal {

					top:180px;
					z-index:800;
				}

				.jcarousel-control-prev-gal {
					background-image:url(../images/icon_arrow_left_gal.png);
					right:52px;
				}

				.jcarousel-control-next-gal {
					background-image:url(../images/icon_arrow_right_gal.png);
					right:0px;
				}



	.jcarousel-wrapper-marken {
			width:730px;
			height:120px;
			padding:0 0 0 0;
			margin:0 0 0 0;
		}



			.jcarousel-wrapper-marken img{
				max-height: 90%;
				max-width: 90%;
				width: auto;
				height: auto;
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
				-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
				filter: grayscale(100%);
			}


				.jcarousel-control-prev-marken,
				.jcarousel-control-next-marken {

					top:120px;
					z-index:800;
				}

				.jcarousel-control-prev-marken {
					background-image:url(../images/icon_arrow_left_gal.png);
					right:32px;
				}

				.jcarousel-control-next-marken {
					background-image:url(../images/icon_arrow_right_gal.png);
					right:0px;
				}

				.box_marken{
					width:214px;
					height:100px;
					border:0 solid #dcdcdc;
					overflow:hidden;
					margin:0 40px 0 0;
				}

				.box_marken_pic{
					width:214px;
					height:100px;
					overflow:hidden;
					text-align:center;
				}



		.jcarousel li {
			margin:0 0 5px 0;
		}


		.box_gal{
			width:214px;
			height:158px;
			border:1px solid #dcdcdc;
			overflow:hidden;
			margin:0 40px 0 0;
		}

			.box_gal_pic{
				width:214px;
				height:158px;
				overflow:hidden;
				background-color:#ffffff;
				text-align:center;
			}


			.box_gal_hover{
				width:214px;
				height:158px;
				margin:-158px 0 0 0;
				background-image:url(../images/bg_abdecker_zoom.png);
				background-repeat:no-repeat;
				background-position:right bottom;
				display:none;
			}

			.box_gal:hover .box_gal_hover{
				display:inline;
			}

	/* galery slider :: ende */


	/* footer :: start */

		.bgdiv_con_100_testimonials{
			display:inline;
			height:410px;
			background-color:#2d2d2b;
		}

			.testimonial_rahmen{
				float:right;
				display:inline;
				width:730px;
				height:410px;
				background-color:#2d2d2b;
				box-sizing:border-box;
				padding:60px 0 60px 0;
				z-index:500;
				color:#ffffff;
			}


			/*slider testimonial :: start */

				.jcarousel-wrapper-testimonial {
					display:inline;
					width:480px;
					height:400px;
					padding:0 0 0 0;
					margin:0 0 0 0;
				}

					.testimonial_txt{
						width:730px;
						height:391px;
						color:#ffffff;
					}

						.testimonial_txt p{
							color:#ffffff;
						}

						.testimonial_kunde{
							color:#ffffff;
							font-weight:bold;
							box-sizing:border-box;
							width:730px;
							padding:0 0 0 12px;
							background-image:url(../images/bg_testimonial.gif);
							background-repeat:no-repeat;
							background-position:left 13px;
						}


						.jcarousel-control-prev-testimonial,
						.jcarousel-control-next-testimonial {

							top:380px;
							z-index:800;
							width:16px;
							height:40px;
						}

						.jcarousel-control-prev-testimonial {
							background-image:url(../images/icon_arrow_left.png);
							right:50px;
						}

						.jcarousel-control-next-testimonial {
							background-image:url(../images/icon_arrow_right.png);
							right:0px;
						}

			/*slider testimonial :: ende */




		.rahmen_cta{
			margin-top:0px;
		}

			.bgdiv_con_100_pic_footer{
				display:none;
			}

				.bgdiv_con_100_pic_footer_abdecker{
					display:none;
				}


			.cta_txt{
				display:inline;
				width:730px;
				padding:60px 0 0 0;
			}

			.cta_adresse{
				display:inline;
				width:730px;
				padding:0 0 60px 0;
			}


		.footer_z1_copy{
			font-size:16px;
			color:#282828;
			margin:15px 0 0 0;
		}

		.footer_z1_links{
			display:none;
		}

	/* footer :: ende */


}

@media only screen and (min-width: 1225px){
	
	span.slogan_trenner{
		font-family:'Aeonik';
		font-size:40px;
		line-height:46px;
		color:#282828;
		width:100%;
		display:flex;
		justify-content : center;
		align-items : center;
		position:relative;
	}
	
	.pic_overlay{
		width:380px;
		height:450px;
		display:inline;
		float:right;
		position:relative;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
		margin:-70px 0 0 0;
	}
	
	.pic_overlay_welcome{
		width:380px;
		height:450px;
		display:inline;
		float:right;
		position:relative;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
		margin:-375px 200px 0 0;
	}
	
	.pic_overlay_red{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:rgba(50,47,68,0.67);
	}
	
	h1{ font-size: 48px; line-height:44px; }
	h1.h1_marker{ font-size:30px; line-height:36px; }
	h1.h1_weiss{ font-size:48px; line-height:44px; }

	h2{ font-size:30px; line-height:36px; }

	h2.h2_slogan{ font-size:18px; line-height:24px; }

	h3{ font-size:20px; line-height:40px; }
	h3.h3_weiss{ font-size:20px; line-height:40px; }
	h3.h3_slogan{ font-size:56px; line-height:54px; width:540px; }

	h3.h3_h1_marker{ font-size:30px; line-height:36px; }
	h3.h3_galery{ font-size:30px; line-height:36px; }
	h3.h3_h1{ font-size:30px; line-height:36px; }
	h3.h3_testimonial_marker{ font-size:26px; line-height:34px; }

	h4{ font-size:16px; line-height:24px; }
	h4.h4_teaser{ font-size:24px; line-height:26px; }
	h4.h4_news{ font-size:24px; line-height:26px; }

	h5{ font-size:16px; line-height:24px; }
	
	/* Projekt - START */
	.show_phone{
		background-image:url(../images/bg_z2_nav.png); background-position:top center; background-repeat:no-repeat; height:50px; z-index:99; display:inline;
	}

	.bg_welcome_resp{
		background-image:url(../images/bg_welcome.png); background-position:top center; background-repeat:no-repeat; height:540px; margin:-330px 0 40px 0; z-index:999; padding:60px 0 60px 0; box-sizing:border-box;
	}
	
	.margin_foot{
		margin:0 40px 0 0;
	}
	
	.margin_cta{
		margin:40px 0 0 0;
	}
	
	.head_box_index{
		width:580px;
	}
	
	.overflow_shortlink{
		width:620px;
		overflow:hidden;
		margin-top:313px;
	}
	
	.box_shortlink{
		background-color:#555554;
		height:115px;
		width:270px;
		margin:27px 40px 0 0;
		cursor:pointer;
		padding:20px 20px 20px 20px;
		box-sizing:border-box;
	}
	
	.box_shortlink:hover{
		background-color:#797978;
		height:115px;
		width:270px;
		margin:27px 40px 0 0;
		cursor:pointer;
	}
	
	.box_team{
		width:580px;
		height:350px;
		margin:0 40px 40px 0;
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
	}
	
		.box_team_overlay{
			position:absolute;
			top:0;
			bottom:0;
			left:0;
			right:0;
			background-color:transparent;
			text-align:center;
		}
		
		.box_team_overlay span{
			position:relative;
			justify-content : center;
			align-items : center;
			display:none;
			margin:140px 0 0 0;
		}
		
		.box_team_overlay:hover{
			background-color:rgba(26,23,28,0.8);
			-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;
		}
		
		.box_team_overlay:hover span{
			display:flex;
		}

	.team_overflow{
		width:1240px;
	}

	.margin_boxen_leistungen{
		margin:-610px 0 0 0;
	}

	.width_index_top{
		width:450px;
		margin:-680px 0 0 0;
	}

	.form_foot_datenschutz{
		font-size:18px;
		color:#fff;
		line-height:24px;
	}

	.width_form_foot{
		width:50%;
	}

	.name_foot{
		font-size:24px;
		line-height:30px;
		color:#1a171c;
	}

	.copy_foot{
		font-size:14px;
		line-height:20px;
		color:#1a171c;
	}

	.adress_foot{
		font-size:16px;
		line-height:65px;
		color:#1a171c;
	}

	.box_form_foot{
		width:100%;
		padding:80px;
		background-color:#1479b2;
		box-sizing: border-box;
	}

	.jcarousel-wrapper-gal-index {
		width:1700px;
		height:290px;
		padding:0 0 0 0;
		margin:0 -260px 0 0;
		float:right;
	}



		.jcarousel-wrapper-gal-index img{
			height:300px;
			width:auto;
		}


			.jcarousel-control-prev-gal-index,
			.jcarousel-control-next-gal-index {
				width:50px;
				height:50px;
				top:0px;
				z-index:800;
			}

			.position_prev_next_index{
				margin:0 300px 0 0;
			}

			.jcarousel-control-prev-gal-index {
				background-image:url(../images/icon_arrow_left_gal_index.png);
				right:650px;
			}

			.jcarousel-control-next-gal-index {
				background-image:url(../images/icon_arrow_right_gal_index.png);
				right:600px;
			}

			.box_gal_index{
				width:300px;
				height:290px;
				overflow:hidden;
				margin:0 0 0 0;
			}

				.box_gal_index_pic{
					width:300px;
					height:290px;
					overflow:hidden;
					background-color:#ffffff;
					text-align:center;
				}


				.box_gal_index_hover{
					width:300px;
					height:290px;
					margin:-290px 0 0 0;
					background-color:rgba(26,23,28,0.25);
					display:none;
				}

.box_gal_index_upper{
	width:600px;
	height:280px;
	background-color:#1a171c;
	padding:60px;
	box-sizing: border-box;
}

.box_gal_index_under{
	width:600px;
	height:140px;
	background-color:#1a171c;
	padding:60px 60px 40px 60px;
	box-sizing: border-box;
}

h2.h2_gal_index{font-family:  'Fira Sans', Arial, Helvetica, sans-serif; font-size:36px; line-height:48px; margin:110px 0 0 60px; padding:0 0 0 0; width:380px; display:inline; position:relative; float:left; }
h2.h2_cta_index{font-family:  'Fira Sans', Arial, Helvetica, sans-serif; font-size:36px; line-height:48px; margin:0 0 0 60px; padding:0 0 0 0; text-align:center; }

.marker_pic_index i{
	color:#1a171c;
	font-size:28px;
	position:absolute;
	padding:30px 38px 30px 38px;
	background-color:#1479b2;
	bottom:0;
	right:0;
}

.box_pic_index{
	width:600px;
	height:600px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.box_txt_index_right{
	padding:0 40px 0 40px;
	box-sizing: border-box;
	margin:60px 0 0 0;
	width:580px;
}

.box_txt_index_right_grau{
	height:600px;
	width:600px;
	padding:60px 40px 0 40px;
	box-sizing: border-box;
	margin:0 0 0 0;
	background-color:#f6f7f9;
}

span.number_index{
	color:#fff;
	font-size:24px;
	position:absolute;
	bottom:100px;
	left:20px;
}

span.head_box_leistungen{
	font-size:24px;
	color:#fff;
}

.box_leistungen_index_abdecker{
	position:absolute;
	top:0;
	right:0;
	bottom:80px;
	left:0;
	background-color:rgba(26,23,28,0.25);
}

.box_leistungen_index{
	width:400px;
	height:690px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	cursor:pointer;
}

.box_leistungen_index:hover .box_leistungen_index_abdecker{
	background-color:rgba(26,23,28,0.5);
	-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;
}

.box_leistungen_link{
	background-color:#2d292f;
	width:100%;
	height:80px;
	bottom:0;
	position:absolute;
	padding:35px 20px 0 20px;
	box-sizing:border-box;
}

.box_leistungen_link_middle{
	background-color:#1a171c;
	width:100%;
	height:80px;
	bottom:0;
	position:absolute;
	padding:35px 20px 0 20px;
	box-sizing:border-box;
}

span.span_box_index{
	color:#1a171c;
	background-image:url(../images/trenner_obx_index.png);
	background-position:right center;
	background-repeat:no-repeat;
	padding:0 60px 0 0;
}

span.span_box_index_2{
	color:#1a171c;
	background-image:url(../images/trenner_obx_index.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0 0 0 60px;
	transform: rotate(-90deg);
	position:absolute;
	left:-120px;
	bottom:180px;
	display:block;
}

.box_welcome_txt{
	width:360px;
	margin:-780px 0 0 80px;
}

	.box_orange_first{
		width:810px;
		height:810px;
		background-color:#1479b2;
		margin:80px 0 0 -40px;
	}

	.box_felder_overflow{
		width:1220px;
	}

	h1.h1_top{
		color:#1a171c;
		font-size:80px;
		line-height:82px;
		margin:0 0 10px 0;
		font-weight:500;
		width:440px;
	}

	h2.h2_top{
		color:#1a171c;
		font-size:36px;
		line-height:40px;
		margin:10px 0 0 0;
		font-weight:300;
		width:440px;
	}

	h1.h1_top_content{
		color:#1a171c;
		font-size:80px;
		line-height:82px;
		margin:0 0 10px 0;
		font-weight:500;
		width:1000px;
	}

	h2.h2_top_content{
		color:#1a171c;
		font-size:36px;
		line-height:40px;
		margin:10px 0 0 0;
		font-weight:300;
		width:1000px;
	}


	/* Projekt - ENDE */



	.box_felder{
		width:385px;
		height:160px;
		background-color:#1479b2;
		padding:40px;
		box-sizing:border-box;
		margin:10px 20px 10px 0;
		cursor:pointer;
	}

	.box_felder_h2{
		font-size:22px;
	}

		.box_felder:hover{
			background-color:#a01f13;
			-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;
		}

	.headline_content_top{
		margin:20px 0 0 0;
	}



	h1.h1_foot{
		color:#fff;
		font-size:32px;
		margin:0 0 10px 0;
	}

	h3.h3_foot{
		color:#fff;
		font-size:28px;
		font-weight:300;
		text-transform:none;
		margin:0;
		line-height:auto;
	}

	h3.h3_foot a{
		font-size:32px;
		color:#fff;
		font-weight:600;
	}

	.bike_fuss{
		background-image:url(../images/bike_index_fuss.svg);
		background-position:bottom right;
		background-repeat:no-repeat;
		background-size:395px 340px;
		width:395px;
		height:340px;
		margin:-260px -280px 0 0;
		display:inline-block;
	}

	.margin_fragen{
		margin:0 0 40px 0;
	}

	i.plus_fragen{
		font-size:42px;
		line-height:30px;
		text-transform:none;
		color:#1479b2;
		margin:0 20px 0 0;
		position:relative;
		display:inline;
		float:left;
	}

	h1.h1_fragen{
		font-size:32px;
		line-height:36px;
		text-transform:none;
		color:#838382;
		margin:0;
		font-weight:300;
		cursor:pointer;
		width:auto;
	}

		h1.h1_fragen:hover{
			color:#fff;
			-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;
		}

	.caret_boxen{
		color:#fff;
		font-size:32px;
		display:block;
		position:absolute;
		bottom:30px;
		right:30px;
	}

	.box_font h2{
		font-size:26px;
		line-height:30px;
		text-transform:uppercase;
		color:#fff;
		margin:0;
	}

	.box_font h3{
		font-size:16px;
		line-height:24px;
		text-transform:uppercase;
		color:#fff;
		font-weight:300;
	}

	.box1{
		width:590px;
		height:285px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		margin:0 20px 20px 0;
	}

		.box1_overlay{
			width:590px;
			height:285px;
			background-color:rgba(45,45,43,0.4);
		}

	.box2{
		width:285px;
		height:285px;
		background-color:#2d2d2b;
		padding:40px;
		box-sizing:border-box;
		margin:0 20px 20px 0;
		cursor:pointer;
	}

		.box2:hover{
			background-color:#181818;
			-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;
		}

	.box3{
		width:285px;
		height:285px;
		background-color:#1479b2;
		padding:40px;
		box-sizing:border-box;
		margin:0 0 20px 0;
		cursor:pointer;
	}

		.box3:hover{
			background-color:#a01f13;
			-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;
		}

	.box4{
		width:285px;
		height:285px;
		background-color:#1479b2;
		padding:40px;
		box-sizing:border-box;
		margin:0 20px 0 0;
		cursor:pointer;
	}

		.box4:hover{
			background-color:#a01f13;
			-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;
		}

	.box5{
		width:590px;
		height:285px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		margin:0 20px 0 0;
	}

		.box5_overlay{
			width:590px;
			height:285px;
			background-color:rgba(45,45,43,0.4);
		}

	.box6{
		width:285px;
		height:285px;
		background-color:#1479b2;
		padding:40px;
		box-sizing:border-box;
		margin:0 0 0 0;
		cursor:pointer;
	}

		.box6:hover{
			background-color:#a01f13;
			-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;
		}

	.bike_index_top{
		background-image:url(../images/bike_index_top.svg);
		background-repeat:no-repeat;
		background-size:auto;
		background-position:top left;
		height:375px;
		width:330px;
		margin:-140px -50px 0 0;
		z-index:999;
	}

	.box_headline{
		background-image:url(../images/icon_headline.png);
		background-repeat:no-repeat;
		background-size:auto;
		background-position:top left;
		padding:0 0 0 45px
	}

	.span_slider{
		font-size:26px; line-height:30px; font-family:  'Fira Sans', Arial, Helvetica, sans-serif; color: #ffffff; font-weight:300; margin:0 0 0 0; padding:0 0 0 0; word-wrap: break-word; text-transform:none;
	}

	.display_btn{
		display:inline;
	}

	.bgdiv_nav_top_z3{
		display:block;
	}

	.bg_icon_tiles{
		background-image:url(../images/bg_icon_tiles.png);
		background-size:260px 200px;
		background-position:bottom right;
		background-repeat:no-repeat;
	}

	.box_leistung_slider{
		height:360px;
		width:270px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		margin:0 40px 0 0;
		cursor:pointer;
	}

	.box_leistung_slider_overlay{
		height:360px;
		width:270px;
		background-color:rgba(0,0,0,0.85);
		margin:0 40px 0 0;
		padding:40px 20px 0 20px;
		cursor:pointer;
		display:none;
		box-sizing:border-box;
	}

	.box_leistung_slider:hover .box_leistung_slider_overlay{
		display:inline;
	}

	.box_leistung_slider:hover a{
		text-decoration:underline;
	}


	.bgdiv_nav_top_z1,
	.bgdiv_nav_top_z2,
	.nav_scroll_bg{
		display:inline;
	}

	.bgdiv_nav_top_z1_mobile{
		display:none;
	}

	/* header contentseiten :: start */

		.bgdiv_con_100_header_con{
			display:inline;
			background-repeat:no-repeat;
			background-position:center top;
			background-size:cover;
			margin:-170px 0 -60px 0;
			min-height: 210px;
			padding: 0 0 20px 0;
			box-sizing: border-box;
		}

			.header_con_abdecker{
				float:left;
				display:inline;
				position:absolute;
				height:100%;
				width:100%;
				background-color:rgba(50,47,68,0.67);
			}

			.box_icons{
				width:456px;
				height:75px;
				margin:100px 0 0 0;
				text-align:right;
				overflow:hidden;
			}

				.box_icons img{
					width:300px;
					max-height:75px;
				}



	/* header contentseiten :: ende */


	/* slider startseite :: start */

		.bgdiv_con_100_header_slider{
			display:block;
			height:790px;
			margin-top:-170px;
		}



			.bgdiv_slider{
				width:100%;
				height:790px;
				float:left;
				display:inline;
				position:relative;
				background-position:top center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
			}

			.slider_abdecker{
				float:left;
				display:inline;
				position:relative;
				height:100%;
				width:100%;
				background-color:rgba(50,47,68,0.6);
				background-image:url(../images/abdecker_header.png);
				background-position:top center;
				background-repeat:no-repeat;
			}


			.rslides {
			  display:inline;
			  position: relative;
			  list-style: none;
			  overflow: hidden;
			  width: 100%;
			  height:790px;
			  padding: 0;
			  margin: 0;
			  }

			.rslides li {
			  -webkit-backface-visibility: hidden;
			  position: absolute;
			  display: none;
			  width: 100%;
			  left: 0;
			  top: 0;
			  margin:0;
			  padding:0;
			  }

			.rslides li:first-child {
			  position: relative;
			  display: block;
			  float: left;
			  }

			 /*
			.rslides img {
			  display: block;
			  height: auto;
			  float: left;
			  width: 100%;
			  border: 0;
			  }
			 */


			.rslides_navi_pos{
				margin:-60px 0 0 0;
				z-index:9999;
				display:block;
			}

		.bg_slogan{
			display:inline;
			position:relative;
			margin:-470px 0 0 0;
			box-sizing:border-box;
			text-align:left;
			color:#fff;
			bottom:0;
			float:left;
			z-index:99;
		}

		.bg_slogan_pic{
			display:block;
			position:absolute;
			float:right;
			/*margin:230px 0 0 0;*/
			padding:0 0 0 0;
			text-align:right;
			color:#323232;
			width:1200px;
			bottom:410px;
		}

			.bg_slogan_pic img{
				max-width:580px;
				max-height:500px;
			}




	/* slider startseite :: ende */


	/* keyfacts - produktteaser - welcome :: start */

		.bgdiv_con_100_produktteaser{
			background-image:url(../images/bg_teaser_produkte.gif);
			background-position:center top;
			background-repeat:repeat-y;
			margin:-280px 0 0 0;
			z-index:900;

			display:inline;
		}


			.produkt_teaser{
				width:745px;
				height:455px;
				padding:0 0 0 0;
				box-sizing:border-box;
			}

				.produkt_teaser_box{
					box-sizing:border-box;
					width:225px;
					height:313px;
					border:1px solid #d1d1d1;
					margin:0 0 0 18px;
					overflow:hidden;
					text-align:center;
					cursor:pointer;
				}

					.produkt_teaser_box img{
						max-width:223px;
						height:311px;
					}

					.produkt_teaser_lupe{
						width:40px;
						height:40px;
						display:inline;
						background-image:url(../images/icon_lupe_01.png);
						background-position:center top;
						background-repeat:no-repeat;
						margin:-40px 0 0 0;
					}

					.produkt_teaser_abdecker{
						width:223px;
						height:311px;
						display:none;
						background-image:url(../images/bg_abdecker_zoom.png);
						background-position:right bottom;
						background-repeat:no-repeat;
						margin:-311px 0 0 0;
						padding:130px 0 0 0;
						text-align:center;
						color:#ffffff;
						box-sizing:border-box;
					}

						h4.h4_teaser{ font-size:24px; line-height:26px; }


					.produkt_teaser_box:hover .produkt_teaser_abdecker{
						display:inline;
					}

					.produkt_teaser_box:hover .produkt_teaser_lupe{
						display:none;
					}




			.bgdiv_keyfacts{
				display:block;
				width:410px;
				padding:60px 60px 80px 80px;
				margin:-455px 0 0 0;
				background-color:#1479b2;
				box-sizing:border-box;
				z-index:950;
				min-height:475px;
			}

				.keyfact{
					font-size:24px;
					line-height:30px;
					color:#ffffff;
					clear:both;
					width:100%;
					margin:0 0 0 0;
				}

				.keyfacts_wert{
					font-size:50px;
					line-height:56px;
					font-weight:bold;
				}

				.keyfacts_trenner{
					display:block;
					clear:both;
					width:100%;
					height:2px;
					background-image:url(../images/keyfacts_trenner.gif);
					background-repeat:no-repeat;
					background-position:left top;
					margin:33px 0 27px 0;
				}

		.welcome_txt{
			float:right;
			width:713px;
			padding:60px 0 60px 0;
		}

	/* keyfacts - produktteaser - welcome :: ende */



	/* content bühne :: start */

		.sp_50p_buehne{
			width:454px;
			height:297px;
			overflow:hidden;
			border:0px solid #e3e3e3;
			float:right;
			margin:0 0 0 0;
		}

		.sp_50p_buehne_txt{
			width:704px;
			float:left;
		}

		.jcarousel-wrapper-buehne {
			width:454px;
			height:297px;
		}

			.buehne_table{
				width:454px;
				height:297px;
			}

			.buehne_resize_width{
				width:454px;
			}

			.buehne_resize_height{
				height:297px;
			}


			.iframe_buehne{
				width:464px;
				height:297px;
			}


		.jcarousel-control-prev_buehne,
		.jcarousel-control-next_buehne	{
			position: absolute;
			top:247px;
			width: 50px;
			height: 50px;
		}

		.jcarousel-control-prev_buehne {
			right:50px;
			background-image:url(../images/icon_arrow_left_rot.png);
			background-repeat:no-repeat;
		}

		.jcarousel-control-next_buehne {
			right: 0;
			background-image:url(../images/icon_arrow_right_rot.png);
			background-repeat:no-repeat;
		}

	/* content bühne :: ende */



	/* galery slider :: start */

	.jcarousel-wrapper-gal {
		width:1200px;
		height:160px;
		padding:0 0 0 0;
		margin:0 0 0 0;
	}



		.jcarousel-wrapper-gal img{
			height:154px;
			width:auto;
		}


			.jcarousel-control-prev-gal,
			.jcarousel-control-next-gal {

				top:-46px;
				z-index:800;
			}

			.jcarousel-control-prev-gal {
				background-image:url(../images/icon_arrow_left_gal.png);
				right:30px;
			}

			.jcarousel-control-next-gal {
				background-image:url(../images/icon_arrow_right_gal.png);
				right:0px;
			}




	.jcarousel-wrapper-marken {
		width:713px;
		height:90px;
		padding:0 0 0 0;
		margin:0 0 0 0;
	}



		.jcarousel-wrapper-marken img{
			max-height: 90%;
			max-width: 90%;
			width: auto;
			height: auto;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
			filter: grayscale(100%);
		}


			.jcarousel-control-prev-marken,
			.jcarousel-control-next-marken {

				top:-46px;
				z-index:800;
			}

			.jcarousel-control-prev-marken {
				background-image:url(../images/icon_arrow_left_gal.png);
				right:30px;
			}

			.jcarousel-control-next-marken {
				background-image:url(../images/icon_arrow_right_gal.png);
				right:0px;
			}

			.box_marken{
				width:206px;
				height:100px;
				border:0px solid #dcdcdc;
				overflow:hidden;
				margin:0 40px 0 0;
			}

		.box_marken_pic{
			width:208px;
			height:100px;
			overflow:hidden;
			text-align:center;
			vertical-align:middle;
		}

		.jcarousel li {
			margin:0 0 5px 0;
		}

	.box_gal{
		width:206px;
		height:154px;
		border:1px solid #dcdcdc;
		overflow:hidden;
		margin:0 40px 0 0;
	}

		.box_gal_pic{
			width:208px;
			height:154px;
			overflow:hidden;
			background-color:#ffffff;
			text-align:center;
		}


		.box_gal_hover{
			width:206px;
			height:154px;
			margin:-154px 0 0 0;
			background-image:url(../images/bg_abdecker_zoom.png);
			background-repeat:no-repeat;
			background-position:right bottom;
			display:none;
		}

		.box_gal:hover .box_gal_hover{
			display:inline;
		}

	/* galery slider :: ende */



	/* footer :: start */


		.bgdiv_con_100_testimonials{
			display:inline;
			height:710px;
			background-color:#f5f5f5;
		}

			.testimonial_rahmen{
				float:right;
				display:inline;
				width:410px;
				height:710px;
				background-color:#2d2d2b;
				box-sizing:border-box;
				padding:80px 80px 80px 80px;
				z-index:500;
				color:#ffffff;
			}


			/*slider testimonial :: start */

				.jcarousel-wrapper-testimonial {
					display:inline;
					width:100%;
					height:400px;
					padding:0 0 0 0;
					margin:0 0 0 0;
				}

					.testimonial_txt{
						width:250px;
						height:391px;
						color:#ffffff;
					}

						.testimonial_txt p{
							color:#ffffff;
						}

						.testimonial_kunde{
							color:#ffffff;
							font-weight:bold;
							box-sizing:border-box;
							width:250px;
							padding:0 0 0 10px;
							background-image:url(../images/bg_testimonial.gif);
							background-repeat:no-repeat;
							background-position:left center;
						}


						.jcarousel-control-prev-testimonial,
						.jcarousel-control-next-testimonial {

							top:381px;
							z-index:800;
							width:9px;
							height:15px;
						}

						.jcarousel-control-prev-testimonial {
							background-image:url(../images/icon_arrow_left.png);
							right:30px;
						}

						.jcarousel-control-next-testimonial {
							background-image:url(../images/icon_arrow_right.png);
							right:0px;
						}

			/*slider testimonial :: ende */




		.rahmen_cta{
			margin-top:-710px;
		}

			.bgdiv_con_100_pic_footer{
				display:inline;
				height:470px;
				background-repeat:no-repeat;
				background-position:center top;
				background-size:cover;
			}

				.bgdiv_con_100_pic_footer_abdecker{
					display:inline;
					width:100%;
					height:100%;
					background-image:url(../images/bg_abdecker_footer.png);
					background-repeat:repeat-y;
					background-position:center top;
				}


			.cta_txt{
				display:inline;
				width:713px;
				padding:60px 0 0 0;
			}

			.cta_adresse{
				display:inline;
				width:713px;
				padding:0 0 60px 0;
			}


		.footer_z1_copy{
			font-size:16px;
			color:#282828;
			margin:15px 0 0 0;
		}

		.footer_z1_links{
			display:inline;
			font-size:15px;
			color:#282828;
			margin:15px 0 0 0;
			text-align:right;
		}

	/* footer :: ende */




}


.no_padding_top{
	padding-top:0px;
}

.padding_top_10{
	padding-top:10px;
}

.padding_top_20{
	padding-top:20px;
}

.padding_top_40{
	padding-top:40px;
}

.no_padding_bottom{
	padding-bottom:0px;
}

.padding_bottom_20{
	padding-bottom:20px;
}

.padding_bottom_40{
	padding-bottom:40px;
}

.no_margin_left{
	margin-left:0px;
}

.no_margin_top{
	margin-top:0px;
}

.margin_top_10{
	margin-top:10px;
}

.margin_top_20{
	margin-top:20px;
}

.margin_top_30{
	margin-top:30px;
}

.margin_top_40{
	margin-top:40px;
}

.margin_top_m100{
	margin-top:-100px;
}

.margin_bottom_10{
	margin-bottom:10px;
}

.margin_bottom_20{
	margin-bottom:20px;
}

.margin_bottom_40{
	margin-bottom:40px;
}

.margin_left_10{
	margin-left:10px;
}

.margin_left_20{
	margin-left:20px;
}

.margin_right_10{
	margin-right:10px;
}

.margin_right_20{
	margin-right:20px;
}