:root {
    --kleur1: #313335;
    --kleur2: #313335;
    --kleurgroen: #8FBC8F;
    --kleur3: #444;
    --kleur4: #000;
    --kleur5: #000;
    --kleur6: #000;
    --kleur7: #666;
    --kleur8: #111;
    --grijs: #333333;
    --wit:	  #ffffff;
    --zwart:  #000000;
    --lettertype6 : Poppins;
    --radius: 3px;
}

html,body, h1,h2,h3,h4,h5,h6, .knop, input, textarea, select, option {    }



.knop, input[type=submit] {
    background: var(--kleurgroen);
    border-color: var(--kleurgroen);
    color: #fff;
}
html{background-image:none; background:#efefef;}
#canvas_website.consument canvas_logo{width:400px;}

div#content {   padding:0;}

#header_items img{display:none;}

#header_items {
    width: 449px;
    background-color: var(--kleur1);
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    padding: 0;
    left: unset;
    font-size:94%;
}

@media only screen and (max-width:768px){
    #header_items {        width: 100%;       }
}

#header_items a, #header_items h4, #header_items h5 {
    color: #fff;
    margin: 0;
    text-transform: capitalize;
    padding: 5px;
    text-decoration: none;
}

@media only screen and (max-width: 600px){
    #header_items h4{display:none !important;}
}

#canvas_login, #canvas_mini_basket, #canvas_favorites {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 5px 0;
    position: relative;
    z-index:1000;
}

#product_search {
    padding: 10px 0;
    width: 250px;
    display: block;
    right: 0;
    left:unset;
    position: relative;
    margin: 0 0 0 auto;
    padding: 0;
}

#product_search input{width:100%;}


div#broodkruimel {
    font-size: 0.92em;
    text-align: left;
    /* padding: 5px 0; */
    width: 39%;
    display: inline-block;
    margin: auto;
    width: 100%;
}
div#broodkruimel a{color:var(--kleur1);}

#canvas_login h4, #canvas_mini_basket h4, #canvas_favorites h4{ display:inline-block; margin:0 px;}
#canvas_mini_basket .quantity {
    position: absolute;
    left: 90%;
    top: 15px;
}

#canvas_mini_basket .quantity {
    background: var(--kleur1);
    width: 30px;
    height: 30px;
    border-radius: 15px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 15px;
    padding-top: 4px;
    color: #fff;
    transition: all .2s ease-in-out;
}

#canvas_login h4::before {
    content: "\f2be";
    font-family: fontAwesome;
    padding:0 5px;
    text-decoration: none;
    display: ;
}

#canvas_login h5::before {
    content: "\f234";
    font-family: fontAwesome;
    padding-right: 10px;
    text-decoration: none;
    display: ;
}

#canvas_mini_basket h4, #canvas_mini_basket h5, #canvas_favorites h4, #canvas_favorites h5 {
    display:inline;
}




#categoryEtalage .canvas_container {    display: flex;}
#categoryEtalage {    background: var(--kleur1);    color: #fff;}
#productEtalage {    max-width: 1350px;    padding-top: 0;    margin: 1em auto;}
#productEtalage #canvas_prijzen {    width: 100%;}


#productEtalage .featuredItem {
    width: 24%;
    min-width: 170px;
    max-width: 350px;
    display: inline-block;
    border:none !important;
}


@media only screen and (max-width:800px){
    #productEtalage {margin:1em auto;}
    #productEtalage .featuredItem {
        margin: 10px 6px !important;
        width: calc(50% - 12px);
        min-width: auto;
        padding-top: 20px 5px 5px 5px;
        border: 1px solid #eee !important;
    }

}

#productEtalage .productGegevens .productDesc{display:none !important; opacity:0; transition: 0.5s all ease-in-out;}
#productEtalage .productGegevens .productUnit{display:none !important;}

.recentBlogBlock h3, #productEtalage h4 {
    color: #000;
    text-align: center;
}

@media only screen and (max-width:481px){
    .recentBlogBlock:nth-child(4){display:none;}
}
@media only screen and (max-width:600px){
    .recentBlogBlock:nth-child(3){display:none;}
}


@media only screen and (min-width:800px){
    .recentBlogBlock h3, #productEtalage h4 {
        font-size: 105%;
        max-width: 90%;
        margin: auto;
        color: #000;
        font-size: 15px;
        letter-spacing: 0px;
        /* background: #eee; */
        padding: 5px;
        /* border: 1px solid #ccc; */
        text-align: left;
    }

    }



/*
#productEtalage #favIcon{display:none;}
#favIcon{display: none !important}*/
.product_block .imageContainer img {
    max-width: 75%;
    max-height: 75%;
}

.product_block #productCategory{display: none !important;}
.product_block:hover .imageContainer img{max-width:90%; max-height:90%}

@media only screen and (min-width:1024px) {
    /* only hover on pc */
        #productEtalage .product_block:hover #productDesc {
        position: absolute;
        top: 147px;
        background: #eeeeeef2;
        height: auto !important;
        display: none !important;
        padding: 10px;
        text-align: center;
        font-size: 94%;
        opacity: 1;
    }
}


a.category_icon {
    display: inline-block;
    margin: 5px;
    width: 135px;
    text-align: center;
    flex: 1;
    padding: 5px;
}
a.category_icon div{width:125px;height:125px;border-radius:100px; background-size:cover; opacity:0.8;}
a.category_icon div:hover{opacity:1;}
a.category_icon h5 {
    /* height: 90px; */
    /* font-weight: bold; */
    font-size: 14px;
    vertical-align: top;
    margin-top: 5px;
    color: #fff;
    vertical-align: bottom;
    padding-top: 10px;
}

#product_search input{margin:0; background-color:#eee; color:#000; padding-top: 5px}
#product_search input:hover{background-color:#ddd;}
#product_search {
    padding: 0;
    width: 448px;
    max-width:100%;
    height: 37px;
    text-align: 50px;
    top: 50px;
}



input#search + i {
    color: #8a7777;
    left: -5px;
    top: -30px;
}

div#canvas_logo.ingeklapt #monologo, div#canvas_logo.contentpagina #monologo {
    display: none;
    max-width: none;
    width: auto;
    height: 80px;
    margin: 2px;
}

div#canvas_logo.ingeklapt #fclogo, div#canvas_logo.contentpagina #fclogo {
    display: inline-block;
}


div#canvas_logo, div#canvas_logo.ingeklapt, div#canvas_logo.contentpagina {    position: absolute;    width: 220px;    padding: 15px 0 0 0;}

@media only screen and (max-width:768px){    div#canvas_logo, div#canvas_logo.ingeklapt, div#canvas_logo.contentpagina {    padding: 4px 0 0 0;}
    div#canvas_logo img#monologo, div#canvas_logo.ingeklapt img#monologo, div#canvas_logo.contentpagina img#monologo{display: inline-block;}
    div#canvas_logo img#fclogo, div#canvas_logo.ingeklapt img#fclogo, div#canvas_logo.contentpagina img#fclogo {display: none;}
}




#header_items{padding:2px;}

#categoryMenu {
    position: relative;
    width: 100%;
    background: #313335;
    padding: 9px 0 0 0;


}

#categoryMenu li a {
    color: #ccc;
}
.catIcon {
    width: auto;
    padding-right: 3px;
    height: 21px;
    opacity: 1;
}

#categorien ul.subcategorien li {    display: none;}
#categorien ul.subcategorien li a{    color:#313335}

/* derde niveau niet zichtbaar */
#categoryMenu ul.subcategorien ul{display: none !important; opacity:0;}
#categoryMenu ul.subcategorien ul.actief{display: inline-block !important; opacity:1;}

#categoryMenu ul#categorien {    display: inline-block;    margin: 0;    padding: 0;    text-align: center;    width: 100%;}
.ingeklapt #categoryMenu ul#categorien{border:0;}

#websiteMenu {
    /* width: auto; */
    display: inline-block;
    margin: auto;
    text-align: center;
    font-size: 100%;
    top: 0;
    position: absolute;
    width: 50%;
    left: 25%;
    /* right: 0; */
    /* bottom: 0; */
    /* top: unset; */
    /* top: 89px; */
    color: #ccc;
}
#websiteMenu li {
    display: inline;
    padding: 2px 0;
    margin: 0 10px;
    border-bottom: 1px solid #e3e3e3;
    text-transform: uppercase;

}
#websiteMenu a {
    color: #373737;
}
.collapse-button{display:none;}


.subcategorien {
    padding:0;
}
#categoryMenu ul li {
    /* flex: 1; */
    text-align: center;
    padding: 9px 6px;
    margin: 0;
    list-style-type: none;
    font-size: 11px;
    display: inline-block;
    text-transform: uppercase;
}

.ingeklapt #categoryMenu, #categoryMenu {
    position: fixed;
    top: 100px;
    z-index: 100;
    font-size: 90%;
    padding:5px 10px;
    background: var(--kleur1);
    color: #fff;
    width:100%; max-width:1600px;
}
@media only screen and (min-width: 769px) and (max-width: 1500px){
    .ingeklapt #categoryMenu, #categoryMenu {        width: 100%;        left:0;    }
    #categoryMenu ul li {        padding: 4px 9px;          font-size: 85%; }
    ul.subcategorien{top:61px}
    }

div#canvas_menu_hr {    text-align: right;    width: calc(50%);    display: block;    padding: 0;    margin: 0;}


ul.subcategorien {
    display: none;
    position: absolute;
    width: 200px;
    background: #fff;
    height: auto;
    z-index: 10;
    /* margin-top: 10px; */
    color: #ccc;
    text-align: left;
    top: 44px;
}



.ingeklapt #categorien .subcategorien a{color:var(--kleur1);}
.menu-more{display:none;}

@media only screen and (max-width: 768px){
    #categoryMenu, .ingeklapt #categoryMenu {
        display: none;
        position: fixed;
        top: 50px;
        left: 0;
        /* z-index: 10000; */
        height: 100%;
        background: #00000040;
        text-align: left;
        max-width: 100%;
        margin: 0;
        padding: 0;
        z-index: 9999999999999;
        min-height: 100%;
        padding-top: 20px;

    }
    .catIconBox img {
        width: ;
        max-width: 100%;
        height: 23px;
        filter: grayscale(1) contrast(1.5) brightness(.4);
        margin-right: 5px;
    }

    .catIconBox {
        display: inline-block;
        width: 34px;
        text-align: center;
    }



    #categoryMenu ul#categorien{text-align:left;}
    #categoryMenu ul li {
        display: inline-block !important;
        width: 100%;
        max-width: 480px;
        text-align: left;
        border-bottom: 1px dotted #ddd;
        box-sizing: border-box;
        background: #fff;
        /* padding-bottom: 0px; */
        /* padding-top: 2px; */
        padding: 1px 5px 0 6px;
        line-height: 100%;
    }

    #categorien li > .menu-more {
        display: inline-block;
        color: #ccc;
        width: 30px;
        height: 30px;
        background: var(--kleur3);
        color: #fff;
        /* padding: 10px 0 0 0; */
        text-align: center;
        padding-top: 8px;
        box-sizing: border-box;
        float: right;
        border-radius: 15px;
    }
    .ingeklapt #categorien > li > a {color:#fff;}
}


@media only screen and max-width:1500px{
.ingeklapt #categoryMenu {    width:100%;    left:50%}

}

@media only screen and (min-width:768px){
    #categoryMenu #categorien li:hover > ul.subcategorien > li {    display: inline-block; text-align: left; border-bottom: 1px dotted #ccc;}

    #categoryMenu #categorien li:hover > ul.subcategorien {
        display: block;
        width: 100%;
        max-width: 100%;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #a6a3a3;
        text-align: center;
        background: #ddd;
        box-shadow: 0px 8px 10px #ccc;
    }

}

#categoryMenu .actief li{    display: block !important; text-align: left; border-bottom: 1px dotted #ccc;}
ul.subcategorien.actief {
    display: block !important;
    width: 100%;
    max-width: 480px;
    position: fixed;
    top: 55px;
    border-left: 5px solid #ccc;
    box-shadow: 5px 5px 5px #eee;
    left: 0;
}

ul.subcategorien.actief {
    display: block !important;
    width: 100%;
    max-width: 480px;
    position: fixed;
    top: 88px;
    border-left: 17px solid #ccc;
    box-shadow: 0px 0px 1px #939393;
    /* left: 5%; */
    box-sizing: border-box;
    border-right: 17px solid #ccc;
    left: 0;
    border: 2px solid #ccc;
}

.ingeklapt #categoryMenu a{color:#fff}



@media only screen and (min-width:601px){
    div#canvas_login_link{display:none !important;}
}

div#canvas_content{padding:10px;}

@media only screen and (max-width:800px){

    #header_items {        padding: 5px 40px;        padding-right: 40px;        font-size:23px;    }
    .uitleg{display:none!important;}
    #header_items a, #header_items h4, #header_items h5 {        padding: 0px;    }
    #canvas_mini_basket .quantity,#canvas_mini_basket h5{        display:none !important;    }
    #canvas_login_link {
        display: inline-block;
        width: auto;
        height: 36px;
        cursor: pointer;
        text-align: center;
    }
    #canvas_login_link::before {
        content: "\f007";
        font-family: fontAwesome;
        padding-right: 10px;
        text-decoration: none;
        display: inline-block;
        color: #fff;
    }
    .collapse-button {
        display: inline-block;
        width: 40px;
        height: 44px;
        right: 0;
        top: 5px;
        position: fixed;
        z-index: 10000;
        background: transparent;
        left: unset;
    }
    .collapse-button .icon-bar {
        border-radius: 1px 1px 1px 1px;
        display: block;
        height: 2px;
        width: 22px;
        margin: 4px;
        margin-bottom: 6px;
        background: #fff;
    }

    .ingeklapt #categoryMenu {
        display: none;
        position: fixed;
        top: 50px;
        left: 0;
        width: 100%;
        height: auto;
        background: #fff;
        z-index: 99999999;
    }
    .ingeklapt #categoryMenu {background:#fff !important;}


    #categoryMenu a{color:#000 !important;}
    #websiteMenu {
        width: 100%;
        position: fixed;
        top: 80px;
        text-align: center;
        left: 0;
        background: #ccc;
        padding: 0;
        right: 0;
        height: 39px;
    }
    #product_search {
        padding: 0;
        width: 100%;
        max-width: 100%;
        height: 38px;
        top: unset;
        left: 0;
        bottom: 0px;
        position: fixed;
    }
    #websiteMenu a {
        color: #fff;
    }
    #canvas_logo.old {
        width: 50% !important;
        max-width:50% !important;
        position: fixed !important;
        top: 0 !important;
        left: 25% !important;
        z-index: 100 !important;
        text-align: center;
    }

    #canvas_logo {
        width: 50%;
        max-width: 200px;
        position: fixed !important;
        top: 0 !important;
        left: 5px !important;
        z-index: 100 !important;
        text-align: left;
    }


    div#canvas_logo img, div#canvas_logo.ingeklapt #monologo, div#canvas_logo.contentpagina #monologo {
        height: 40px !important;
        width: auto !important;
        margin: 0px auto;
        padding: 3px;
    }


}

@media only screen and (min-width: 700px) and (max-width:1024px){
    #canvas_logo {
        left: 50px !important;
        width: 130px !important;
    }
    div@canvas_logo.contentpagina, div#canvas_logo.ingeklapt{padding:0;}
}


ul.mmenu{padding:0}


#canvasSpeerpunten {
    background: var(--kleur1); color:#fff; font-size:90%; display:inline-block; width:100%; padding:5px 0;
    transition:0.5s all ease-in-out;
    opacity:1; top:0;
}
#canvasSpeerpunten ul{max-width:900px; margin:auto; display:flex;}
#canvasSpeerpunten li{flex:1; list-style-type: none; text-align: center;}
#canvasSpeerpunten li:before{content:'\2713';color:#888;}
#canvas_website.contentpagina #canvasSpeerpunten, #canvas_website.ingeklapt #canvasSpeerpunten{top:-50px}

@media only screen and (min-width: 801px){
div#canvas_website,div#canvas_website.contentpagina {
    padding-top: 148px;
}
}

blockquote {
    font-family: allura;
    font-size: 260%;
    border-left: none;
    margin: 0;
    padding: 0;
}


#Block_FIXEDBLOCK32, #Block_FIXEDBLOCK31 {
     width: 100%; float: unset; background:#ddd; margin:0 auto; padding:1em;text-align: center;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;

}
@media only screen and (max-width:480px){#Block_BLOCK39 {    background-size: 510px 332px !important;}}

.mailingList, #Block_FIXEDBLOCK31 {
    background-color: #f0f0f0;
    color: unset;
    text-align: center;
}


div#canvas_bottom ,div#canvas_bottom a{color:#999 !important;}
div#canvas_bottom .catIcon{display:none !important}
/* Nieuwe blocktypes */

@media only screen and (max-width: 601px){
div#kolom2{display:none;}
    div#canvas_bottom ul li {
    margin-left: 0;
    padding-left: 0;
    display: block;
    width: 100%;
    margin: auto;
    text-align: center;
    padding-bottom: 10px;
    font-size: 100%;
}}


#canvasRecentBlogs {
    max-width: 1350px;
    padding: 2em 0;
    margin: auto;
}
#canvasRecentBlogs .
#canvasRecentBlogs .canvas_container{display:flex;}

.recentBlogBlock {
    display: inline-block;
    min-width: 200px;
    max-height: none;
    margin-bottom: 10px;
    overflow: hidden;
    border:0;
    flex: 1;
    margin-top: 1em;
    margin-bottom: 1em;
}
@media only screen and (max-width: 480px) {
    .recentBlogBlock {
        width: 100%;
    }
}
@media only screen and (min-width: 481px) and (max-width: 768px){
    .recentBlogBlock {
        width: 49%;
        max-width: none;
        min-width: 0;
        margin: 0;
        height: auto;
        /* font-size: 10px; */
    }
    .recentBlogBlock h3{font-size:100%;}

    .blogHeader {
        height: 140px;
    }
    .blogHeader img{
        width:100%;
        height: 100%;
    }
}

.recentBlogBlock a {
    color: inherit;
    text-shadow: none;
    font-weight: normal;
    text-transform: none;

}

.blogHeader {    margin-bottom: 0; }
.blogTitel {
    padding: 2px;
    height: auto;
}
.blogHeader img {border:none;}
.blockContent{position:relative;height:100%;}
.kolom{min-height:200px !important}

.kolom h3 {
    color: var(--kleur2);
    font-size: 20px;
    letter-spacing: 5px;
    padding-bottom: 16px;
    margin: auto;
}

.coveredBackgroundImage{padding:0;background-size:cover;background-position:center 70%;}

@media only screen and (min-width:600px){
#type0015, #type0016 {
    height: 100%;
    padding: 0;
}}

#type0015 > #type0015, #type0015 > #type0016, #type0016 > #type0015, #type0016 > #type0016 {padding: 4em 0 0 0;}

#type0016 .kolommen, #type0016 .canvas_container {
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;

}

#type0015 .canvas_container,#type0016 .canvas_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


div.kolom50.coveredBackgroundImage{border-radius:0px 0 !important;}



.blokcontent{max-width:675px;padding-bottom:0.5em;}
#type0015 .kolom{ text-align:left !important;  }
#type0015 .kolom50 {width: calc(50% - 2%) !important;	display: inline-block;	border-radius: 0; margin:0 !important; max-width:50%; border-radius:3px;}
#type0015 .kolommen , #type0015 .canvas_container {padding:1em;margin:auto; width:100%; max-width:1350px; min-height:350px;}
#type0016 .kolom{ text-align:right; }
#type0016 .kolom50 {width: calc(50% - 2%)	!important; display: inline-block;	border-radius: 0; margin:0 !important; max-width:50%; border-radius:3px;}
#type0016 .kolommen , #type0016 .canvas_container {padding:1em;margin:auto;height:100%; width:100%; max-width:1350px; min-height:350px; }

@media only screen and (max-width:480px){
    #type0015 , #type0016 { display:block;}
    #type0015 .kolom50 , #type0016 .kolom50 {width:100% !important; max-width:100% !important;}
    #type0015 .canvas_container {	flex-direction: column-reverse;	}
    #type0016 .canvas_container {	flex-direction: column;	}

}

#type0015 h3:after, #type0016 h3:after{display:none;}
#type0016 .coveredBackgroundImage, #type0015 .coveredBackgroundImage{background-position:center center !important;}


.coveredBackgroundImage {
    border-radius: 0;
    border-radius: 0px !important;
    padding: 5px;
}

#type0016 .coveredBackgroundImage {		 }



div#Block_BLOCK38 .canvas_container{display:inline-block; width:1350px; margin:auto;padding:2em; text-align:left;}
div#Block_BLOCK38  .kolom {width:auto; color:var(--kleur1); max-width: none; }
div#Block_BLOCK38 h3{font-size:200%: font-weight:bold;}

div#Block_BLOCK38 .kolom.kolom50.coveredBackgroundImage {
    border-radius: 13vw !important;

    height: 350px !important;  /* for apple safari */
    width: 350px !important;
    margin: 20px !important;

    width:25vw !important; /* for others */
    height:25vw !important;
    margin:1vw !important;

    border: 2px solid #fff;
    padding: 3vw !important;
    box-shadow: 10px 0px 60px #f0f0f0;
    transform: rotate(8deg);
}

@media only screen and (min-width:481px) and (max-width:800px){
    div#Block_BLOCK38 .canvas_container{width:100%;text-align:left;}
    div#Block_BLOCK38 .kolommen, div#Block_BLOCK38 .canvas_container, div#Block_BLOCK38 .kolom {
        position: relative;
        left: 0;
        top: 0;
        text-align: left;
    }
    div#Block_BLOCK38 .kolom.kolom50.coveredBackgroundImage {
        display: block;
        float: right;
    }

    div#Block_BLOCK38 .kolom.kolom50 {
        width: 100% !important;
        position: relative;
        height: 100%;
        left: 0;
        top: 0;
        margin: 0;
        width: 100%;
        display: block;
    }

    div#Block_BLOCK38 .canvas_container{padding:0;}

}

div#canvas_header{border:0px;}
div#canvas_header.voorpagina{display:none !important;}

@media only screen and (max-width:600px){
    div#canvas_header::before {
        background-position: 50%;
        background-size: auto 100%;
    }

    div#canvas_header{max-height:300px;}
}

@media only screen and (max-width:481px){
    div#Block_BLOCK38 .canvas_container{width:100%;text-align:left;}
    div#Block_BLOCK38 .kolommen, div#Block_BLOCK38 .canvas_container, div#Block_BLOCK38 .kolom {
        position: relative;
        width:100%;
        padding:0;
        text-align: center;
    }
    div#Block_BLOCK38 .kolom{padding:10px;}

    div#Block_BLOCK38 .kolom.kolom50.coveredBackgroundImage {
        height: 150px !important;
        width: 150px !important;
        margin: auto !important;
        border-radius: 100px !important;
        max-height: 150px !important;
        padding: 0;
        min-height: unset !important;
    }

}

@media only screen and (min-width: 601px) {
    #productEtalage h2, #canvasRecentBlogs h2 {
        text-align: center;
        padding: 11px;
        font-size: 135%;
        color: #c4c4c4;
        width: 160px;
        background: var(--kleur1);
        height: 160px;
        border-radius: 126px;
        padding: 50px;
        box-sizing: border-box;
        color: #fff;
        text-align: center;
        padding: 59px 10px;
        margin-bottom: -100px;
        transform: rotate;
        z-index: 10;
        position: relative;
        transform: rotate(-8deg) scale(80%);
        margin-left: -20px;
    }
}

@media only screen and (max-width:601px){
    #productEtalage .featuredItem:nth-child(n+6) {
        display: none !important;
    }
    .blog_content #productEtalage .featuredItem:nth-child(n+6) {
        display: inline-block !important;
    }

    #productEtalage h2, #canvasRecentBlogs h2 {
        text-align: center;
        padding: 11px;
        font-size: 100%;
        background: #313335;
        color: #c4c4c4;
        width: 100%;
        border-radius: 0;
        padding: 50px;
        text-align: center;
        padding: 10px;
        position: relative;
        transform: none;
        margin: 0;
        max-width: 100%;
    }
}



#productCategory {
    font-size: 70%;
    text-transform: lowercase;
    color: #caa3a3;
    display: block;
    text-align:center;
}

#productCategory a {
    color: #000;
    background: #fff;
    padding: 0px 3px;
    display: inline-block;
    text-align: center;
    border: 1px solid #ccc;
    /* border-radius: 0 61px 90px 0; */
    /* border-radius: 0 5px 5px 0; */
    padding: 2px 3px;
}




#Block_FIXEDBLOCK16 {
    border-bottom: 1px solid #eee;
    background: #eeeeee4a;
    border-top: 1px solid #eee;
}

.blogHeader img {
    object-fit: cover;
    max-width: 100%;
    border: 1px solid #ddd;

    min-height: 100%;
    min-width: 100%;
    max-height: 200px;

    border: 2px solid #fff !important;
    box-shadow: 5px 5px 10px #e3e3e3;
}
@media only screen and (max-width:500px){ #productCategory{display:none}}

div#type0025 {	max-width: 100%;	padding: 4em;}

@media only screen and (max-width:800px){
    .kolom80 h3 {	border-right: 0 !important;	/* width: 80%; */	margin: auto;	text-align: center;	padding: 0;	display: inline-block;
        width: 100%;}
    .kolom80 { padding:0 2em !important; text-align:justify;}

    div.element.BLOCK .imageonly {
        height: auto;
        padding: 3em 0;
        opacity: 1;
    }

    div.element.BLOCK .imageonly h2 {
        font-size: 28px;
        height: auto;
        padding: 1em;
    }
}

@media only screen and (max-width:481px){
    #type0015, #type0016 {	padding: 0; text-align:center !important}
    #type0015 .kolom, #type0016 .kolom {text-align:center !important}
    div.kolommen .kolom50 {padding:0.5em;}
    div.element.GALLERY {	padding: 1em !important }
    div.gallery_thumb {	width: 46%;	padding-top: 34%;	margin: 2%;	border-radius: 0px;	border: 1px solid #fff;}
}

div#Block_BLOCK38 .kolom a {
    color: revert;
    opacity: 1;
    color: var(--kleur1) !important;
    background: #eee;
    border: none;
}

/* Testimonials */
div#canvas_recensies, div#canvas_testimonials {
    padding: 1em;
    background: #ac9669;
    /* background-image: url(cooklovers-producten-keuken.jpg); */
    background-size: cover;
    background-repeat: no-repeat;
}
div#canvas_recensies .knop.light {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
    font-weight: bold;
}

#canvas_recensies .testimonial ,
#canvas_testimonials .testimonials
{
    background: var(--kleur1);
    width: 40%;
    display: inline-block;
    margin: 2%;
    padding: 20px;
    border-radius: 1px 20px 30px 40px;
    line-height: 160%;
    color: var(--kleur1);
    min-width: 300px;
}

#canvas_recensies  .knop, canvas_testimonials .knop {
    display: inline-block;
    margin: auto;

    border: 0;
    margin: 30px auto;
    max-width: 300px;
}

/* Testimonials */
.testimonial {
    width: 43%;
    display: inline-block;
    margin: 1% 4% 1% 1%;
    padding: 0;
    color: #000;
    background: #fff;
    padding: 2.5em;
    border-radius: 5px 5px 40px 5px;
    line-height: 160%;
    font-size: 95%;
}

@media only screen and (max-width:600px){
    .testimonial {width: 100%; margin: 20px 0;}
    .testimonial:nth-child(n+2){display:none;}
}


.testimonial h3 {}

div.testimonial::after {
    content: "";
    position: absolute;
    bottom: -23px;
    left: 70px;
    border-width: 27px 0 0 27px;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0px;
    -webkit-transform: rotate(-8deg);
}

#usp {
    padding: 0;
}

#usp li {
    /* padding: 1em; */
    list-style-type: none;
    padding: 1em 0;
    font-size: 120%;
    /* font-weight: bold; */
    color: ;
    letter-spacing: 1px;
    border-bottom: 1px solid #ddd;
    padding-left: 10px;
}


.mailingList .knop{background-color: var(--kleur1); border-color:var(--kleur1);}

div#shop_side #shopKlantenService{display:none !important;}
div#shop_side #canvas_nieuwsbrief{display:none !important;}


.header_logos {
    display: inline-block;
    width: auto;
    /* z-index: 100000; */
    position: relative;
    text-align: right;
    font-size: 90%;
    padding: 0;
    box-sizing: border-box;
    z-index: 20;
    position: absolute;
    left: 112px;
    top: 64px;
    /* background: #eee; */
}

.header_logos a {    color: #444;    padding:  4px 4px 0 0;    display: inline-block;}

@media only screen and (max-width: 1024px) {
    .header_logos{display: none;}
    #websiteMenu{display: none;}
}

.sideCategories{display:none;}

@media only screen and (min-width:1024px)
{
    div#shop_side #categorien{display:block; margin-left:-15px; margin-right:10px; background:#fff;}
    div#shop_side .sideCategories{display: block}
    .sideCategories .categoryMenuOption {    text-align: left;    list-style-type: none;    text-transform: none;    color: var(--kleur1);    padding:5px 0; border-bottom:1px solid #ddd;    }
}
.sideCategories{text-align: left;}
.sideCategories li {
    text-align: left;
    list-style-type: none;
    padding: 5px;
    border-bottom: 1px solid #eee;
}
#categorielijst{display: none !important;}
.sideCategories .subcategory ul{display: none;}
.sideCategories .subcategory.active ul{display:block;}

div.knop.product_info {display: none !important;}

@media only screen and (max-width:800px){

    div.productName h4 {
        margin: 0;
        padding: 0;
        line-height: 100%;
        text-align: center;
        font-size: 90%;
    }
}


#Block_FIXEDBLOCK33 { margin-top: -100px;}
@media only screen and (max-width:600px){    #Block_FIXEDBLOCK33{margin-top:-58px;}}

div#content .iconAllergeen img {    filter: grayscale(1) contrast(1.5) brightness(.4);}
div#ingredienten{background-color:#eee !important;}
#recept div#ingredienten {
    background-color: #fff !important;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin: 0;
}

#canvas_product_details h3{color:inherit !important;}
#product_details .priceInclBtw.normal::after, .product_block .productPrice .priceInclBtw::after {
    content: '';
    display:none;
}

#backButton {
    color: #555;
    border: 1px solid #555;
    padding: 5px 10px;
    font-size: 80%;
}

 div#kortingscode{background-color:transparent; border:none;}

input.afrond-button,#knopBestellen, .knop.basket, .knop.basket:hover {
    background: var(--kleurgroen) !important;
    border: 1px solid var(--kleurgroen) !important;
}
@media only screen and (max-width: 600px){
    div.item{display: flex; margin:5px auto; padding:0; border-bottom:1px solid #eee;}
    span.product_aantalv2{min-width:106px;}

    span.product_naam,
    span.product_aantalv2,
    span.product_prijs,
    span.product_totaal{
        display: inline-block !important;
        flex: 1;
        padding: 2px;
        margin: unset;
        position: relative;
        text-align: left ;top:unset;left:unset;width:unset;
        font-size:90%;
    }
    .product_prijs, .product_totaal {
        max-width: 60px !important;
    }
}

@media only screen and (min-width: 768px){
    div#blog_overzicht {
        -webkit-columns: 15px 2;
        -moz-columns: 15px 2;
        columns: 15px 2;
    }}
@media only screen and (min-width: 1100px){
div#blog_overzicht {
    -webkit-columns: 15px 3;
    -moz-columns: 15px 3;
    columns: 15px 3;
}}

#product_sku{display: none}

div#productSlider li a img {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: auto;
    min-height: 100%;
    object-fit: cover;
}
#productSlider h4{
    text-transform: none;

}
div#productSlider .slideComment{
    background: #bb6c6c;
    background-color: #bb6c6c;
}


.blogExtraInfo {
    color: #fff;
    text-align: center;
    padding: 145px 0 0 0;
    text-shadow: 2px 2px 2px #000;
    font-size: 90%;
    letter-spacing: 1px;
}
.blogExtraInfo.blog {
    position: relative;
    color: inherit;
    text-shadow: none;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    height: auto;
    margin-top: 10px;
}


a .diplayVideo.fa.fa-play {
    color: #fff;
    font-size: 55px;
    opacity: 0.5;
    display: inline-block;
    margin: auto;
    /* padding: ; */
    /* position: ; */
    width: 80px;
    text-align: center;
    position: absolute;
    top: 56px;
    border: 2px solid #fff;
    border-radius: 61px;
    height: 80px;
    padding: 13px 0 0 10px;
     left: calc(50% - 38px);
    box-sizing: border-box;
    /* left: 20px; */
}
.blogExtraInfo.blog {
    position: relative;
    color: inherit;
    text-shadow: none;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
}

div.blog_content a{
    color: #bb6c6c !important;
    text-decoration: underline;
    font-weight: normal;
}
div.blog_content a.knop{
    color: #ffffff !important;
    text-decoration: none;
    font-weight: normal;
}

/* Subscribe */
#subscribeForm h3 {
    color: var(--kleurgroen);
    font-weight: bold;
}
.voorwaarden {
    max-width: 950px;
    font-size: 80%;
    margin: auto;
    line-height: 120%;
}
#mc-embedded-subscribe {
    background: var(--kleurgroen);
    border: inherit;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
}
#canvas_subscribe label{display:none;}
#canvas_favorites input{margin-right:5px;}

.catIconBox {
    display: inline !important;
}