/* font-family: 'Cookie', cursive; */
/* font-family: 'Roboto Slab', serif; */
/* font-family: 'Roboto', sans-serif; */
/**/
* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

iframe {
    max-width: 100%;
}

html, body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #ffffff;
}

input, select, textarea {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #282523;
}

body {
    background: #ffffff url(../images/bg.jpg) repeat-y top center;
    background-size: 100%;
}

img {
    border: 0px;
    display: block;
}

a, input {
    outline: none;
}

/* ### global classes ### */
.clear {
    clear: both;
    height: 0px;
}

.centering {
    max-width: 940px;
    margin: 0 auto;
    position: relative;
}

ul {
    list-style: none;
}

a {
    
    text-decoration: none;
}

h2,.right h1 {
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    color: #ccaf0d;
}
    .right h1 {
        margin-bottom: 15px;
    }
    h3 {
        font-family: 'Roboto Slab', serif;
        font-weight: 700;
        font-size: 22px;
        line-height: 22px;
        color: #ccaf0d;
    }

h6 {
    font-family: 'Roboto Slab', serif;
    font-size: 19px;
    line-height: 19px;
    color: #ccaf0d;
}

h3.brd {
    position: relative;
}

    h3.brd:after {
        position: absolute;
        content: "";
        top: -30px;
        left: 0px;
        width: 100%;
        height: 1px;
       /* background: #3e3b39;*/
    }

a.btn {
    padding: 0 30px 0 52px;
    border-radius: 3px;
    font-family: 'RobotoSlabRegular';
    font-size: 15px;
    line-height: 37px;
    color: #282523;
    background: #ccaf0d url(../images/btn-arrow.png) no-repeat left center;
    display: inline-block;
    position: relative;
}

.main_btn {
    padding: 8px 50px;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    cursor: pointer;
    background: #ccaf0d url(../images/btn-arrow.png) no-repeat left center;
    display: inline-block;
    border-radius: 5px;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
}

.left {
    float: left;
}

.right {
    float: right;
}

::-webkit-input-placeholder {
    opacity: 1;
}

::-moz-placeholder {
    opacity: 1;
}

:-ms-input-placeholder {
    opacity: 1;
}

:-moz-placeholder {
    opacity: 1;
}

/* ### wrapper ### */
#wrapper {
    position: relative;
    display: block;
    width: 100%;
    min-height: 100%;
}

/* ### main container ### */
#mainCntr {
    margin: 0 auto;
    width: 100%;
    padding-bottom: 100px;
    overflow: hidden;
}

/* ### main container ### */

/* ### header container ### */
#headerCntr {
    position: relative;
    width: 100%;
    position: relative;
}

    #headerCntr a.logo {
        display: block;
        z-index: 9999;
        width: 177px;
        height: 210px;
        text-indent: -9999px;
        background: url('../images/logo.png') no-repeat;
        position: absolute;
        left: 40px;
        top: 22px;
    }

/* ### menu box ### */
.menuBox {
    padding-top: 19px;
    width: 100%;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    background-color: rgba(28,29,31,0.7);
}

    .menuBox ul {
        text-align: center;
    }

    .menuBox li {
        display: inline-block;
        margin: 0 5px;
        position: relative;
        height: 33px;
    }

        .menuBox li a {
            padding: 0px 19px 18px 19px;
            font-family: 'RobotoSlabRegular';
            font-size: 18px;
            line-height: 17px;
            color: #f5f0ec;
        }

        .menuBox li:hover a, .menuBox li.active a {
            color: #ccaf0d;
        }

    .menuBox ul ul {
        text-align: left;
        display: none;
        padding: 5px 10px;
        position: absolute;
        z-index: 100;
        top: 100%;
        width: 250px;
        background-color: rgba(28,29,31,0.7);
        border-radius: 0 0 10px 10px;
        -webkit-border-radius: 0 0 10px 10px;
    }

    .menuBox li li {
        display: block;
        margin: 0px;
        border-top: 1px solid #333436;
    }

        .menuBox li li:first-child {
            border-top: none;
        }

        .menuBox li li a {
            padding: 0px;
            font-family: 'RobotoRegular';
            font-size: 15px;
        }

    .menuBox li:hover li a {
        color: #f5f0ec;
    }

    .menuBox li li:hover a {
        color: #201f1f;
    }

        .menuBox li li:hover a span {
            background-color: #ccaf0d;
        }

    .menuBox li li a span {
        padding: 7px 17px;
        margin: 0 -10px;
        display: block;
    }

    .menuBox li:hover ul {
        display: block;
    }

.innerShadow {
    /*box-shadow: inset 4px 3px 3px rgba(24,24,25,0.55);*/
    background-color: #282523;
}

.mg-header {
    margin-top: 72px;
}

.yellow-heading {
    position: absolute;
    z-index: 99;
    left: 50%;
    margin-left: -250px;
    top: 0px;
    margin-top: -40px;
    width: 499px;
    height: 58px;
    background: url(../images/heading-bg.png) no-repeat center center;
}

    .yellow-heading h4, .yellow-heading h1, .yellow-heading h2 {
        padding: 0 52px;
        text-align: center;
        font-family: 'Roboto Slab', serif;
        font-weight: 700;
        font-size: 24px;
        line-height: 58px;
        color: #282523;
    }

.menuBox a.mtog {
    width: 30px;
    height: 30px;
    display: none;
    float: right;
}

    .menuBox a.mtog span {
        position: relative;
        display: block;
        background: #fff;
        height: 4px;
        margin: 12px 0px;
    }

        .menuBox a.mtog span:after {
            position: absolute;
            top: -10px;
            width: 100%;
            content: "";
            background: #fff;
            height: 4px;
        }

        .menuBox a.mtog span:before {
            position: absolute;
            bottom: -10px;
            width: 100%;
            content: "";
            background: #fff;
            height: 4px;
        }

/* ### bannerCntr ### */
#bannerCntr {
    width: 100%;
}

/* ### bannerbox ### */
.bannerbox {
    position: relative;
    width: 100%;
    padding-top: 50px;
}

    .bannerbox img {
        max-width: 100%;
    }

    .bannerbox .img img {
        margin: auto;
        position: relative;
        position: relative;
        left: -120px;
        right: 0px;
    }

    .bannerbox .overlay-content {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

        .bannerbox .overlay-content .inner {
            max-width: 1270px;
            margin: 0 auto;
            position: relative;
        }

            .bannerbox .overlay-content .inner .pan {
                margin-top: 110px;
            }

            .bannerbox .overlay-content .inner ul.mobhide li {
                float: left;
                width: 25%;
                position: relative;
            }

                .bannerbox .overlay-content .inner ul.mobhide li p {
                    text-align: center;
                    position: absolute;
                    width: 100%;
                }

                    .bannerbox .overlay-content .inner ul.mobhide li p strong {
                        position: relative;
                        display: inline-block;
                        font-size: 38px;
                        color: #201f1f;
                        font-family: 'CookieRegular', cursive;
                        font-weight: 400;
                    }

                    .bannerbox .overlay-content .inner ul.mobhide li p span {
                        position: relative;
                        margin-left: 15px;
                        display: inline-block;
                        font-size: 24px;
                        color: #0c7554;
                        font-family: 'CookieRegular', cursive;
                        font-weight: 400;
                    }

                .bannerbox .overlay-content .inner ul.mobhide li .cimg {
                    position: relative;
                    cursor: pointer;
                }

        .bannerbox .overlay-content .food {
            text-align: center;
            width: 100%;
            position: absolute;
            left: 20px;
            bottom: 27px;
        }

            .bannerbox .overlay-content .food.food2 {
                left: -20px;
                bottom: 0px;
            }

            .bannerbox .overlay-content .food.food3 {
                bottom: 52px;
                left: -2px;
            }

            .bannerbox .overlay-content .food.food4 {
                bottom: 20px;
                left: -26px;
            }

        .bannerbox .overlay-content .btn1, .categorie .btn1 {
            position: absolute;
            right: 0px;
            bottom: 34px;
            z-index: 100000;
            transform: rotate(-10deg);
            -webkit-transform: rotate(-10deg);
            width: 66px;
            height: 37px;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            background: #086345 url(../images/btn-arrow3.png) no-repeat center left;
            display: block;
        }

.categorie .btntext {
    background: #086345;
    width: 100px;
    font-size: 30px;
    color: white;
    font-family: 'CookieRegular', cursive;
    padding: 3px 8px;
}

.bannerbox .overlay-content .btn1.btn11 {
    right: 35px;
}

            .bannerbox .overlay-content .btn1.btn2 {
                transform: rotate(0deg);
                -webkit-transform: rotate(0deg);
                margin-right: 45px;
                bottom: 20px;
            }

            .bannerbox .overlay-content .btn1.btn3 {
                bottom: 4px;
                right: 30px;
                transform: rotate(10deg);
                -webkit-transform: rotate(10deg);
            }

            .bannerbox .overlay-content .btn1.btn4 {
                bottom: 6px;
                right: 19px;
                transform: rotate(-4deg);
                -webkit-transform: rotate(-4deg);
            }

            .bannerbox .overlay-content .btn1:hover {
                background-color: #f77930;
            }

        .bannerbox .overlay-content .inner ul.mobhide li .cimg .food img {
            margin: auto;
            max-width: 100%;
        }

        .bannerbox .overlay-content .inner ul.mobhide li img {
            position: relative;
        }

        .bannerbox .overlay-content .inner ul.mobhide li:nth-child(1) {
            width: 27%;
            margin-left: -35px;
        }

        .bannerbox .overlay-content .inner ul.mobhide li:nth-child(2) {
            width: 27%;
            margin-left: 12px;
        }

        .bannerbox .overlay-content .inner ul.mobhide li:nth-child(3) {
            width: 27%;
            margin-left: -39px;
        }

        .bannerbox .overlay-content .inner ul.mobhide li:nth-child(4) {
            width: 26%;
            margin-left: -30px;
        }

        .bannerbox .overlay-content .inner ul.mobhide li:nth-child(1) img {
            margin-left: 15px;
        }

        .bannerbox .overlay-content .inner ul.mobhide li:nth-child(2) img {
            margin-top: 22px;
            margin-left: -15px;
        }

        .bannerbox .overlay-content .inner ul.mobhide li:nth-child(3) img {
            margin-top: -10px;
            margin-left: 15px;
            z-index: 1;
        }

        .bannerbox .overlay-content .inner ul.mobhide li:nth-child(4) img {
            margin-top: 68px;
            margin-left: -8px;
        }

        .bannerbox .overlay-content .inner ul.mobhide li:nth-child(1) p {
            top: 40px;
            transform: rotate(-11deg);
        }

        .bannerbox .overlay-content .inner ul.mobhide li:nth-child(2) p {
            top: 40px;
            left: -15px;
            transform: rotate(-3deg);
        }

        .bannerbox .overlay-content .inner ul.mobhide li:nth-child(3) p {
            top: 16px;
            z-index: 2;
            right: -17px;
            transform: rotate(7deg);
        }

        .bannerbox .overlay-content .inner ul.mobhide li:nth-child(4) p {
            top: 120px;
            left: -14px;
            transform: rotate(-5deg);
        }

        .bannerbox .overlay-content .inner ul.mobhide li:nth-child(1) strong {
            transform: rotate(-15deg);
            top: 15px;
        }

        .bannerbox .overlay-content .inner ul.mobhide li:nth-child(2) strong {
            transform: rotate(-12deg);
            top: 2px;
        }

        .bannerbox .overlay-content .inner ul.mobhide li:nth-child(3) strong {
            transform: rotate(-8deg);
            top: 8px;
        }

        .bannerbox .overlay-content .inner ul.mobhide li:nth-child(1) span {
            transform: rotate(5deg);
        }

        .bannerbox .overlay-content .inner ul.mobhide li:nth-child(2) span {
            transform: rotate(3deg);
        }

        .bannerbox .overlay-content .inner ul.mobhide li:nth-child(3) span {
            transform: rotate(2deg);
        }

        .bannerbox .overlay-content .inner .element {
            position: absolute;
        }

        .bannerbox .overlay-content .inner .element_1 {
            top: -120px;
            left: 53%;
            margin-left: -115px;
            z-index: 3;
        }

        .bannerbox .overlay-content .inner .element_2 {
            bottom: -17px;
            z-index: 3;
            left: 18%;
        }

        .bannerbox .overlay-content .inner .element_3 {
            top: -27px;
            right: 60px;
            z-index: 3;
        }

        .bannerbox .overlay-content .inner .element_4 {
            bottom: -75px;
            left: 50%;
            margin-left: -124px;
            z-index: 4;
        }

        .bannerbox .overlay-content .inner .element_5 {
            right: -190px;
            top: 50%;
            z-index: 99999;
        }

        .bannerbox .overlay-content .inner .pan .mobileshow {
            display: none;
            padding: 20px;
            width: 400px;
            margin: auto;
            background: url(../images/blnk.png) no-repeat center;
            background-size: cover;
            min-height: 215px;
        }

            .bannerbox .overlay-content .inner .pan .mobileshow ul {
                position: relative;
            }

                .bannerbox .overlay-content .inner .pan .mobileshow ul li {
                    position: relative;
                    font-size: 36px;
                    color: #201f1f;
                    font-family: 'CookieRegular', cursive;
                    font-weight: 400;
                    cursor: pointer;
                }

                    .bannerbox .overlay-content .inner .pan .mobileshow ul li span {
                        font-size: 24px;
                        color: #0c7554;
                    }


/* ### content container ### */
#contentCntr {
    width: 100%;
}

/* ### center container ### */
#centerCntr {
    width: 100%;
}

/* ### map box ### */
.mapBox {
    width: 100%;
}

    .mapBox img {
        width: 100%;
        height: 687px;
    }

/* ### contactbanner box ### */
.contactbannerBox {
    width: 100%;
    height: 439px;
    background: url(../images/contact-banner.jpg) no-repeat top center;
    background-size: cover;
}

/* ### location box ### */
.locationBox {
    padding: 40px 40px 25px;
    width: 100%;
    overflow: hidden;
}

    .locationBox .left {
        width: 45%;
        float: left;
    }

    .locationBox .right {
        width: 46%;
        float: right;
    }

    .locationBox h3 {
        margin-bottom: 22px;
    }

    .locationBox p {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 15px;
        line-height: 20px;
        color: #fff;
        margin-bottom: 22px;
    }

    .locationBox ul {
        margin-left: 17px;
    }

    .locationBox li {
        padding-left: 20px;
        font-size: 15px;
        line-height: 20px;
        color: #fff;
        margin-bottom: 20px;
        background: url(../images/white-circle.png) no-repeat left 8px;
    }

    .locationBox h5 {
        font-family: 'RobotoMedium';
        letter-spacing: 0.1em;
    }

    .locationBox li span {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-style: italic;
        display: block;
    }

/* ### form box ### */
.formBox {
    padding: 35px 30px;
    width: 100%;
}

    .formBox h3 {
        text-align: center;
    }

    .formBox .dropdown {
        width: 100%;
        position: relative;
    }

        .formBox .dropdown select {
            width: 100%;
            height: 36px;
            text-align: center;
            display: block;
            box-shadow: 0px 0px 5px rgba(0,0,0,0.8) inset;
            -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.8) inset;
            -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.8) inset;
            -webkit-appearance: none;
            -moz-appearance: none;
            border: 0px;
            background: #fff url(/assets/websitedata/kaashandelfransen.be/images/select-arrow.png) no-repeat 98% center;
            padding: 5px;
        }

.shoppingCartWeight select, .shoppingCartNoWeight select {
    width: 175px;
    height: 36px;
    text-align: center;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.8) inset;
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.8) inset;
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.8) inset;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0px;
    background: #fff url(/assets/websitedata/kaashandelfransen.be/images/select-arrow.png) no-repeat 98% center;
    padding: 5px;
    background-position-x: 150px;
}

.formBox .dropdown select option {
    text-align: center;
    display: block;
    width: 100%;
}

.formBox .fr ul li {
    padding-bottom: 30px;
    width: 100%;
    float: left;
}

.formBox .fr {
    padding-top: 30px;
}

    .formBox .fr.brder {
        border-top: 1px solid #3e3b39;
        border-bottom: 1px solid #3e3b39;
    }

.formBox .left {
    width: 46%;
}

.formBox .right {
    width: 46%;
}

.formBox input[type="text"],.formBox input[type="password"] {
    padding: 2px 15px;
    text-align: center;
    font-size: 15px;
    color: #282523;
    width: 100%;
    height: 36px;
    border: 0px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.8) inset;
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.8) inset;
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.8) inset;
}

.formBox textarea {
    padding: 10px 15px;
    width: 100%;
    resize: none;
    height: 112px;
    border: 0px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.8) inset;
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.8) inset;
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.8) inset;
}

.formBox input[type="submit"] {
    padding: 8px 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    background: #086345;
    width: 100%;
    text-align: center;
    border: 0px;
}

.formBox .fr ul li p {
    padding-right: 35px;
    display: inline-block;
    overflow: hidden;
}

.formBox .fr ul li input[type="radio"] {
    display: none;
}

    .formBox .fr ul li input[type="radio"] + label {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        color: #FFFFFF;
        font-weight: 500;
        font-size: 15px;
        line-height: 36px;
        display: block;
    }

        .formBox .fr ul li input[type="radio"] + label span {
            margin-top: 8px;
            margin-right: 10px;
            display: block;
            float: left;
            width: 21px;
            height: 21px;
            background: #fff;
            border-radius: 50%; /* box-shadow: 0px 0px 4px rgba(0,0,0,0.8) inset; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.8) inset; -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.8) inset; */
            border: solid 5px rgba(255,255,255,0);
        }

    .formBox .fr ul li input[type="radio"]:checked + label span {
        background: #282523;
        border: solid 5px rgba(255,255,255,1);
    }

.buttonbox {
    margin: 0px;
    padding: 0px 0px !important;
}

/* ### findusBox ### */
.findusBox {
    margin-top: 48px;
}

    .findusBox .ino {
        position: relative;
    }

    .findusBox .inner {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        background: #282523;
    }

    .findusBox .left {
        width: 50%;
    }

    .findusBox .right {
        padding: 25px 60px 28px;
        width: 50%;
    }

    .findusBox .imgbx {
        min-height: 250px;
        background: url(../images/findus-img.jpg) no-repeat center;
        background-size: cover;
    }

    .findusBox .right .main_btn {
        color: #000;
    }

    .findusBox p {
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        color: #fff;
    }

    .findusBox .right > div {
        margin-top: 28px;
    }

    .findusBox .right a {
        margin-top: 15px;
    }

.headline {
    font-family: 'Roboto Slab', serif;
    display: inline-block;
    font-weight: 300;
    background: #086345 url(../images/btn-arrow2.png) no-repeat left center;
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    border-radius: 8px;
    padding: 16px 50px;
}

    .headline.market:after {
        position: absolute;
        top: -18px;
        right: -55px;
        width: 94px;
        height: 73px;
        content: "";
        background: url(../images/head-line_map.png) no-repeat center;
    }

.findusBox .headline {
    position: absolute;
    top: -32px;
    left: 50%;
    margin-left: -258px;
    box-shadow: 3px -3px 1px rgba(24,24,25,0.55);
    -moz-box-shadow: 3px -3px 1px rgba(24,24,25,0.55);
    -webkit-box-shadow: 3px -3px 1px rgba(24,24,25,0.55);
}

/* ### owlbannerBox ### */
.owlbannerBox h3 {
    padding-bottom: 20px;
}

.owlbannerBox p {
    padding-bottom: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
}

.owlbannerBox .right ul li {
    position: relative;
    padding-left: 36px;
    font-size: 15px;
    font-weight: 500;
}

    .owlbannerBox .right ul li:before {
        position: absolute;
        content: "";
        top: 7px;
        left: 15px;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #fff;
    }

    .owlbannerBox .right ul li p {
        font-style: italic;
        font-weight: 400;
    }

.owlbannerBox .left {
    width: 50%;
}

.owlbannerBox .right {
    width: 50%;
    padding: 55px 80px 32px 32px;
}

.owlbannerBox #slider .flex-direction-nav {
    display: none;
}

.owlbannerBox #carousel {
    padding: 0 45px;
    text-align: center;
    position: relative;
}

    .owlbannerBox #carousel .flex-viewport {
        display: inline-block;
        margin-top: -25px;
    }

    .owlbannerBox #carousel .flex-direction-nav a {
        position: absolute;
        top: 16%;
    }

        .owlbannerBox #carousel .flex-direction-nav a.flex-prev {
            left: 10px;
            border-right: 18px solid #ccc;
            border-top: 12px solid transparent;
            border-bottom: 12px solid transparent;
        }

            .owlbannerBox #carousel .flex-direction-nav a.flex-prev:hover {
                border-right: 18px solid #ccaf0d;
            }

        .owlbannerBox #carousel .flex-direction-nav a.flex-next {
            right: 10px;
            border-left: 18px solid #ccc;
            border-top: 12px solid transparent;
            border-bottom: 12px solid transparent;
        }

            .owlbannerBox #carousel .flex-direction-nav a.flex-next:hover {
                border-left: 18px solid #ccaf0d;
            }


/*PRODUCTS*/
.main_btn.black {
    color: black;
}

.largeproducts, .compactproducts, .productFunctions {
    display: none;
}

.categorien {
    padding: 15px 25px 25px 25px !important;
}

.categorien, .categorie {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.categorie {
    float: left;
    width: 31%;
    box-sizing: border-box;
    background-image: url(../images/blnk2.png);
    padding: 12px 25px 15px 25px;
    margin: 0 1% 5px 1%;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
}

    .categorie.product {
        width: 30%;
    }

        .categorie.product .price {
            position: absolute;
            right: 18px;
            top: 30px;
            background-color: white;
            border-radius: 10px;
            padding: 5px;
        }

    .categorie div {
        font-size: 24px;
        color: #201f1f;
        font-family: 'CookieRegular', cursive;
        font-weight: 400;
        text-transform: lowercase;
    }

        .categorie div:first-letter {
            text-transform: capitalize !important;
        }

    .categorie img {
        width: 100%;
        height: auto;
    }

    .categorie .btn1 {
        -webkit-transform: rotate(-2deg) !important;
        bottom: 10px;
    }

.findusBox.product {
    margin-top: 25px;
    position: relative;
}

.findusBox .priceBox {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.priceBox {
    font-size: 32px;
    color: white;
    font-family: 'CookieRegular', cursive;
    font-weight: 400;
    text-align: right;
}

.productFunctions .priceBox {
    position: absolute;
    right: 25px;
    top: 10px;
}

.euro {
    color: #ccaf0d;
    font-size: 20px;
}

.allergene {
    float: left;
    margin: 5px;
}

.milkkind {
    position: absolute;
    right: -55px;
    top: -20px;
}

.findusBox.product .imgbx {
    min-height: 175px;
}

.findusBox.product .right > div {
    margin-top: 0px !important;
}

.findusBox.product .right:first-child > div {
    margin-top: 32px !important;
}

.findusBox.product .left {
    width: 40%;
    position: relative;
}
.findusBox.product .left a {
    position: absolute;
    width: 100%;
    height: 100%;
}

.findusBox.product .right {
    width: 60%;
}

.files {
    display: none;
}

.width100 {
    display: inline-block;
    width: 100px;
}

.width180 {
    display: inline-block;
    width: 180px;
}
/* ### footer container ### */
#footerCntr {
    width: 100%;
}

.inlineblock {
    display: inline-block;
}

.amountbutton img {
    width: 25px;
}

.totalbox {
    margin: 15px 0px;
}

    .totalbox .centering .ino {
        padding: 20px;
    }

    .totalbox .centering .ino {
        background-color: #282523;
    }
/* ### footer box ### */
.footerBox {
    padding: 25px 0px;
    width: 100%;
}

    .footerBox .social-login {
        padding-bottom: 15px;
        width: 100%;
        overflow: hidden;
    }

        .footerBox .social-login img {
            float: right;
            margin-right: 30px;
        }

    .footerBox ul {
        text-align: left;
        padding: 20px;
    }

    .footerBox li {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 14px;
        margin: 0 13px 6px;
        color: #ffffff;
        display: inline-block;
        letter-spacing: 0.02em;
        line-height: 20px;
        float: left;
    }

        .footerBox li a {
            color: #ffffff;
            display: inline-block;
        }

.footerul li span.yellow {
    color: #ccaf0d;
    font-weight: 700;
    display: block;
   

}
.footerul li.payments {
    width: 200px;
}.footerul li.payments img {
     margin-right: 10px;
     margin-bottom: 10px;
     float: left;
     background-color: white;
     padding: 5px;
     height: 30px;
}

.footerBox li a:hover {
    color: #ccaf0d;
}

.webshopItem {
    color: #ccaf0d !important;
}
.noPadding,.noPadding form
{
    padding: 0px !important;
}
.noMargin,.noMargin form 
 {
     margin: 0px !important;
 }

.formMessagesContainer[formId="123"] {
    display: none;
}


.bannercontainer img {
    width: 100%;
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1599px) {
    .bannerbox .img img {
        max-width: 85%;
        left: -100px;
    }

    .bannerbox .overlay-content .inner {
        max-width: 1100px;
    }

        .bannerbox .overlay-content .inner ul li p strong {
            font-size: 28px;
        }

        .bannerbox .overlay-content .inner ul li p span {
            font-size: 20px;
        }

        .bannerbox .overlay-content .inner .element_1 {
            display: none;
        }

            .bannerbox .overlay-content .inner .element_1 img {
                max-width: 80%;
            }

        .bannerbox .overlay-content .inner .element_2 img {
            max-width: 80%;
        }

        .bannerbox .overlay-content .inner .element_3 img {
            max-width: 80%;
        }

        .bannerbox .overlay-content .inner .element_4 img {
            max-width: 80%;
        }

        .bannerbox .overlay-content .inner .element_5 img {
            max-width: 80%;
        }

        .bannerbox .overlay-content .inner .element_1 {
            margin-left: -70px;
            top: -110px;
        }

        .bannerbox .overlay-content .inner .element_2 {
            bottom: 0px;
        }

        .bannerbox .overlay-content .inner .element_4 {
            margin-left: -90px;
            bottom: -45px;
        }

        .bannerbox .overlay-content .inner .element_5 {
            right: -250px;
        }

        .bannerbox .overlay-content .inner ul.mobhide li p strong {
            font-size: 28px;
        }

        .bannerbox .overlay-content .inner ul.mobhide li .cimg .food img {
            max-width: 68%;
        }

    .bannerbox .overlay-content .btn1, .categorie .btn1 {
   /*     width: 54px;
        height: 32px;*/
        background-size: 60%;
    }

        .bannerbox .overlay-content .btn1.btn2, .categorie .btn1.btn2 {
            margin-right: 22px;
        }

    .findusBox {
        margin-top: 76px;
    }
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1399px) {
    #headerCntr a.logo {
        width: 100px;
        height: 115px;
        background-size: contain;
    }

    .bannerbox .overlay-content .inner {
        max-width: 1060px;
    }

    .bannerbox .img img {
        max-width: 90%;
    }

    .bannerbox .overlay-content .inner .element_1 img {
        max-width: 70%;
    }

    .bannerbox .overlay-content .inner .element_2 img {
        max-width: 70%;
    }

    .bannerbox .overlay-content .inner .element_3 img {
        max-width: 80%;
    }

    .bannerbox .overlay-content .inner .element_4 img {
        max-width: 70%;
    }

    .bannerbox .overlay-content .inner .element_5 img {
        max-width: 70%;
    }

    .bannerbox .overlay-content .inner .element_1 {
        top: -100px;
    }

    .bannerbox .overlay-content .inner .element_3 {
        right: 10px;
    }

    .bannerbox .overlay-content .inner .element_4 {
        bottom: -27px;
    }

    .bannerbox .overlay-content .inner .element_5 {
        right: -280px;
        top: 75%;
    }

    .bannerbox .overlay-content .inner ul.mobhide li .cimg .food img {
        max-width: 64%;
    }

    .bannerbox .overlay-content .food.food3 {
        left: 8px;
    }

    .bannerbox .overlay-content .inner ul.mobhide li:nth-child(4) p {
        top: 115px;
    }
}

@media only screen and (max-width: 1279px) {
    #headerCntr a.logo {
        left: 10px;
    }

    .bannerbox .img img {
        max-width: 100%;
        left: -45px;
    }

    .bannerbox .overlay-content .inner {
        max-width: 970px;
    }

        .bannerbox .overlay-content .inner ul li:nth-child(1) p {
            top: 32px;
        }

        .bannerbox .overlay-content .inner ul li:nth-child(2) p {
            top: 34px;
        }

        .bannerbox .overlay-content .inner ul li:nth-child(3) p {
            top: 14px;
        }

        .bannerbox .overlay-content .inner ul li p span {
            margin-left: 10px;
        }

    .headline {
        font-size: 20px;
    }

    .findusBox .headline {
        margin-left: -225px;
    }

    .findusBox {
        margin-top: 70px;
    }

    .bannerbox .overlay-content .inner ul li:nth-child(1) {
        margin-left: -14px;
    }

    .bannerbox .overlay-content .inner .element_3 {
        right: -35px;
    }

    .bannerbox .overlay-content .inner .element_1 {
        top: -104px;
        margin-left: -50px;
    }

    .bannerbox .overlay-content .inner .element_5 {
        right: -320px;
    }

    .bannerbox .img img {
        left: -80px;
    }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width: 1023px) {
    #mainCntr {
        padding-bottom: 50px;
    }

    .centering {
        padding: 0px 20px;
    }

    .bannerbox .img img {
        left: 0px;
    }

    .bannerbox .overlay-content .inner ul li img {
        display: none;
    }

    #headerCntr a.logo {
        z-index: 99;
    }

    .findusBox .inner {
        display: block;
    }

    .findusBox .left, .findusBox .right {
        width: 100%;
    }

    .footerBox li {
        line-height: 20px;
        display: block;
        margin: 0px;
    }

        .footerBox li:first-child {
            padding-bottom: 20px;
        }

    .bannerbox .overlay-content .inner .pan ul.mobhide {
        display: none;
    }

    .bannerbox .overlay-content .inner .pan .mobileshow {
        display: block;
    }

    .bannerbox .overlay-content .inner .pan {
        margin-top: 55px;
    }

    .findusBox {
        margin-top: 160px;
    }

    .bannerbox .overlay-content .inner .element_4 {
        bottom: -130px;
        left: 18%;
        margin-left: 0px;
    }

        .bannerbox .overlay-content .inner .element_4 img {
            max-width: 56%;
        }

    .bannerbox .overlay-content .inner .element_3 {
        right: -190px;
    }

        .bannerbox .overlay-content .inner .element_3 img {
            max-width: 55%;
        }

    .bannerbox .overlay-content .inner .element_1 img {
        max-width: 41%;
    }

    .bannerbox .overlay-content .inner .element_1 {
        top: -54px;
        margin-left: 0px;
        left: inherit;
        right: 0px;
    }

    .bannerbox .overlay-content .inner .element_5 {
        top: 61%;
        right: -274px;
    }

        .bannerbox .overlay-content .inner .element_5 img {
            max-width: 40%;
            right: -250px;
        }

    .menuBox li a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .mapBox img {
        height: auto;
    }

    .formBox {
        padding: 35px 40px;
    }

    .owlbannerBox .left, .owlbannerBox .right {
        width: 100%;
    }

    .owlbannerBox #slider .slides img {
        width: 100%;
    }

    .bannerbox .overlay-content .inner .pan .mobileshow ul li {
        padding: 0 30px;
    }

    .bannerbox .overlay-content .inner ul li p strong {
        width: 150px;
        display: inline-block;
    }

    .bannerbox .overlay-content .inner ul li:nth-child(1) {
        margin-left: 0px;
    }

    .findusBox.product .imgbx {
        min-height: 242px;
    }
}

@media only screen and (max-width:800px) {
    .categorie {
        width: 45%;
    }

        .categorie.product {
            width: 45%;
        }
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

    .logo{
        display:none !important;
    }

    .findusBox {
        margin-top: 140px;
    }

    .bannerbox .overlay-content .inner .element_1 {
        right: -54px;
    }

    .bannerbox .overlay-content .inner .element_5 {
        top: 43%;
        right: -282px;
    }

    .locationBox .left, .locationBox .right {
        width: 100%;
    }

    .formBox .left, .formBox .right {
        width: 100%;
    }

    .formBox .right {
        padding-top: 20px;
    }

    .formBox .fr ul li {
        padding-bottom: 20px;
    }

    .formBox .fr {
        padding-top: 20px;
    }

    .menuBox a.mtog {
        display: block;
    }

    .menuBox {
        padding: 10px;
        position: relative;
    }

        .menuBox .menu-mob {
            display: none;
            width: 100%;
            position: absolute;
            top: 100%;
            background-color: rgba(28,29,31,0.7);
            z-index: 100000;
            left: 0px;
        }

        .menuBox li {
            display: block;
            text-align: right;
            margin: 0px;
        }

        .menuBox ul ul {
            padding-left: 0px;
            padding-right: 0px;
            position: static;
            display: block;
            background-color: transparent;
            right: 0px;
            width: 100%;
            overflow: hidden;
        }
      
   

    .menuBox li li {
        border-top: none;
    }

        .menuBox li li a {
            padding-right: 30px;
        }

        .menuBox li li:hover a {
            background-color: #ccaf0d;
        }

        .menuBox li li:last-child {
            display: none;
        }

    .bannerbox .overlay-content .inner .pan .mobileshow {
        min-height: 200px;
    }

    #mainCntr {
        padding-bottom: 0px;
    }

    .locationBox {
        padding: 20px;
    }

    .contactbannerBox {
        height: 300px;
    }

    .bannerbox .overlay-content .inner .pan .mobileshow ul li {
        padding: 0;
    }

    .bannerbox .overlay-content .inner .element_2 {
        left: 7%;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 639px) {
    .bannercontainer{
        display:none;
    }

    .bannerbox .overlay-content .inner .element_2 {
        left: 0%;
    }

    .bannerbox .overlay-content .inner .element_4 {
        left: 15px;
    }

    .bannerbox .overlay-content .inner .element_5 {
        right: -310px;
    }

        .bannerbox .overlay-content .inner .element_5 img {
            max-width: 28%;
        }

    .headline {
        font-size: 17px;
        width: 100%;
        text-align: center;
    }

    .findusBox .headline {
        left: 0px;
        margin-left: 0px;
    }

    .findusBox .right {
        padding: 10px 25px 28px;
    }

        .findusBox .right > div {
            margin-top: 15px;
        }

    .yellow-heading {
        width: 100%;
        left: 0px;
        margin-left: 0px;
        background-size: 100%;
    }

    .formBox {
        padding: 35px 15px;
    }

    .owlbannerBox .right {
        padding: 55px 20px 32px 20px;
    }

    .findusBox .headline {
        position: static;
    }


    .findusBox.product .left {
        width: 100%;
    }

    .findusBox.product .right {
        width: 100%;
    }

    .findusBox .priceBox {
        /*bottom:-4px;*/
    }

    .right.shoppingCartItem {
        min-height: 230px;
    }
}

@media only screen and (max-width: 549px) {
    .bannerbox .overlay-content .inner .pan .mobileshow {
        width: 300px;
    }

    .bannerbox .overlay-content .inner .element_5 {
        top: 72%;
    }

    .bannerbox .overlay-content .inner .element_1 {
        right: -140px;
    }

    .bannerbox .overlay-content .inner .element_2 {
        bottom: -61px;
        left: -4%;
    }

    .bannerbox .overlay-content .inner .pan .mobileshow ul li span {
        font-size: 23px;
        width: 130px;
        float: left;
    }

    .bannerbox .overlay-content .inner ul li p strong {
        width: 120px;
        float: left;
    }

    .bannerbox .overlay-content .inner ul li p {
        overflow: hidden;
    }

    .bannerbox .overlay-content .inner .element_4 {
        bottom: -65px;
    }

    .bannerbox .overlay-content .inner .element_3 {
        right: -213px;
    }
}

@media only screen and (max-width: 480px) {
    .categorie {
        width: 90%;
    }

        .categorie.product {
            width: 90%;
        }
}

@media only screen and (max-width: 375px) {
    .bannerbox .overlay-content .inner .element_1 {
        right: -165px;
    }

    .priceBox #ddlWeightSelection {
        min-width: 125px;
    }

    .shoppingCartWeight .width180 {
        width: 130px;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 768px) {
    .menuBox .menu-mob {
        display: block !important;
    }
}