@media only screen and (max-width: 62.5em) {

    body {
        font-size: 14px;
    }

    b, strong {
        font-size: inherit;
    }

    #all .content {
        padding: 15px 20px;
    }

    .mclearfix:before,
    .mclearfix:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .mclearfix:after {
        clear: both;
    }

    #all .megaBox .teaser .box_bottom_lnk_row a,
    #all .box .boxInner .box_bottom_lnk {
        font-size: 18px;
        line-height: 22px;
    }

    #all .box.megaBox .boxInner {
        height: 390px;
    }

    #all .box.megaBox .boxInner .box_img_lnk img {
        padding: 10px 10px 20px;
    }

    #all .megaBox .teaser .box_bottom_lnk_row {
        bottom: 20px;
    }

    #all .box .boxInner .box_topic {
        font-size: 16px;
        padding: 20px 0px 0px 0px;
    }

    #all .box .boxInner .box_body {
        padding: 55px 20px 0px;
    }

    #all .box .boxInner .box_bottom_lnk {
        padding: 0px 0px 20px 0px;
    }

    /*Rezepte */
    #all .content .tx-gepa-rezepte .gepa-box header h1 {
        width: 100%;
    }

    #all .content .tx-gepa-rezepte .footerRow {
        display: none;
    }

    #all .content .rezept-list .rezept-list-item h2,
    #all .content .rezept-list .rezept-list-item p {
        margin-left: 0px;
    }

    #all .content .rezept-list .rezept-list-item p strong {

    }

    #all .content .rezept-list .rezept-list-item .cite {
        margin-top: 20px;

    }

    #all .content .rezept-list .rezept-list-item .img {
        width: 100%;
        height: auto;
    }

    #all .content .rezept-detail .textwrap {
        padding: 0px;
    }

    #all .content .rezept-list .rezept-list-item footer a {
        font-size: 16px;
    }

    #all .content .rezept-detail header {
        padding-left: 0px;
        margin-bottom: 30px;
    }

    #all .content .rezept-detail header h2 {
        padding-bottom: 15px;
        padding-top: 20px;
    }

    #all .content .gepa-box ul li {
        padding: 10px 0px;
    }

    /* sitemap moful */
    #all .box.sitemap {
        width: auto;
        height: auto;
        margin-top: 40px;

    }

    .sticknav {
        display: none;
    }

    /* ICON TEASER */
    #all .content .gepa-icon-box {
        height: auto;
        margin-left: 12px !important;
    }

    #all .content .row .span2.box > .gepa-box,
    #all .content .row .span1.box > .gepa-box{
        margin-bottom: 0px;

    }

    #all .content .row .span2.box > .gepa-box .gepa-icon-box {
        padding-top: 20px;
        margin-left: 0px !important;
    }

    #all .content .gepa-icon-box .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
        display: block;
        float: none;
        margin: 0px auto;
    }

    #all .content .gepa-icon-box .csc-textpic-intext-left-nowrap .csc-textpic-text {
        margin-left: 0px;
        height: auto !important;
        padding: 0px 0px 10px 0px;
    }

    .gepa-icon-box-big div.csc-textpic .csc-textpic-imagewrap img {
        margin: 20px auto;
    }

    #all .content .gepa-slideshow a img {
        margin: 0px;
    }

    #all .content .span4 .gepa-slideshow {
        width: 100%;
        float: none;
        margin-bottom: 20px;

    }


    #all .box,
    #all .content .gepa-box {
        margin-bottom: 0px;
    }


    #all .content .box .articleTeaser,
    #all .content .box > .gepa-box{
        margin-bottom: 40px;
    }


    #all .box.megaBox {
        margin-bottom: 20px;
    }


    html body #all .pageBody .content .gepa-box.product-slider {
        margin-bottom: 80px;
    }


    #all footer.footer .question {
        height: auto;
    }

    #all .content .gepa-rahmen {
        width: auto;
    }

    /* Artikel */
    #all .content .artikel-list .artikel-list-item .img {
        float: none;
        width: 100%;
        height: auto;
    }

    #all .content .artikel-list .artikel-list-item header h1 {
        font-size: 26px;
        line-height: 28px;
        padding-bottom: 15px;
    }

    #all .content .artikel-list .artikel-list-item h2,
    #all .content .artikel-list .artikel-list-item p {
        margin-left: 0px;
    }

    #all .content .artikel-list .artikel-list-item header .data {
        font-size: 14px;
        line-height: 18px;
    }

    .smalla, #all .content .stage .gepa-page-headline .option-bar a,
    #all .content .footerRow .lnk, #all .content .bottom-nav-bar .noTop,
    #all .content .press-list .press-list-item footer a,
    #all .content .rezept-list .rezept-list-item footer a,
    #all .content .artikel-list .artikel-list-item footer a,
    #all .content .product-slider .product-slider-header a,
    #all .content .product-slider .product-slider-item header a,
    #all .content .product-slider .product-slider-item .more,
    #all .content .avail-list .avail-list-item footer .right a,
    #all .content .patner-item header .righta {
        font-size: 16px;
    }

    .avail-list h2 {
        border-bottom: 1px solid #e0dfdc;
        padding: 15px 0px;
    }

    .avail-list h2.subHeadline {
        border: none;
    }

    #all .content #gepa-faq {
        margin: 0px;
    }

    #all .content #gepa-faq h2 {
        padding: 20px 0px 10px;
    }

    #all .box, #all .content .gepa-box {
        margin-left: 0px !important;
        padding-top: 20px;
    }

    #all .box, #all .content .gepa-box > .gepa-box {

        padding-top: 0px;
    }

    /* FAQ */
    #all .content #gepa-faq .gepa-expand .gepa-expand-handle a {
        font-size: 16px;
        line-height: 18px;
        padding: 10px 40px 10px 0px;

    }

    #all .content .gepa-topheadline .textwrap {
        margin-left: 0px;
    }

    #all .content #gepa-faq .gepa-expand-body li {
        padding: 10px 0px;

    }

    #all .content .gepa-box.gepa-form {
        margin-bottom: 50px;
    }

    #all .content .gepa-box.gepa-form.gepa-rezepte-search {
        overflow: unset;
    }  

    #all .content .gepa-box .csc-mailform{
        margin-left: 0px;
    }


    #all .content .gepa-avail-search .row1,
    #all .content .gepa-avail-search .row2 {
        width: 100%;
        float: none;
    }

    #all .content .gepa-avail-search .row1 input[type="text"],
    #all .content .gepa-avail-search .row2 input[type="text"],
    #all .content .gepa-avail-search .row1 select,
    #all .content .gepa-avail-search .row2 select {
        width: 100%;
    }

    #all .content .gepa-avail-search .row2 {
        margin-top: 20px;
    }

    #all .content .gepa-avail-search .row2 .btn,
    #all .content .gepa-avail-search .row2 .btn-text {
        display: block;
        margin: 20px auto;
        text-align: center;

    }

    #all .content .avail-list .avail-list-item footer .left,
    #all .content .avail-list .avail-list-item footer .right {
        text-align: left;
        float: none;
        font-family: 'Lucida$ Sans W01 Roman', Verdana, Sans-Serif;
        text-transform: none;

    }

    #all .content .avail-list .avail-list-item footer .left span {
        display: block;
        font-weight: bold;
        font-family: "FrutigerLTW02-67BoldCn";
    }

    #all .content .avail-list .avail-list-item footer .left span.hidedesktop{
        text-transform: uppercase;
        text-decoration: underline;

    }

    #all .content .avail-list .avail-list-item footer .left {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    #all .content .avail-list .avail-list-item p {
        font-size: 14px;
        line-height: 22px;
    }

    #all .content .avail-list .avail-list-item p a {
        display: block;
    }

    #all .content .gridLeft .partner-slider .partnerSlider {
        width: 100%;
    }

    #all .content .artikel-list .artikel-list-item h3, #all .content .artikel-list .artikel-list-item h4, #all .content .artikel-list .artikel-list-item p, #all .content .artikel-list .artikel-list-item .gepa-box {
        margin-left: 0px;
    }

    #all .content .artikel-list .artikel-list-item .csc-textpic, #all .content .artikel-list .artikel-list-item .csc-textpic-imagewrap {
        float: none;
        display: block;
    }

    #all .content .artikel-list .artikel-list-item div.csc-textpic .csc-textpic-imagewrap img {
        margin: 10px auto;

    }

    #all .content .artikel-list .artikel-list-item .gepa-box {
        width: auto;
    }

    #all .content .artikel-list .artikel-list-item ul {
        margin-left: 15px;
    }

    #all .content .patner-item header h3 {
        font-size: 26px;
        line-height: 28px;
        padding-bottom: 15px;
    }

    #all .content .patner-item footer div,
    #all .content .patner-item footer div.l2,
    #all .content .patner-item footer div.l3 {
        padding: 0px;
        font-size: 14px;
        line-height: 22px;
        width: 100%;
    }

    #all .content .deeplink {
        font-size: 16px;
        font-weight: bold;
        text-decoration: underline;
        text-align: center;
        text-transform: uppercase;
    }

    html body #all .pageBody .content .gepa-box.product-slider .product-slider-next, html body #all .pageBody .content .slider-frame.clearfix.partner-slider .product-slider-next {
        right: -20px;
    }

    html body #all .pageBody .content .gepa-box.product-slider .product-slider-prev, html body #all .pageBody .content .slider-frame.clearfix.partner-slider .product-slider-prev {
        left: -20px;
    }

    #all .content .patner-item {
        border-bottom: 2px solid #646365;
        padding-left: 0px;
        margin-bottom: 40px;
    }

    #all .content .patner-item header .righta {
        display: none;
    }

    #all .content .partner-slider .partnerSlider .product-slider-item,
    #all .content .partner-slider .partnerSlider .product-slider-slide,
    #all .content .partner-slider .partnerSlider .product-slider-item a {
        height: auto;
    }

    #all .content .partner-slider.extended .partnerSlider .product-slider-mask {
        background: url(/fileadmin/resources/GEPA_Verpackung_Platzhalter.png) repeat-x;
        background-size: 50%;
    }

    #all .content .partner-slider .partnerSlider {
        position: relative;
        display: block;
    }

    #all .content .patner-item .slider-frame figure,
    #all .content .partner-slider figure img {
        width: 100%;
        height: auto;
    }

    #all .content .stage.gepa-produzent-detail .gepa-page-headline {
        margin-left: 0px;
    }

    #all .content .stage.gepa-produzent-detail .option-bar {
        display: none;
    }

    #all .content .stage.gepa-produzent-detail .span.infoSpan,
    #all .content .stage.gepa-produzent-detail .span,
    #all .content .stage.gepa-produzent-detail .span img {
        width: 100%;
        height: auto;
        font-size: 16px;
        background: #e5e0d6;
    }

    .produzent-detail-features .hidedesktop .csc-textpic.csc-textpic-center.csc-textpic-above {
        height: auto !important;
    }

    #all .content .stage.gepa-produzent-detail .span.infoSpan {
        height: auto;
    }

    #all .content .stage.gepa-produzent-detail .span .inner {
        padding: 30px 20px;
    }

    #all .content .produzent-detail-features .gepa-box.gepa-icon-box {
        height: auto;
    }

    .artikle22 .content .gridLeft,
    .artikle22 .content .gridRight {
        float: none;
        width: auto;
        padding-left: 0px;
        display: block !important;
    }

    .artikle22 .content .gridRight img {
        width: 100%;
        height: auto;
    }

    #all footer.footer .mobile-social > li {
        width: 18%;
    }

    #all footer.footer .mobile-social {
        padding: 20px 0 30px;
    }

    #all .content .presse-form-left,
    #all .content .presse-form-right {
        width: 100%;
        float: none;
    }

    #all .footer .boxBar .box {
        width: 100%;
        display: none;
        height: 260px;
    }

    #all .footer .boxBar .box.boxmobile {
        display: block;
    }

    #all .footer .boxBar .box .inner {
        padding: 30px 25px;
    }

    #all .press-list {
        padding-top: 0px;
    }

    #all .content .press-list .press-list-item header .date {
        font-size: 14px;
    }

    #all .content .press-list .press-list-item header h1 {
        font-size: 26px;
        word-wrap: break-word;
        line-height: 28px;
        padding-bottom: 15px;

    }

    #all .content .press-list .press-list-item header h2 {
        font-size: 20px;
    }

    #all .content .press-list .press-list-item p {
        padding-bottom: 5px;
    }

    #all .content .press-list .press-list-item footer a {
        font-size: 16px;
        line-height: 36px;
    }

    #all .content .press-list .press-list-info,
    #all .content .press-list .press-list-item {
        margin-bottom: 30px;
    }

    #all .content .press-list .press-list-item footer {
        padding-bottom: 30px;
    }

    #all .content .press-list .press-list-item header h1 {
        font-size: 26px;
    }

    .artikle32 .content .gepa-produzent-detail-view .gridRight {
        display: block !important;
        float: none;
    }

    #all .content .gepa-produzent-detail-view .gridRight .trenner {
        display: none;

    }

    #all .box .tx-gepa-quiz {
        margin-bottom: 40px;

    }

    #all .content .box .boxInner.gepaQuiz {
        padding-bottom: 40px;
    }

    #all .box .tx-gepa-quiz .box_body {
        padding-bottom: 20px;
    }

    #all .content .box .boxInner.gepaQuiz .box_body > ul > li > a {
        font-size: 14px;
    }

    #all .box .boxInner .box_body {
        padding: 55px 20px 0px;
    }

    #all .box .tx-gepa-quiz .boxInner .box_body {
        padding: 55px 20px 20px;
    }

    #all #nav {
        background-size: 32px;
        background-position: 22px 40px;
        height:100px;
    }

    #all .pageBody #header div.shop {
        left: 20px;
        top: 35px;
    }

    #all #header .shop a.shop_logo,
    #all #header .shop a.shop_logo:hover, #all #header .shop a.shop_logo.hover{
        background-size: 50px;
    }

    #all .gepaTrager ul > li a > img {
        vertical-align: middle;

    }

    #all .gepaTrager ul li a {
        line-height: 62px;
    }

    #all .gepaTrager ul > li {
        min-height: 62px;
    }

    #all .gepaTrager span {
        font-weight: bold;
        line-height: 52px;
        text-align: center;
    }

    #all .footer .question h2,
    #all .content .gepa-box.gepa-headline h2,
    #all .content .gepa-box.gepa-headline h3,
    #all .content .gepa-box.gepa-headline h1 {
        font-size: 26px;
        line-height: 28px;
        padding-bottom: 0px;

    }

    #all .content .gepa-headline {
        padding-bottom: 15px;
    }

    #all .content .gepa-headline .textwrap {
        margin-left: 0px;
    }

    #all .footer .newsletter .left h5 {
        font-size: 16px;
    }

    #all footer.footer .newsletter .right .nl_btn {
        background-size: 270px;
        width: 270px;
        height: 37px;
        font-size: 16px;
        line-height: 35px;
    }

    #all footer.footer {
        margin-top: 30px;
    }

    #all footer.footer .mobile-social > li > a.footer-fb,
    #all footer.footer .mobile-social > li > a.footer-inst,
    #all footer.footer .mobile-social > li > a.footer-tw,
    #all footer.footer .mobile-social > li > a.footer-yt,
    #all footer.footer .mobile-social > li > a.footer-rss {
        background-size: auto 35px;
    }

    #c296 p a,
    #c296 p span {
        font-size: 18px;
        line-height: 34px;
    }

    #all footer.footer .boxBar .box .inner #c296 .lnkBold {
        font-size: 18px;
        line-height: 30px;
        padding-top: 10px;
        display: block;
    }

    html body #all .pageBody .content .gepa-box.product-slider .product-slider-prev.swiper-button-disabled, html body #all .pageBody .content .slider-frame.clearfix.partner-slider .product-slider-prev.swiper-button-disabled {
        opacity: 0.3;
    }

    h1,
    #all .content .stage .gepa-box h1 {
        font-size: 26px;
        line-height: 28px;
        padding-bottom: 15px;
    }

    h2,
    #all .content .gepa-box h2 {
        font-size: 24px;
        line-height: 26px;
    }

    #all .content .tx-gepa-press .gepa-box h2 {
        font-size: 20px;
        line-height: 24px;
    }

    h3,
    #all .content .gepa-box h3 {
        font-size: 18px;
        line-height: 22px;
    }

    #all .content .avail-list .avail-list-item header h1 {
        font-size: 26px;
        line-height: 28px;
        padding: 10px 0px;
    }

    #all .content .avail-list .avail-list-item {
        margin-bottom: 30px;
    }

    #all .content .avail-list .avail-list-item footer {
        padding-bottom: 30px;
    }

    #all .content .avail-list .avail-list-item h2 {
        padding-bottom: 20px;
    }

    #all .content .rezept-list .rezept-list-item header .data {
        font-size: 14px;
        line-height: 18px;
    }

    #all .content .gepa-box h1,
    #all .content .box h1,
    #all .content .box h2,
    #all .content .box h3 {
        font-size: 26px;
        line-height: 28px;
        padding-bottom: 15px;
    }

    .mobileMenu .meta > ul > li > a {
        padding: 15px 10px;
    }

    #all .content .rezept-detail .cite {

    }

    #all .content .rezept-list .rezept-list-item.last{
        margin-bottom: 60px;
        padding-bottom: 30px;
    }

    #all .content .rezept-list{
        margin-left: 0px;
    }

    #all .content figcaption {
        padding-top: 10px;
    }

    #all .content .product-slider .product-slider-body.slide-detail-mode .product-slider-item header a {
        font-size: 16px;
    }

    html body #all .pageBody .content .partner-slider.extended .partnerSlider .product-slider-slide .product-slider-item span {
        font-size: 14px;
        top: 240px;
        line-height: 16px;
    }

    html body #all .pageBody .content .partner-slider.extended {
        height: 290px;
    }

    .footer h4 {
        line-height: 40px;
    }

    .mobilebutton span {
        font-size: 15px;
        line-height: 40px;
        color: #b29734;
        font-weight: bold;
        display: block;
    }

    .mobilebutton {
        width: 50%;
        float: left;
        text-align: center;
        margin: 10px 0px;
        padding: 30px 0px;
        border-top: 1px solid #e0dfdc;
        text-decoration: none;
    }

    .mobilebutton.full {
        width: 100%;

    }

    .mobilebutton.noborder {
        border: none;

    }

    .mobilebutton img {
        width: 80px;
    }

    #all .content .row,
    #all .content .row .span4,
    [class*="span"]{
        margin-left: 0px;
    }

    #all footer.footer .boxBar .box:first-child{
        display: none;
    }


    #all .content section#c7122,
    #all .content section#c7140,
    #all .content section#c7141,
    #all .content section#c7142,
    #all .content section#c7143,
    #all .content section#c7144,
    #all .content section#c7145,
    #all .content section#c7146,
    #all .content section#c7147,
    #all .content section#c7148,
    #all .content section#c7149,
    #all .content section#c7150,
    #all .content section#c7151{
        padding-top: 0px !important;
        margin-top: 0px !important;
    }

    #all .content .product-slider .product-slider-item .produkt-slide-body .bootom img{
        margin-left:0px;
    }


}

#all .content .tx-gepa-rezepte .gepa-box img {
    width: 100%;

}

#all .content .avail-list .avail-list-item footer .entferung {
    display: none;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

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

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

.mt-50 {
    margin-top: 50px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mobilefooter{
    background-color: #f2f1ee;
    padding: 30px;
    margin-top: 20px;
}

.boxmobile{
    display: none;
}

#all .content .gepa-icon-box.gepa-icon-box-big>div>div>img {
    max-width: 63px;
    height: auto;
}