@media all and (max-width: 1180px){
 
  .mod_single_direct_module .price{
        font-size: 23px;
    }
      .ce_kitchenteaser .price{
        font-size: 40px;
    }
    .ce_heroKachel .video{
    min-width: 440px;
}
    .infoheader > *{
        float: none;
        width: 100%;
    }
    
    .infoheader .date{
        text-align: left;
        margin-top: 10px;
    }
}

@media all and (max-width: 980px){
    span.pricebox > span > *, .pricebox > div > *{
        display: block;
        text-align: left;
        float: none;
    }
    
    .teasergrid > .itemsperRow_6 > *, ul.cols_6 > li {
  width: calc( (100% - (8 * 10px)) / 4 );
}
    
    .teasergrid > .itemsperRow_4 > *, ul.cols_4 > li {
  width: calc( (100% - (4 * 10px)) / 2 );
}
    
    
    .teasergrid a span.pricebox > span, .teasergrid .pricebox > div{
        display: table;
        margin: 0 auto;
       
    }
    .preHeadline{
        text-align: center;
    }
    .ce_kitchenslider .item span.table, .ce_kitchenteaser .preHeadline > span{
        margin: 0 auto;
    }
}

@media all and (max-width: 870px){
    .table{
        display: block;
    }
    
   
    
    body.safari .stoerer {
        display: block;
    }
    body.safari .mediaholder .stoerer > .inside {
        display: table;
        height: 100%;
        width: 100%;
    }
    
    .ce_heroKachel .video img{
        position: absolute;
        height: 100%;
        width: 100%;
    }
    
      .ce_heroKachel .holder > *{
        height: auto;
          max-height: none;
    }
    
    
    .ce_heroKachel .holder > .video{
        min-width: 0;
        width: 118%;
        margin-left: -9%;
    }
    #herosection .ce_heroKachel .video_container img{
        opacity: 0;
        height: auto;
        max-height: none;
    }
    
    .ce_heroKachel .text.caption{
        position: relative;
    }
    
  #herosection .ce_heroKachel video {
    height: auto;
    object-fit: contain;
    background: var(--kundenfarbe);
  }
    
    .ce_heroKachel .holder,
    .ce_heroKachel .holder > *{
        display: table;
        width: 100%;
    }
    
    .table > .row{
        display: table;
        width: 100%;
    }
    .safari .ce_kachelelement .video_container > video{
        position: relative;
        width: 100%;
        height: auto;
    }
    
    .ce_kachelelement .row > * {
    width: 100%;
}
     .ce_kachelelement .table > .row > .video_container,
     .ce_kachelelement .table > .row > .ce_image,
     .ce_kachelelement .table > .row > .mediaholder{
        display: table-header-group;
    }

    .ce_kachelelement .table > .row > div:not(.ce_image),
     .ce_kachelelement .table > .row > .textholder{
        display: table-footer-group;
    }
    .ce_kachelelement .table > .row > div.ce_image img{
      
    }
    
    
    body.safari .ce_kachelelement .row > .mediaholder img{
        min-height: 0 !important;
        height: auto !important;
    }
    .ce_kitchenslider .item span.table, .ce_kitchenteaser .preHeadline > span,
    .teasergrid a span.pricebox > span, .teasergrid .pricebox > div{
        margin: 0;
    }
    
    body.safari .ce_kachelelement.twopics .row, body.safari .ce_kachelelement.twopics .row > .mediaholder, body.safari .ce_kachelelement.twopics .row > .mediaholder * {
height: auto;
}
    
    span.pricebox > span > *, .pricebox > div > *{
        display: table-cell;
        width: 50%;
    }
    
    .ce_kachelelement .textholder .akkordion,
    .ce_kachelelement .notfloat_left > .inside,
    .ce_kachelelement .notfloat_right > .inside{
        padding: 20px 0 0;
    }
    
       .ce_kachelelement .textholder.bgcolor .akkordion,
    .ce_kachelelement .notfloat_left.bgcolor > .inside,
    .ce_kachelelement .notfloat_right.bgcolor > .inside{
        padding: 20px 2rem 2rem;
    }
    
  
    
    
    .teasergrid a span.pricebox > span, .teasergrid .pricebox > div{
        width: 100%;
    }
    
 
    
    .elemtsperRow_6 .slidewrap .item:not(.slick-slide),
    .elemtsperRow_5 .slidewrap .item:not(.slick-slide),
        .elemtsperRow_4 .slidewrap .item:not(.slick-slide),
    .elemtsperRow_3 .slidewrap .item:not(.slick-slide){
        width: auto;
        width: calc( ((100% - (4 * 10px)) / 2) - 2rem );
    }
    
       .elemtsperRow_2 .slidewrap .item:not(.slick-slide){
         width: 80%;
    }
    
    .slide .bgImage > img{
        /*position: absolute;*/
        height: 100%;
        width: 100%;
    }
    
   body .slide{
        height: auto;
    }
   .slide .caption {
    position: absolute;
    top: 0;

    display: block;
  }
    .ce_pageteaser .image_container {
        background: none !important;
    }
    
    .ce_pageteaser .image_container img{
        opacity: 1 !important;
    }
    
}

@media all and (max-width: 750px){
.index #carousel{
        position: relative;
    }
    
    .index #carousel.flexslider ul.slides > li {
  margin-right: 0;
 
  float: left !important;
        height: 60px;
  width: calc(100vw / 5) !important;
}
}

@media all and (max-width: 680px){
footer > .inside .row > * {
  width: 50%;
  display: block;
  width: 100%;
}
    
    .footerbottom .top{
        display: none;
    }
    
    .footerbottom{
        padding: 10px;
    }
   .footerbottom > .inside .top,
    footer .ce_pageteaser,
    .footertop > .inside{
        padding: 20px 10px;
    }
    .footerbottom > .inside .top{
        padding-top: 0;
    }
    
    .ce_pageteaser .text .name{
        font-size: 14px;
    }
    
    .teasergrid > .itemsperRow_8.layout_capoverlay > *,
    .teasergrid > .itemsperRow_7.layout_capoverlay > *,
     .teasergrid > .itemsperRow_6.layout_capoverlay > *,
     .teasergrid > .itemsperRow_5.layout_capoverlay > *,
    .teasergrid > .itemsperRow_4.layout_capoverlay > *,
     .teasergrid > .itemsperRow_3.layout_capoverlay > *,
     .teasergrid > .itemsperRow_2.layout_capoverlay > *,
    
     .ce_kitchenteaser .teasergrid > .itemsperRow_8 > *, ul.cols_8 > li,
    .ce_kitchenteaser .teasergrid > .itemsperRow_7 > *, ul.cols_7 > li,
     .ce_kitchenteaser .teasergrid > .itemsperRow_6 > *, ul.cols_6 > li,
     .ce_kitchenteaser .teasergrid > .itemsperRow_5 > *, ul.cols_5 > li,
     .ce_kitchenteaser .teasergrid > .itemsperRow_4 > *, ul.cols_4 > li,
     .ce_kitchenteaser .teasergrid > .itemsperRow_3 > *, ul.cols_3 > li,
     .ce_kitchenteaser .teasergrid > .itemsperRow_2 > *, ul.cols_2 > li
    {
  width: 100%;
        float: none;
        margin: 0 0 20px;
}
 
    
    .ce_gallery > ul{
        margin: 0;
    }
   
    #main .inside .ce_gallery > ul.cols_2 > li {
  width:100%;
        float: none;
        margin: 0 0 20px;
}
    
    .ce_gallery > ul.cols_2 > li:last-of-type {
        margin-bottom: 0;
    }
    
    .sharenav li span{
        display: none;
    }
    
    

   
     .teasergrid > .itemsperRow_5 > *, ul.cols_5 > li,
     .teasergrid > .itemsperRow_4 > *, ul.cols_4 > li {
    width: calc( (100% - (4 * 10px)) / 2 );
  }
    .teasergrid > .itemsperRow_6 > *, ul.cols_6 > li,
    .teasergrid > .itemsperRow_8 > *, ul.cols_8 > li,
    .teasergrid > .itemsperRow_7 > *, ul.cols_7 > li{
    width: calc( (100% - (4 * 15px)) / 3 );
  }

    body .mod_article > .content-kachel,
    .mod_article.bgColored > .block, .mod_article > .block, #maincontent > .block{
        padding: 2rem 20px;
    }
    
    .mod_article > .block > .headlinecontainer.noText{
    margin-bottom: 2rem;
}
    .elemtsperRow_6 .slidewrap .item:not(.slick-slide), .elemtsperRow_5 .slidewrap .item:not(.slick-slide), .elemtsperRow_4 .slidewrap .item:not(.slick-slide), .elemtsperRow_3 .slidewrap .item:not(.slick-slide){
        width: 80%;
    }
    
    .headlinecontainer{
        margin-bottom: 20px;
    }
    
    .headlinecontainer > * br{
        display: none;
    }
}

@media all and (max-width: 640px){
    body h1,body .h1,body h2, body .h2{
        font-size: 26px;
    }

    footer{
        width: 100%;
        
    }

    .headlinecontainer > .subheadline{
        font-size: 26px;
        margin-top: 0;
    }
    .ce_heroKachel .video img {
        width: 120%;
max-width: none;
margin-left: -10%;
    }
}

@media all and (max-width: 380px){
    .teasergrid > .itemsperRow_8 > *, ul.cols_8 > li,
    .teasergrid > .itemsperRow_7 > *, ul.cols_7 > li,
    .teasergrid > .itemsperRow_6 > *, ul.cols_6 > li,
     .teasergrid > .itemsperRow_5 > *, ul.cols_5 > li,
     .teasergrid > .itemsperRow_4 > *, ul.cols_4 > li,
     .teasergrid > .itemsperRow_3 > *, ul.cols_3 > li,
     .teasergrid > .itemsperRow_2 > *, ul.cols_2 > li
    {
  width: 100%;
        float: none;
        margin: 0 0 20px;
}
      .teasergrid > div, .teasergrid > ul{
        margin: 0 auto -10px;
          width: 100%;
    }
}