@charset "utf-8";
/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v18-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('../fonts/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
body {
	
	font: 100%/1.6 'Roboto', sans-serif;
	
	margin: 0;
	padding: 0;
	color: #535353;
}
.bg {
	top: 0;
	
	overflow:hidden;	
	width: 100%;
	height: 100%;
	position: fixed;
	z-index:-1;
	background-image:url(../images/kategorie-24.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size: cover;
	
}
.scalieren {
	width:auto;
	height: 100%;
	
	}
main {
	display: block;
	}
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	padding-right:0;
	padding-left:0;
}
h3 {
	color:#00525E;
	font-weight:600;
	}
#hl-bg {
	background-color:#00525E;
	color:#fff;
	padding:1%;
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
	}
.petrol {
	font-weight:600;
	color:#00525E;
	}
.red-action {
	color:#F00;
	font-weight:600;
	}
.headline-1 {
	font-family: 'Roboto', sans-serif;
	font-weight:600;
	text-align:center;
	font-size:2.3em !important;
	color:#fff;
	}
.headline-m {
	font-family: 'Roboto', sans-serif;
	font-weight:600;
	text-align:center;
	font-size:2.3em !important;
	color:#fff;
	background-color:#00525E;
	margin:0% 2%;
	padding:2%;
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius: 5px;
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
	}
.headline-h {
	font-family: 'Roboto', sans-serif;
	font-weight:600 !important;
	text-align:center;
	font-size:2.3em !important;
	color:#fff !important;
	}
a img { 
	border: none;
}
#logo {
	float:left;
	width:18%;
	padding:1% 0% 0.5% 2%;
	margin:0%;
	}
#logo img {
	position: relative;
	width:100%;
	height:auto;
	}
a:link {
	color:#fff;
	text-decoration:none;
}
a:visited {
	color: #fff;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color:#ccc; 
	text-decoration: none;
}

header {
	position: relative;
	/*top:0;
	left:0;
	right:0;*/
	width:100%;
	z-index:999;

	}

header img, #slider-wrap img {
	width:100%;
	height:auto;
	margin-bottom:-8px;
	}

.display-2 {
	display:none;
	}	
/*Menubar TOP*/
.active {
	border-bottom:2px solid #666;
	padding-bottom:3px;
	} 
#menubar {
	
	display:block;
	padding:0.625em 0em 0.25em 0em;
    margin:0;
        
}
#menubar ul {
	display:block;
	text-align:center;
	/*background-color:#202020;*/
	padding-top:5px;
	
}
#menubar ul li {
	display:inline;
       
}
#menubar ul li a.menubutton, #menubar {
	display:none;
}
.menu-wrapper {
	position: relative;
	background-color:#FFF;
	
	padding:0%;
	z-index:100;
	}
#hauptmenue {
	float:left;
	width:80.5%;
	position:relative;
	margin:0% auto 0% auto;
	padding:1.5% 0% 1% 0%;
	z-index:10;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;	
}
#hauptmenue ul {
	display:block; 
    padding-left:2%;
	text-align:center;
	
	
}
#hauptmenue ul li {
	display:inline;
	font-weight:300;
	
	list-style:none;
	margin-right:1em;
       
}
#hauptmenue ul li a {
	
	
	line-height:2.5em;
	padding:0em;
	color:#000;
	
    font-weight:300;
	text-decoration: none;
        
}

#hauptmenue ul li a:hover {	
	color:#666;
       	
}

#hauptmenue ul ul { 
    display:none;
	background-color:#f6f6f6;
	
}
#open_submenu_1, #open_submenu_2, #open_submenu_3, #open_submenu_4, #open_submenu_5  {
	position:relative;
	}
#hauptmenue ul ul#sub_menu_1 {
	position: absolute;
    top: 1.2em;
	left:-2em;
    padding:0.5em 0.5em;
	min-width:10em;
    text-align:center;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
#hauptmenue ul ul#sub_menu_2 {	
	position:absolute;
   top: 1.2em;
	left:-1.25em;
    padding:0.5em 0.5em;
	min-width:10em;
    text-align:center;
	z-index:100;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
#hauptmenue ul ul#sub_menu_3 {	
	position:absolute;
    top: 1.2em;
	left:-1.75em;
    padding:0.5em 0.125em;
	min-width:9em;
    text-align:center;
	z-index:100;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
#hauptmenue ul ul#sub_menu_4 {	
	position:absolute;
    top: 1.2em;
	left:-1.25em;
    padding:0.5em 0.125em;
	min-width:9em;
    text-align:center;
	z-index:100;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
#hauptmenue ul ul#sub_menu_5 {	
	position:absolute;
    top: 1.2em;
	left:-1.25em;
    padding:0.5em 0.125em;
	min-width:9em;
    text-align:center;
	z-index:100;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}

#hauptmenue ul ul li {
    float: none;
    display: block;
	margin-right:0em;
	min-width:10em;
	font-size:80% !important;   
}
#hauptmenue ul ul li a { 
    padding:0em 0.25em 0em 0.25em;
	font-weight:300;
}
.border-menu {
  position: relative;
  padding-left: 1.25em;
}
.border-menu:before {
  content: "";
  position: absolute;
  top: 0.25em;
  left: -0.5em;
  width: 2em;
  height: 0.25em;
  border-top: 0.75em double #666;
  border-bottom: 0.25em solid #666;
}
#slider-wrap {
	max-width:100%;
	}
#header-wrap {
	width:100%;
	
	}
#header-wrap img {
	width:100%;
	height:auto;
	margin-bottom:-8px;
	}
.scale {
	width:100%;
	height:auto;
	}
#intro {
	background-color:#fff;

	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	padding:5% 0% 0% 0%;
	text-align:center;
	}
#intro-c {

	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	padding:5% 0% 0% 0%;
	text-align:center;
	}
.collection {
	position:relative;
	background-color:#00525E;
	
	}
.collection h1 {
	color:#FFF !important;
	}
.label {
	position:absolute;
	top:0;
	left:26.5%;
	color:#fff;
	font-weight:600;
	font-size:110%;
	min-width:12em;
	padding:0.5% 1%;
	background-color:#e76430;
	text-align:center;
	/*border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;*/
	-webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
	}
#intro-sec {
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	padding:2% 0% 0% 0%;
	
	text-align:center;
	}
#kat-intro {
	background-image:url(../images/ols-bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
	
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	padding:8% 0% 0% 0%;
	text-align:center;
	}
#intro-block p, #intro-block-cat p  {
	text-align:justify;
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
     hyphens: auto;
	 font-family: 'Roboto', sans-serif;
	 margin:3% 4% 0% 4%;
	}
#intro-kat {
	/*background-image:url(../images/kategorie-header2.jpg);
	background-repeat:no-repeat;
	background-position: center top ;
	background-size:cover;
	background-attachment:fixed;*/
	background-color:#FFF;
	
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	padding:5% 0% 2% 0%;
	text-align:center;
	z-index:1
	}
#intro-info {
	background-image:url(../images/kategorie-header.jpg);
	background-repeat:no-repeat;
	background-position: top;
	background-size:contain;
	background-attachment:fixed;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	padding:10% 0% 5% 0%;
	text-align:center;
	}		
#intro-block, #news-block {
	width:100%;
	max-width:60em;
	margin:0% auto 0% auto;
	padding:0% 0% 8% 0%;
	}
#shop-block {
	
	width:100%;
	max-width:60em;
	margin:0% auto 0% auto;
	padding:0%;
	}
#artikel-block {
	
	width:100%;
	max-width:60em;
	margin:0% auto 0% auto;
	padding:0%;
	}
.serv img {
	float:left;
	width:23%;
	height:auto;
	margin:1%;
	padding:0.5%;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border:1px solid #ccc;
	-webkit-border-radius:2%;
    -moz-border-radius:2%;
    border-radius: 2%;
	
	}
.marken {
	width:96%;
	margin:1% 2%;
	}
.marken img {
	float:left;
	width:6.25%;
	min-width:90px;
	height:auto;
	margin:0.3% 0%;
	}
#intro-block-cat {
	width:96%;
	max-width:73em;
	margin:0% auto;
	background-color:#fff;
	
	padding:1% 0% 0% 0%;
	/*border:1px solid #CCC;
	border-top-right-radius:8px;*/
	border-top-left-radius:30px;
	}
#intro h1, #intro-kat h1, #intro-sec h1 {
	font-family: 'Roboto', sans-serif;
	font-size:3.6vw;
	font-weight:600;
	text-align:center;
	line-height:1.2;
	margin-bottom:0px;
	color:#00525E;
	
	}
#intro-info h1 {
	font-family: 'Roboto', sans-serif;
	font-size:3vw;
	font-weight:100;
	text-align:center;
	line-height:1.2;
	margin-bottom:0px;
	color:#666;
	
	}
#intro-kat p, #intro-news p {
	font-family: 'Roboto', sans-serif;
	text-align:center;
	}
	
#intro-kat p, #intro-news h1, #intro-news p  {
	color:#333;
	}
#button {
	
	margin:3% auto 3% auto;
	
	}
#button2{
	margin:3% auto 0% auto;
	}
a:link #button  {
    line-height: 20px;
    padding: 15px 30px;
    background: #00525E;
    color: #fff;
    border-radius: 30px;
    display: inline-block;
    position: relative;	
	border: 0px solid #e2e3e3;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
a:link #button2  {
    line-height: 20px;
    padding: 20px 30px;
    background-color:#e76430;
	/*background:#bcad7e;*/
    color: #fff;
    border-radius: 30px;
    display: inline-block;
    position: relative;	
	border: 0px solid #e2e3e3;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
 a:hover #button {
	background-color:#006978;
    color: #fff;
	-webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
	}
a:hover #button2 {
	background: #f1dfd5;
    color: #303334;
	-webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
	}
a:visited #button2, a:visited #button {
    color: #fff;
}
.kategorie {
	position:relative;
	/*background-image:url(../images/kategorie-22.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment: fixed;*/
	padding:6% 0%;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	}
.kategorie-2 {
	background-color:#ccc;
	
	padding:6% 0%;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	}
.content-inner {
	width:100%;
	max-width:80em;
	padding:0% 1%;
	margin:0% auto;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	}
.content-inner h2 {
	font-family: 'Roboto', sans-serif;
	font-size:4.7vw;
	line-height:1.2;
	font-weight:600;
	color:#00525E;
	text-align:center;
	}
.content-inner p {
		color:#333;
		}
#kategorie-box {
	width:30.3%;
	float:left;
	margin:1% 1%;
	text-align:center;
	border:0px solid #ccc;
	-webkit-border-radius:2%;
    -moz-border-radius:2%;
    border-radius: 2%;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	color:#f6f6f6;
	
	}
#kat-img {
	overflow: hidden;
    position: relative;
	}
#kat-img img {
	width:80%;
	margin:10% 10% 5% 10%;
	height:auto;
	-webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius: 50%;
	-webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.32);
-moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.32);
box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.32);
	}

#kategorie-box h3 {
	text-transform: none;
    font-size:1.5vw;
    margin-top: 18px;
    margin-bottom: 6px;
	color:#00525E;
	
	font-weight:600;
	}

#con01 {
	width:96%;
	margin:2%;
	padding:2%;
	border:1px solid #ccc;
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius: 5px;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	background-image:url(../images/bg-weiss-90.png);
	}
#con01 p {
	text-align:justify;
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
     hyphens: auto;
}
.img-content {
	float: left;
	width:33%;
	margin-left:3%;
	}
.img-content img {
	width:100%;
	height:auto;
	margin-bottom:-8px;
	}
.text-content {
	float:left;
	width:64%;-webkit-hyphens: auto;
	text-align:justify;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
     hyphens: auto;
	
	}
.forms {
	float:left;
	width:23.99%;
	margin:1% 0.5%;
	font-size:70%;
	}
.forms img {
	width:100%;
	height:auto;
	}
.partner {
	
	overflow-y: hidden;
	background-color:#00525E;
	background-image:url(../images/aktion-bg.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-attachment: fixed;
	min-height:600px;
	padding:6% 0%;
	color:#FFF;
	text-align:center;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	}
#img-box2 {
	margin:5% 0% 8%;
	}
#img-box2 img {
	width:25%;
	height:auto;
	margin:0;
	float:left;
	}
#news {
	background-color:#FFF;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	padding:6% 0%;
	min-height:400px;
	}
#shop {
	
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	padding:6% 0% 2% 0%;
	}
#marken {
	background-color:#fff;	
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	padding:6% 0% 4% 0%;
	}	
#news h1 {
	font-family: 'Roboto', sans-serif;
	font-size:9vw;
	font-weight:100;
	text-align:center;
	line-height:1.2;
	margin-bottom:30px;
	}
#news-box {
	
	width:90%;
	margin:2% 5%;
	padding:0% 4%;
	text-align: justify;
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
     hyphens: auto;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box; 
	}
#shop h2, #marken h2, #intro-block h2  {
font-family: 'Roboto', sans-serif;
	font-size:4vw;
	font-weight:600;
	text-align:center;
	line-height:1.2;
	margin-bottom:30px;
	color:#00525E;
	}
.milestone {
    background:#fff;
	padding:3% 0%;
	}
.milestone h2 {
	text-align:center;
	margin:2% 0%;
	}
.produkte {
    
/*	background-image:url(../images/after-header.png);
	background-repeat:no-repeat;
	background-position:top;
	background-size: contain;*/
	padding:0%;
	}
#produkt-wrapper {
	width:100%;
	max-width:80em;
	margin:0% auto;
	}
#produkt-block {
	
	width:100%;
	padding:0% 4% 4% 4%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
	}
#produkt-block p {
	text-align:justify;
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
     hyphens: auto;
	}
#produkt-wrapper h2 {
	font-size:2.5vw;
	text-align:center;
	font-weight:100;
	}
#produkt {
	float:left;
	width:23%;
	height:auto;
	margin:0% 1% 2% 1%;
	text-align:center;
	}
#produkt img {
	border-top-left-radius:30px;
	width:100%;
	height:auto;
	}
.pro-info {
	color:#666;
	text-align:center;
	font-size:80%;
	background-color:#FFF;
	min-height:4.5em;
	padding:0.5em 0em;
	}
.distance {
	height:3em;
	}
#produkt-over {
	float:left;
	width:18%;
	height:auto;
	margin:0% 1% 2% 1%;
	}
#produkt-over img {
	width:100%;
	height:auto;
	}
.angebote_solo {
	width:48%;
	float:left;
	margin:1%;
	font-size:90% !important;
	background-color:#f6f6f6;
}
.angebote_solo img {
	float:left;
	width:35%;
	height: auto;
	margin-right:2%;
	}
.rot_gross {
	font-size:110%;
	font-weight:600;
	color:#C00;
	}
#ft-bg {
	/*background-image:url(../images/technik-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position: top center;
	background-attachment: fixed;
	background-color:#fbf5f3;*/
	padding:2% 0% 4% 0%;
	}
#ft-bg-2 {
	
	padding:4% 0% 4% 0%;
	}
#cat-bg {
    /*background-image:url(../images/cat-bg-2.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position: top center;
	background-attachment: fixed;*/
	background-color:#f6f6f6;
	padding-bottom:4%;
}
#marken-bg {
	/*background-image:url(../images/technik-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position: top center;
	background-attachment: fixed;
	background-color:#fbf5f3;*/
	padding:2% 0% 0% 0%;
	}
.galerie-block {
	width:100%;
	max-width:75em;
	margin:0 auto;
	}
.galerie-block img {
	
	width:100%;
	height:auto;
	}
#maps {
	background-color:#00525E;
	padding:2%;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	}
#maps p {
	text-align:center;
	font-size:150%;
	padding:0;
	margin:0;
	}	
.bz {
	margin-bottom:4%;
	border-bottom:1px solid #ccc;
	}
.bz img {
	float:left;
	width:100%;
	height:auto;
	max-width:19em;
	margin:0% 4% 1% 0%;
	}
.bz p {
	margin-right:3%;
	}
.fs-center {
	width:100%;
	max-width:50em;
	margin:3%  auto;
	}
.fs-24 {
	font-size:1.5vw;
	font-weight:600;
	padding:0;
	margin:0;
	}
.fs-26 {
	font-size:2.7vw;
	font-weight:600;
	padding:0;
	margin:0px 0px 20px 0px;
	line-height:90%;
	}
footer {
	background-color:#204349;
	background-color:#00525E;
	padding-top:3%;
	}
.fb-inner {
	border-bottom:1px solid #335e64;
	width:90%;
	margin-left:10%;
	}
.footer-box1 {
	float:left;
	width:17%;
	margin:0% 1% 2% 2%;
	color:#fff;
	}
.fb1-img {
	float:none;
	margin:0% 1% 2% 0%;
	}
.fbl-content {
	float:none !important;
	}
.footer-box2 {
	float:left;
	width:50%;
	margin:1% 0% 1% 0%;
	text-align:center;
	}
.fb2-logo img {
	max-width:300px;
	height:auto;
	margin:3% 0% 0% 0%;
	}
.fb2-icon ul li{
	display:inline;
	margin:0% auto;
		}
.fb2-icon img {
	margin:1%;
	}
.fb-copy {
	text-align:center;
	padding:0.5% 0% 0.1% 0%;
	font-size:80%;
	color:#CCC;
	}
.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.controls {
	width:6px;
	height:6px;
	background-color:#999;
	}
	
/*Timeline*/	
* {
  box-sizing: border-box;
}
.timeline {
  position: relative;
  max-width: 80em;
  margin: 0 auto;
}
.timeline::after {
  content: '';
  position: absolute;
  width: 4px;
  background-color:#ececed;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -2px;
}
.tl-container {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}
.tl-container::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -17px;
  background-color:#ececed;
  border: 4px solid #ccc;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}
.left {
  left: 0;
}
.right {
  left: 50%;
}
.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 31px;
  border: medium solid #ececed;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #ececed;
}
.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 31px;
  border: medium solid #ececed;
  border-width: 10px 10px 10px 0;
  border-color: transparent #ececed transparent transparent;
}
.right::after {
  left: -16px;
}
.tl-content {
  padding: 20px 30px;
  background-color:#ececed;
  position: relative;
  border-radius: 6px;
}
/*Back Top*/
#back-top {
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 300;
    display: none;
}
 
#back-top a {
    width: 50px;
    height: 40px;
    display: block;
    text-align: center;
    font-size: 25px;
    color: #fff;
    background-color: #33363b;  
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px; 
    transition: background-color .15s;
    -moz-transition: background-color .15s;
    -webkit-transition: background-color .15s;
    -o-transition: background-color .15s;
    -ms-transition: background-color .15s;
}
 
#back-top a:hover {
    text-decoration: none;
    background-color: #555;
}
.accordion-wrapper {
	
	width: 100%;
	padding:0;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	}
.half {
  
  padding: 0;
}
@media screen and (max-width: 1400px)
{
header {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	width:100%;
	z-index:1;
	background-color:#fff;
	}		
#logo {
	float:none;
	width:100%;
	padding:1em 0em 0.75em 0em;
	margin:0%;
	text-align:center;
	}
#logo img {
	position: relative;
	width:100%;
	margin-left:0em;
	
	max-width:16em;
	height:auto;
	}
.menu-wrapper {
	position: relative;
	top:0;
	left:0;
	padding:1% 0% 0% 0%;
	z-index:100;
	}
#hauptmenue {
	float:none;
	width:100%;
    padding:0em 0em 0.5em 0em;
	}	
}
@media screen and (max-width: 1200px)
{
header {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	width:100%;
	z-index:1;
	background-color:#fff;
	}		
/*Images*/
#logo {
	float:none;
	width:100%;
	padding:1em 0em 0.75em 0em;
	margin:0%;
	text-align:center;
	}
#logo img {
	position: relative;
	width:100%;
	margin-left:0em;
	
	max-width:16em;
	height:auto;
	}
.menu-wrapper {
	position: relative;
	top:0;
	left:0;
	padding:1% 0% 0% 0%;
	z-index:100;
	}
#menubar {
        border-bottom:0px dotted #fff;
		margin:0em auto;
		padding: 0.625em 0em 1em 0em;
        width:100%;
}
#menubar, #menubar ul li a.menubutton {
	display:block;
	
}
#hauptmenue {
	float:none;
	width:100%;
	display:none;
    padding:0em;
	}
#hauptmenue ul {
	
	text-align:center;
        padding-left:0em;
		
        	
	}
#hauptmenue ul li {
	display:block;        
	padding:0%;
    border-bottom:1px solid #ccc;
	width:96%;
	margin:0% 2%;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	}
#hauptmenue ul li a {
        font-size:1em;
}
#hauptmenue ul ul, #hauptmenue ul ul#sub_menu_1, #hauptmenue ul ul#sub_menu_2, #hauptmenue ul ul#sub_menu_3, #hauptmenue ul ul#sub_menu_4, #hauptmenue ul ul#sub_menu_5 { 
	display:block; 
    position:relative;
    top:0em;
    padding:0em;
    margin-left:0em;
    width:100%;
    text-align:center;
	left:0em;
}
#hauptmenue ul ul li {
       border-bottom:0px dotted #ccc;
       
}
#intro-kat, #intro-info {
	display:none;
	
	background-size:cover;
}
.content-inner h2 {
	font-size:8vw;
	}
#kategorie-box h3 {
    font-size:3vw;	
	font-weight:300;
	}
#produkt-wrapper h2 {
	font-size:6vw;
	}
#intro-info h1 {
	font-size:5vw;
	line-height:1.4;
	}
.fb-inner {
	width:98%;
	margin-left:2%;
	}
#intro h1 {
	font-size:6vw;
	line-height:1.4;
	}

}
@media screen and (max-width: 960px)
{
.footer-box1 {
	float:left;
	width:30%;
	margin:6% 10% 2% 10%;
	}
.fb1-img {
	margin:0% 5% 2% 0%;
	}
#produkt {
	float:left;
	width:48%;
	height:auto;
	margin:0% 1% 2% 1%;
	}
.display-1 {
	display:none;
	}
.display-2 {
	display: block;
	}
#kategorie-box {
	width:46%;
	float:left;
	margin:2%;
	}
.forms {
	float:left;
	width:32.33%;
	}				
}
@media screen and (max-width: 800px)
{
#mb-left {
	float:left;
	width:30%;
	padding:2% 2% 0% 2%;
	margin:4% 0%;
	font-size:8vw;
}
/*Timeline*/
  .timeline::after {
    left: 31px;
  }
  .tl-container {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }
  .tl-container::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }
  .left::after, .right::after {
    left: 15px;
  }
  .right {
    left: 0%;
  }

#intro h1, #intro-kat h1 {
	font-size:7vw;
	line-height:1.4;
	}
#intro-info h1 {
	font-size:8vw;
	line-height:1.4;
	}	
#news h1, #shop h2, #marken h2, #intro-block h2 {
	font-size:10vw;
	line-height:1.4;
	margin-bottom:30px;
	}
.content-inner h2 {
	font-size:9vw;
	}
#kategorie-box h3 {
    font-size:4.5vw;	
	font-weight:300;
	}
#img-box2 img {
	width:50%;
	}
.partner {
	background-image:url(../images/aktion-bg-res.png);
	background-position:center center;
	background-size: contain;
	background-attachment:scroll;
	min-height:400px;
	padding-top:12%;
	}

#produkt-wrapper h2 {
	font-size:8vw;
	}
.footer-box1 {
	float:none;
	width:80%;
	margin:6% 10% 2% 10%;
	}
.serv img {
	width:48%;
	}
.angebote_solo {
	width:96%;
	float:none;
	margin:1% auto;
	max-width:600px;
	font-size:90% !important;
	background-color:#f6f6f6;
}
}
@media screen and (max-width: 600px)
{
#kategorie-box {
	width:80%;
	float:none;
	margin:8% 10%;
	}
#kategorie-box h3 {
    font-size:7vw;	
	font-weight:300;
	}	
#intro {
	padding:7% 0% 0% 0%;
	}
.img-content {
	float:none;
	width:100%;
	margin:2% 0% 0% 0%;
	}
.text-content {
	float:none;
	width:100%;
	margin:0% 0%;
	
	}
.footer-box2 {
	float:none;
	width:100%;
	margin:1% 0% 1% 0%;
	text-align:center;
	}
.headline-h {
	font-weight:300 !important;
	font-size:2em !important;
	color:#fff;
	}
.forms {
	float:left;
	width:48.99%;
	}
.bz img {
	float:none;
	margin:1% auto;
	}
}