@media screen and (max-device-width: 1750px),
all and (max-width: 1750px) {
footer .citem-25 {
    width: 50%!important;
}
}


@media screen and (max-device-width: 1700px),
all and (max-width: 1700px) {
    /*home*/
    #slider423.slider.is-visible:before {
        background-position:75% 20%;
      }
    /*Wochenkarte*/
    #slider597.slider.is-visible:before {
        background-position:80% 20%;
    }
    /*Rezepte*/
    #slider502.slider.is-visible:before {
        background-position:40% 20%;
    }
  /*Mitarbeiten*/
  #slider495.slider.is-visible:before {
    background-position:40% 20%;
}
      .slider-title,
      .slider-subtitle {
          font-size: 1.5rem!important;
          font-size: 24px;
          line-height: 2rem;
          line-height: 32px;
      }
      .slider2 .slider-subtitle,
      .slider2 .slider-subtitle2 {
          font-size: 1.5rem!important;
          font-size: 24px;
          line-height: 2rem;
          line-height: 32px;
      }
    .slider-content {
        bottom: 8rem;
    }

    .bg_empfehlung {

        min-height:700px;
    }

    .txt_empfhelung {
  
        top: 30%;
       
      }
      

}





@media screen and (max-device-width: 1434px),
all and (max-width: 1434px) {

    #slider495.slider.is-visible:before {
        background-position:75% 20%;
        margin-top:200px;
    }
    .distance_top_fix_header {
        margin-top: 50px;
    }
    .container {
        width: 100%;
        padding-left: 65px;
        padding-left: 4.063rem;
        padding-right: 65px;
        padding-right: 4.063rem;
    } 
}
@media screen and (max-device-width: 1354px),
all and (max-width: 1354px) {
#market-info {
    position:absolute;
    top:0;
    left: 40%;
    margin: 10px auto; /* Zentrieren des Elements */
    font-size: 12px;
  }
       /*Wochenempfehlung */
       #slider730.slider.is-visible:before {
        background-position:75% 20%;
      }

      #slider501.slider.is-visible:before {
        background-position: 50% 20%;
       
      }
}


@media screen and (max-device-width: 1140px),
all and (max-width: 1140px) {
    footer h2.dista {
        padding-left: 0px;
    }
    footer ul {
        margin-left: -14px;
    }
    footer .itemcontainer25 {
        flex-wrap: wrap;
        gap: 0%;
    }
    footer .socialmedia {
        margin-left: 0px;
    }
    .distance_top88 {
        margin-top: 0px;
    }
   
    footer .item-21 {
        width: 50%;
    }
    footer .item-26 {
        flex-direction: column;
        width: 100%;
        margin-top: 40px;
    }
    .citem-75 {
        width: 100%;
    }
    
   
    footer .socialmedia ul li img {
        width: 30px;
        height: 30px;
    }
}

@media screen and (max-device-width: 1024px),
all and (max-width: 1024px) {
    
}

@media screen and (max-device-width: 1000px),
all and (max-width: 1000px) {
  
    footer .socialmedia ul {
        padding-top: 15px;
    }
    footer .socialmedia ul li {
        width: 40px;
        height: 40px;
        padding-right: 0px;
   
}
}

@media screen and (max-device-width: 875px),
all and (max-width: 875px) {

    .galimage {
        width: 24%;
      }
    h1,
    h2,
    h3,
    p,
    span.inputtxt {
        hyphens: auto;
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -webkit-hyphenate-character: "\2010";
        -webkit-hyphenate-limit-after: 1;
        -webkit-hyphenate-limit-before: 3;
        -moz-hyphens: auto;
    }
    #c540 .respDistanceTop {
        padding-left: 0px;
        padding-right: 0px;
      }
    #c704 .tx-fp-newsletter {
        padding: 80px 0 30px 0;
      }
    .outer {
        display: flex;
        padding: 60px 0 60px 0;
        justify-content: center;
        align-items: start;
        min-height: auto;
      }
      .img_with_txt_line img {
        object-fit: cover;
        width: 100%;
        height:400px
      }
    .item-33-pf {
        width: 50%!important;
    }
    .citem-25 {
       width:100%;
       padding:0;
    }
 
    
    .ccol50 {
        width: 100%;
    }

   
   
    .ccol33 {
        width: 47%;
    }
    .extcontainer {
        flex-wrap: wrap;
       
    }

    .container100Percent {
        padding:25px;

    }
    .citem-60 {
        width: 100%;
    }
    .citem-40 {
        width: 100%;
    }
    .itemcontainer {
        flex-wrap: wrap;
    }
    .item-50arrangementnormal:nth-child(1) {
        flex-basis: 100%;
    }
    .item-50arrangementnormal:nth-child(2) {
        flex-basis: 100%;
    }
    .itemcontainer25 {
        flex-wrap: wrap;
    }
    .item-60 {
        width: 100%;
    }
    .item-40 {
        width: 100%;
    }
    .item-75 {
        width: 100%;
    }
    .item-25 {
        width: 100%;
       
    }
    .container {
        width: 100%;
    }
    .flex-container {
        flex-direction: column;
    }
    .item-50:nth-child(1) {
        order: 2;
    }
    .item-50:nth-child(2) {
        order: 1;
    }
    .distance_left_item {
        padding-left: 0px;
        padding-left: 0rem;
    }
    .distance_top {
        margin-top: 56px;
        margin-top: 3.5rem;
    }
    .distance_bottom {
        margin-bottom: 56px;
        margin-bottom: 3.5rem;
    }
    footer .itemcontainer25 .item-25 {
        width: 49%;
    }
    footer .itemcontainer25 .item-25:nth-child(3) {
        width: 49%;
        align-items: flex-end;
    }
    .citem-33 {
        flex-basis: 100%;
    }
    .quick_btn {
        position: relative;
        bottom: -10px!important;
    }
    .slider,
    .slider2 {
        height: 500px;
    }
    .respDistanceTop {
        margin-top: -50px;
    padding-left:20px;
    padding-right:20px;
    }

    .bg_empfehlung {

        min-height:900px;
    }


}

@media screen and (max-device-width: 768px),
all and (max-width: 768px) {

#market-info {
   
    z-index: 9000;
}

    /*home*/
    #slider423.slider.is-visible:before {
        background-position:50% 20%;
      }

      #slider659.slider.is-visible:before {
        background-position:75% 20%;
      }

      #slider501.slider.is-visible:before {
        background-position: 40% 20%;
        margin-top:300px;
      }
      #slider501 .slider-content {
        bottom:2rem;
      }
     

     #c710{
        margin-top:200px;
     }
}

@media screen and (max-device-width: 768px),
all and (max-width: 768px) {


    .citem-25 {
        flex-basis: 100%;
    }
  
    .flex-container-pf {
        display: block!important;
        gap: 30px !important;
    }
  
    
}

@media screen and (max-device-width: 768px),
all and (max-width: 768px) {
   
#market-info {
   
    z-index: 5000!important;
}
}
@media screen and (max-device-width: 705px),
all and (max-width: 705px) {
#market-info {
    position:absolute;
    top: 140px;
    left: 35px;
    width:220px;
    text-align:left;
    margin: 10px auto; /* Zentrieren des Elements */
    font-size: 12px;
    background: rgba(255,255,255,0.9);
  }
}

@media screen and (max-device-width: 630px),
all and (max-width: 630px) {
    .container100Percent {
        padding: 5px;
      }

      .caption-style-5 .costumTxt p {
        padding: 0 20px 0 20px!important;
      }

  /*Mitarbeiten*/
  #slider495.slider.is-visible:before {
    background-position:90% 20%;
    margin-top:300px;
}

    #c540 .img_with_txt_line img{
        object-fit:contain;
    width:auto;
    height:auto
        
      }
   

      #slider595.slider.is-visible:before {
        background-position:9% 20%;
      }
   

    #slider807.slider.is-visible:before {
        background-position:75% 20%;
        margin-top:300px;
    }
    
    #slider629.slider.is-visible:before {
        background-position:75% 20%;
        margin-top:300px;
    }
    .slider-content {
        left: 2.5rem;
    }
    .slider2 .slider-content2 {
        left: 2.5rem!important;
    }
  
    .contentheader_mobil {
        padding: 0 2rem 0 2rem!important;
    }
    .topnavmobil {
        right: 0px!important;
        padding: 2.5rem 2rem 2.5rem 0!important;
    }
    h1 {
        line-height: 40px;
    }
    footer .item-25 {
        width: 100%;
    }
    footer .item-21 {
        width: 100%;
    }
    .container {
        padding: 0 32px 0 32px;
        padding: 0 2rem 0 2rem;
    }
   
    .ccol33 {
        width: 40%;
    }
    .logo img {
        width: 157px;
    }
    footer .container {
        padding: 32px 32px 0 32px;
        padding: 2rem 2rem 0 2rem;
    }
   
}

@media screen and (max-device-width: 600px),
all and (max-width: 600px) {
  
    .costumer .bx-wrapper .bx-prev {
        left: -50px!important;
        width: 50px!important;
        height: 50px!important;
      }

      .costumer .bx-wrapper .bx-next {
        right: -50px!important;
        width: 50px!important;
        height: 50px!important;
       
      }

    .txtv {
        top: 90px;
      }

    ul.bulletgross {
        font-size: 18px!important;
        line-height: 22px!important;      
      }

    footer .itemcontainer25 .item-25 {
        width: 100%;
        display: flex;
    }
    footer .itemcontainer25 .item-25:nth-child(3) {
        width: 100%;
        align-items: flex-start;
    }
    footer .socialmedia ul {
        padding-top: 60px;
        width: 100%;
    }
    footer .socialmedia ul li {
        padding-right: 60px;
    }
    footer .socialmedia ul li img {
        width: 40px;
        height: 40px;
    }
    .item-33-pf {
        width: 100%!important;
    }
}

@media screen and (max-device-width: 500px),
all and (max-width: 500px) {
    .slider,
    .slider2 {
        height: 400px;
    }
    .logo img {
        width: 130px;
    }
 
}

@media screen and (max-device-width: 430px),
all and (max-width: 430px) {
   
    .slider-title,
    .slider-subtitle {
        font-size: 1.0rem!important;
        line-height: 1.5rem;
    }
    .slider2 .slider-subtitle,
    .slider2 .slider-subtitle2 {
        font-size: 1.0rem!important;
        line-height: 1.5rem;
    }
  
    footer .itemcontainer25 .item-25 {
        width: 100%;
        display: block;
    }
}


@media screen and (max-device-width: 365px),
all and (max-width: 365px) {
    .logo img {
        width: 100px;
    }
}