@charset "utf-8";
/* CSS Document */

/**
 * @author      Andrej Heinemann
 * @subpackage  streit-motoren
 * @link        http://www.creative-power-group.de
 * @email       info@creative-power-group.de
 * @copyright   Andrej Heinemann
 *
 * Template streit-motoren 3.5
 * Copyright (C) 2016 Andrej Heinemann // 04.10.2017
 * 
**/

/* ************** ALLGEMEINE FORMATIERUNGEN *********************
*****************************************************************/

/* open-sans-300 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-regular - latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-600 - latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-700 - latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-800 - latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* fjalla-one-regular - latin */
@font-face {
	font-family: 'Fjalla One';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/fjalla-one-v13-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/fjalla-one-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/fjalla-one-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/fjalla-one-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/fjalla-one-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/fjalla-one-v13-latin-regular.svg#FjallaOne') format('svg'); /* Legacy iOS */
  }

  
html, body{
	height: 100%;
	margin: 0 auto;
	padding: 0; 
	color:#000 !important;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:16px !important;
	line-height:26px !important;
}

::-moz-selection {
	background-color:#B68C36 !important;
	color:#000 !important;
}

::selection {
	background-color:#B68C36 !important;
	color:#000 !important;
}

p{
	margin: 0px;
	padding:0px;
}

img{
	border: none;	
}


hr{
	border-color: #333 !important;
}

body a{text-decoration:none;}
a:link {color: #B68C36 !important;}
a:visited {color: #666}
a:hover {color: #666; list-style-type:none !important; text-decoration:none !important;}
a:focus {color:#666; text-decoration:none !important;}
a:active {color:#B68C36 !important;}

h1{
	font-size:250% !important;
	font-weight:600 !important;
	color:#fff !important;
	line-height:110% !important;
	font-family: 'Fjalla One', sans-serif !important;
	text-align:center !important;
}

.home h1{
	color:#B68C36 !important;
	text-align:left !important;
}

.bhkw h1{
	color:#B68C36 !important;
	text-align:left !important;
}

.unternehmen h1{
	color:#B68C36 !important;
	text-align:left !important;
}

.leitbild h1{
	color:#B68C36 !important;
	text-align:left !important;
}

.beratung h1{
	color:#B68C36 !important;
	text-align:left !important;
}

.aktuelles h1{
	color:#B68C36 !important;
	text-align:left !important;
}

.reparatur h1{
	color:#B68C36 !important;
	text-align:left !important;
}

.ersatzteile h1{
	color:#B68C36 !important;
	text-align:left !important;
}

.finanzierung h1{
	color:#B68C36 !important;
	text-align:left !important;
}

.pass h1{
	color:#B68C36 !important;
	text-align:left !important;
}

.newsletter h1{
	color:#B68C36 !important;
	text-align:left !important;
}

.txt_center{
	text-align: center !important;
}

.kontakt h1{
	font-size:150% !important;
	color:#333 !important;
	text-align:left !important;
}

.button_weiterlesen{
	width: 200px !important;
	background-color: #333333;
	padding: 10px;
	text-align: center;
	color: #b68c36;
	transition: all .4s linear;
	-o-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-webkit-transition: all .4s linear;
}

.button_weiterlesen:hover{
	background-color: #b68c36 !important;
	color: #333333 !important;
	transition: all .4s linear;
	-o-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-webkit-transition: all .4s linear;
}

.amz{
	text-align: right;
}

h2{
	font-size: 160% !important;
	font-weight:500 !important;
	line-height:150% !important;
	color:#333 !important;
	text-align:center !important;
	font-family: 'Open Sans', sans-serif;
}

.home h2{
	color:#333 !important;
	font-size:140% !important;
	text-align:left !important;
	margin-top:-10px !important;
	margin-bottom:30px !important;
}

.team h2{
	text-align:left !important;
}

.newsletter h2{
	text-align:left !important;
	margin-bottom:50px;
}

.ersatzteile h2{
	text-align:left !important;
}

.finanzierung h2{
	text-align:left !important;
}

h3{
	color:#333 !important;
	margin-bottom:5px !important;
	margin-top:0px !important;
	font-size:140% !important;
	font-family: 'Fjalla One', sans-serif !important;
	float:left !important;
	width:100% !important;
}

.team h3{
	text-align:left !important;
	font-size:160% !important;
	color:#B68C36 !important;
}

h4{
	color:#000 !important;
	font-size: 99% !important;
	line-height: 130% !important;
	font-weight:500 !important;
	margin-bottom:3px !important;
	font-family: 'Fjalla One', sans-serif !important;
}

.weihnachten_video{
	border: 2px solid #fff;
}

.bg_gold{
	background-color: #b58d1e;
	width: 100%;
}

.team h3{
	text-align:left !important;
}

.home h4{
	color:#fff !important;
	font-size:220% !important;
	text-align:center !important;
}

.bhkw h4{
	color:#333333 !important;
	font-size:220% !important;
	text-align:center !important;
}

.bg_grey{
	width: 100%;
	padding: 50px;
	background-color: #dbdbdb;
	float: left;
}

.referenzen_bhkw{
	padding: 10px !important;
}

header{
  padding: 10px 40px;
  background-image:url(../images/bg_white_30_1x1px.png);
  background-repeat:repeat;
  box-shadow:3px 5px 5px #333;
  width: 100%;
  transition: all .30s linear;
  -o-transition: all .30s linear;
  -moz-transition: all .30s linear;
  -webkit-transition: all .30s linear;
  float:left;
  z-index:99999;
  position:relative;
}

#header_xs{
	display:none;
}

.impressum{
	text-align:center !important;
}

.datenschutz{
	text-align:center !important;
}

.aufzuaehlung{
	font-size:90% !important;
	padding:5px 10px 5px 20px !important;
}

.lupeicon{
	display: none !important;
}

.linkicon{
	display: none !important;
}

.team_effekt {
	position:relative;
}

.team_effekt .textbox {
	width:100%;
	position:absolute;
	height:auto;
	bottom:0;
	left:0;
	-webkit-transform: scale(0);
	transform: scale(0);
	border-radius:5px;
	background-color: rgba(0,0,0,0.75);
	webkit-box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);
	box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);
}

.team_effekt:hover .textbox {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.text {
	padding:10% 8% 6% 8% !important;
	color:#fff !important;
}

.textbox {
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	z-index:9999;
	position:relative;
}


.box_teaser{
	height:400px;
}

.box_teaser_all{
	height:400px;
	background-color: #d1d1d1;
	padding: 30px;
}

.button{
	background-color: #333333;
	padding: 15px;
	text-align: center !important;
	width: max-content;
	color: #fff !important;
}

.button a:link{
	color: #fff !important;
}

.button a:visited{
	color: #fff !important;
}

.box_leistungen:hover{
	opacity:0.8;
	transition: all .6s linear;
  -o-transition: all .6s linear;
  -moz-transition: all .6s linear;
  -webkit-transition: all .6s linear;
}

.box_leistungen{
	transition: all .6s linear;
	-o-transition: all .6s linear;
	-moz-transition: all .6s linear;
	-webkit-transition: all .6s linear;
}

.fixed {
	padding: 10px 20px 10px 20px;
	position: fixed;
	top: 0;
	left: 0;
	float:left;
	width: 100%;
	height:100px !important;
	transition: all .30s linear;
	-o-transition: all .30s linear;
	-moz-transition: all .30s linear;
	-webkit-transition: all .30s linear;
	background-color:#fff !important;
	background-image:none !important;
}

#logo{
	float:left;
	position:relative;
}

#logo_gespraeche{
	text-align: center !important;
	margin: 0 auto !important;
}

.infobar{
	margin-top:10%;
	margin-bottom:4%;
}

.balken{
	background-color:#333;
	padding:5%;
	text-align:center !important;
	color:#fff;
}

.partner{
	padding: 20px;
}

.pfeil{
	text-align:center;
	margin-top:-7px !important;
	position:relative;
}

.abstand{
	height:80px;
	width:100%;
	float:left;
}

.txt_small{
	font-size:70% !important;
	color:#999 !important;
	line-height:130% !important;
}

.counter{
	margin-top:50px;
	margin-bottom:50px;
}

section{
	font-size:120%;
	z-index:1;
	position:relative;
	width: 100%;
}

.icon_leistungen_right{
	margin-top:-40px;
}

.h3_right{
	color:#333 !important;
	font-size:120% !important;
	font-family: 'Fjalla One', sans-serif !important;
	text-align:right !important;
	width:70%;
}

.h3_left{
	color:#333 !important;
	font-size:120% !important;
	font-family: 'Fjalla One', sans-serif !important;
	float:right !important;
	margin-top:10px !important;
	text-align:left !important;
	width:79%;
}


.h3_left_box {
	color:#333 !important;
	font-size:120% !important;
	font-family: 'Fjalla One', sans-serif !important;
	margin-top:10px !important;
	text-align:left !important;
}

.box_right{
	text-align:right !important;
}

.box_home_all{
	padding: 15px;
}

.txt_right{
	padding-right:85px !important;
}

.box_left{
	text-align:left !important;
}

.txt_left{
	padding-left:85px !important;
}


section img{
	text-align: center;
	margin: 0 auto;
}

#start{
	margin-top:-8%;
	attachement:scroll;
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear;	
}



.mitarbeiter{
	margin-top:50px;
}

.font_big{
	font-size:150% !important;
}

#bg_home_text{
	background-image:url(../images/bg_fix_presse.jpg) !important;
	color:#fff !important;
	margin-top:-25px;
	background-attachment:fixed !important;
	width:100%;
	background-repeat:no-repeat !important;
	background-position:top center !important;
	background-size:cover !important;
	padding:5% 0% 5% 0%;
	text-align:center !important;
}

#bg_streit_text{
	background-image:url(../images/motor_FotoliaComp_169022901_streit_kennenlernen.jpg);
	padding:5%;
	color:#fff !important;
	background-attachment:fixed;
	width:100%;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
	text-align:center !important;
}

.left{
	padding-right:15px;
}

.right{
	padding-left:15px;
}

.middle{
	padding-left:8px;
	padding-right:8px;
}

.box_streit{
	background-color:#C9C7C7;
	padding:30px;
	margin-top:50px;
	transition: all .6s linear;
	-o-transition: all .6s linear;
	-moz-transition: all .6s linear;
	-webkit-transition: all .6s linear;
}

.box_streit:hover{
	background-color:#B68C36;
	transition: all .6s linear;
	-o-transition: all .6s linear;
	-moz-transition: all .6s linear;
	-webkit-transition: all .6s linear;
}

.kontakt_team{
	font-size:90% !important;
}

footer{
	font-size:95%;
	color:#fff;
	margin: 0 auto;
	text-align:left;
	background-color:#333;
	width:100%;
	height:auto;
	float:left;
	padding-top:3%;
}

.headline_footer{
	font-family: 'Fjalla One', sans-serif !important;
}

footer a:link{
	color:#fff !important;
}

footer a:hover{
	color:#fff !important;
	text-decoration:underline !important;
}

footer a:visited{
	color:#fff !important;
	text-decoration:underline !important;
}

.footer_copy{
	margin:0 auto;
	text-align:center;
	padding-bottom: 8%;
	color:#fff;
}

.slider{
	z-index:1;
	position:relative;
	margin-top:-9%;
}

#showbiz_1_1.showbiz-container{
	max-width:100% !important;
}

#showbiz_2_1.showbiz-container{
	max-width:100% !important;
}

#scrolldown{
	float:right;
	margin-right:200px;
	margin-top:-30px;
	z-index:2 !important;
	position:relative;
}

#bg_nav{
	width:100%;
	background-color:none;
	float:left;
	height:auto;
	z-index:3;
	position:relative;
}

#nav-wrap {
	text-align:center;
	margin: 0 auto;
	margin-left:25%;
	margin-top:2%;
}

#menu-icon {
	display: none;
}

#nav{
	margin: 0 auto;
	width:700px;
}

#nav ul.menu, 
#nav ul.menu li {
	margin: 0;
	text-align:center;
	padding: 0;
}

#nav ul.menu li {
	list-style: none;
	float: left;
	list-style-type:none;
	text-decoration:none;
	font-weight:400;
	color:#333 !important;
	text-align:center;
	font-size:140%;
	font-family: 'Fjalla One', sans-serif !important;
}

#nav ul.menu li a {
	padding:10px;
	display: block;
	text-decoration:none;
	color:#333 !important;
}

#nav ul.menu li a:hover {
	border-bottom:2px solid #B68C36 !important;
	color:#333 !important;
}

#nav ul.menu li.active a {
	border-bottom:2px solid #B68C36 !important;
	color:#333 !important;
}

#nav ul.menu ul{
	background: #fff;
	padding:0px;
	border-bottom:0px;
	position: absolute;
	border: solid 1px #ccc;
	display: none; 
	width:200px !important;
}

#nav ul.menu li ul li {
	float: none;
	text-align:center;
	font-size:80%;
	border-bottom: 0px;
	padding:0px;
	width:100%;
}

#nav ul.menu li ul li a{
	border-bottom:0px !important;
	text-align:left !important;
	width:100% !important;
	color:#333 !important;
	padding:8px 10px 10px 10px;
	margin-left:0px !important;
}

#nav ul.menu li:hover > ul {
	display: block;
}

#nav ul.menu ul li a:hover {
	background-color:#333 !important;
	color:#fff !important;
	width:100% !important;
	border-bottom:0px;
}

#nav ul.menu ul li.active a{
	border-bottom:0px !important;
	background-color:#333 !important;
	width:100% !important;
	color:#fff !important;
}

#bg_nav_xs{
	width:100%;
	background-color:none;
	float:left;
	height:auto;
	z-index:3;
	position:relative;
}

#nav-wrap_xs {
	text-align:center;
	margin: 0 auto;
	margin-left:25%;
	margin-top:2%;
}

#menu-icon_xs {
	display: none;
}

#nav_xs{
	margin: 0 auto;
	width:600px;
}

#nav_xs ul.menu, 
#nav_xs ul.menu li {
	margin: 0;
	text-align:center;
	padding: 0;
}

#nav_xs ul.menu li {
	list-style: none;
	float: left;
	list-style-type:none;
	text-decoration:none;
	font-weight:400;
	color:#333 !important;
	text-align:center;
	font-size:140%;
	font-family: 'Fjalla One', sans-serif !important;
}

#nav_xs ul.menu li a {
	padding:10px;
	display: block;
	text-decoration:none;
	color:#333 !important;
}

#nav_xs ul.menu li a:hover {
	border-bottom:2px solid #B68C36 !important;
	color:#333 !important;
}

#nav_xs ul.menu li.active a {
	border-bottom:2px solid #B68C36 !important;
	color:#333 !important;
}

#nav_xs ul.menu ul{
	background: #fff;
	padding:0px;
	border-bottom:0px;
	position: absolute;
	border: solid 1px #ccc;
	display: none; 
	width:200px !important;
}

#nav_xs ul.menu li ul li {
	float: none;
	text-align:center;
	font-size:80%;
	border-bottom: 0px;
	padding:0px;
	width:100%;
}

#nav_xs ul.menu li ul li a{
	border-bottom:0px !important;
	text-align:left !important;
	width:100% !important;
	color:#333 !important;
	padding:8px 10px 10px 10px;
	margin-left:0px !important;
}

#nav_xs ul.menu li:hover > ul {
	display: block;
}

#nav_xs ul.menu ul li a:hover {
	background-color:#333 !important;
	color:#fff !important;
	width:100% !important;
	border-bottom:0px;
}

#nav_xs ul.menu ul li.active a{
	border-bottom:0px !important;
	background-color:#264796 !important;
	width:100% !important;
	color:#fff !important;
}

a.open-close {
	margin-top:44px;
	padding:1%;
	text-align:center;
	background:#DE252C;
	width:200px;
	font-size:120%;
	display:block;
	color:#fff;
	border-radius:5px;
	text-decoration:none;
}

a.open-close:hover {
	background:#4D4D4D;
	color:#fff;
}
	
a.open-close:link {
	color:#fff !important;
}

.btn-primary {
    background-color: #DE252C !important;
    border-color: #DE252C !important;
    color: #fff !important;
}

.btn-primary:hover {
    background-color: #fff !important;
    border-color: #4D4D4D !important;
    color: #4D4D4D !important;
}

.btn-lg, .btn-group-lg > .btn {
    padding: 12px 16px 10px 16px !important;
}

.text-danger {
    color: #DE252C !important;
}

.scrollToTop{
	width:60px; 
	height:60px;
	position:fixed;
	bottom:75px;
	right:40px;
	display:none;	
	z-index:9999;
	background:url(../images/arrow_up.png) no-repeat 0px 0px;
}

.scrollToTop:hover{
	text-decoration:none;
}

.cc_container .cc_btn, .cc_container .cc_btn:visited {
    background-color:#fff !important;
	color:#333 !important;
}

.cc_container {
    background: #B68C36 none repeat scroll 0 0 !important;
   font-family: 'Roboto', sans-serif !important;
   opacity:0.9;
}

.cc_container a, .cc_container a:visited {
    color: #fff !important;
}

.cc_container .cc_btn {
    max-width: 200px !important;

}

iframe {
   	border:0;
   	width:100%; /* iFrame Breite */
   	height:450px; /* iFrame Höhe */
   	margin: 0;
   	padding: 0;
}
/* das Overlay-Element: */

.ueberlagern {
   	background:transparent !important; /* unsichtbar machen */
   	position:absolute !important; /* Position relativ machen um z-index zu verändern */
   	z-index: 100 !important; /* sicher ist sicher */
   	width:100% !important; /* iFrame Breite */
   	height:450px !important; /* iFrame Höhe */
   	top:450px !important;  /* iFrame Höhe nach unten positionieren */
   	margin-top:-450px !important;  /* iFrame Höhe, um den Platz des Elments freizugeben */
}


.accordion {
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
  }
  
  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
  .acc_active, .accordion:hover {
	background-color: #ccc;
  }
  
  /* Style the accordion panel. Note: hidden by default */
  .panel {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	  border: none !important;
	  border-radius: 0px !important;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
  }
  
  .accordion:after {
	content: '\02795'; /* Unicode character for "plus" sign (+) */
	font-size: 13px;
	color: #777;
	float: right;
	margin-left: 5px;
  }
  
  .acc_active:after {
	content: "\2796"; /* Unicode character for "minus" sign (-) */
  }

  .gespraeche_titelbild_xs{
	display: none !important;
  }

@media screen and (max-width: 1217px){	
#nav-wrap {
	margin-left:15% !important;
}

#nav ul.menu li {
	font-size:120% !important;
}	
}

@media screen and (max-width: 1199px){
.h3_right{
	font-size:100% !important;
	width:70%;
}

.h3_left{
	font-size:100% !important;
	width:70%;
}

moduletable{
	height:600px !important;
}

fieldset{
	height:600px !important;
}
}

@media screen and (max-width: 1000px) {

.gespraeche_titelbild_xs{
	display: block !important;
}

.gespraeche_titelbild{
	display: none !important;
}

section img{
	text-align: center;
	margin: 0 auto;
}
}

@media screen and (max-width: 999px){
h3{
	font-size:95% !important;
}

footer{
	font-size:80% !important;
}

header{
	display:none !important;
}

.fixed{
	display:none !important;
}

#scrolldown{
	display:none;
}

#header_xs{
	background-color:#fff;
	box-shadow:3px 5px 5px #333;
	float:left;
	z-index:9 !important;
	position:relative !important;
	width:100%;
	padding:10px;
	display:block !important;
}

#logo_xs{
	margin:0 auto;
	text-align:center;
}

#nav-wrap_xs {
	position: relative;
	text-align:left;
	background-color:#333;
	width:100%;
	display:block !important;
	margin-left:0px;
	z-index: 99999999999 !important;
}

#menu-icon_xs {
	color: #fff;
	width: 100%;
	height:50px;
	font-size:20px;
	background: #333 url(../../../images/menu_icon_logo.png) no-repeat 10px center;
	padding: 12px 10px 0 10px;
	cursor: pointer;
	display: block;
	text-align:center !important;
}

#nav_xs {
	clear: both;
	position: absolute;
	top: 48px;
	width: 100% !important;
	font-size:14px !important;
	z-index: 99999999999 !important;
	background:#fff;
	color:#fff !important;
	display: none;
}

.tp-bullets.simplebullets.round .bullet{
	display:none !important;
}
	
#nav_xs ul.menu ul {
	position: relative;
	width:100% !important;
}
	
#nav_xs li {
	clear: both;
	float: none;
}
	
#nav_xs a, 
#nav_xs ul a {
	font: inherit;
	background: none;
	display: inline;
	padding:0;
	border:0px;
}

#nav_xs a:hover, 
#nav_xs ul a:hover {
	background:0px;
	color: #fff !important;
}
	
#nav_xs ul {
	width: auto;
	position: static;
	display: block;
	border:0px;
	background: inherit;
}

#nav_xs ul li {
	width:100% !important;
	float:left !important;	
}
	
#nav_xs ul.menu li a {
	height:46px;
	padding-top:10px;
	color:#333 !important;
	width:100% !important;
}

#nav_xs ul.menu li a:hover {
	color:#fff !important;
	background-color:#333 !important;
}

#nav_xs ul.menu li.active a {
	color:#fff !important;
	background-color:#333 !important;
}

#nav_xs ul.menu ul a{
	color:#fff !important;
}

#nav_xs ul.menu ul li {
	width:100% !important;
	float:left !important;
	color:#fff !important;
	text-align:center !important;
	margin-left:0px !important;
}

#nav_xs ul.menu ul li a {
	font-size:120% !important;
	width:100% !important;
	color:#fff !important;
	background-color:#333 !important;
}

#nav_xs ul.menu li ul li a{
	color:#fff !important;
	text-align:center !important;
}

#nav_xs ul.menu ul li a:hover {
	color:#fff !important;
	background-color:#333 !important;
}

#nav_xs ul.menu ul li.active a{
	color:#fff !important;
	background-color:#333 !important;
}

section img{
	text-align: center;
	margin: 0 auto;
}
}

@media screen and (max-width: 991px) {
.motorblock{
	display:none;
}

.icon_leistungen_right{
	margin-top:-26px !important;
	margin-right:10px !important;
}

.icon_leistungen_left{
	margin-left:10px !important;
}

.team h3{
	font-size:120% !important;
}

.team h4{
	font-size:90% !important;
}

.box_teaser{
	height:300px !important;
}

h2{
	font-size:140% !important;
}
}

@media screen and (max-width: 768px) {	
a.open-close {
	margin-top:34px;
	width:100% !important;
	font-size:100% !important;
}
}

@media screen and (max-width: 767px) {
	.amz{
		text-align: left !important;
		margin-top: 30px;
	}
	
.kontakt_standort{
	padding:3% 10% 3% 10%;
}

.left{
	padding-right:0px !important;
}

.right{
	padding-left:0px !important;
}

.middle{
	padding-left:0px !important;
	padding-right:0px !important;
}

.box_leistungen{
	padding:10% !important;
}

footer{
	text-align:center !important;
	font-size:130% !important;
}

.h3_right{
	width:88% !important;
}

.h3_left{
	width:88% !important;
}

.mitarbeiter{
	padding:2% 10% 2% 10% !important;
}

.team h3{
	text-align:center !important;
	font-size:180% !important;
}

.team h4{
	text-align:center !important;
	font-size:120% !important;
}

.box_teaser{
	height:300px !important;
}

hr{
	display: block !important;
	color: #333 !important;
}
}

@media screen and (max-width: 640px) {
h1{
	font-size:140% !important;
}
	
h2{
	font-size:110% !important;
}	

h3{
	font-size:120% !important;
}
	
#nav-wrap {
	margin-top:0px !important;
}

section .container{
	padding:0px 15px 50px 15px;
}

a.open-close {
	margin-top:25px !important;
	margin-bottom:25px !important;
	padding:1.4% 1% 0.8% 1% !important;
}

footer{
	font-size:100% !important;	
}

.h3_right{
	width:83% !important;
}

.h3_left{
	width:83% !important;
}
}

@media screen and (max-width: 485px) {
.home h4{
	font-size:150% !important;
}
}

@media screen and (max-width: 475px) {
.h3_right{
	width:75% !important;
}

.h3_left{
	width:75% !important;
}
}

@media screen and (max-width: 420px) {
.h3_right{
	width:78% !important;
}

.h3_left{
	width:78% !important;
}

.box_teaser{
	height:400px !important;
}
}


@media screen and (max-width: 370px) {
.h3_right{
	width:74% !important;
}

.h3_left{
	width:74% !important;
}
}