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

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

	.con_100_header_z1,
	.bgdiv_scrollicon,
	.nav_scroll_bg{
		display:none;
	}

	.boxen_start_row .boxen_start_all{
		-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;
		cursor:pointer;
	}

	.header_sp3_slogan{
		-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;
	}


	/* header logo zeile :: start */

		.con_100_header{

			display:table;
			width:300px;
			max-width:300px;
			margin:0 auto;
			padding:40px 0 40px 0;
			box-sizing:border-box;
		}

			.header_row{
				float:left;
				position:relative;
				display:table-row;
				width:100%;
				margin:0 0 0 0;
				padding:0 0 0 0;
				box-sizing:border-box;
			}


				.header_sp1{
					float:left;
					display:table-cell;
					position:relative;
					width:300px;
					margin:0 0 0 0;
					padding:0 0 0 0;
					text-align:center;
					box-sizing:border-box;
				}

				.header_sp1 img{
					width:300px;
				}

				.header_sp2{
					float:left;
					display:table-cell;
					position:relative;
					width:300px;
					margin:40px 0 0 0;
					padding:0 0 0 0;
					box-sizing:border-box;
				}

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

				.header_sp3{
					display:none;
				}

				.header_sp4{
					display:none;
				}


	/* header logo zeile :: ende */


	/* boxen startseite :: start */

		h2.h2_box{ font-size:24px; line-height:30px; }
		h2.h2_box_grau{ font-size:24px; line-height:30px; }

		.con_100_boxen_start{

			display:table;
			width:300px;
			max-width:300px;
			margin:0 auto;
			padding:0 0 0 0;
			box-sizing:border-box;

		}

			.boxen_start_row{
				float:left;
				position:relative;
				display:table-row;
				width:100%;
				margin:0 0 0 0;
				padding:10px 0 10px 0;
				box-sizing:border-box;

			}

				.boxen_start_row .boxen_start_all{
					height:250px;
				}

					.boxen_start_all:hover .boxen_icon_plus_weiss{
						-moz-transform: rotate(90deg);
						-ms-transform: rotate(90deg);
						-o-transform: rotate(90deg);
						-webkit-transform: rotate(90deg);

						transform: rotate(90deg);
						-moz-transition: all 0.2s ease-out;  /* FF4+ */
						-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
						-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
						-ms-transition: all 0.2s ease-out;  /* IE10? */
						transition: all 0.2s ease-out;
					}

					.boxen_start_all:hover .boxen_icon_plus_grau{
						-moz-transform: rotate(90deg);
						-ms-transform: rotate(90deg);
						-o-transform: rotate(90deg);
						-webkit-transform: rotate(90deg);

						transform: rotate(90deg);
						-moz-transition: all 0.2s ease-out;  /* FF4+ */
						-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
						-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
						-ms-transition: all 0.2s ease-out;  /* IE10? */
						transition: all 0.2s ease-out;
					}

					.boxen_start_all:hover .kachel_bg_cover{
						background-image:none;
					}

					.boxen_start_all:hover .b1_inner{
						background-color:#ac1c1c;
					}

					.boxen_start_all:hover .b2_inner{
						background-color:#353535;
					}

					.boxen_start_all:hover .b5_inner{
						background-color:#ac1c1c;
					}

				.boxen_start_info{
					width:100%;
					height:100%;
					padding:20px;
					box-sizing:border-box;
					color:#ffffff;
					font-family: 'Hammersmith One', Arial, Helvetica, sans-serif;
					font-size:16px;
					line-height:20px;
				}

				.kachel_bg_cover{
					width:100%;
					height:100%;
					padding:20px;
					box-sizing:border-box;
					background-image:url(../images/bg_abdecker_50p.png);
					background-repeat:repeat;
				}

				.boxen_icon_plus_weiss{
					width:41px;
					height:41px;
					background-image:url(../images/icon_plus_weiss.png);
					background-position:top center;
					background-repeat:no-repeat;
					position:absolute;
					bottom:20px;
					-moz-transition: all 0.2s ease-out;  /* FF4+ */
					-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
					-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
					-ms-transition: all 0.2s ease-out;  /* IE10? */
					transition: all 0.2s ease-out;
				}

				.boxen_icon_plus_grau{
					width:41px;
					height:41px;
					background-image:url(../images/icon_plus_grau.png);
					background-position:top center;
					background-repeat:no-repeat;
					position:absolute;
					bottom:20px;
					-moz-transition: all 0.2s ease-out;  /* FF4+ */
					-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
					-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
					-ms-transition: all 0.2s ease-out;  /* IE10? */
					transition: all 0.2s ease-out;
				}


				.boxen_start_b1{
					float:left;
					display:table-cell;
					position:relative;
					width:300px;
					margin:0 0 0 0;
					padding:0 0 0 0;
					text-align:center;
					box-sizing:border-box;
				}

					.b1_inner{
						background-color:#ac1c1c;
					}

				.boxen_start_b2{
					float:left;
					display:table-cell;
					position:relative;
					width:300px;
					margin:20px 0 0 0;
					padding:0 0 0 0;
					text-align:center;
					box-sizing:border-box;
					color:#fff;
				}

					.b2_inner{
						background-color:#353535;
						color:#fff;
					}

				.boxen_start_b3{
					float:left;
					display:table-cell;
					position:relative;
					width:300px;
					margin:20px 0 0 0;
					padding:0 0 0 0;
					text-align:center;
					box-sizing:border-box;
				}

					.b3_inner{
						background-color:#505050;
						background-position:left top;
						background-repeat:no-repeat;
						background-size:cover;
						filter: grayscale(100%);
						-webkit-filter: grayscale(100%);
						-moz-filter: grayscale(100%);
						-ms-filter: grayscale(100%);
						-o-filter: grayscale(100%);
						filter: url(desaturate.svg#greyscale);
						filter: gray;
						-webkit-filter: grayscale(1);
					}

				.boxen_start_b4{
					float:left;
					display:table-cell;
					position:relative;
					width:300px;
					margin:20px 0 0 0;
					padding:0 0 0 0;
					text-align:center;
					box-sizing:border-box;
				}

					.b4_inner{
						background-color:#505050;
						background-position:left top;
						background-repeat:no-repeat;
						background-size:cover;
						filter: grayscale(100%);
						-webkit-filter: grayscale(100%);
						-moz-filter: grayscale(100%);
						-ms-filter: grayscale(100%);
						-o-filter: grayscale(100%);
						filter: url(desaturate.svg#greyscale);
						filter: gray;
						-webkit-filter: grayscale(1);
					}

				.boxen_start_b5{
					float:left;
					display:table-cell;
					position:relative;
					width:300px;
					margin:20px 0 0 0;
					padding:0 0 0 0;
					text-align:center;
					box-sizing:border-box;
				}

					.b5_inner{
						background-color:#ac1c1c;
					}

				.boxen_start_b6{
					float:left;
					display:table-cell;
					position:relative;
					width:300px;
					margin:20px 0 0 0;
					padding:0 0 0 0;
					text-align:center;
					box-sizing:border-box;
				}

					.b6_inner{
						background-color:#505050;
						background-position:left top;
						background-repeat:no-repeat;
						background-size:cover;
						filter: grayscale(100%);
						-webkit-filter: grayscale(100%);
						-moz-filter: grayscale(100%);
						-ms-filter: grayscale(100%);
						-o-filter: grayscale(100%);
						filter: url(desaturate.svg#greyscale);
						filter: gray;
						-webkit-filter: grayscale(1);
					}


	/* boxen startseite :: ende */


	/* welcome :: start */

		.bgdiv_100_welcome{
			background-image:none;
		}

		.welcome_txt{
			width:300px;
			float:left;
			display:inline;
			position:relative;
			margin:0 0 0 0;
			padding:0 0 40px 0;
		}

		.keyfacts_rahmen{
			width:300px;
			float:left;
			display:inline;
			position:relative;
			border-top:1px solid #323232;
			border-bottom:1px solid #323232;
			margin:0 0 0 0;
			padding:40px 0 40px 0;
		}

			.box_key{
				font-family: 'Hammersmith One', Arial, Helvetica, sans-serif;
				font-size:20px;
				text-transform:uppercase;
				line-height:24px;
				color: #323232;
				background-repeat:no-repeat;
				background-position:top center;
				text-align:center;
				width:300px;
			}

				.key1{
					background-image:url(../images/icon_key_tire.png);
					margin:0 0 40px 0;
					padding:60px 0 0 0;
				}

				.key2{
					background-image:url(../images/icon_key_kunden.png);
					margin:0 0 40px 0;
					padding:60px 0 0 0;
				}

				.key3{
					background-image:url(../images/icon_key_meisterwerkstatt.png);
					margin:0 0 0 0;
					padding:60px 0 0 0;
				}

	/* welcome :: ende */

	/* welcome video :: start */

		.bgdiv_con_100_video{
			padding:0 0 0 0;
			margin:0 0 0 0;
			background-repeat:no-repeat;
			background-position:top left;
			background-size:cover;
		}

			.video_abdecker{
				width:100%;
				height:100%;
				padding:40px 0 40px 0;
				float:left;
				display:inline;
				position:relative;
				background-image:url(../images/bg_abdecker_50p.png);
				background-repeat:repeat;
			}

				.teaser_video{
					width:300px;
					margin:0 0 0 0;
					padding:0 0 0 0;
				}

				.teaser_video iframe{
					width:300px;
					height:170px;
				}

	/* welcome video :: ende */


	/* footer :: start */

		.con_100_footer{
			float:left;
			display:inline;
			position:relative;
			width:100%;
			margin:0 0 0 0;
			padding:40px 0 0 0;
			height:80px;
			background-color:#000000;
		}

			.con_100_footer_inner{
				width:100%;
				margin:0 auto;
				padding:0 0 0 0;
			}

				.footer_copy{
					color:#ac1c1c;
					font-family: 'Hammersmith One', 'Open Sans', Arial, Helvetica, sans-serif;
					font-size:16px;
					line-height:24px;
					margin:0 0 0 20px;
					padding:3px 0 0 0;
					border-top:1px solid #ac1c1c;
				}


				.footer_social{
					margin:0 20px 0 0;
					padding:0 0 0 0;
				}

	/* footer :: ende */

	/* boxen contentseiten :: start */

		.con_100_boxen_con{

			display:table;
			width:300px;
			margin:0 auto;
			padding:0 0 0 0;
			box-sizing:border-box;

		}

			.boxen_con_row{
				float:left;
				position:relative;
				display:table-row;
				width:100%;
				margin:0 0 0 0;
				padding:10px 0 10px 0;
				box-sizing:border-box;

			}

				.boxen_con_row .boxen_con_all{
					height:160px;
				}

				.boxen_con_info{
					width:100%;
					height:100%;
					padding:20px;
					box-sizing:border-box;
					color:#ffffff;
					font-family: 'Hammersmith One', Arial, Helvetica, sans-serif;
					font-size:16px;
					line-height:20px;
				}


				.boxen_con_b1{
					float:left;
					display:table-cell;
					position:relative;
					width:300px;
					margin:0 0 0 0;
					padding:0 0 0 0;
					text-align:center;
					box-sizing:border-box;
				}

					.con_b1_inner{
						background-color:#ac1c1c;
					}

				.boxen_con_b2{
					display:none;
				}

				.boxen_con_b3{
					display:none;
				}

	/* boxen contentseiten :: ende */


	/* hinweisboxen footer :: start */

		.cta_boxen_all:hover .cta_boxen_icon_plus_weiss{
			-moz-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			-webkit-transform: rotate(90deg);

			transform: rotate(90deg);
			-moz-transition: all 0.2s ease-out;  /* FF4+ */
			-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
			-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
			-ms-transition: all 0.2s ease-out;  /* IE10? */
			transition: all 0.2s ease-out;
		}

		.cta_boxen_all:hover .cta_boxen_icon_plus_grau{
			-moz-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			-webkit-transform: rotate(90deg);

			transform: rotate(90deg);
			-moz-transition: all 0.2s ease-out;  /* FF4+ */
			-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
			-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
			-ms-transition: all 0.2s ease-out;  /* IE10? */
			transition: all 0.2s ease-out;
		}


		.cta_boxen_icon_plus_weiss{
			width:41px;
			height:41px;
			background-image:url(../images/icon_plus_weiss.png);
			background-position:top center;
			background-repeat:no-repeat;
			position:relative;
			-moz-transition: all 0.2s ease-out;  /* FF4+ */
			-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
			-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
			-ms-transition: all 0.2s ease-out;  /* IE10? */
			transition: all 0.2s ease-out;
		}

		.cta_boxen_icon_plus_grau{
			width:41px;
			height:41px;
			background-image:url(../images/icon_plus_grau.png);
			background-position:top center;
			background-repeat:no-repeat;
			position:relative;

			-moz-transition: all 0.2s ease-out;  /* FF4+ */
			-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
			-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
			-ms-transition: all 0.2s ease-out;  /* IE10? */
			transition: all 0.2s ease-out;
		}


		.cta_boxen_all{
			float:left;
			display:inline;
			position:relative;
			padding:20px;
			box-sizing:border-box;

			cursor:pointer;
		}


		.cta_boxen_b1{
			width:300px;
			margin:0 0 40px 0;
			background-color:#ac1c1c;
		}

			.cta_boxen_b1:hover {
				background-color:#ac1c1c;
			}

		.cta_boxen_b2{
			width:300px;
			margin:0 0 40px 0;
			background-color:#ac1c1c;
		}

			.cta_boxen_b2:hover {
				background-color:#ac1c1c;
			}

		.cta_boxen_b3{
			width:300px;
			margin:0 0 0 0;
			background-color:#353535;
		}

			.cta_boxen_b3:hover {
				background-color:#353535;
			}



	/* hinweisboxen footer :: ende */

	/* iframe anfahrt :: start */

		.anfahrt iframe {
			width:300px;
			height:300px;
			pointer-events: none;
		}

	/* iframe anfahrt :: ende */


	/* team :: start */

		.team_rahmen{
			margin:0 0 40px 0;
			padding:0 0 0 0;
		}

			.team_pic_left{
				margin:0 0 20px 0;
				padding:0 0 0 0;
				float:left;
				display:inline;
				position:relative;
				width:300px;
			}

				.team_pic_left img{
					width:300px;
				}

			.team_info_right{
				margin:0 0 0 0;
				padding:0 0 0 0;
				float:left;
				display:inline;
				position:relative;
				width:300px;
			}


			.team_pic_right{
				margin:0 0 20px 0;
				padding:0 0 0 0;
				float:left;
				display:inline;
				position:relative;
				width:300px;
			}

				.team_pic_right img{
					width:300px;
				}

			.team_info_left{
				margin:0 0 0 0;
				padding:0 0 0 0;
				float:left;
				display:inline;
				position:relative;
				width:300px;
			}

	/* team :: ende */

}

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

	/* header logo zeile :: start */

		.con_100_header{

			display:table;
			width:540px;
			max-width:540px;
			margin:0 auto;
			padding:120px 0 40px 0;
			box-sizing:border-box;
		}

			.header_row{
				float:left;
				position:relative;
				display:table-row;
				width:100%;
				margin:0 0 0 0;
				padding:0 0 0 0;
				box-sizing:border-box;
			}


				.header_sp1{
					float:left;
					display:table-cell;
					position:relative;
					width:270px;
					margin:0 0 0 0;
					padding:0 10px 0 0;
					text-align:center;
					box-sizing:border-box;
				}

				.header_sp1 img{
					width:220px;
				}

				.header_sp2{
					float:left;
					display:table-cell;
					position:relative;
					width:270px;
					margin:0 0 0 0;
					padding:0 0 0 10px;
					box-sizing:border-box;
				}

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

				.header_sp3{
					display:none;
				}

				.header_sp4{
					display:none;
				}


	/* header logo zeile :: ende */


	/* boxen startseite :: start */

		h2.h2_box{ font-size:24px; line-height:30px; }
		h2.h2_box_grau{ font-size:24px; line-height:30px; }

		.con_100_boxen_start{

			display:table;
			width:540px;
			max-width:540px;
			margin:0 auto;
			padding:0 0 0 0;
			box-sizing:border-box;

		}

			.boxen_start_row{
				float:left;
				position:relative;
				display:table-row;
				width:100%;
				margin:0 0 0 0;
				padding:10px 0 10px 0;
				box-sizing:border-box;

			}

				.boxen_start_row .boxen_start_all{
					height:250px;
				}

					.boxen_start_all:hover .boxen_icon_plus_weiss{
						-moz-transform: rotate(90deg);
						-ms-transform: rotate(90deg);
						-o-transform: rotate(90deg);
						-webkit-transform: rotate(90deg);

						transform: rotate(90deg);
						-moz-transition: all 0.2s ease-out;  /* FF4+ */
						-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
						-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
						-ms-transition: all 0.2s ease-out;  /* IE10? */
						transition: all 0.2s ease-out;
					}

					.boxen_start_all:hover .boxen_icon_plus_grau{
						-moz-transform: rotate(90deg);
						-ms-transform: rotate(90deg);
						-o-transform: rotate(90deg);
						-webkit-transform: rotate(90deg);

						transform: rotate(90deg);
						-moz-transition: all 0.2s ease-out;  /* FF4+ */
						-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
						-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
						-ms-transition: all 0.2s ease-out;  /* IE10? */
						transition: all 0.2s ease-out;
					}

					.boxen_start_all:hover .kachel_bg_cover{
						background-image:none;
					}

					.boxen_start_all:hover .b1_inner{
						background-color:#ac1c1c;
					}

					.boxen_start_all:hover .b2_inner{
						background-color:#353535;
					}

					.boxen_start_all:hover .b5_inner{
						background-color:#ac1c1c;
					}

				.boxen_start_info{
					width:100%;
					height:100%;
					padding:20px;
					box-sizing:border-box;
					color:#ffffff;
					font-family: 'Hammersmith One', Arial, Helvetica, sans-serif;
					font-size:16px;
					line-height:20px;
				}

				.kachel_bg_cover{
					width:100%;
					height:100%;
					padding:20px;
					box-sizing:border-box;
					background-image:url(../images/bg_abdecker_50p.png);
					background-repeat:repeat;
				}

				.boxen_icon_plus_weiss{
					width:41px;
					height:41px;
					background-image:url(../images/icon_plus_weiss.png);
					background-position:top center;
					background-repeat:no-repeat;
					position:absolute;
					bottom:20px;
					-moz-transition: all 0.2s ease-out;  /* FF4+ */
					-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
					-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
					-ms-transition: all 0.2s ease-out;  /* IE10? */
					transition: all 0.2s ease-out;
				}

				.boxen_icon_plus_grau{
					width:41px;
					height:41px;
					background-image:url(../images/icon_plus_grau.png);
					background-position:top center;
					background-repeat:no-repeat;
					position:absolute;
					bottom:20px;
					-moz-transition: all 0.2s ease-out;  /* FF4+ */
					-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
					-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
					-ms-transition: all 0.2s ease-out;  /* IE10? */
					transition: all 0.2s ease-out;
				}


				.boxen_start_b1{
					float:left;
					display:table-cell;
					position:relative;
					width:270px;
					margin:0 0 0 0;
					padding:0 10px 0 0;
					text-align:center;
					box-sizing:border-box;
				}

					.b1_inner{
						background-color:#ac1c1c;
					}

				.boxen_start_b2{
					float:left;
					display:table-cell;
					position:relative;
					width:270px;
					margin:0 0 0 0;
					padding:0 0 0 10px;
					text-align:center;
					box-sizing:border-box;
					color:#fff;
				}

					.b2_inner{
						background-color:#353535;
						color:#fff;
					}

				.boxen_start_b3{
					float:left;
					display:table-cell;
					position:relative;
					width:540px;
					margin:20px 0 0 0;
					padding:0 0 0 0;
					text-align:center;
					box-sizing:border-box;
				}

					.b3_inner{
						background-color:#505050;
						background-position:left top;
						background-repeat:no-repeat;
						background-size:cover;
						filter: grayscale(100%);
						-webkit-filter: grayscale(100%);
						-moz-filter: grayscale(100%);
						-ms-filter: grayscale(100%);
						-o-filter: grayscale(100%);
						filter: url(desaturate.svg#greyscale);
						filter: gray;
						-webkit-filter: grayscale(1);
					}

				.boxen_start_b4{
					float:left;
					display:table-cell;
					position:relative;
					width:270px;
					margin:0 0 0 0;
					padding:0 10px 0 0;
					text-align:center;
					box-sizing:border-box;
				}

					.b4_inner{
						background-color:#505050;
						background-position:left top;
						background-repeat:no-repeat;
						background-size:cover;
						filter: grayscale(100%);
						-webkit-filter: grayscale(100%);
						-moz-filter: grayscale(100%);
						-ms-filter: grayscale(100%);
						-o-filter: grayscale(100%);
						filter: url(desaturate.svg#greyscale);
						filter: gray;
						-webkit-filter: grayscale(1);
					}

				.boxen_start_b5{
					float:left;
					display:table-cell;
					position:relative;
					width:270px;
					margin:0 0 0 0;
					padding:0 0 0 10px;
					text-align:center;
					box-sizing:border-box;
				}

					.b5_inner{
						background-color:#ac1c1c;
					}

				.boxen_start_b6{
					float:left;
					display:table-cell;
					position:relative;
					width:540px;
					margin:20px 0 0 0;
					padding:0 0 0 0;
					text-align:center;
					box-sizing:border-box;
				}

					.b6_inner{
						background-color:#505050;
						background-position:left top;
						background-repeat:no-repeat;
						background-size:cover;
						filter: grayscale(100%);
						-webkit-filter: grayscale(100%);
						-moz-filter: grayscale(100%);
						-ms-filter: grayscale(100%);
						-o-filter: grayscale(100%);
						filter: url(desaturate.svg#greyscale);
						filter: gray;
						-webkit-filter: grayscale(1);
					}


	/* boxen startseite :: ende */


	/* welcome :: start */

		.bgdiv_100_welcome{
			background-image:none;
		}

		.welcome_txt{
			width:540px;
			float:left;
			display:inline;
			position:relative;
			margin:0 0 0 0;
			padding:0 0 40px 0;
		}

		.keyfacts_rahmen{
			width:540px;
			float:left;
			display:inline;
			position:relative;
			border-top:1px solid #323232;
			border-bottom:1px solid #323232;
			margin:0 0 0 0;
			padding:60px 0 60px 0;
		}

			.box_key{
				font-family: 'Hammersmith One', Arial, Helvetica, sans-serif;
				font-size:15px;
				text-transform:uppercase;
				line-height:24px;
				color: #323232;
				background-repeat:no-repeat;
				background-position:top center;
				text-align:center;
				width:165px;
			}

				.key1{
					background-image:url(../images/icon_key_tire.png);
					margin:0 20px 0 0;
					padding:60px 0 0 0;
				}

				.key2{
					background-image:url(../images/icon_key_kunden.png);
					margin:0 20px 0 0;
					padding:60px 0 0 0;
				}

				.key3{
					background-image:url(../images/icon_key_meisterwerkstatt.png);
					margin:0 0 0 0;
					padding:60px 0 0 0;
				}

	/* welcome :: ende */

	/* welcome video :: start */

		.bgdiv_con_100_video{
			padding:0 0 0 0;
			margin:0 0 0 0;
			background-repeat:no-repeat;
			background-position:top left;
			background-size:cover;
		}

			.video_abdecker{
				width:100%;
				height:100%;
				padding:60px 0 60px 0;
				float:left;
				display:inline;
				position:relative;
				background-image:url(../images/bg_abdecker_50p.png);
				background-repeat:repeat;
			}

				.teaser_video{
					width:540px;
					margin:0 0 0 0;
					padding:0 0 0 0;
				}

				.teaser_video iframe{
					width:540px;
					height:305px;
				}

	/* welcome video :: ende */


	/* footer :: start */

		.con_100_footer{
			float:left;
			display:inline;
			position:relative;
			width:100%;
			margin:0 0 0 0;
			padding:40px 0 0 0;
			height:80px;
			background-color:#000000;
		}

			.con_100_footer_inner{
				width:100%;
				margin:0 auto;
				padding:0 0 0 0;
			}

				.footer_copy{
					color:#ac1c1c;
					font-family: 'Hammersmith One', 'Open Sans', Arial, Helvetica, sans-serif;
					font-size:16px;
					line-height:24px;
					margin:0 0 0 20px;
					padding:3px 0 0 0;
					border-top:1px solid #ac1c1c;
				}


				.footer_social{
					margin:0 20px 0 0;
					padding:0 0 0 0;
				}

	/* footer :: ende */


	/* boxen contentseiten :: start */

		.con_100_boxen_con{

			display:table;
			width:540px;
			margin:0 auto;
			padding:0 0 0 0;
			box-sizing:border-box;

		}

			.boxen_con_row{
				float:left;
				position:relative;
				display:table-row;
				width:100%;
				margin:0 0 0 0;
				padding:10px 0 10px 0;
				box-sizing:border-box;

			}

				.boxen_con_row .boxen_con_all{
					height:200px;
				}

				.boxen_con_info{
					width:100%;
					height:100%;
					padding:20px;
					box-sizing:border-box;
					color:#ffffff;
					font-family: 'Hammersmith One', Arial, Helvetica, sans-serif;
					font-size:16px;
					line-height:20px;
				}


				.boxen_con_b1{
					float:left;
					display:table-cell;
					position:relative;
					width:270px;
					margin:0 0 0 0;
					padding:0 10px 0 0;
					text-align:center;
					box-sizing:border-box;
				}

					.con_b1_inner{
						background-color:#ac1c1c;
					}

				.boxen_con_b2{
					display:none;
				}

				.boxen_con_b3{
					float:left;
					display:table-cell;
					position:relative;
					width:270px;
					margin:0 0 0 0;
					padding:0 0 0 10px;
					text-align:center;
					box-sizing:border-box;
				}

					.con_b3_inner{
						background-color:#ac1c1c;
						background-position:left top;
						background-repeat:no-repeat;
						background-size:cover;
					}

	/* boxen contentseiten :: ende */


	/* hinweisboxen footer :: start */

		.cta_boxen_all:hover .cta_boxen_icon_plus_weiss{
			-moz-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			-webkit-transform: rotate(90deg);

			transform: rotate(90deg);
			-moz-transition: all 0.2s ease-out;  /* FF4+ */
			-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
			-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
			-ms-transition: all 0.2s ease-out;  /* IE10? */
			transition: all 0.2s ease-out;
		}

		.cta_boxen_all:hover .cta_boxen_icon_plus_grau{
			-moz-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			-webkit-transform: rotate(90deg);

			transform: rotate(90deg);
			-moz-transition: all 0.2s ease-out;  /* FF4+ */
			-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
			-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
			-ms-transition: all 0.2s ease-out;  /* IE10? */
			transition: all 0.2s ease-out;
		}


		.cta_boxen_icon_plus_weiss{
			width:41px;
			height:41px;
			background-image:url(../images/icon_plus_weiss.png);
			background-position:top center;
			background-repeat:no-repeat;
			position:relative;
			-moz-transition: all 0.2s ease-out;  /* FF4+ */
			-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
			-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
			-ms-transition: all 0.2s ease-out;  /* IE10? */
			transition: all 0.2s ease-out;
		}

		.cta_boxen_icon_plus_grau{
			width:41px;
			height:41px;
			background-image:url(../images/icon_plus_grau.png);
			background-position:top center;
			background-repeat:no-repeat;
			position:relative;

			-moz-transition: all 0.2s ease-out;  /* FF4+ */
			-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
			-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
			-ms-transition: all 0.2s ease-out;  /* IE10? */
			transition: all 0.2s ease-out;
		}


		.cta_boxen_all{
			float:left;
			display:inline;
			position:relative;
			padding:40px;
			box-sizing:border-box;

			cursor:pointer;
		}


		.cta_boxen_b1{
			width:540px;
			margin:0 0 40px 0;
			background-color:#ac1c1c;
		}

			.cta_boxen_b1:hover {
				background-color:#ac1c1c;
			}

		.cta_boxen_b2{
			width:540px;
			margin:0 0 40px 0;
			background-color:#ac1c1c;
		}

			.cta_boxen_b2:hover {
				background-color:#ac1c1c;
			}

		.cta_boxen_b3{
			width:540px;
			margin:0 0 0 0;
			background-color:#353535;
		}

			.cta_boxen_b3:hover {
				background-color:#353535;
			}



	/* hinweisboxen footer :: ende */


	/* iframe anfahrt :: start */

		.anfahrt iframe {
			width:540px;
			height:400px;
			pointer-events: none;
		}

	/* iframe anfahrt :: ende */


	/* team :: start */

		.team_rahmen{
			margin:0 0 40px 0;
			padding:0 0 0 0;
		}

			.team_pic_left{
				margin:0 0 20px 0;
				padding:0 0 0 0;
				float:left;
				display:inline;
				position:relative;
				width:540px;
			}

				.team_pic_left img{
					width:540px;
				}

			.team_info_right{
				margin:0 0 0 0;
				padding:0 0 0 0;
				float:left;
				display:inline;
				position:relative;
				width:540px;
			}


			.team_pic_right{
				margin:0 20px 0 0;
				padding:0 0 0 0;
				float:left;
				display:inline;
				position:relative;
				width:540px;
			}

				.team_pic_right img{
					width:540px;
				}

			.team_info_left{
				margin:0 0 0 0;
				padding:0 0 0 0;
				float:left;
				display:inline;
				position:relative;
				width:540px;
			}

	/* team :: ende */


}

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

	/* header logo zeile :: start */

		.con_100_header{

			display:table;
			width:730px;
			max-width:730px;
			margin:0 auto;
			padding:120px 0 40px 0;
			box-sizing:border-box;
		}

			.header_row{
				float:left;
				position:relative;
				display:table-row;
				width:100%;
				margin:0 0 0 0;
				padding:0 0 0 0;
				box-sizing:border-box;
			}


				.header_sp1{
					float:left;
					display:table-cell;
					position:relative;
					width:365px;
					margin:0 0 0 0;
					padding:0 10px 0 0;
					text-align:center;
					box-sizing:border-box;
				}

				.header_sp1 img{
					width:315px;
				}

				.header_sp2{
					float:left;
					display:table-cell;
					position:relative;
					width:365px;
					margin:0 0 0 0;
					padding:0 0 0 10px;
					box-sizing:border-box;
				}

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

				.header_sp3{
					display:none;
				}

				.header_sp4{
					display:none;
				}


	/* header logo zeile :: ende */


	/* boxen startseite :: start */

		h2.h2_box{ font-size:24px; line-height:30px; }
		h2.h2_box_grau{ font-size:24px; line-height:30px; }

		.con_100_boxen_start{

			display:table;
			width:730px;
			max-width:730px;
			margin:0 auto;
			padding:0 0 0 0;
			box-sizing:border-box;

		}

			.boxen_start_row{
				float:left;
				position:relative;
				display:table-row;
				width:100%;
				margin:0 0 0 0;
				padding:10px 0 10px 0;
				box-sizing:border-box;

			}

				.boxen_start_row .boxen_start_all{
					height:250px;
				}

					.boxen_start_all:hover .boxen_icon_plus_weiss{
						-moz-transform: rotate(90deg);
						-ms-transform: rotate(90deg);
						-o-transform: rotate(90deg);
						-webkit-transform: rotate(90deg);

						transform: rotate(90deg);
						-moz-transition: all 0.2s ease-out;  /* FF4+ */
						-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
						-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
						-ms-transition: all 0.2s ease-out;  /* IE10? */
						transition: all 0.2s ease-out;
					}

					.boxen_start_all:hover .boxen_icon_plus_grau{
						-moz-transform: rotate(90deg);
						-ms-transform: rotate(90deg);
						-o-transform: rotate(90deg);
						-webkit-transform: rotate(90deg);

						transform: rotate(90deg);
						-moz-transition: all 0.2s ease-out;  /* FF4+ */
						-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
						-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
						-ms-transition: all 0.2s ease-out;  /* IE10? */
						transition: all 0.2s ease-out;
					}

					.boxen_start_all:hover .kachel_bg_cover{
						background-image:none;
					}

					.boxen_start_all:hover .b1_inner{
						background-color:#ac1c1c;
					}

					.boxen_start_all:hover .b2_inner{
						background-color:#353535;
					}

					.boxen_start_all:hover .b5_inner{
						background-color:#ac1c1c;
					}

				.boxen_start_info{
					width:100%;
					height:100%;
					padding:20px;
					box-sizing:border-box;
					color:#ffffff;
					font-family: 'Hammersmith One', Arial, Helvetica, sans-serif;
					font-size:16px;
					line-height:20px;
				}

				.kachel_bg_cover{
					width:100%;
					height:100%;
					padding:20px;
					box-sizing:border-box;
					background-image:url(../images/bg_abdecker_50p.png);
					background-repeat:repeat;
				}

				.boxen_icon_plus_weiss{
					width:41px;
					height:41px;
					background-image:url(../images/icon_plus_weiss.png);
					background-position:top center;
					background-repeat:no-repeat;
					position:absolute;
					bottom:20px;
					-moz-transition: all 0.2s ease-out;  /* FF4+ */
					-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
					-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
					-ms-transition: all 0.2s ease-out;  /* IE10? */
					transition: all 0.2s ease-out;
				}

				.boxen_icon_plus_grau{
					width:41px;
					height:41px;
					background-image:url(../images/icon_plus_grau.png);
					background-position:top center;
					background-repeat:no-repeat;
					position:absolute;
					bottom:20px;
					-moz-transition: all 0.2s ease-out;  /* FF4+ */
					-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
					-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
					-ms-transition: all 0.2s ease-out;  /* IE10? */
					transition: all 0.2s ease-out;
				}


				.boxen_start_b1{
					float:left;
					display:table-cell;
					position:relative;
					width:365px;
					margin:0 0 0 0;
					padding:0 10px 0 0;
					text-align:center;
					box-sizing:border-box;
				}

					.b1_inner{
						background-color:#ac1c1c;
					}

				.boxen_start_b2{
					float:left;
					display:table-cell;
					position:relative;
					width:365px;
					margin:0 0 0 0;
					padding:0 0 0 10px;
					text-align:center;
					box-sizing:border-box;
					color:#fff;
				}

					.b2_inner{
						background-color:#353535;
						color:#fff;
					}

				.boxen_start_b3{
					float:left;
					display:table-cell;
					position:relative;
					width:730px;
					margin:20px 0 0 0;
					padding:0 0 0 0;
					text-align:center;
					box-sizing:border-box;
				}

					.b3_inner{
						background-color:#505050;
						background-position:left top;
						background-repeat:no-repeat;
						background-size:cover;
						filter: grayscale(100%);
						-webkit-filter: grayscale(100%);
						-moz-filter: grayscale(100%);
						-ms-filter: grayscale(100%);
						-o-filter: grayscale(100%);
						filter: url(desaturate.svg#greyscale);
						filter: gray;
						-webkit-filter: grayscale(1);
					}

				.boxen_start_b4{
					float:left;
					display:table-cell;
					position:relative;
					width:365px;
					margin:0 0 0 0;
					padding:0 10px 0 0;
					text-align:center;
					box-sizing:border-box;
				}

					.b4_inner{
						background-color:#505050;
						background-position:left top;
						background-repeat:no-repeat;
						background-size:cover;
						filter: grayscale(100%);
						-webkit-filter: grayscale(100%);
						-moz-filter: grayscale(100%);
						-ms-filter: grayscale(100%);
						-o-filter: grayscale(100%);
						filter: url(desaturate.svg#greyscale);
						filter: gray;
						-webkit-filter: grayscale(1);
					}

				.boxen_start_b5{
					float:left;
					display:table-cell;
					position:relative;
					width:365px;
					margin:0 0 0 0;
					padding:0 0 0 10px;
					text-align:center;
					box-sizing:border-box;
				}

					.b5_inner{
						background-color:#ac1c1c;
					}

				.boxen_start_b6{
					float:left;
					display:table-cell;
					position:relative;
					width:730px;
					margin:20px 0 0 0;
					padding:0 0 0 0;
					text-align:center;
					box-sizing:border-box;
				}

					.b6_inner{
						background-color:#505050;
						background-position:left top;
						background-repeat:no-repeat;
						background-size:cover;
						filter: grayscale(100%);
						-webkit-filter: grayscale(100%);
						-moz-filter: grayscale(100%);
						-ms-filter: grayscale(100%);
						-o-filter: grayscale(100%);
						filter: url(desaturate.svg#greyscale);
						filter: gray;
						-webkit-filter: grayscale(1);
					}


	/* boxen startseite :: ende */


	/* welcome :: start */

		.bgdiv_100_welcome{
			background-image:none;
		}

		.welcome_txt{
			width:730px;
			float:left;
			display:inline;
			position:relative;
			margin:0 0 0 0;
			padding:0 0 60px 0;
		}

		.keyfacts_rahmen{
			width:730px;
			float:left;
			display:inline;
			position:relative;
			border-top:1px solid #323232;
			border-bottom:1px solid #323232;
			margin:0 0 0 0;
			padding:80px 0 80px 0;
		}

			.box_key{
				font-family: 'Hammersmith One', Arial, Helvetica, sans-serif;
				font-size:15px;
				text-transform:uppercase;
				line-height:24px;
				color: #323232;
				background-repeat:no-repeat;
				background-position:center left;
				text-align:left;
				width:160px;
			}

				.key1{
					background-image:url(../images/icon_key_tire.png);
					margin:0 20px 0 0;
					padding:0 0 0 57px;
				}

				.key2{
					background-image:url(../images/icon_key_kunden.png);
					margin:0 20px 0 0;
					padding:0 0 0 50px;
				}

				.key3{
					background-image:url(../images/icon_key_meisterwerkstatt.png);
					margin:0 0 0 0;
					padding:0 0 0 63px;
				}

	/* welcome :: ende */


	/* welcome video :: start */

		.bgdiv_con_100_video{
			padding:0 0 0 0;
			margin:0 0 0 0;
			background-repeat:no-repeat;
			background-position:top left;
			background-size:cover;
		}

			.video_abdecker{
				width:100%;
				height:100%;
				padding:60px 0 60px 0;
				float:left;
				display:inline;
				position:relative;
				background-image:url(../images/bg_abdecker_50p.png);
				background-repeat:repeat;
			}

				.teaser_video{
					width:730px;
					margin:0 0 0 0;
					padding:0 0 0 0;
				}

				.teaser_video iframe{
					width:730px;
					height:410px;
				}

	/* welcome video :: ende */


	/* footer :: start */

		.con_100_footer{
			float:left;
			display:inline;
			position:relative;
			width:100%;
			margin:0 0 0 0;
			padding:40px 0 0 0;
			height:80px;
			background-color:#000000;
		}

			.con_100_footer_inner{
				width:100%;
				margin:0 auto;
				padding:0 0 0 0;
			}

				.footer_copy{
					color:#ac1c1c;
					font-family: 'Hammersmith One', 'Open Sans', Arial, Helvetica, sans-serif;
					font-size:16px;
					line-height:24px;
					margin:0 0 0 20px;
					padding:3px 0 0 0;
					border-top:1px solid #ac1c1c;
				}


				.footer_social{
					margin:0 20px 0 0;
					padding:0 0 0 0;
				}

	/* footer :: ende */


	/* boxen contentseiten :: start */

		.con_100_boxen_con{

			display:table;
			width:730px;
			margin:0 auto;
			padding:0 0 0 0;
			box-sizing:border-box;

		}

			.boxen_con_row{
				float:left;
				position:relative;
				display:table-row;
				width:100%;
				margin:0 0 0 0;
				padding:10px 0 10px 0;
				box-sizing:border-box;

			}

				.boxen_con_row .boxen_con_all{
					height:200px;
				}

				.boxen_con_info{
					width:100%;
					height:100%;
					padding:20px;
					box-sizing:border-box;
					color:#ffffff;
					font-family: 'Hammersmith One', Arial, Helvetica, sans-serif;
					font-size:16px;
					line-height:20px;
				}


				.boxen_con_b1{
					float:left;
					display:table-cell;
					position:relative;
					width:365px;
					margin:0 0 0 0;
					padding:0 10px 0 0;
					text-align:center;
					box-sizing:border-box;
				}

					.con_b1_inner{
						background-color:#ac1c1c;
					}

				.boxen_con_b2{
					display:none;
				}

				.boxen_con_b3{
					float:left;
					display:table-cell;
					position:relative;
					width:365px;
					margin:0 0 0 0;
					padding:0 0 0 10px;
					text-align:center;
					box-sizing:border-box;
				}

					.con_b3_inner{
						background-color:#cc0235;
						background-position:left top;
						background-repeat:no-repeat;
						background-size:cover;
					}

	/* boxen contentseiten :: ende */


	/* hinweisboxen footer :: start */

		.cta_boxen_all:hover .cta_boxen_icon_plus_weiss{
			-moz-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			-webkit-transform: rotate(90deg);

			transform: rotate(90deg);
			-moz-transition: all 0.2s ease-out;  /* FF4+ */
			-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
			-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
			-ms-transition: all 0.2s ease-out;  /* IE10? */
			transition: all 0.2s ease-out;
		}

		.cta_boxen_all:hover .cta_boxen_icon_plus_grau{
			-moz-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			-webkit-transform: rotate(90deg);

			transform: rotate(90deg);
			-moz-transition: all 0.2s ease-out;  /* FF4+ */
			-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
			-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
			-ms-transition: all 0.2s ease-out;  /* IE10? */
			transition: all 0.2s ease-out;
		}


		.cta_boxen_icon_plus_weiss{
			width:41px;
			height:41px;
			background-image:url(../images/icon_plus_weiss.png);
			background-position:top center;
			background-repeat:no-repeat;
			position:absolute;
			top:60px;
			right:40px;
			-moz-transition: all 0.2s ease-out;  /* FF4+ */
			-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
			-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
			-ms-transition: all 0.2s ease-out;  /* IE10? */
			transition: all 0.2s ease-out;
		}

		.cta_boxen_icon_plus_grau{
			width:41px;
			height:41px;
			background-image:url(../images/icon_plus_grau.png);
			background-position:top center;
			background-repeat:no-repeat;
			position:absolute;
			top:60px;
			right:40px;
			-moz-transition: all 0.2s ease-out;  /* FF4+ */
			-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
			-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
			-ms-transition: all 0.2s ease-out;  /* IE10? */
			transition: all 0.2s ease-out;
		}


		.cta_boxen_all{
			float:left;
			display:inline;
			position:relative;
			padding:40px;
			box-sizing:border-box;

			cursor:pointer;
		}


		.cta_boxen_b1{
			width:730px;
			margin:0 0 40px 0;
			background-color:#ac1c1c;
		}

			.cta_boxen_b1:hover {
				background-color:#ac1c1c;
			}

		.cta_boxen_b2{
			width:730px;
			margin:0 0 40px 0;
			background-color:#ac1c1c;
		}

			.cta_boxen_b2:hover {
				background-color:#ac1c1c;
			}

		.cta_boxen_b3{
			width:730px;
			margin:0 0 0 0;
			background-color:#353535;
		}

			.cta_boxen_b3:hover {
				background-color:#353535;
			}



	/* hinweisboxen footer :: ende */


	/* iframe anfahrt :: start */

		.anfahrt iframe {
			width:480px;
			height:400px;
			pointer-events: none;
		}

	/* iframe anfahrt :: ende */

	/* team :: start */

		.team_rahmen{
			margin:0 0 40px 0;
			padding:0 0 0 0;
		}

			.team_pic_left{
				margin:0 0 0 0;
				padding:0 0 0 0;
				float:left;
				display:inline;
				position:relative;
				width:480px;
			}

				.team_pic_left img{
					width:480px;
				}

			.team_info_right{
				margin:0 0 0 0;
				padding:0 0 0 0;
				float:right;
				display:inline;
				position:relative;
				width:216px;
			}


			.team_pic_right{
				margin:0 0 0 0;
				padding:0 0 0 0;
				float:right;
				display:inline;
				position:relative;
				width:480px;
			}

				.team_pic_right img{
					width:480px;
				}

			.team_info_left{
				margin:0 0 0 0;
				padding:0 0 0 0;
				float:left;
				display:inline;
				position:relative;
				width:216px;
			}

	/* team :: ende */

}

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

	.bgdiv_scrollicon,
	.nav_scroll_bg{
		display:inline;
	}

	/* top z1 :: start */

		.con_100_header_z1{
			float:left;
			display:inline;
			position:relative;
			width:100%;
			margin:0 0 0 0;
			padding:0 0 0 0;
			height:70px;
			background-color:#000000;
		}

			.con_100_header_z1_inner{

				width:100%;
				max-width:1830px;
				margin:0 auto;
				padding:0 0 0 0;

			}

				.top_z1_adresse{
					font-family: 'Hammersmith One', Arial, Helvetica, sans-serif;
					font-size:16px;
					line-height:24px;
					color:#fff;
					margin:0 0 0 85px;
					padding:22px 0 0 0;
				}

				.top_z1_social{
					margin:14px 60px 0 0;
					padding:0 0 0 0;
				}




	/* top z1 :: ende */

	/* header logo zeile :: start */

		.con_100_header{

			display:table;
			width:100%;
			max-width:1830px;
			margin:0 auto 40px;
			padding:120px 30px 40px 30px;
			box-sizing:border-box;
		}

			.header_row{
				float:left;
				position:relative;
				display:table-row;
				width:100%;
				margin:0 0 0 0;
				padding:0 0 0 0;
				box-sizing:border-box;
			}


				.header_sp1{
					float:left;
					display:table-cell;
					position:relative;
					width:40%;
					margin:0 0 0 0;
					padding:0 10px 0 0;
					text-align:left;
					box-sizing:border-box;
					z-index:999;
				}

				.header_sp1 img{
					width:470px;
				}

				.header_sp2{
					float:left;
					display:table-cell;
					position:relative;
					width:20%;
					margin:0 0 0 0;
					padding:0 10px 0 10px;
					box-sizing:border-box;
				}

					.header_zeiten_sp1{
						margin:0 10px 0 0;
					}

				.header_sp3{
					float:left;
					display:table-cell;
					position:relative;
					width:20%;
					margin:0 0 0 0;
					padding:0 10px 0 10px;
					box-sizing:border-box;
				}

					.header_sp3_slogan{
						padding:40px 0 0 0;
						border-top:1px solid #323232;
						font-family: 'Fjalla One', Arial, Helvetica, sans-serif;

						font-size: 2.5vw;
						line-height:50px;
						/*
						font-size:40px;
						line-height:56px;
						*/
						text-transform:uppercase;
					}

				.header_sp4{
					float:left;
					display:table-cell;
					position:relative;
					width:100%;
					margin:-185px 0 0 0;
					padding:40px 0 0 10px;
					text-align:right;
					box-sizing:border-box;
				}


	/* header logo zeile :: ende */


	/* boxen startseite :: start */

		h2.h2_box{ font-size:1.5vw; line-height:30px; }
		h2.h2_box_grau{ font-size:1.5vw; line-height:30px; }

		.con_100_boxen_start{

			display:table;
			width:100%;
			max-width:1830px;
			margin:0 auto;
			padding:0 30px 0 30px;
			box-sizing:border-box;

		}

			.boxen_start_row{
				float:left;
				position:relative;
				display:table-row;
				width:100%;
				margin:0 0 0 0;
				padding:10px 0 10px 0;
				box-sizing:border-box;

			}

				.boxen_start_row .boxen_start_all{
					height:250px;
				}

					.boxen_start_all:hover .boxen_icon_plus_weiss{
						-moz-transform: rotate(90deg);
						-ms-transform: rotate(90deg);
						-o-transform: rotate(90deg);
						-webkit-transform: rotate(90deg);

						transform: rotate(90deg);
						-moz-transition: all 0.2s ease-out;  /* FF4+ */
						-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
						-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
						-ms-transition: all 0.2s ease-out;  /* IE10? */
						transition: all 0.2s ease-out;
					}

					.boxen_start_all:hover .boxen_icon_plus_grau{
						-moz-transform: rotate(90deg);
						-ms-transform: rotate(90deg);
						-o-transform: rotate(90deg);
						-webkit-transform: rotate(90deg);

						transform: rotate(90deg);
						-moz-transition: all 0.2s ease-out;  /* FF4+ */
						-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
						-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
						-ms-transition: all 0.2s ease-out;  /* IE10? */
						transition: all 0.2s ease-out;
					}

					.boxen_start_all:hover .kachel_bg_cover{
						background-image:none;
					}

					.boxen_start_all:hover .b1_inner{
						background-color:#871717;
					}

					.boxen_start_all:hover .b2_inner{
						background-color:#212121;
					}

					.boxen_start_all:hover .b5_inner{
						background-color:#871717;
					}

				.boxen_start_info{
					width:100%;
					height:100%;
					padding:20px;
					box-sizing:border-box;
					color:#ffffff;
					font-family: 'Hammersmith One', Arial, Helvetica, sans-serif;
					font-size:16px;
					line-height:20px;
				}

				.kachel_bg_cover{
					width:100%;
					height:100%;
					padding:20px;
					box-sizing:border-box;
					background-image:url(../images/bg_abdecker_50p.png);
					background-repeat:repeat;
				}

				.boxen_icon_plus_weiss{
					width:41px;
					height:41px;
					background-image:url(../images/icon_plus_weiss.png);
					background-position:top center;
					background-repeat:no-repeat;
					position:absolute;
					bottom:20px;
					-moz-transition: all 0.2s ease-out;  /* FF4+ */
					-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
					-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
					-ms-transition: all 0.2s ease-out;  /* IE10? */
					transition: all 0.2s ease-out;
				}

				.boxen_icon_plus_grau{
					width:41px;
					height:41px;
					background-image:url(../images/icon_plus_grau.png);
					background-position:top center;
					background-repeat:no-repeat;
					position:absolute;
					bottom:20px;
					-moz-transition: all 0.2s ease-out;  /* FF4+ */
					-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
					-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
					-ms-transition: all 0.2s ease-out;  /* IE10? */
					transition: all 0.2s ease-out;
				}


				.boxen_start_b1{
					float:left;
					display:table-cell;
					position:relative;
					width:20%;
					margin:0 0 0 0;
					padding:0 10px 0 0;
					text-align:center;
					box-sizing:border-box;
				}

					.b1_inner{
						background-color:#ac1c1c;
					}

				.boxen_start_b2{
					float:left;
					display:table-cell;
					position:relative;
					width:20%;
					margin:0 0 0 0;
					padding:0 10px 0 10px;
					text-align:center;
					box-sizing:border-box;
					color:#fff;
				}

					.b2_inner{
						background-color:#353535;
						color:#fff;
					}

				.boxen_start_b3{
					float:left;
					display:table-cell;
					position:relative;
					width:60%;
					margin:0 0 0 0;
					padding:0 0 0 10px;
					text-align:center;
					box-sizing:border-box;
				}

					.b3_inner{
						background-color:#505050;
						background-position:left top;
						background-repeat:no-repeat;
						background-size:cover;
						filter: grayscale(100%);
						-webkit-filter: grayscale(100%);
						-moz-filter: grayscale(100%);
						-ms-filter: grayscale(100%);
						-o-filter: grayscale(100%);
						filter: url(desaturate.svg#greyscale);
						filter: gray;
						-webkit-filter: grayscale(1);
					}

				.boxen_start_b4{
					float:left;
					display:table-cell;
					position:relative;
					width:40%;
					margin:0 0 0 0;
					padding:0 10px 0 0;
					text-align:center;
					box-sizing:border-box;
				}

					.b4_inner{
						background-color:#505050;
						background-position:left top;
						background-repeat:no-repeat;
						background-size:cover;
						filter: grayscale(100%);
						-webkit-filter: grayscale(100%);
						-moz-filter: grayscale(100%);
						-ms-filter: grayscale(100%);
						-o-filter: grayscale(100%);
						filter: url(desaturate.svg#greyscale);
						filter: gray;
						-webkit-filter: grayscale(1);
					}

				.boxen_start_b5{
					float:left;
					display:table-cell;
					position:relative;
					width:20%;
					margin:0 0 0 0;
					padding:0 10px 0 10px;
					text-align:center;
					box-sizing:border-box;
				}

					.b5_inner{
						background-color:#ac1c1c;
					}

				.boxen_start_b6{
					float:left;
					display:table-cell;
					position:relative;
					width:40%;
					margin:0 0 0 0;
					padding:0 0 0 10px;
					text-align:center;
					box-sizing:border-box;
				}

					.b6_inner{
						background-color:#505050;
						background-position:left top;
						background-repeat:no-repeat;
						background-size:cover;
						filter: grayscale(100%);
						-webkit-filter: grayscale(100%);
						-moz-filter: grayscale(100%);
						-ms-filter: grayscale(100%);
						-o-filter: grayscale(100%);
						filter: url(desaturate.svg#greyscale);
						filter: gray;
						-webkit-filter: grayscale(1);
					}


	/* boxen startseite :: ende */


	/* welcome :: start */

		.bgdiv_100_welcome{
			background-image:url(../upload/bischoff_portrait_ph.png);
			background-repeat:no-repeat;
			background-position:center top;
		}

		.welcome_txt{
			width:787px;
			float:right;
			display:inline;
			position:relative;
			margin:0 0 0 0;
			padding:0 0 60px 0;
		}

		.keyfacts_rahmen{
			width:787px;
			float:right;
			display:inline;
			position:relative;
			border-top:1px solid #323232;
			border-bottom:1px solid #323232;
			margin:0 0 0 0;
			padding:80px 0 80px 0;
		}

			.box_key{
				font-family: 'Hammersmith One', Arial, Helvetica, sans-serif;
				font-size:17px;
				text-transform:uppercase;
				line-height:24px;
				color: #323232;
				background-repeat:no-repeat;
				background-position:center left;
				text-align:left;
				width:auto;
			}

				.key1{
					background-image:url(../images/icon_key_tire.png);
					margin:0 40px 0 0;
					padding:0 0 0 57px;
				}

				.key2{
					background-image:url(../images/icon_key_kunden.png);
					margin:0 40px 0 0;
					padding:0 0 0 50px;
				}

				.key3{
					background-image:url(../images/icon_key_meisterwerkstatt.png);
					margin:0 0 0 0;
					padding:0 0 0 63px;
				}

	/* welcome :: ende */

	/* welcome video :: start */

		.bgdiv_con_100_video{
			padding:0 0 0 0;
			margin:0 0 0 0;
			background-repeat:no-repeat;
			background-position:top left;
			background-size:cover;
		}

			.video_abdecker{
				width:100%;
				height:100%;
				padding:80px 0 80px 0;
				float:left;
				display:inline;
				position:relative;
				background-image:url(../images/bg_abdecker_50p.png);
				background-repeat:repeat;
			}

				.teaser_video{
					width:787px;
					margin:0 0 0 0;
					padding:0 0 0 0;
				}

				.teaser_video iframe{
					width:787px;
					height:443px;
				}

	/* welcome video :: ende */


	/* footer :: start */

		.con_100_footer{
			float:left;
			display:inline;
			position:relative;
			width:100%;
			margin:0 0 0 0;
			padding:40px 0 0 0;
			height:80px;
			background-color:#000000;
		}

			.con_100_footer_inner{
				width:100%;
				max-width:1830px;
				margin:0 auto;
				padding:0 0 0 0;
			}

				.footer_copy{
					color:#fff;
					font-family: 'Hammersmith One', 'Open Sans', Arial, Helvetica, sans-serif;
					font-size:16px;
					line-height:24px;
					margin:0 0 0 85px;
					padding:3px 0 0 0;
					border-top:1px solid #fff;
				}


				.footer_social{
					margin:0 60px 0 0;
					padding:0 0 0 0;
				}

	/* footer :: ende */



	/* boxen contentseiten :: start */

		.con_100_boxen_con{

			display:table;
			width:100%;
			max-width:1830px;
			margin:0 auto;
			padding:0 30px 0 30px;
			box-sizing:border-box;

		}

			.boxen_con_row{
				float:left;
				position:relative;
				display:table-row;
				width:100%;
				margin:0 0 0 0;
				padding:10px 0 10px 0;
				box-sizing:border-box;

			}

				.boxen_con_row .boxen_con_all{
					height:250px;
				}

				.boxen_con_info{
					width:100%;
					height:100%;
					padding:20px;
					box-sizing:border-box;
					color:#ffffff;
					font-family: 'Hammersmith One', Arial, Helvetica, sans-serif;
					font-size:16px;
					line-height:20px;
				}


				.boxen_con_b1{
					float:left;
					display:table-cell;
					position:relative;
					width:20%;
					margin:0 0 0 0;
					padding:0 10px 0 0;
					text-align:center;
					box-sizing:border-box;
				}

					.con_b1_inner{
						background-color:#ac1c1c;
					}

				.boxen_con_b2{
					float:left;
					display:table-cell;
					position:relative;
					width:20%;
					margin:0 0 0 0;
					padding:0 10px 0 10px;
					text-align:center;
					box-sizing:border-box;
					color:#323232;
				}

					.con_b2_inner{
						background-color:#ac1c1c;
						background-position:left top;
						background-repeat:no-repeat;
						background-size:cover;
					}

				.boxen_con_b3{
					float:left;
					display:table-cell;
					position:relative;
					width:60%;
					margin:0 0 0 0;
					padding:0 0 0 10px;
					text-align:center;
					box-sizing:border-box;
				}

					.con_b3_inner{
						background-color:#cc0235;
						background-position:left top;
						background-repeat:no-repeat;
						background-size:cover;
					}

	/* boxen contentseiten :: ende */

	/* hinweisboxen footer :: start */

		.cta_boxen_all:hover .cta_boxen_icon_plus_weiss{
			-moz-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			-webkit-transform: rotate(90deg);

			transform: rotate(90deg);
			-moz-transition: all 0.2s ease-out;  /* FF4+ */
			-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
			-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
			-ms-transition: all 0.2s ease-out;  /* IE10? */
			transition: all 0.2s ease-out;
		}

		.cta_boxen_all:hover .cta_boxen_icon_plus_grau{
			-moz-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			-webkit-transform: rotate(90deg);

			transform: rotate(90deg);
			-moz-transition: all 0.2s ease-out;  /* FF4+ */
			-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
			-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
			-ms-transition: all 0.2s ease-out;  /* IE10? */
			transition: all 0.2s ease-out;
		}


		.cta_boxen_icon_plus_weiss{
			width:41px;
			height:41px;
			background-image:url(../images/icon_plus_weiss.png);
			background-position:top center;
			background-repeat:no-repeat;
			position:absolute;
			bottom:40px;
			top:auto;
			right:auto;
			-moz-transition: all 0.2s ease-out;  /* FF4+ */
			-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
			-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
			-ms-transition: all 0.2s ease-out;  /* IE10? */
			transition: all 0.2s ease-out;
		}

		.cta_boxen_icon_plus_grau{
			width:41px;
			height:41px;
			background-image:url(../images/icon_plus_grau.png);
			background-position:top center;
			background-repeat:no-repeat;
			position:absolute;
			bottom:40px;
			top:auto;
			right:auto;
			-moz-transition: all 0.2s ease-out;  /* FF4+ */
			-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
			-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
			-ms-transition: all 0.2s ease-out;  /* IE10? */
			transition: all 0.2s ease-out;
		}


		.cta_boxen_all{
			float:left;
			display:inline;
			position:relative;
			padding:40px;
			box-sizing:border-box;
			height:260px;
			cursor:pointer;
		}


		.cta_boxen_b1{
			width:373px;
			margin:0 40px 0 0;
			background-color:#ac1c1c;
		}

			.cta_boxen_b1:hover {
				background-color:#871717;
			}

		.cta_boxen_b2{
			width:374px;
			margin:0 40px 0 0;
			background-color:#ac1c1c;
		}

			.cta_boxen_b2:hover {
				background-color:#871717;
			}

		.cta_boxen_b3{
			width:373px;
			margin:0 0 0 0;
			background-color:#353535;
		}

			.cta_boxen_b3:hover {
				background-color:#212121;
			}



	/* hinweisboxen footer :: ende */


	/* iframe anfahrt :: start */

		.anfahrt iframe {
			width:890px;
			height:460px;
			pointer-events: none;
		}

	/* iframe anfahrt :: ende */


	/* team :: start */

		.team_rahmen{
			margin:0 0 40px 0;
			padding:0 0 0 0;
		}

			.team_pic_left{
				margin:0 0 0 0;
				padding:0 0 0 0;
				float:left;
				display:inline;
				position:relative;
				width:890px;
			}

				.team_pic_left img{
					width:890px;
				}

			.team_info_right{
				margin:0 0 0 0;
				padding:0 0 0 0;
				float:right;
				display:inline;
				position:relative;
				width:270px;
			}


			.team_pic_right{
				margin:0 0 0 0;
				padding:0 0 0 0;
				float:right;
				display:inline;
				position:relative;
				width:890px;
			}

				.team_pic_right img{
					width:890px;
				}

			.team_info_left{
				margin:0 0 0 0;
				padding:0 0 0 0;
				float:left;
				display:inline;
				position:relative;
				width:270px;
			}

	/* team :: ende */

}


@media only screen and (min-width: 1425px){
	.boxen_start_row .boxen_start_all{
		height:275px;
	}

	.boxen_con_row .boxen_con_all{
		height:275px;
	}

	/*
	.header_sp3_slogan{
		font-size:40px;
		line-height:56px;
	}
	*/

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

@media only screen and (min-width: 1525px){
	.boxen_start_row .boxen_start_all{
		height:300px;
	}

	.boxen_start_info{
		padding:40px;
	}


	.boxen_con_row .boxen_con_all{
		height:300px;
	}

	.boxen_con_info{
		padding:40px;
	}


	.kachel_bg_cover{
		padding:40px;
	}

	.boxen_icon_plus_weiss{
		bottom:40px;
	}

	.boxen_icon_plus_grau{
		bottom:40px;
	}


	/*
	.header_sp3_slogan{
		font-size:44px;
		line-height:60px;
	}
	*/

	.header_zeiten_sp1{
		margin:0 30px 0 0;
	}
}

@media only screen and (min-width: 1625px){
	.boxen_start_row .boxen_start_all{
		height:325px;
	}

	.boxen_con_row .boxen_con_all{
		height:325px;
	}

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

@media only screen and (min-width: 1725px){
	.boxen_start_row .boxen_start_all{
		height:350px;
	}

	.boxen_con_row .boxen_con_all{
		height:350px;
	}

}

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

	.header_sp3_slogan{
		font-size:48px;
		line-height:66px;
	}

	h2.h2_box{
		font-size:30px;
		line-height:40px;
	}

	h2.h2_box_grau{
		font-size:30px;
		line-height:40px;
	}

}


.no_padding{
	padding:0 0 0 0;
}

.no_padding_bottom{
	padding-bottom:0px;
}

	.padding_bottom_40{
		padding-bottom:40px;
	}

.no_padding_top{
	padding-top:0px;
}

.no_padding_left{
	padding-left:0px;
}

.no_padding_right{
	padding-right:0px;
}

.no_margin_bottom{
	margin-bottom:0px;
}

.margin_bottom_5{
	margin-bottom:5px;
}

.margin_bottom_10{
	margin-bottom:10px;
}

.margin_bottom_20{
	margin-bottom:20px;
}

.margin_bottom_40{
	margin-bottom:40px;
}

.no_margin_top{
	margin-top:0px;
}

.no_margin_left{
	margin-left:0px;
}

.no_margin_right{
	margin-right:0px;
}

.margin_right_5{
	margin-right:5px;
}

.margin_right_10{
	margin-right:10px;
}

.margin_right_20{
	margin-right:10px;
}

.margin_top_5{
	margin-top:5px;
}

.margin_top_10{
	margin-top:10px;
}

.margin_top_20{
	margin-top:20px;
}

.margin_top_40{
	margin-top:40px;
}

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

.margin_top_m140{
	margin-top:-140px;
}

.padding_top_20{
	padding-top:20px;
}

.padding_top_40{
	padding-top:40px;
}


/* allgemein gültig */