/*RESPONSIVE*/
@media all and (max-width: 1299px) {

  .karussel-slider .header-wrapper:before,
  section.productslider .header-wrapper:before{display:none;}

  section.produktliste .img img{width:100%;height:auto;}

  section.produktliste{margin-left:-20px;}
  .products-list .product-item:first-child span{padding-left:10px;}
  .accordion{margin-left: 0;margin-right: 0;}
  section.technische_daten__broschuren_kleine_liste .col-2 li{min-width:25%;}

  .karussel-slider.full-size{width:100%;margin:0;}
  .sections-wrapper{padding:0 40px;}
  .slide .caption.v8 .caption__inner{padding-left:38px;}

}

@media all and (max-width: 1190px) {

  .logo img{width:250px;height:120px;margin-top:20px;}

  section.teaser-text h1{
    font-size: 100px;
  }

}

@media all and (max-width: 1090px) {

.cookie-advice{
padding-top: 0;
}

  .cookie-policy-banner-wrapper{
    top:auto;bottom:0px;
  }

.cookie-advice .submenus{
  top:150px;
}

  .top-row a{margin-bottom:10px;}

  .slider .slide{background-size:contain;height:calc(100vw / 2.9);}
  .slider .vierzig{display:none;}
  section.technische_daten__broschuren_kleine_liste .col-2 li{min-width:33%;}
  .logo img{margin-top:0px;}
  section.productslider .img{margin-left:-30px;}
  .not-mobile{display: none;}
  .mobile-only{display: block;}
  #stage{max-width: 1090px;width: 100%;display: block;box-sizing: border-box;}
  header{position: fixed;z-index: 950;max-width: 1090px;width: 100%;}
  .logo{max-height: 75px;width: auto;}
  .logo img{width:auto;height:100%;}
  .sections-wrapper{padding: 0 40px;}
  section.accordion .sections-wrapper,
  section.produktliste .sections-wrapper{padding:0;}
  .content{max-width: 1090px;}
  .lower-row .left-side,
  .lower-row .right-side,
  .preview .left-side,
  .preview .right-side{float: none;display: block;box-sizing: border-box;max-width: 1090px;width: 100%;text-align: center;}
  .preview .right-side img{max-width: 665px;width: 100%;}
  .sections-wrapper .two-columns{column-count: 1;}
  .more{max-width: 665px; width: 100%;padding: 10px;margin-top: 15px;}
  .anlagen .sections-wrapper{text-align: center;}
  .products a span.image-title{width: 100%;display: block;box-sizing: border-box;max-width: 500px;left: 0;}
  .products .left-side,
  .products .right-side{width: 100%;max-width: 1090px;display: block;box-sizing: border-box;}
  .products .right-side{padding-left: 0;}
  .product-category a img,
  .gadgets a img{max-width: 500px;width: 100%;padding: 0 0;}

  .products-list{margin:20px 0;}
  .left-side,
  .right-side{float: none;}
  .contact-item .left-side,
  .contact-item .right-side{float:left;}
  .contact-item{max-width:360px;}
  footer .left-side,
  footer .right-side{float: none;display: block;box-sizing: border-box;}
  .content{margin-left: 0;min-height: 75px;}
  .submenus{display: none;}
  .language-selector{margin-right: 0;margin-left:5px;}
  .logo{position: absolute;top: -10px;right: 0;}
  .contact-persons{max-width: 1090px;width: 100%;}

  .slider{max-width: 1090px;width: 100%;display: block;padding-top: 65px;max-height:510px;}
  .slider img{width: 100%;height: auto;}
  .news{float:none;}
  body.home section .sections-wrapper .right-side{display:none;}
  body.home .top-row{padding-bottom:40px;}

  header .content{height:auto;background:transparent;}

  body.nav-is-visible #stage{position:fixed;}

   .cd-nav-trigger {
    position: fixed;
    top:14px;
    left: 20px;
    height: 45px;
    width: 45px;
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
    z-index: 99999;
    background:#FFF;
    display:block;
    
  }
  
  .cd-nav-trigger span, .cd-nav-trigger span::after, .cd-nav-trigger span::before {
    /* this is the hamburger icon */
    position: absolute;
    width: 26px;
    height: 2px;
    background-color: #000;
  }
  .cd-nav-trigger span {
    /* middle line of the hamburger icon */
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
  .cd-nav-trigger span::after, .cd-nav-trigger span::before {
    /* top and bottom lines of the hamburger icon */
    content: '';
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    transition: transform 0.2s;
  }
  .cd-nav-trigger span::before {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  .cd-nav-trigger span::after {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
  body.nav-is-visible #nav-main{display:block;}
  body.nav-is-visible .cd-nav-trigger span {
    background-color: transparent;
  }
  body.nav-is-visible .cd-nav-trigger span::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  body.nav-is-visible .cd-nav-trigger span::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #nav-main{display:none;}
  nav ul li{margin:10px 0;padding:0;display: block;box-sizing: border-box;width: 100%;float: none;text-align: left;}

  .withAside{padding-right:0;}
  aside, .kontaktAside{margin-right:0;max-width:100%;float:none;}
  article > .inner{float:none;}
  aside section.produkte-grid .products a{width:50%;}

  #nav-footer ul li{text-align:center;margin:15px 0;}
  #nav-footer ul li:last-child{margin-top:45px;}
  #nav-footer{padding-top:20px;display:block;}

  .centered .inner h2{padding-left:40px;padding-right:40px;}
  section.image-grid .right-side .oben,
  section.image-grid .right-side .unten{height:420px;}

  .text_image_grid,
  aside{padding:0px 40px;}
  .contact-item{float:left;}
  article:first-child{margin-top:0;padding-top: 80px;}

  .slide .caption.v5{top:100px;left:100px;color:rgb(36,42,56);}

  .contact-persons,
  .googlemap{padding:0px 40px;}
  .centered .inner section.two-cols-separated h2,
  .centered .inner .googlemap h2{padding-left:0;}

  .single-product{width:100%;float:none;}
  ul.service-point, .wysiwyg ul{max-width:100%;}
  aside.kontaktAside,
  aside .sections-wrapper{padding:0;}

  section.bild_text_news,
  .centered .inner section.produkte-grid .products h2{padding-left:0;}
  .centered .inner section.bild_text_news h2{padding:0;}
  section.bild_text_news:last-child{border-bottom:1px solid #999;}
  .centered .inner section.productslider h2{padding:0;}

  nav li ul.sub-menu{display:block;padding-left:20px;}
  .lower-row .left-side .h1{font-size:60px;line-height:120%;margin-bottom:10px;}
  section.teaser-text h1{
    font-size: 60px;
  }
  section.teaser-text .einleitung{
    font-size: 18px;
  }
  section.teaser-text .hauptteil{
    font-size: 15px;
  }
}

@media all and (max-width: 920px) {

  section.technische_daten__broschuren_kleine_liste .col-2 li{min-width:50%;}

  .products-list .product-item{
    width: 50%;
  }

}

@media all and (max-width: 768px) {

  section.productslider .cols-wrapper{display:block;}
  section.productslider .cols-wrapper .col{width:100%;float:none;display:block;max-width:460px;margin:0px 0 40px 0px;}
  section.productslider .cols-wrapper .col > .header{min-height:10px;}

  header{max-width: 768px;}
  .content{max-width: 768px;}
  .slider{max-width: 768px;width: 100%;height: auto;display: block;box-sizing: border-box;}
  .slider img{width: 100%;}
  .googlemap iframe{max-width: 768px;width: 100%;}
  .lower-row .left-side p {font-size: 20px;margin-bottom: 20px;}
  .products .left-side,
  .products .right-side{text-align: center;}
  .top-row a img,
  .top-row a span.image-title{max-width: 320px;width: 100%;margin-bottom: 15px;}

  .left-side.infos{padding-left: 10px;}
  footer .right-side{padding-top: 5px;}
  .preview img{max-width: 768px;width: 100%;}
  .top-row a{margin-right: 0;max-width: 320px;width: 100%;}
  .top-row a img{width: 100%;height:auto;}

  .slide .caption.v1, .slide .caption.v1,
  .slide .caption.v1, .slide .caption.v2,
  .slide .caption.v1, .slide .caption.v3,
  .slide .caption.v1, .slide .caption.v4,
  .slide .caption.v1, .slide .caption.v5,
  .slide .caption.v1, .slide .caption.v6{position:absolute;left:20px;bottom:50px;}
  .sections-wrapper,
  .text_image_grid, aside{padding:0 20px;}
  .centered .inner h2{padding-left:20px;padding-right:20px;}
  .accordion .acc .header:after{left:80%;left:calc(100% - 40px);}

  section.technische_daten__broschuren_kleine_liste .col-2 li{width:100%;}
  section.technische_daten__broschuren_kleine_liste .col{min-width:50%;}

  body.page-id-98 section.produktliste .product-item{width:100%;}
  body.page-id-98 section.produktliste .img img{width:100%;height:auto;max-width:320px;margin:0px auto;}
  body.page-id-98 .products-list .product-item span{padding-left:20px;}

  .text__video_inner>div,
  .text__video_inner>.wysiwyg{width:100%;float:none;}

  .slide .caption.v8 .caption__inner{padding-left: 18px;}

}


@media all and (max-width: 667px) {
  #stage{max-width: 667px;width: 100%;display: block;box-sizing: border-box;}
  .logo img{max-height: 65px;width: auto;}
  section.image-grid .left-side,
  section.image-grid .right-side .oben, section.image-grid .right-side .unten{height:240px;}
  section.text_image_grid .item{float:none;width:100%;}
  section.produktliste .product-item{display:block;padding:20px 20px 0 20px;}
  .products-list{display:block;}
  section.produktliste .img img{max-width:320px;}
  body.nav-is-visible header .content{height:100vh;overflow-y:auto;}

  .slide .caption.v1, .slide .caption.v1{
    bottom:10px;
  }

  .karussel-slider.full-size{border-top-color:#FFF;}

  section.produkte-grid .products a{width: 50%;}

}


@media all and (max-width: 560px) {

  section.produktliste .product-item{width:100%;float:none;margin-bottom:20px;}
  section.technische_daten__broschuren_kleine_liste .col{min-width:100%;display:block;width:100%;}

  section.teaser-text h1{
    font-size: 30px;
  }
  section.teaser-text .einleitung,
  section.teaser-text .hauptteil{
    font-size: 16px;
  }
  section.teaser-text .einleitung br{
    display: none;
  }
  .contact-persons .contact-item{
    width: 100%;
  }
}



@media all and (max-width: 414px) {



  section.produkte-grid .products a,
  aside section.produkte-grid .products a{width:100%;float:none;padding-right:0;}

  section.bild_text_news .wysiwyg .img{width:100%;margin-right:0;float:none;width:100%;margin-bottom:10px;}

  .accordion .acc .header{padding-left:20px;}
  .accordion .acc .header:after{left:80%;left:calc(100% - 30px);}
   

  section.productslider h1,
  .karussel-slider h1{font-size:3.5rem;}
  section.productslider subline,
  .karussel-slider subline{font-size:1.8rem;line-height:120%;}

  #stage{max-width: 414px;width: 100%;display: block;box-sizing: border-box;}
  header{max-width: 414px;width: 100%;display: block;box-sizing: border-box;}
  .slider{max-width: 414px;width: 100%;display: block;box-sizing: border-box;}
  .slider img{width: 100%;height: auto;}
  img{max-width: 414px;width: 100%;}
  .content{min-height: 65px;}
  
  .top-row a,
  .top-row a img{margin-right: 0;max-width: 500px;width: 100%;float: none;display: block;box-sizing: border-box;padding: 0;}
  .top-row a span.image-title{width: 100%;display: block;box-sizing: border-box;max-width: 500px;left: 0;margin-bottom: 0;bottom: 0;}
  .lower-row{margin-top: 30px;}
  .lower-row .left-side h1{font-size: 55px;margin: 20px 0 10px 0; text-align: center;}
  .lower-row .left-side small,
  .lower-row .left-side p{max-width: 414px;width: 100%;display: block;box-sizing: border-box;text-align: center;color: #000;font-size: 15px;padding: 0;margin-bottom: 15px;}
  .products{text-align: center;}
  .product-category, .gadgets{margin-left: 0;}
  .product-category a, .gadgets a{display: block;width: 100%;}
  .products .right-side{padding-left: 0;}
  .anlagen{text-align: center;}
  .sections-wrapper{padding: 0 15px;}
  .video_only .sections-wrapper{
    padding: 0;
  }
  .video_only{
    padding: 20px 10px;
  }
  .sections-wrapper .two-columns{column-count: 1;}
  /*SERVICE*/
  .withAside{display: block;width: 100%;max-width: 414px;float: none;box-sizing: border-box;padding: 0;}
  .text-only{float: none;display: block;box-sizing: border-box;}
  .kontaktAside{width: 100%;max-width: 414px;display: block;float: none;box-sizing: border-box;}
  .item{padding-right: 0;float: none;}
  .item h2{margin-top: 10px;}
  .service{float: none;}
  .service ul li{float: none;}
  .googlemap iframe{max-width: 414px;width: 100%;}

  .products-list .product-item{float: none;}
  .products-list .product-item img{max-width: 414px;width: 100%height:auto;}
  .products a span.image-title{width: 100%;display: block;box-sizing: border-box;max-width: 414px;left: 0;}
  /*FOOTER*/
  footer .right-side{float: none;display: block;width: 100%;box-sizing: border-box;}
  footer ul{margin: 10px 0;padding-left: 0;}
  footer ul li{display: block;box-sizing: border-box;float: none;padding: 5px 0;text-align: center;}
  .contact_person{padding-right:0;max-width: 170px;margin: 0px auto;}
  .contact_person .left-side{max-width:140px;float:none;}
  .contact_person .right-side{float:none;}


  .slider .slide{height:230px;}
  body.home .slider .slide{height:130px;}
  .slide .caption .h1{font-size:30px;text-align:center;margin-bottom:4px;}
  body.home .slide .caption .h1{font-size:16px;line-height:22px;margin-bottom:0px;text-align:right;}
  .slide .caption.v1, .slide .caption.v2{width:100%;left:0;right:0;bottom:5px;text-align:center;}
  body.home .slide .caption.v1{text-align:right;padding-right:15px;}
  .cd-nav-trigger{top:11px;left:10px;}
  .slide .caption.v2 .h1{font-size:30px;line-height:30px;margin-bottom:4px;}
  .slide .caption.v1, .slide .caption.v1, .slide .caption.v1, .slide .caption.v2, .slide .caption.v1, .slide .caption.v3, .slide .caption.v1, .slide .caption.v4, .slide .caption.v1, .slide .caption.v5, .slide .caption.v1, .slide .caption.v6{left:0px;width:100%;padding-left:20px;padding-right:20px;bottom:10px;top:inherit;}
  header .content{padding-left:20px;margin-left:0;}
  header nav{margin-top:50px;}
  .centered .inner h2{font-size:18px;line-height:1.3;}
  #nav-footer{padding-top:0;}

  .language-selector{margin-left:50px;}
}

@media all and (max-width: 375px) {

  #stage{max-width: 375px;width: 100%;}
  /*HEADER*/
  header{max-width: 375px;width: 100%;display: block;box-sizing: border-box;}
  .slider{max-width: 375px;width: 100%;display: block;box-sizing: border-box;}
  .slider img{width: 100%;height: auto;}
  img{max-width: 375px;width: 100%;}
  .content{min-height: 65px;}
  /*FOOTER*/
  footer .right-side{float: none;display: block;width: 100%;box-sizing: border-box;}
  footer ul{margin: 10px 0;padding-left: 0;}
  footer ul li{display: block;box-sizing: border-box;float: none;padding: 5px 0;text-align: center;}
  /*STARTSEITE*/
  .top-row a{margin-bottom: 10px;}
  .top-row a,
  .top-row a img{margin-right: 0;max-width: 375px;width: 100%;float: none;display: block;box-sizing: border-box;}
  .products a span.image-title{width: 100%;display: block;box-sizing: border-box;max-width: 375px;left: 0;}
  .lower-row{margin-top: 30px;}
  .lower-row .left-side h1{font-size: 55px;margin: 20px 0 10px 0; text-align: center;}
  .lower-row .left-side small,
  .lower-row .left-side p{max-width: 375px;width: 100%;display: block;box-sizing: border-box;text-align: center;color: #000;font-size: 15px;padding: 0;margin-bottom: 15px;}

  /*PRODUKTE*/
  .sections-wrapper{max-width: 375px;width: 100%;display: block;box-sizing: border-box;padding: 0 15px;}
  .products{padding: 0;text-align: center;}
  .product-category, .gadgets{margin-left: 0;}
  .products .right-side{max-width: 375px;width: 100%;padding: 0;margin-top: 20px;display: block;}
  .products .right-side,
  .products .left-side{float: none;}

  /*ANLAGEN*/
  .sections-wrapper .two-columns{column-count: 1;text-align: center;}
  .sections-wrapper h2{text-align: center;}
  .more{margin-top: 10px;width: 100%;max-width: 375px;padding: 10px;}
  /*SERVICE*/
  .withAside{display: block;width: 100%;max-width: 375px;float: none;box-sizing: border-box;padding: 0;}
  .text-only{float: none;display: block;box-sizing: border-box;}
  .kontaktAside{width: 100%;max-width: 375px;display: block;float: none;box-sizing: border-box;}
  .item{padding-right: 0;float: none;}
  .item h2{margin-top: 10px;}
  .service ul li{float: none;}
  /*KONTAKT*/
  .googlemap iframe{width: 100%;max-width: 375px;display: block;box-sizing: border-box;}
  .left-side.infos{padding-left: 10px;}
  .contact-persons{margin-top: 20px;}
  .single-product{padding: 0;}
  .single-product .product-content-wrapper{margin-left: 0;}
  .event-item .left-side,
  .event-item .right-side{display: block;float: none;box-sizing: border-box;}
  .service .picture{max-width: 375px;width: 100%;}
  .service{text-align: center;float: none;}
  .service .small-text p{padding-left: 0;text-align: center;}
  .products-list .product-item{display: block;float: none;width: 100%;box-sizing: border-box;max-width: 375px;}
  .products-list img{width: 100%;height: auto;max-width: 375px;}
  .contact-item{text-align: center;}


}

@media all and (max-width: 320px) {
  #stage{max-width: 320px;width: 100%;display: block;box-sizing: border-box;text-align: center;}
  header{max-width: 320px;width: 100%;display: block;box-sizing: border-box;}
  .slider{max-width: 320px;width: 100%;display: block;box-sizing: border-box;}
  .slider img{width: 100%;height: auto;}
  img{max-width: 320px;width: 100%;}
  .products a span.image-title{width: 100%;display: block;box-sizing: border-box;max-width: 320px;left: 0;}
  .kontaktAside h2{margin-bottom: 15px;}
  .contact-item{max-width: 320px;width: 100%;}
  .contact_person .left-side,
  .contact_person .right-side{max-width: 320px;width: 100%;}
  .item{padding-right: 0;}
  .contact-data span{float: none;display: block;}
  .contact-data span:after{ content: ' '; }
  .planetenmischer .single-product{text-align: center;}
  .single-product{padding: 0;}
  .single-product .product-content-wrapper{margin-left: 0;}
  .event-item .left-side,
  .event-item .right-side{display: block;float: none;box-sizing: border-box;}
  .service .picture{max-width: 320px;}
  .service .small-text p{padding: 0;}
  .slider .vierzig{display:none;}

  body.home .slide .caption .h1{font-size:14px;line-height:20px;}
  
}