@charset "utf-8";
@font-face {
    font-family: 'bitterregular';
    src: url('../fonts/bitter-regular-webfont.eot');
    src: url('../fonts/bitter-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bitter-regular-webfont.woff2') format('woff2'),
         url('../fonts/bitter-regular-webfont.woff') format('woff'),
         url('../fonts/bitter-regular-webfont.ttf') format('truetype'),
         url('../fonts/bitter-regular-webfont.html#bitterregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bitterbold';
    src: url('../fonts/bitter-bold-webfont.eot');
    src: url('../fonts/bitter-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bitter-bold-webfont.woff2') format('woff2'),
         url('../fonts/bitter-bold-webfont.woff') format('woff'),
         url('../fonts/bitter-bold-webfont.ttf') format('truetype'),
         url('../fonts/bitter-bold-webfont.html#bitterbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.html#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.html#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.html#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block
}

body {
line-height:1;
margin:0;
padding:0
}
/* Slider horizontal anzeigen */
#slider119 {
  display: flex;
  flex-wrap: nowrap;
  gap: 50px;
}

/* Slides sollen nebeneinander bleiben */
#slider119 li {
  flex: 0 0 auto;
}

#wrap{
  clear:both;
  background: #4c4c4c;
  display:block;
  width:100%;
  float: left;
  padding: 10rem 0 7rem 0;
  clip-path: polygon(0 5rem,100% 0,100% calc(100% - 5rem),0 100%);
}

#wrap p{
  color:#fff;
}
#_detail_ohne #wrap,
#_detail_ohne #content{
  display:none;
}
.service{
  width: 33%;
  float:left;
  padding: 1.25rem;
  box-sizing: border-box;
  min-height: 440px;
}
.service img{
  width:125px;
  height:125px;
  margin:0 0 1.5rem 0;
}
blockquote,q {
quotes:none
}

blockquote:before,blockquote:after,q:before,q:after {
content:'';
content:none
}
.produkte-img{
  float:left;
  width:30%;
}
.produkte-img img{
 width:100%;
}
.produkte-detail{
	position:relative;
	float:left;
  clear:both;
  width:100%;
  display:inline-block;
  margin:0 0 4rem 0;
}
.produkte-text{
  float:left;
  width:70%;
}
.produkte-text a{
	color:#ef7f17;
	font-weight:bold;
}
a {
text-decoration:none
}
#logo{
  float:left;
  width:30%;
  
}
.startseite-left{
  width:45%;
  margin-right:5%;
  float:left;
  padding: 3rem 0 0 0;
}
.startseite-left ul li{
  list-style-type:disc;
  margin-left:24px;
  
}
.startseite-right ol li{
  padding: 0.25rem;
}
.startseite-right h3{
  text-align:center;
}
.startseite-right{
  width:50%;
  float:left;
  margin: 3rem 0 0 0;
  padding: 2rem;
  box-sizing:border-box;
  background:#4c4c4c;
  color:#fff;
  font-size:1rem;
}
#headerarea ul{
  floaT:right;
  width:70%;
  text-align:right;
}
#headerarea ul li{
  display:inline;
  padding:0 2rem 0 0;
}
 #menu {
padding:1rem 0	 
 }
 #menu ul {
text-align:right; 
 }
#menu a.fernwartung,
a.fernwartung,a.fernwartung-mobil{
  background:#ef7f17;
  color:#fff;
  padding: 0.50rem!important;
  border-radius:5px;
}
a.fernwartung-mobil{
	display:none;
}
#headerarea a.fernwartung:hover{
  background:#6c6c6c;
  
}
#headerarea ul li a{
  color:#6c6c6c;
  letter-spacing:0.05rem;
  font-family: 'open_sansbold';
  text-transform:uppercase;
}
#headerarea ul li a:hover{
  color:#ef7f17;
}
#logo img{
  width:250px;
}
.mod-menu{

}
.center {width:1200px;margin:auto;position:relative}

ul.actions {
margin:0;
padding:0
}

ul.actions li {
list-style-image:none;
list-style-type:none;
float:right
}

ul.actions li a img {
border:0 none;
padding-left:0;
padding-right:0
}

ul.actions li a,ul.actions li a:hover,ul.actions li a:active,ul.actions li a:visited,ul.actions li a:link {
padding-left:0!important;
padding-right:0!important
}

.row-separator,.item-separator {
display:block;
width:100%;
height:5px;
clear:both
}
.item-page_detail_ohne{
  /* display:inline; */
  width:100%;
  float:left;
  /* clear:both; */
  margin: 4rem 0 10rem 0;
}
.item-page,.item-page_detail{
  padding: 4rem 0;
  float: left;
}
.item-page a{
	color:#000;
	text-decoration:underline;
}
.com-content-article h2{
  display:none;
} 
.item-page_detail h2{
  display:inline;
}
h2.startseite{
  display:inline;
}
img {
border:none
}
.djslider-default{
  height:500px!important;
 
}
#slider-frame119 {
  width: 850px;     /* oder was du brauchst */
  overflow: hidden; /* Verhindert das Aufweiten der Seite */
  position: relative;
}
#slider119 {
  display: flex;
  transition: transform 0.5s ease;
  will-change: transform;
}
#slider119 li {
  flex: 0 0 250px;
}



p, ul, ol{
   font-family: 'open_sansregular';
    margin:0.5rem 0;
    line-height:1.5rem;

}
ol {
  list-style-type:decimal;
  margin-left:20px;
}
ol li::marker{
  font-weight:bold;
}
.acym_module {
  color:#fff;
  font-family: 'open_sansregular';
  line-height:2rem;
  font-size:1.25rem;
} 
.acym_module a{
  color:#ef7f17;
  
}
td.acysubbuttons,.acym_form{
  width:100%;
}
.acysubbuttons{
  text-align:center;
    }
.acym_module input.btn-primary{
color: #fff;
  padding: 0.75rem;
    width: 150px;
    border-radius: 5px 5px 5px 5px;
     background:#ef7f17;
  border:none;
    font-family: Raleway;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.05rem;
    font-size: 1.25rem;
  margin:2rem 0;
}
.acym_module input.btn-primary:hover{
  background:#000;
}
.acyfield_1{ display:none;
           }
.acyfield_2 input{color: #000;padding: 0.75rem;width: 100%;border-radius: 5px 5px 5px 5px;background:#fff;border:none;font-family: Raleway;text-transform: uppercase;font-weight: 600;letter-spacing: 0.05rem;font-size: 1.25rem;margin:1rem 0;max-width: 98%;box-sizing: border-box;}
#footer{
  background: #4c4c4c;
  padding:4rem 0!important;
}
p.copy, #footer{
  text-align:center;
  padding:1rem 0;
  color:#fff;
  text-transform:uppercase;
  font-weight:800;
  font-size:0.95rem;
  
}
#footer p{
  text-transform:none; 
  font-weight:normal 
}
p.copy a{
  color:#ccc;
  font-weight:400
}
#footer .mod-menu a, #footer a{
  color:#fff;
  font-weight:bold;
  letter-spacing:0.2rem
}
#footer .mod-menu{
  margin:5rem 0 0 0;
}

#footer ul  li{
  display:inline;
  padding:0.5rem;
}
p.copy{
  font-weight:400;
  text-transform:none;
  font-size:0.75rem;
  margin:0rem 0 0 0
}
h4,h5{
   font-family: 'open_sansbold';
   text-align:center;
   font-size: 1.25rem;
   color: #ef7f17;
   text-transform:uppercase;
   letter-spacing:0.05rem;
   line-height: 1.25;
}
h1{
    color:#ef7f17!important;
    text-align:center;
    display:inline-block;
    width:100%;
    padding:1rem 0;
    font-family: 'open_sansbold';
    letter-spacing:0.50rem;
    font-size:3rem;
    line-height: 3.5rem;
    box-sizing: border-box;
    text-transform: uppercase;
}
h2,h2 a{
   font-family: Raleway;
   font-weight:800;
   font-size:1.5rem;
   color:#4c4c4c;
   text-transform:none;
   letter-spacing: 0.1rem;
}
h3{
  color:#ef7f17!important;
  display:inline-block;
  width:100%;
  padding:0.25rem 0;
  font-family: 'open_sansbold';
  letter-spacing: 0.1rem;
  font-size: 1.5rem;
  text-transform: uppercase;
}
.modulheader-acy{
  font-size:2rem;
  text-align:center;
  padding: 0 0 2rem 0
}
.acym_fulldiv{
  max-width:800px;
  margin:0 auto; 
  text-align:center;
}
strong,bold{
  font-weight:bold;
}
.item-page h2{
  margin:1rem 0 0 0
}
.item h2{
  padding: 0.5rem 1rem 0.5rem;
  margin:0 0 1rem;
  line-height:2rem;
  min-height:65px;
  background:#a50000;
}
.item h2 a{
color:#fff;
}
#content{
  background:url("../../../images/bg-produkte.jpg");
  background-size:cover;
  opacity:1;
  display:inline-block;
  width:100%;
  float:left;
  position: relative;
  padding: 10rem 0;
  clip-path: polygon(0 5rem,100% 0,100% calc(100% - 5rem),0 100%);
  margin: -5.5rem 0 0 0;
}
.mod-custom114{
  width:100%;
}
.contentzwei{
  clear:both;
  /* padding:4rem 0; */
  clear:both;
}
.produkte{
  padding: 0rem;
  box-sizing: border-box;
  
}
.produkte{
  position:relative;
}
.produkte h2{
  color:#ef7f17!important;
  text-align:center;
  display:inline-block;
  width:100%;
  padding: 2rem 0 0 0rem;
  font-family:Raleway;
  font-weight:600;
  letter-spacing:0.10rem;
  font-size:2rem;
  text-transform: none;
}
.produkte ul{
  list-style-type: disc;
}
.produkte li{
  line-height:2rem;
}
.produkte p, .produkte li{
  color:#fff;
  font-family: 'open_sansregular';
  box-sizing:border-box;
  margin: 0 2rem;
}
.produkte .readmore{
  text-align:center;
  position:absolute;
  bottom: 0px;
  left:0;
  padding: 0.75rem;
  width: 150px;
  border-radius: 0px 5px 0px 5px;
  background:#ef7f17!important;
}
.produkte a.readmore {
  color:#fff;
  font-family:Raleway;
  text-transform:uppercase;
  font-weight:600;
  letter-spacing:0.05rem;
  font-size: 1.25rem;
}
.produkt-slider{
  background:#fff;
  padding:1rem 0;
  box-sizing:border-box;
}
.produkt-text{
  display:block;
}
.moduletable.ref{
  margin: 0 0 10rem 0;
  position:relative;
  /* float: left; */
  /* background: red; */
  width: 100%;
  /* min-height: 600px; */
}
.moduletable.ref p{
  font-style:italic;
}
.moduletable.ref h2{
  color:#4c4c4c!important;
  display:inline-block;
  width:100%;
  padding:0.25rem 0;
  font-family: 'open_sansbold';
  letter-spacing:0.5rem;
  font-size: 2.5rem;
  text-transform: uppercase;
  text-align:center;
  margin:0 0 4rem 0;
}
.mod-articlesnews__item{
 float:left;
  width: 48%;
  margin:0 2% 0 0;
  background:#4c4c4c;
  min-height:530px;
  position: relative;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  border-radius: 8px; 
}
.produkte{
  float:left;
  width: 32%;
  margin:0 2% 0 0;
  background:#4c4c4c;
  min-height:530px;
  position: relative;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  border-radius: 8px;
}
.produkte:last-of-type{
  margin:0;
}
.produkte a{
  color:#fff;
  font-weight:bold;
}
.produkte-slider img,
.mod-articlesnews__item img{
   width: 100%;
  height:100%;
  background:#fff;
}
#prefooter{
  background:#4c4c4c;
  padding: 10rem 0;
  clip-path: polygon(0 5rem,100% 0,100% calc(100% - 5rem),0 100%);
  margin: -5.5rem 0 10rem 0;
}
#menu ul li{
  display:inline;
  padding:0 2rem 0 0;
}
 #menu ul li a.fernwartung:hover{
  background:#6c6c6c;
  
}
#menu ul li a{
  color:#6c6c6c;
  letter-spacing:0.05rem;
  font-family: 'open_sansbold';
  text-transform:uppercase;
}
#menu ul li a:hover{
	color:#ef7f17;
}
@media (max-width: 1250px) {
  .center{
    width: 95%;
    clear:both;
    padding: 0 2.5%;
  }
  .service{
  min-height: 500px;
}
}
@media (max-width: 1000px) {
a.fernwartung-mobil{
	display:inline-block;
	top:-30px;
	position:relative;
}
	a.fernwartung{display:none;}
.mod-menu{

}
  #headerarea ul li{
  display: block;
  padding:0 2rem 0 0;
}
  .service{
  min-height: 600px;
}
  .startseite-left{
  width:100%;
  margin-right:0;
  padding: 3rem 0 0 0;
}

.startseite-right h3{
  text-align:center;
}
.startseite-right{
  width:100%;
}
  

   #container {
	 z-index: 111;
}
 .navT {
	 -webkit-transition: all 0.25s;
	 z-index: 111;
	 cursor: pointer;
	 width: 100%;
	 background: none;
	 height: 60px;
	 left: 0;
	 top: 0;
	 position: fixed;
}
 .navT .icon {
	 -webkit-transition: all 0.25s;
	 position: absolute;
	 z-index:2000;
	 width: 30px;
	 height: 1px;
	 right: 15px;
	 top: 30px;
	 background-color: #4c4c4c;
}
 .navT .icon:before, .navT .icon:after {
	 -webkit-transition: all 0.25s;
	 width: 30px;
	 height: 2px;
	 left: 0;
	 background: #ef7f17;
	 position: absolute;
	 content: '';
}
 .navT .icon:before {
	 top: -10px;
}
 .navT .icon:after {
	 top: 10px;
}
 .navT:hover {
	 background: none;
}
 .navT:hover .icon:before {
	 top: -12px;
}
 .navT:hover .icon:after {
	 top: 12px;
}
 .navT.active .icon {
	 -webkit-transform: rotate(180deg);
	 background-color: transparent;
	 right: 10px;
}
 .navT.active .icon:before, .navT.active .icon:after {
	 top: 0;
}
 .navT.active .icon:before {
	 -webkit-transform: rotate(45deg);
}
 .navT.active .icon:after {
	 -webkit-transform: rotate(-45deg);
}
	#menu ul li{
  display:block;
  padding:0.5rem 0rem 0 0;
}
 #menu {
	 z-index: 111;
	 -webkit-transition: all 0.5s;
	 text-align: center;
	 position: fixed;
	 left: 0;
	 right: 0;
	 margin: 0 auto;
	 top: 60px;
	 font-size: 1.2rem;
	 text-transform: uppercase;
	 width: 100%;
	 height: 0;
	 border-bottom: 1px solid transparent;
	 overflow: hidden;
}
 #menu ul {
	 list-style: none;
	 padding: 2rem 0;
	 letter-spacing: 0em;
	 text-align:center;
}
#menu ul.mod-menu__sub{
 padding:0;
}
 #menu li:first-child {
	 margin-top: 0;
}
 #menu li {
	 -webkit-transition: all 0.2s;
	 margin-top: 20px;
	 padding: 0px 0;
	 color: white;
}
#menu ul.list-unstyled li{
 margin-top:10px;
}
 #menu ul li a {
	 padding: 0px;
	 -webkit-transition: all 0.25s;
	 cursor: pointer;
	 color:#fff;
	 font-family: 'open_sansbold';
	 font-size: 1.45rem;
letter-spacing: 0.1rem;}
#menu .nav-header{
 font-family: 'open_sansbold';
 font-size:1.5rem;
 color:#e95e1d;

}
#menu .parent{
 margin: 20px 0 0 0;
}
 #menu a:hover {
	 letter-spacing: 0.03em;
	 text-decoration: underline;
}
 #menu.open {
	 height: 470px;
	 width: 100%;
	 z-index:1000;
	 position: relative;top: 0;background: #4c4c4c;
	 border-bottom: 5px solid #e95e1d;
}
}
@media (max-width: 800px) {
  .produkte-text{
    width:100%;
}
	.produkte-img{
    width:50%;
	max-width:250px;
	margin:0 auto;
		float:none;
}
 .service{
  width: 49%;
  min-height:550px;
}
  .produkte{
  float: none;
  width: 51%;
  margin: 0 auto 3rem auto;
  clear:both;
  background:#4c4c4c;
  min-height:530px;
  position: relative;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  border-radius: 8px;
  height: auto;
}
  .produkte:last-of-type{
   margin: 0 auto 3rem auto;
}
 
}
@media (max-width: 731px) {
 .produkte{

  width: 60%;
 }
}
@media (max-width: 612px) {
 .produkte-img{
    width:100%;
	margin:0 auto;
		float:none;
}
	.startseite-left, .startseite-right{margin: 1rem 0;}
  .produkte{
  width: 67%;
 }
  .startseite-right{
    padding:1rem;
  }
  .startseite-left{
    padding:0;
  }
  .produkte h2{
    font-size:2rem;
  }
  .produkte li{
  line-height:1.75rem;
}
  .produkte a.readmore {
  font-size: 1.1rem;
}
.produkte p, .produkte li{
  margin: 0 1rem 0rem 2rem;
}
  h1{
    font-size:1.75rem;
    line-height: 2rem;
    letter-spacing:0.25rem;
}
h2,h2 a{
   font-size:1.25rem;
}
h3{
  font-size: 1.25rem;
}
.modulheader-acy{
  font-size:1.5rem;
  text-align:center;
  padding: 0 0 2rem 0
}
  .modulheader-acy{
  font-size:1.5rem;
}
  .acym_fulldiv{
 font-size:1rem;
}
  .acym_module input.btn-primary{
    font-size: 1.1rem;
  margin:1rem 0;
}
}
@media (max-width: 580px) {
#wrap{

  padding: 7rem 0 7rem 0;
 
}
  .service{
  width: 100%;
  min-height:300px;
}
}
@media (max-width: 480px) {
 .produkte{
  width: 75%;
 }
  
  
  h2,h2 a{
   font-size:1.15rem;
}

.item h2{
 line-height:1.5rem;
}
#footer ul li{
  display:block;
}
#footer{
  
  height:auto;
  width:100%;
  margin:4rem 0 0 0 
 
}
}
@media (max-width: 400px) {
 .produkte{
  width: 80%;
 }
   .produkte h2{
    font-size:1.75rem;
  }