@charset "utf-8";


/* wix-madefor-text-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Wix Madefor Text';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/wix-madefor-text-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* wix-madefor-text-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Wix Madefor Text';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/wix-madefor-text-v17-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* wix-madefor-text-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Wix Madefor Text';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/wix-madefor-text-v17-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* wix-madefor-text-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Wix Madefor Text';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/wix-madefor-text-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* wix-madefor-text-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Wix Madefor Text';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/wix-madefor-text-v17-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



html, body{
	height: 100%;
	margin: 0 auto;
	padding: 0; 
	color:#000 !important;
	font-family: 'Wix Madefor Text' !important;
	font-weight:300;
	font-size:16px !important;
	line-height:26px !important;
}
		
p{
	margin: 0px;
	padding:0px;
}

img{
	border: none;	
}


hr{
	border-bottom: 1px solid #000 !important;
}

body a{text-decoration:none;}
a:link {color: #305A9C !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; outline: none !important;}
a:active {color:#305A9C !important;}

h1{
	font-size:170% !important;
	font-weight:600 !important;
	color:#305A9C !important;
	line-height:110% !important;
}

.leistungen h1{
	text-align: center !important;
	color: #fff !important;
	margin-top: 40px;
	margin-bottom: 40px;
}

.werkstatt h1{
	color: #fff !important;
	text-align: center !important;
	font-size: 230% !important;
}

.team h1{
	color: #fff !important;
	text-align: center !important;
}

.kontakt h1{
	text-align: center !important;
}

h2{
	font-size: 200% !important;
	font-weight:600 !important;
	line-height:110% !important;
	text-transform: uppercase !important;
	color:#004b91 !important;
}

.truckhandel h2{
	text-align: center !important;
	color: #fff !important;
}

.leistungen h2{
	color: #004b91 !important;
	font-size: 130% !important;
}

.werkstatt h2{
	text-align: center !important;
	color: #fff !important;
	font-size: 150% !important;
}

.wasserstofftankstelle h2{
	color: #fff !important;
}

.ladepark h2{
	color: #fff !important;
}

.impressum h2{
	font-size: 170% !important;
	text-transform:capitalize !important
}

.home h2{
	color: #fff !important;
	text-align: center !important;
}

.aktuelles h2{
	text-align: center !important;
}

.partner h2{
	color: #fff !important;
	text-align: center !important;
}

h3{
	color:#fff !important;
	text-align:left !important;
	font-size: 160% !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.impressum h3{
	color: #004b91 !important;
}

.kontakt h3{
	text-align: center !important;
}

.aktuelles h3{
	color: #004b91 !important;
}

.ersatzteile h3{
	color: #004b91 !important;
}

.home h3{
	color: #004b91 !important;
	text-align: center !important;
}

.wasserstofftankstelle h3{
	color: #004b91 !important;
}

.ladepark h3{
	color: #004b91 !important;
}

.truckhandel h3{
	color: #004b91 !important;
	text-align: center !important;
	text-transform: uppercase !important;
	margin-bottom: 10px !important;
}

.kontakt h3{
	color: #004b91 !important;
}

.team h3{
	color: #004b91 !important;
}

.werkstatt h3{
	color: #004b91 !important;
}

h4{
	color:#004b91 !important;
	font-size: 140% !important;
	line-height: 130% !important;
	font-weight:500 !important;
	margin-bottom:3px !important;
}

.truckhandel h4{
	text-align: center !important;
}

h5{
	color:#004b91 !important;
	text-align:left !important;
	font-size: 160% !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

td{
	padding: 15px !important;
	background-color: #004b91;
	color: #fff;
	border: 2px solid #fff;
}

th{
	text-align: center !important;
	background-color: #fff;
	color: #004b91;
	border: 2px solid #004b91;
	padding: 15px !important;
	margin-bottom: 5px !important;
}

.bg_h_blue{
	background-color: #004b91 !important;
	width: max-content !important;
	max-width: fit-content !important;
	padding: 15px !important;
	margin-bottom: 20px !important;
}

li{
	margin-left:15px !important;
}

.box_ansprechpartner_truckhandel{
	font-size: 70% !important;
	line-height: 110% !important;
}

  ul.features li{
	background-image:url(../images/li.png) !important;
	background-position: left 3px;
	background-repeat:no-repeat;
	background-size:18px 18px;
	list-style:outside none none !important;
	padding-left:28px;
	padding-bottom:2px;
	vertical-align:bottom;
	margin-left: -40px !important;
	color: #000 !important;
}


.accordion {
  background-color: #004b91;
  color: #fff;
  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 (-) */
}

.container{
	padding:0px 20px 0px 20px;
	width: 1500px !important;
}

.bg_blue{
	background-color: #004b91;
	padding: 50px;
	color: #fff !important;
}

.bg_blue_marken{
	background-color: #004b91;
	padding: 10px;
	color: #fff !important;
	margin-bottom: 30px;
}

.button_kontaktformular{
	background-color: #004b91;
	padding: 10px;
	color: #fff;
	text-align: center;
	max-width: max-content;
	margin: 0 auto !important;
}

.bg_blue_leistungen{
	background-color: #fff;
	padding: 20px;
	color: #004b91 !important;
}

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

.bg_blue_team{
	background-color: #004b91;
	padding: 50px;
	color: #fff !important;
	float: left;
	margin-bottom: 30px !important;
	position: relative !important;
}


.team_box{
	height: 600px;
}


.abstand{
	padding-top: 100px !important;
}

.bg_blue_werksatt{
	background-color: #004b91;
	color: #fff !important;
	float: left;
	border-top: 3px solid #fff;
	width: 100%;
}

.box_pad{
	padding: 20px;
}

.border_txt{
	border: 3px solid #004b91;
	padding: 15px;
}

.border_txt_home{
	border: 3px solid #004b91;
	padding: 15px;
	float: left;
	height: 550px;
	margin-bottom: 50px;
}

.icon_border{
	text-align: center !important;
	margin-top: -60px;
}

.icons{
	position: relative;
	margin: 0 auto !important;
	text-align: center !important;
	margin-top: -120px !important;
}

.icon_team{
	text-align: center !important;
	margin-top: -120px !important;
}


.button_mehr_erfahren{
	background-color: #004b91;
	padding: 15px;
	color: #fff;
	text-align: center;
	max-width: max-content;
	float: left;
}

.button_mehr_erfahren_leistungen{
	background-color: #004b91;
	padding: 15px;
	color: #fff;
	text-align: center;
	max-width: max-content;
}

.button_mehr_erfahren_leistungen:hover{
	opacity: 0.8 !important;
}


.box_werkstatt{
	background-color: #fff;
	padding: 20px;
	color: #004b91;
	height: 800px !important;
}

#header_top{
	background-color: #0a396e;
	width: 100%;
	float: left;
	position: relative;
	color: #fff;
	padding: 15px;
	text-align: right;
}

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

.pad_content{
	padding: 50px 80px 80px 80px;
}

.pad_partner{
	padding: 5px;
}

header{
	width:100%;
	background-color:#004b91;
	height:auto;
	float:left;
	margin: 0 auto;
	padding: 20px;
	position:relative;
	z-index:999;
}

.logo{
	margin-top: -40px !important;
}

.menue{
	text-align: right !important;
	margin-top: 120px !important;
	position: relative;
}

.menue_xs{
	display: none !important;
}

.menue_inner_logo{
	background-color: #fff !important;
	width: 100% !important;
	padding: 40px;
	float: left;
	bottom: 0 !important;
	position: absolute;
}


.eb-1 .eb-close{
	padding: 20px 20px 0px 0px;
}

.menue_li{
	font-size: 160% !important;
	font-weight: 600 !important;
	color: #fff !important;
	text-align: left !important;
	text-transform: uppercase !important;
	line-height: 130% !important;
}

.menue_ul_li{
	font-size: 140% !important;
	font-weight: 400 !important;
	color: #fff !important;
	text-align: left !important;
	line-height: 130% !important;
}

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

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

.menue_li a:hover{
	color: #00a0e3 !important;
}

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

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

.menue_ul_li a:hover{
	color: #00a0e3 !important;
}

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

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

footer{
	font-size:120% !important;
	color:#fff;
	margin: 0 auto;
	text-align:left;
	background-color:#004b91;
	width:100%;
	height:auto;
	bottom:0px;
	position:relative;
	float:left;
	padding: 40px !important;
	border-top: 3px solid #fff !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{
	text-align:left;
	color:#fff;
}


#content {
	width:100%;
	margin:0px;
	text-align:center;
}

.scrollToTop{
	width:40px; 
	height:40px;
	position:fixed;
	top:89%;
	right:40px;
	display:none;	
	z-index:999999999999;
	background: url('../images/arrow_up.png') no-repeat 0px 0px;
}

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

.left{
	padding-right:30px;
}

.right{
	padding-left:30px;
}

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



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

}

@media screen and (max-width: 1540px){
.team_box{
	height: 500px !important;
}

.container{
	width: 1199px !important;
}

.border_txt_home{
	height: 700px !important;
}

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

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

}

@media screen and (max-width: 1199px){
.box_ansprechpartner_truckhandel{
	font-size: 50% !important;
	line-height: 110% !important;
}

.container{
	width: 950px !important;
}

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

.border_txt_home{
	height: 800px !important;
}

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

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

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

}

@media screen and (max-width: 1000px) {
section img{
	text-align: center;
	margin: 0 auto;
}
}

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

footer{
	font-size:100%;
}

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

@media screen and (max-width: 991px) {
.box_ansprechpartner_truckhandel{
	font-size: 80% !important;
	line-height: 110% !important;
}

.border_txt_home{
	height: auto !important;
}

footer{
	padding:30px 0px 30px 0px !important;
}

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

.team_box{
	height: 700px !important;
}

}

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


.container{
	width: 767px !important;
}

.box_ansprechpartner_truckhandel{
	font-size: 60% !important;
	line-height: 110% !important;
}

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

.team_box{
	height: 600px !important;
}
}

@media screen and (max-width: 767px) {
.bg_blue_team{
	padding: 20px !important;
}

.bg_blue{
	padding: 20px !important;
}

.pad_content{
	padding: 50px 40px 80px 40px !important;
}

.box_ansprechpartner_truckhandel{
	font-size: 100% !important;
	line-height: 110% !important;
}

.team_box{
	height: auto !important;
}

.logo{
	margin-top: -30px !important;
}

#header_top{
	text-align: center !important;
}

.menue_xs{
	display: block !important;
	text-align: right;
	margin-top: 100px !important;
	position: relative !important;
}

.menue{
	display: none;
}

.box_werkstatt{
	height: auto !important;
}

.container{
	width: 100% !important;
}

.menue_li{
	text-align: center !important;
	font-size: 140% !important;
}

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

.logo_menue{
	display: none !important;
}

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

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

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

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

h3{
	font-size:110% !important;
}

}

@media screen and (max-width: 640px) {
.menue_xs{
	margin-top: 80px !important;
}

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

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


@media screen and (max-width: 576px) {
.menue_xs{
	margin-top: 60px !important;
}
}

@media screen and (max-width: 500px) {
#header_top{
	font-size: 80% !important;
}

.menue_xs{
	margin-top: 40px !important;
}
}

@media screen and (max-width: 440px) {
.menue_xs{
	margin-top: 20px !important;
}
}

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

}

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