<!--
            select distinct(CD_PRODUCT.product_id) 
                from 	
                     CD_PRODUCT,	
                     CD_PRODUCT_CATEGORY_XREF 
                         , CD_PRODUCT_PRICE where	
                                                                                                                
            
            CD_PRODUCT.product_publish='gepubliceerd' 	and	
            
            CD_PRODUCT.product_id=CD_PRODUCT_PRICE.product_id and 
                            (CD_PRODUCT_PRICE.shopper_group_id>0 and 
                            CD_PRODUCT_PRICE.product_price_edate<1 and 
                            CD_PRODUCT_PRICE.product_price>0 and 
                            CD_PRODUCT_PRICE.user_id<1) and (CD_PRODUCT_PRICE.product_price_inc>0 and  CD_PRODUCT_PRICE.product_price_inc<9999 ) and
            CD_PRODUCT_CATEGORY_XREF.category_id=244 and		
            CD_PRODUCT_CATEGORY_XREF.product_id=CD_PRODUCT.product_id  	
            and CD_PRODUCT.product_parent_id<1
            
            		
            order by CD_PRODUCT.product_name ASC
            limit 0,200--><!--
            select distinct(CD_PRODUCT.product_id) 
                from 	
                     CD_PRODUCT,	
                     CD_PRODUCT_CATEGORY_XREF 
                         , CD_PRODUCT_PRICE where	
                                                                                                                
            
            CD_PRODUCT.product_publish='gepubliceerd' 	and	
            
            CD_PRODUCT.product_id=CD_PRODUCT_PRICE.product_id and 
                            (CD_PRODUCT_PRICE.shopper_group_id>0 and 
                            CD_PRODUCT_PRICE.product_price_edate<1 and 
                            CD_PRODUCT_PRICE.product_price>0 and 
                            CD_PRODUCT_PRICE.user_id<1) and (CD_PRODUCT_PRICE.product_price_inc>0 and  CD_PRODUCT_PRICE.product_price_inc<9999 ) and
            CD_PRODUCT_CATEGORY_XREF.category_id=204 and		
            CD_PRODUCT_CATEGORY_XREF.product_id=CD_PRODUCT.product_id  	
            and CD_PRODUCT.product_parent_id<1
            
            		
            order by CD_PRODUCT.product_name
            limit 0,3--><!--
            select distinct(CD_PRODUCT.product_id) 
                from 	
                     CD_PRODUCT,	
                     CD_PRODUCT_CATEGORY_XREF 
                         , CD_PRODUCT_PRICE where	
                                                                                                                
            
            CD_PRODUCT.product_publish='gepubliceerd' 	and	
            
            CD_PRODUCT.product_id=CD_PRODUCT_PRICE.product_id and 
                            (CD_PRODUCT_PRICE.shopper_group_id>0 and 
                            CD_PRODUCT_PRICE.product_price_edate<1 and 
                            CD_PRODUCT_PRICE.product_price>0 and 
                            CD_PRODUCT_PRICE.user_id<1) and (CD_PRODUCT_PRICE.product_price_inc>0 and  CD_PRODUCT_PRICE.product_price_inc<9999 ) and
            CD_PRODUCT_CATEGORY_XREF.category_id=106 and		
            CD_PRODUCT_CATEGORY_XREF.product_id=CD_PRODUCT.product_id  	
            and CD_PRODUCT.product_parent_id<1
            
            		
            order by CD_PRODUCT.product_name
            limit 0,3--><!--
            select distinct(CD_PRODUCT.product_id) 
                from 	
                     CD_PRODUCT,	
                     CD_PRODUCT_CATEGORY_XREF 
                         , CD_PRODUCT_PRICE where	
                                                                                                                
            
            CD_PRODUCT.product_publish='gepubliceerd' 	and	
            
            CD_PRODUCT.product_id=CD_PRODUCT_PRICE.product_id and 
                            (CD_PRODUCT_PRICE.shopper_group_id>0 and 
                            CD_PRODUCT_PRICE.product_price_edate<1 and 
                            CD_PRODUCT_PRICE.product_price>0 and 
                            CD_PRODUCT_PRICE.user_id<1) and (CD_PRODUCT_PRICE.product_price_inc>0 and  CD_PRODUCT_PRICE.product_price_inc<9999 ) and
            CD_PRODUCT_CATEGORY_XREF.category_id=209 and		
            CD_PRODUCT_CATEGORY_XREF.product_id=CD_PRODUCT.product_id  	
            and CD_PRODUCT.product_parent_id<1
            
            		
            order by CD_PRODUCT.product_name
            limit 0,3--><!--
            select distinct(CD_PRODUCT.product_id) 
                from 	
                     CD_PRODUCT,	
                     CD_PRODUCT_CATEGORY_XREF 
                         , CD_PRODUCT_PRICE where	
                                                                                                                
            
            CD_PRODUCT.product_publish='gepubliceerd' 	and	
            
            CD_PRODUCT.product_id=CD_PRODUCT_PRICE.product_id and 
                            (CD_PRODUCT_PRICE.shopper_group_id>0 and 
                            CD_PRODUCT_PRICE.product_price_edate<1 and 
                            CD_PRODUCT_PRICE.product_price>0 and 
                            CD_PRODUCT_PRICE.user_id<1) and (CD_PRODUCT_PRICE.product_price_inc>0 and  CD_PRODUCT_PRICE.product_price_inc<9999 ) and
            CD_PRODUCT_CATEGORY_XREF.category_id=226 and		
            CD_PRODUCT_CATEGORY_XREF.product_id=CD_PRODUCT.product_id  	
            and CD_PRODUCT.product_parent_id<1
            
            		
            order by CD_PRODUCT.product_name
            limit 0,3--><!--
            select distinct(CD_PRODUCT.product_id) 
                from 	
                     CD_PRODUCT,	
                     CD_PRODUCT_CATEGORY_XREF 
                         , CD_PRODUCT_PRICE where	
                                                                                                                
            
            CD_PRODUCT.product_publish='gepubliceerd' 	and	
            
            CD_PRODUCT.product_id=CD_PRODUCT_PRICE.product_id and 
                            (CD_PRODUCT_PRICE.shopper_group_id>0 and 
                            CD_PRODUCT_PRICE.product_price_edate<1 and 
                            CD_PRODUCT_PRICE.product_price>0 and 
                            CD_PRODUCT_PRICE.user_id<1) and (CD_PRODUCT_PRICE.product_price_inc>0 and  CD_PRODUCT_PRICE.product_price_inc<9999 ) and
            CD_PRODUCT_CATEGORY_XREF.category_id=210 and		
            CD_PRODUCT_CATEGORY_XREF.product_id=CD_PRODUCT.product_id  	
            and CD_PRODUCT.product_parent_id<1
            
            		
            order by CD_PRODUCT.product_name
            limit 0,3--><!--
            select distinct(CD_PRODUCT.product_id) 
                from 	
                     CD_PRODUCT,	
                     CD_PRODUCT_CATEGORY_XREF 
                         , CD_PRODUCT_PRICE where	
                                                                                                                
            
            CD_PRODUCT.product_publish='gepubliceerd' 	and	
            
            CD_PRODUCT.product_id=CD_PRODUCT_PRICE.product_id and 
                            (CD_PRODUCT_PRICE.shopper_group_id>0 and 
                            CD_PRODUCT_PRICE.product_price_edate<1 and 
                            CD_PRODUCT_PRICE.product_price>0 and 
                            CD_PRODUCT_PRICE.user_id<1) and (CD_PRODUCT_PRICE.product_price_inc>0 and  CD_PRODUCT_PRICE.product_price_inc<9999 ) and
            CD_PRODUCT_CATEGORY_XREF.category_id=232 and		
            CD_PRODUCT_CATEGORY_XREF.product_id=CD_PRODUCT.product_id  	
            and CD_PRODUCT.product_parent_id<1
            
            		
            order by CD_PRODUCT.product_name
            limit 0,3--><!--
            select distinct(CD_PRODUCT.product_id) 
                from 	
                     CD_PRODUCT,	
                     CD_PRODUCT_CATEGORY_XREF 
                         , CD_PRODUCT_PRICE where	
                                                                                                                
            
            CD_PRODUCT.product_publish='gepubliceerd' 	and	
            
            CD_PRODUCT.product_id=CD_PRODUCT_PRICE.product_id and 
                            (CD_PRODUCT_PRICE.shopper_group_id>0 and 
                            CD_PRODUCT_PRICE.product_price_edate<1 and 
                            CD_PRODUCT_PRICE.product_price>0 and 
                            CD_PRODUCT_PRICE.user_id<1) and (CD_PRODUCT_PRICE.product_price_inc>0 and  CD_PRODUCT_PRICE.product_price_inc<9999 ) and
            CD_PRODUCT_CATEGORY_XREF.category_id=244 and		
            CD_PRODUCT_CATEGORY_XREF.product_id=CD_PRODUCT.product_id  	
            and CD_PRODUCT.product_parent_id<1
            
            		
            order by CD_PRODUCT.product_name
            limit 0,3--><!--
            select distinct(CD_PRODUCT.product_id) 
                from 	
                     CD_PRODUCT,	
                     CD_PRODUCT_CATEGORY_XREF 
                         , CD_PRODUCT_PRICE where	
                                                                                                                
            
            CD_PRODUCT.product_publish='gepubliceerd' 	and	
            
            CD_PRODUCT.product_id=CD_PRODUCT_PRICE.product_id and 
                            (CD_PRODUCT_PRICE.shopper_group_id>0 and 
                            CD_PRODUCT_PRICE.product_price_edate<1 and 
                            CD_PRODUCT_PRICE.product_price>0 and 
                            CD_PRODUCT_PRICE.user_id<1) and (CD_PRODUCT_PRICE.product_price_inc>0 and  CD_PRODUCT_PRICE.product_price_inc<9999 ) and
            CD_PRODUCT_CATEGORY_XREF.category_id=220 and		
            CD_PRODUCT_CATEGORY_XREF.product_id=CD_PRODUCT.product_id  	
            and CD_PRODUCT.product_parent_id<1
            
            		
            order by CD_PRODUCT.product_name
            limit 0,3--><!DOCTYPE HTML> 
<!--[if lte IE 8]> <html dir="ltr" lang="nl" class="ie ie8"> <![endif]--> 
<!--[if IE 9]> <html dir="ltr" lang="nl" class="ie"> <![endif]--> 
<!--[if gt IE 9]> <html dir="ltr" lang="nl"> <![endif]--> 
<!--[if (!IE)><!--> <html dir="ltr" lang="nl"> <!--<![endif]--> 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="theme-color" content="#000" />

<base href="/" >

<link  rel="stylesheet" type="text/css" href="content.css?v=1h3ugul1ctauqf58pki51ducnm5">

<!-- template colours -->
<Style>
		:root{
--kleur1: #886855;
}
			.priceInclBtw{display:inline} 			
			.priceExclBtw{display:none } 
			#shop_side div.prijsfilter.priceExclBtw{display:none }	
			</style>


    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta HTTP-EQUIV="Pragma" content="no-cache"> 
    <meta name="description" content="cooklovers.nl Cooklovers.nl">
    <meta name="keywords" content="">
    <meta name="LANGUAGE" content="DUTCH">
    <meta name="CONTENT-LANGUAGE" content="DUTCH">
    <meta name="REVISIT-AFTER" content=" 1 MONTH">
    <meta name="ROBOTS" content="INDEX FOLLOW">
    <meta name="RATING" content="General">
    <meta name="AUTHOR" content="Cooklovers">
    <meta name="WEB-AUTHOR" content="Cooklovers">
    <meta name="Identifier-URL" content="https://www.cooklovers.nl">
    <meta name="COPYRIGHT" content="Cooklovers">
    
    <meta property="og:title" content="Cooklovers.nl - Exclusief en culinair" />
    <meta property="og:site_name" content="Cooklovers.nl"/>
    <meta property="og:url" content="https://www.cooklovers.nl/https://www.cooklovers.nl/" />
    <meta property="og:description" content="cooklovers.nl Cooklovers.nl" />
    <meta property="og:type" content="article" />
    <meta property="og:image" content="http://www.cooklovers.nl/" alt="Cooklovers.nl - Exclusief en culinair"/>
    <link rel="apple-touch-icon" sizes="180x180" href="cllogo/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="cllogo/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="cllogo/favicon-16x16.png">
    <link rel="manifest" href="cllogo/site.webmanifest">
    
    <link rel="canonical" href="https://www.cooklovers.nl/https://www.cooklovers.nl/" />
    <link rel="stylesheet" href="css/font-awesome.min.css">

    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="cookloversv3.css?version=50">
    <title>Cooklovers.nl - Exclusief en culinair</title>

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-4E1XY0FPV1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-4E1XY0FPV1');
    </script>
</head>


<body>


<script type="text/javascript" src="jscripts/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="jscripts/simpleshop.js?v1"></script>
<!-- sorteren van producten -->
<script>
    function changePriceRange(){
        var url = "ajax_filter_products.php";
        var minPrice = $("#minPrice").val();
        var maxPrice = $("#maxPrice").val();
        var sortBy = $("#productsort").val();
        var categoryId = $("#categoryId").val();

        $.ajax({
            url: url,
            cache: false,
            type : "POST",
            data : "action=sortProducts&minPrice="+minPrice+"&maxPrice="+maxPrice+"&sortBy="+sortBy+"&categoryId="+categoryId,
            success: function(data)
            {

                setTimeout(function (){
                    $("#shopCategory").html(data);

                    matchDivHeights("productName",5);
                    matchDivHeights("productDesc",5);
                    matchDivHeights("bestel_omschrijving",5);
                    $("#fade").css("display","none");
                    $("#loading").css("display","none");


                }, 200);
                setTimeout(function (){
                    toonBtwModus();
                }, 400);


            },
            error: function()
            {
                alert("er is iets foutgegaan");
            }
        });
    }

    function filterResults2(id,value){
        var url = "ajax_filter_products.php";
        var categoryId = $("#categoryId").val();
        var filterValues = [];

        if(value=="resetfilter")
        {
            filterValues.push("resetfilter");
        }

        filterValues.push(encodeURIComponent(value));

        $("#loading").css("display","inline-block");

        $.ajax({
            url: url,
            cache: false,
            type : "POST",
            data : "action=filterProducts&filters["+id+"]="+filterValues+"&categoryId="+categoryId,
            success: function(data)
            {
                setTimeout(function(){
                    $("#shopCategory").html(data);
                    matchDivHeights("productName",5);
                    matchDivHeights("productDesc",5);
                    matchDivHeights("bestel_omschrijving",5);
                    $("#fade").css("display","none");
                    $("#loading").css("display","none");
                }, 400);

                // reloadFilters
                reloadFilters();
            },
            error: function()
            {
                alert("er is iets foutgegaan");
            }
        });

    }
    function filterResults(id,value){
        var url = "ajax_filter_products.php";
        var categoryId = $("#categoryId").val();
        var filterValues = [];

        if(value=="resetfilter")
        {
            filterValues.push("resetfilter");
        }
        else
        {
            if ($('#filter' + id).is('select')) {
                filterValues.push(encodeURIComponent(value));
            } else {
                console.log("filter" + id + " is GEEN selectbox");
                $("input:checkbox[name=filter" + id + "]:checked").each(function () {
                    filterValues.push(encodeURIComponent($(this).val()));
                });
            }
        }

        $("#loading").css("display","inline-block");

        $.ajax({
            url: url,
            cache: false,
            type : "POST",
            data : "action=filterProducts&filters["+id+"]="+filterValues+"&categoryId="+categoryId,
            success: function(data)
            {
                setTimeout(function(){
                    $("#shopCategory").html(data);
                    matchDivHeights("productName",5);
                    matchDivHeights("productDesc",5);
                    matchDivHeights("bestel_omschrijving",5);
                    $("#fade").css("display","none");
                    $("#loading").css("display","none");
                }, 400);

                // reloadFilters
                reloadFilters();
            },
            error: function()
            {
                alert("er is iets foutgegaan");
            }
        });
    }

    function reloadFilters()
    {
        var url = "ajax_filter_products.php";
        var action = "reloadfilters";
        var categoryId = $("#categoryId").val();


        $.ajax({
            url: url,
            cache: false,
            type: "POST",
            data: "action=reloadfilters&categoryId=" + categoryId,
            success: function(data)
            {
                $("#filter_container").html(data);
            },
            error: function()
            {
                console.log("Error reloading filters");
            }
        });
    }
</script>
<!-- einde sorteren producten -->

<div id=canvas_website class='consument PAGE contentpagina standaard '>

<div id=melding>[ERROR]</div>
              
 <!--#HEAD-->

    <div id=canvas_head  class='PAGE contentpagina standaard'>      
     	<div class=canvas_container>  
        
         <!--#NAVIGATIE-->        

                  <script>
                      function openMenu() {
                          var menu = document.getElementById("categoryMenu");
                          var button = document.querySelector(".collapse-button");

                          if (menu.style.display === "inline-block") {
                              menu.style.display = "none";
                              if (button) button.classList.remove("open");
                              document.body.classList.remove("menu-open"); // 🔥 scroll weer aan
                          } else {
                              menu.style.display = "inline-block";
                              if (button) button.classList.add("open");
                              document.body.classList.add("menu-open"); // 🔥 scroll uit
                          }
                      }

                      function closeMenu() {
                          $("#categoryMenu").hide();
                          $(".collapse-button").removeClass("open");
                      }

                      function showSubs(idName,level){
                          if(level<3) {
                              $(".subcategorien.actief").removeClass("actief");
                          }
                          $("#"+idName + ".subcategorien").addClass("actief");
                      }
                  </script>
	    	<div class="collapse-button" onclick="openMenu()">
    			<span class="icon-bar"></span>
	        	<span class="icon-bar"></span>
		        <span class="icon-bar"></span>
	    	</div>

           <!--NAVIGATIE#--> 
       
          <!--#NAVIGATIE-->  <!-- navigatie voor mobiel -->
        <div id=categorieMenuMobile class='PAGE contentpagina standaard' style="display:none";><ul id=categorien>
<li class="categoryMenuOption " id=categoryOption5><a href=cat/5/kruiden-specerijen><span class=catIconBox><img class=catIcon src='icon_kruiden.png'></span>Kruiden & Specerijen</a> <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories5',2)"></i><ul class=subcategorien id=subCategories5>

<li class='categoryMenuOption  categoryheader' id=categoryOption105><a href=cat/105/gedroogde-groenten>Gedroogde groenten</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption258><a href=cat/258/toppings-finishing>Toppings & Finishing</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories258',3)"></i><ul class=subcategorien id=subCategories258>
<li class="categoryMenuOption " id=categoryOption277><a href=cat/277/aromatische-finishing-blends><span class=catIconBox><img class=catIcon src=''></span>Aromatische finishing blends</a></li>
<li class="categoryMenuOption " id=categoryOption276><a href=cat/276/furikake-japanse-toppiogs><span class=catIconBox><img class=catIcon src=''></span>Furikake & Japanse toppiogs</a></li>
<li class="categoryMenuOption " id=categoryOption278><a href=cat/278/krokante-umami-toppings><span class=catIconBox><img class=catIcon src=''></span>Krokante & umami toppings</a></li>
<li class="categoryMenuOption " id=categoryOption275><a href=cat/275/sesam-crunchy-toppings><span class=catIconBox><img class=catIcon src=''></span>Sesam & crunchy toppings</a></li>
<li class="categoryMenuOption " id=categoryOption267><a href=cat/267/zouten><span class=catIconBox><img class=catIcon src=''></span>Zouten</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption47><a href=cat/47/zaden>Zaden</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption22><a href=cat/22/specerijenmixen>Specerijenmixen</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories22',3)"></i><ul class=subcategorien id=subCategories22>
<li class="categoryMenuOption " id=categoryOption250><a href=cat/250/bbq-grill-blends><span class=catIconBox><img class=catIcon src=''></span>BBQ & grill blends</a></li>
<li class="categoryMenuOption " id=categoryOption249><a href=cat/249/curry-blends><span class=catIconBox><img class=catIcon src=''></span>Curry blends</a></li>
<li class="categoryMenuOption " id=categoryOption256><a href=cat/256/dessert-specerijen><span class=catIconBox><img class=catIcon src=''></span>Dessert specerijen</a></li>
<li class="categoryMenuOption " id=categoryOption253><a href=cat/253/groenten-vegetarische-blends><span class=catIconBox><img class=catIcon src=''></span>Groenten & vegetarische blends</a></li>
<li class="categoryMenuOption " id=categoryOption255><a href=cat/255/kaas-charcuterie-begeleiders><span class=catIconBox><img class=catIcon src=''></span>Kaas & charcuterie begeleiders</a></li>
<li class="categoryMenuOption " id=categoryOption254><a href=cat/254/klassieke-keuken-blends><span class=catIconBox><img class=catIcon src=''></span>Klassieke keuken blends</a></li>
<li class="categoryMenuOption " id=categoryOption252><a href=cat/252/vis-zeevruchten-kruiden><span class=catIconBox><img class=catIcon src=''></span>Vis & zeevruchten kruiden</a></li>
<li class="categoryMenuOption " id=categoryOption251><a href=cat/251/wereldkeuken-blends><span class=catIconBox><img class=catIcon src=''></span>Wereldkeuken blends</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption20><a href=cat/20/culinaire-specerijen>Culinaire Specerijen</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories20',3)"></i><ul class=subcategorien id=subCategories20>
<li class="categoryMenuOption " id=categoryOption203><a href=cat/203/aromatische-specerijen><span class=catIconBox><img class=catIcon src=''></span>Aromatische specerijen</a></li>
<li class="categoryMenuOption " id=categoryOption49><a href=cat/49/bloemen-gedroogd><span class=catIconBox><img class=catIcon src=''></span>Bloemen gedroogd</a></li>
<li class="categoryMenuOption " id=categoryOption202><a href=cat/202/citrus-specerijen><span class=catIconBox><img class=catIcon src=''></span>Citrus specerijen</a></li>
<li class="categoryMenuOption " id=categoryOption259><a href=cat/259/kaas-zuivel><span class=catIconBox><img class=catIcon src=''></span>Kaas & zuivel</a></li>
<li class="categoryMenuOption " id=categoryOption266><a href=cat/266/zuur-fris><span class=catIconBox><img class=catIcon src=''></span>Zuur & fris</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption21><a href=cat/21/enkelvoudige-specerijen>Enkelvoudige specerijen</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption83><a href=cat/83/peper>Peper</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories83',3)"></i><ul class=subcategorien id=subCategories83>
<li class="categoryMenuOption " id=categoryOption257><a href=cat/257/aromatische-peper><span class=catIconBox><img class=catIcon src=''></span>Aromatische peper</a></li>
<li class="categoryMenuOption " id=categoryOption213><a href=cat/213/citruspepers><span class=catIconBox><img class=catIcon src=''></span>Citruspepers</a></li>
<li class="categoryMenuOption " id=categoryOption211><a href=cat/211/klassieke-peper><span class=catIconBox><img class=catIcon src=''></span>Klassieke peper</a></li>
<li class="categoryMenuOption " id=categoryOption264><a href=cat/264/pepermixen><span class=catIconBox><img class=catIcon src=''></span>Pepermixen</a></li>
<li class="categoryMenuOption " id=categoryOption260><a href=cat/260/specialiteiten><span class=catIconBox><img class=catIcon src=''></span>Specialiteiten</a></li>
<li class="categoryMenuOption " id=categoryOption212><a href=cat/212/wereldpepers><span class=catIconBox><img class=catIcon src=''></span>Wereldpepers</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption86><a href=cat/86/zout>Zout</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories86',3)"></i><ul class=subcategorien id=subCategories86>
<li class="categoryMenuOption " id=categoryOption215><a href=cat/215/gearomatiseerd-zout><span class=catIconBox><img class=catIcon src=''></span>Gearomatiseerd zout</a></li>
<li class="categoryMenuOption " id=categoryOption214><a href=cat/214/klassiek-zout><span class=catIconBox><img class=catIcon src=''></span>Klassiek zout</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption84><a href=cat/84/bessen>Bessen</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories84',3)"></i><ul class=subcategorien id=subCategories84>
<li class="categoryMenuOption " id=categoryOption265><a href=cat/265/zuurfruit-bessen><span class=catIconBox><img class=catIcon src=''></span>Zuurfruit & bessen</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption85><a href=cat/85/chili>Chili</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption82><a href=cat/82/gedroogde-kruiden>Gedroogde Kruiden</a> </li></ul></li>
<li class="categoryMenuOption " id=categoryOption1><a href=cat/1/wijn-drank><span class=catIconBox><img class=catIcon src='icon_dranken.png'></span>Wijn & Drank</a></li>
<li class="categoryMenuOption " id=categoryOption32><a href=cat/32/aziatische-keuken><span class=catIconBox><img class=catIcon src='icon-asian-food.png'></span>Aziatische Keuken</a> <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories32',2)"></i><ul class=subcategorien id=subCategories32>

<li class='categoryMenuOption  categoryheader' id=categoryOption80><a href=cat/80/azijn>Azijn</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption224><a href=cat/224/chili-smaakmakers>Chili & smaakmakers</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories224',3)"></i><ul class=subcategorien id=subCategories224>
<li class="categoryMenuOption " id=categoryOption262><a href=cat/262/chili-pastas-condiments><span class=catIconBox><img class=catIcon src=''></span>Chili pasta’s & condiments</a></li>
<li class="categoryMenuOption " id=categoryOption261><a href=cat/261/currypastas><span class=catIconBox><img class=catIcon src=''></span>Currypasta's</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption227><a href=cat/227/citrus>Citrus</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption144><a href=cat/144/furikake>Furikake</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption107><a href=cat/107/japanse-bbq>Japanse BBQ</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption143><a href=cat/143/mirin>Mirin</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption87><a href=cat/87/miso>Miso</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption40><a href=cat/40/ponzu>Ponzu</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption219><a href=cat/219/rijst-granen-noodles>Rijst / granen / noodles</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption151><a href=cat/151/sake>Sake</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption222><a href=cat/222/sauzen>Sauzen</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption225><a href=cat/225/sesam>Sesam</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption41><a href=cat/41/sojasaus-tamari>Sojasaus & tamari</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption39><a href=cat/39/specerijen>Specerijen</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption108><a href=cat/108/umeshu>Umeshu</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption228><a href=cat/228/zeewier>Zeewier</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories228',3)"></i><ul class=subcategorien id=subCategories228>
<li class="categoryMenuOption " id=categoryOption273><a href=cat/273/furikake-toppings><span class=catIconBox><img class=catIcon src=''></span>Furikake & toppings</a></li>
<li class="categoryMenuOption " id=categoryOption271><a href=cat/271/nori-zeewier-toppings><span class=catIconBox><img class=catIcon src=''></span>Nori & zeewier toppings</a></li>
<li class="categoryMenuOption " id=categoryOption279><a href=cat/279/nori-vellen-sushizeewier><span class=catIconBox><img class=catIcon src=''></span>Nori vellen & sushi-zeewier</a></li>
<li class="categoryMenuOption " id=categoryOption301><a href=cat/301/umami-poeders><span class=catIconBox><img class=catIcon src=''></span>Umami & poeders</a></li>
<li class="categoryMenuOption " id=categoryOption274><a href=cat/274/zeewier-zeewierproducten><span class=catIconBox><img class=catIcon src=''></span>Zeewier & zeewierproducten</a></li>
<li class="categoryMenuOption " id=categoryOption263><a href=cat/263/zeewier-condiments><span class=catIconBox><img class=catIcon src=''></span>Zeewier condiments</a></li>
<li class="categoryMenuOption " id=categoryOption272><a href=cat/272/zeewiersalades><span class=catIconBox><img class=catIcon src=''></span>Zeewiersalades</a></li></ul></li></ul></li>
<li class="categoryMenuOption " id=categoryOption31><a href=cat/31/delicatessen-><span class=catIconBox><img class=catIcon src='icon_rijst.png'></span>Delicatessen </a> <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories31',2)"></i><ul class=subcategorien id=subCategories31>

<li class='categoryMenuOption  categoryheader' id=categoryOption204><a href=cat/204/chutney>Chutney</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption106><a href=cat/106/fruit>Fruit</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption209><a href=cat/209/gastronomische-ingredienten>Gastronomische ingredienten</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption226><a href=cat/226/japanse-delicatessen>Japanse delicatessen</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption210><a href=cat/210/kaasbegeleiders>Kaasbegeleiders</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption232><a href=cat/232/kaviaar>Kaviaar</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption244><a href=cat/244/mezze>Mezze</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption220><a href=cat/220/zeevruchtenbegeleider>Zeevruchtenbegeleider</a> </li></ul></li>
<li class="categoryMenuOption " id=categoryOption29><a href=cat/29/sauzen-smaakmakers><span class=catIconBox><img class=catIcon src='icon_sauzen.png'></span>Sauzen & Smaakmakers</a> <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories29',2)"></i><ul class=subcategorien id=subCategories29>

<li class='categoryMenuOption  categoryheader' id=categoryOption247><a href=cat/247/aromatische-waters>Aromatische waters</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption229><a href=cat/229/azijn>Azijn</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories229',3)"></i><ul class=subcategorien id=subCategories229>
<li class="categoryMenuOption " id=categoryOption230><a href=cat/230/aceto-balsamico><span class=catIconBox><img class=catIcon src=''></span>Aceto Balsamico</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption233><a href=cat/233/chutney-fruitcondimenten>Chutney & fruitcondimenten</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption270><a href=cat/270/kaas-charcuterie-begeleiders>Kaas & charcuterie begeleiders</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption221><a href=cat/221/mosterd>Mosterd</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption217><a href=cat/217/sauzen>Sauzen</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption216><a href=cat/216/siropen>Siropen</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption205><a href=cat/205/smaakpastas-currys>Smaakpasta's & curry's</a> </li></ul></li>
<li class="categoryMenuOption " id=categoryOption166><a href=cat/166/bbq-grill><span class=catIconBox><img class=catIcon src='icon_bbq.png'></span>BBQ & Grill</a> <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories166',2)"></i><ul class=subcategorien id=subCategories166>

<li class='categoryMenuOption  categoryheader' id=categoryOption168><a href=cat/168/bbq>BBQ</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption167><a href=cat/167/bbq-rubs-kruiden>BBQ rubs & kruiden</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption169><a href=cat/169/bbq-sauzen->BBQ sauzen </a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption206><a href=cat/206/houtskool>Houtskool</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption207><a href=cat/207/japanse-bbq>Japanse BBQ</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories207',3)"></i><ul class=subcategorien id=subCategories207>
<li class="categoryMenuOption " id=categoryOption208><a href=cat/208/binchotan-houtskool><span class=catIconBox><img class=catIcon src=''></span>Binchotan houtskool</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption268><a href=cat/268/rook-smaakmakers>Rook & smaakmakers</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories268',3)"></i><ul class=subcategorien id=subCategories268>
<li class="categoryMenuOption " id=categoryOption269><a href=cat/269/rookzouten><span class=catIconBox><img class=catIcon src=''></span>Rookzouten</a></li></ul></li></ul></li>
<li class="categoryMenuOption " id=categoryOption34><a href=cat/34/bakken-patisserie><span class=catIconBox><img class=catIcon src='icon-patisserie.png'></span>Bakken & Patisserie</a> <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories34',2)"></i><ul class=subcategorien id=subCategories34>

<li class='categoryMenuOption  categoryheader' id=categoryOption246><a href=cat/246/chocolade-cacao>Chocolade & cacao</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption248><a href=cat/248/dessert-smaakmakers>Dessert smaakmakers</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption245><a href=cat/245/noten-notenpoeders>Noten & Notenpoeders</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption231><a href=cat/231/notenpastas>Notenpasta's</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption56><a href=cat/56/siroop>Siroop</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption55><a href=cat/55/suiker>Suiker</a> </li></ul></li>
<li class="categoryMenuOption " id=categoryOption25><a href=cat/25/olin-azijnen><span class=catIconBox><img class=catIcon src='icon_olien.png'></span>Oliën & Azijnen</a> <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories25',2)"></i><ul class=subcategorien id=subCategories25>

<li class='categoryMenuOption  categoryheader' id=categoryOption45><a href=cat/45/aceto-balsamico>Aceto balsamico</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption42><a href=cat/42/azijn>Azijn</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories42',3)"></i><ul class=subcategorien id=subCategories42>
<li class="categoryMenuOption " id=categoryOption281><a href=cat/281/natuurazijnen><span class=catIconBox><img class=catIcon src=''></span>Natuurazijnen</a></li>
<li class="categoryMenuOption " id=categoryOption238><a href=cat/238/speciale-azijnen><span class=catIconBox><img class=catIcon src=''></span>Speciale azijnen</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption237><a href=cat/237/condimenten>Condimenten</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories237',3)"></i><ul class=subcategorien id=subCategories237>
<li class="categoryMenuOption " id=categoryOption299><a href=cat/299/zure-smaakmakers><span class=catIconBox><img class=catIcon src=''></span>Zure smaakmakers</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption100><a href=cat/100/crema>Crema</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption79><a href=cat/79/fruitazijn>Fruitazijn</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption44><a href=cat/44/olin>Oliën</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories44',3)"></i><ul class=subcategorien id=subCategories44>
<li class="categoryMenuOption " id=categoryOption243><a href=cat/243/extra-vierge-olijfolie><span class=catIconBox><img class=catIcon src=''></span>Extra vierge Olijfolie</a></li>
<li class="categoryMenuOption " id=categoryOption234><a href=cat/234/notenolin><span class=catIconBox><img class=catIcon src=''></span>Notenoliën</a></li>
<li class="categoryMenuOption " id=categoryOption236><a href=cat/236/speciale-olin><span class=catIconBox><img class=catIcon src=''></span>Speciale oliën</a></li>
<li class="categoryMenuOption " id=categoryOption235><a href=cat/235/zadenolin><span class=catIconBox><img class=catIcon src=''></span>Zadenoliën</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption239><a href=cat/239/speciale-azijnen>Speciale azijnen</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption242><a href=cat/242/speciale-olin>Speciale oliën</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption241><a href=cat/241/zoetzure-smaakcondiments>Zoet-zure smaakcondiments</a> </li></ul></li>
<li class="categoryMenuOption " id=categoryOption194><a href=cat/194/keuken-tools><span class=catIconBox><img class=catIcon src='icon_keukentools.png'></span>Keuken Tools</a></li>   
<li class="onlymobile categoryMenuOption uitgelicht"><a href="recepten">Recepten &amp; Kookvideos</a></li>
<li class="onlymobile categoryMenuOption uitgelicht"><a href="blog">Producent- &amp; Product blogs</a></li></ul> <div id=closeCategories onclick=closeCategories() >Sluiten</div> </div>
         <!--NAVIGATIE#--> 

            <!--#LOGO-->
		  <div id=canvas_logo class='PAGE contentpagina standaard'><a href=https://www.cooklovers.nl>
          	<img id=fclogo src=logo-cooklovers.png>
            <img id=monologo src=logo-cooklovers_white.png>
            </a>
              <div class="header_logos" itemscope itemtype="http://schema.org/Organization">
                  <a itemprop="sameAs"  target="_blank" href=https://www.instagram.com/cookloversnl><i class="fa fa-instagram"></i></a>
                  <a itemprop="sameAs"  target="_blank" href="https://www.youtube.com/channel/UCwkE3P6X12gVLLd4hybo-tg"><i class="fa fa-youtube"></i></a>
                  <a itemprop="sameAs"  target="_blank" href=https://www.facebook.com/cookloversnl><i class="fa fa-facebook"></i></a>
              </div>
          </div>
        <!--LOGO#-->
              <div id=header_items>
                  <div id=canvas_login><div id="canvas_login_link" href = \"javascript:void(0)\"
                           onclick = "document.getElementById('light').style.display='block';
                           document.getElementById('fade').style.display='block'"></div><h4><a href = "javascript:void(0)" 
 onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">Inloggen</a></h4>
 <h5 id=link_register><a  href=registreren>Account maken</a></h5>
 
 <img onclick="openLoginForm()" src=icon_login.png onmouseover="showuitleg(12)" onmouseout="closeuitleg(12)">
 <div class=uitleg id=uitleg12 style='display:none'>Klik hier om in te loggen of een nieuw account te maken</div>
 </div>
                  <div id=canvas_mini_basket><a  href=mandje><i class="fa fa-shopping-basket" onmouseover="showuitleg(13)" onmouseout="closeuitleg(13)"></i>
                  <div class=uitleg id=uitleg13 style='display:none'>Klik hier voor uw bestelling</div>
                  <span id=minibasket><h4>Mandje</h4><div 
class=quantity>0</div><h5 
class='priceInclBtw'> &euro; 0.00</h5><h5 
class='priceExclBtw'>&euro; 0.00</h5></span></a></div>
                  <div id=canvas_favorites><img src=icon_heart.png onclick="openLoginForm()" onmouseover="showuitleg(14)" onmouseout="closeuitleg(14)"><div class=uitleg id=uitleg14 style='display:none'>Log in om uw favorietenlijst te zien</div></div>
              </div>
            <div id=product_search> <input id=search name=search  placeholder="Zoek een product"><i class="fa fa-search" aria-hidden="true"></i> </div>
            <div id="websiteMenu">
		<nav id='my-menu'>
		<ul class="mmenu">
<li  > <a href="home-cooking">Home </a> </li>
<li  > <a href="recepten">Recepten & Kookvideos </a> </li>
<li  > <a href="blog">Producent & Product </a> </li>
<li  > <a href="contact">Contact </a> </li></ul>
</nav></div>

        </div>
    </div>
<!--HEAD#-->
    <!-- Vakantie melding -->
    

    <div id="categoryMenu"><ul id=categorien>
<li class="categoryMenuOption " id=categoryOption5><a href=cat/5/kruiden-specerijen><span class=catIconBox><img class=catIcon src='icon_kruiden.png'></span>Kruiden & Specerijen</a> <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories5',2)"></i><ul class=subcategorien id=subCategories5>

<li class='categoryMenuOption  categoryheader' id=categoryOption105><a href=cat/105/gedroogde-groenten>Gedroogde groenten</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption258><a href=cat/258/toppings-finishing>Toppings & Finishing</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories258',3)"></i><ul class=subcategorien id=subCategories258>
<li class="categoryMenuOption " id=categoryOption277><a href=cat/277/aromatische-finishing-blends><span class=catIconBox><img class=catIcon src=''></span>Aromatische finishing blends</a></li>
<li class="categoryMenuOption " id=categoryOption276><a href=cat/276/furikake-japanse-toppiogs><span class=catIconBox><img class=catIcon src=''></span>Furikake & Japanse toppiogs</a></li>
<li class="categoryMenuOption " id=categoryOption278><a href=cat/278/krokante-umami-toppings><span class=catIconBox><img class=catIcon src=''></span>Krokante & umami toppings</a></li>
<li class="categoryMenuOption " id=categoryOption275><a href=cat/275/sesam-crunchy-toppings><span class=catIconBox><img class=catIcon src=''></span>Sesam & crunchy toppings</a></li>
<li class="categoryMenuOption " id=categoryOption267><a href=cat/267/zouten><span class=catIconBox><img class=catIcon src=''></span>Zouten</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption47><a href=cat/47/zaden>Zaden</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption22><a href=cat/22/specerijenmixen>Specerijenmixen</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories22',3)"></i><ul class=subcategorien id=subCategories22>
<li class="categoryMenuOption " id=categoryOption250><a href=cat/250/bbq-grill-blends><span class=catIconBox><img class=catIcon src=''></span>BBQ & grill blends</a></li>
<li class="categoryMenuOption " id=categoryOption249><a href=cat/249/curry-blends><span class=catIconBox><img class=catIcon src=''></span>Curry blends</a></li>
<li class="categoryMenuOption " id=categoryOption256><a href=cat/256/dessert-specerijen><span class=catIconBox><img class=catIcon src=''></span>Dessert specerijen</a></li>
<li class="categoryMenuOption " id=categoryOption253><a href=cat/253/groenten-vegetarische-blends><span class=catIconBox><img class=catIcon src=''></span>Groenten & vegetarische blends</a></li>
<li class="categoryMenuOption " id=categoryOption255><a href=cat/255/kaas-charcuterie-begeleiders><span class=catIconBox><img class=catIcon src=''></span>Kaas & charcuterie begeleiders</a></li>
<li class="categoryMenuOption " id=categoryOption254><a href=cat/254/klassieke-keuken-blends><span class=catIconBox><img class=catIcon src=''></span>Klassieke keuken blends</a></li>
<li class="categoryMenuOption " id=categoryOption252><a href=cat/252/vis-zeevruchten-kruiden><span class=catIconBox><img class=catIcon src=''></span>Vis & zeevruchten kruiden</a></li>
<li class="categoryMenuOption " id=categoryOption251><a href=cat/251/wereldkeuken-blends><span class=catIconBox><img class=catIcon src=''></span>Wereldkeuken blends</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption20><a href=cat/20/culinaire-specerijen>Culinaire Specerijen</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories20',3)"></i><ul class=subcategorien id=subCategories20>
<li class="categoryMenuOption " id=categoryOption203><a href=cat/203/aromatische-specerijen><span class=catIconBox><img class=catIcon src=''></span>Aromatische specerijen</a></li>
<li class="categoryMenuOption " id=categoryOption49><a href=cat/49/bloemen-gedroogd><span class=catIconBox><img class=catIcon src=''></span>Bloemen gedroogd</a></li>
<li class="categoryMenuOption " id=categoryOption202><a href=cat/202/citrus-specerijen><span class=catIconBox><img class=catIcon src=''></span>Citrus specerijen</a></li>
<li class="categoryMenuOption " id=categoryOption259><a href=cat/259/kaas-zuivel><span class=catIconBox><img class=catIcon src=''></span>Kaas & zuivel</a></li>
<li class="categoryMenuOption " id=categoryOption266><a href=cat/266/zuur-fris><span class=catIconBox><img class=catIcon src=''></span>Zuur & fris</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption21><a href=cat/21/enkelvoudige-specerijen>Enkelvoudige specerijen</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption83><a href=cat/83/peper>Peper</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories83',3)"></i><ul class=subcategorien id=subCategories83>
<li class="categoryMenuOption " id=categoryOption257><a href=cat/257/aromatische-peper><span class=catIconBox><img class=catIcon src=''></span>Aromatische peper</a></li>
<li class="categoryMenuOption " id=categoryOption213><a href=cat/213/citruspepers><span class=catIconBox><img class=catIcon src=''></span>Citruspepers</a></li>
<li class="categoryMenuOption " id=categoryOption211><a href=cat/211/klassieke-peper><span class=catIconBox><img class=catIcon src=''></span>Klassieke peper</a></li>
<li class="categoryMenuOption " id=categoryOption264><a href=cat/264/pepermixen><span class=catIconBox><img class=catIcon src=''></span>Pepermixen</a></li>
<li class="categoryMenuOption " id=categoryOption260><a href=cat/260/specialiteiten><span class=catIconBox><img class=catIcon src=''></span>Specialiteiten</a></li>
<li class="categoryMenuOption " id=categoryOption212><a href=cat/212/wereldpepers><span class=catIconBox><img class=catIcon src=''></span>Wereldpepers</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption86><a href=cat/86/zout>Zout</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories86',3)"></i><ul class=subcategorien id=subCategories86>
<li class="categoryMenuOption " id=categoryOption215><a href=cat/215/gearomatiseerd-zout><span class=catIconBox><img class=catIcon src=''></span>Gearomatiseerd zout</a></li>
<li class="categoryMenuOption " id=categoryOption214><a href=cat/214/klassiek-zout><span class=catIconBox><img class=catIcon src=''></span>Klassiek zout</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption84><a href=cat/84/bessen>Bessen</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories84',3)"></i><ul class=subcategorien id=subCategories84>
<li class="categoryMenuOption " id=categoryOption265><a href=cat/265/zuurfruit-bessen><span class=catIconBox><img class=catIcon src=''></span>Zuurfruit & bessen</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption85><a href=cat/85/chili>Chili</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption82><a href=cat/82/gedroogde-kruiden>Gedroogde Kruiden</a> </li></ul></li>
<li class="categoryMenuOption " id=categoryOption1><a href=cat/1/wijn-drank><span class=catIconBox><img class=catIcon src='icon_dranken.png'></span>Wijn & Drank</a></li>
<li class="categoryMenuOption " id=categoryOption32><a href=cat/32/aziatische-keuken><span class=catIconBox><img class=catIcon src='icon-asian-food.png'></span>Aziatische Keuken</a> <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories32',2)"></i><ul class=subcategorien id=subCategories32>

<li class='categoryMenuOption  categoryheader' id=categoryOption80><a href=cat/80/azijn>Azijn</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption224><a href=cat/224/chili-smaakmakers>Chili & smaakmakers</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories224',3)"></i><ul class=subcategorien id=subCategories224>
<li class="categoryMenuOption " id=categoryOption262><a href=cat/262/chili-pastas-condiments><span class=catIconBox><img class=catIcon src=''></span>Chili pasta’s & condiments</a></li>
<li class="categoryMenuOption " id=categoryOption261><a href=cat/261/currypastas><span class=catIconBox><img class=catIcon src=''></span>Currypasta's</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption227><a href=cat/227/citrus>Citrus</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption144><a href=cat/144/furikake>Furikake</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption107><a href=cat/107/japanse-bbq>Japanse BBQ</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption143><a href=cat/143/mirin>Mirin</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption87><a href=cat/87/miso>Miso</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption40><a href=cat/40/ponzu>Ponzu</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption219><a href=cat/219/rijst-granen-noodles>Rijst / granen / noodles</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption151><a href=cat/151/sake>Sake</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption222><a href=cat/222/sauzen>Sauzen</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption225><a href=cat/225/sesam>Sesam</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption41><a href=cat/41/sojasaus-tamari>Sojasaus & tamari</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption39><a href=cat/39/specerijen>Specerijen</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption108><a href=cat/108/umeshu>Umeshu</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption228><a href=cat/228/zeewier>Zeewier</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories228',3)"></i><ul class=subcategorien id=subCategories228>
<li class="categoryMenuOption " id=categoryOption273><a href=cat/273/furikake-toppings><span class=catIconBox><img class=catIcon src=''></span>Furikake & toppings</a></li>
<li class="categoryMenuOption " id=categoryOption271><a href=cat/271/nori-zeewier-toppings><span class=catIconBox><img class=catIcon src=''></span>Nori & zeewier toppings</a></li>
<li class="categoryMenuOption " id=categoryOption279><a href=cat/279/nori-vellen-sushizeewier><span class=catIconBox><img class=catIcon src=''></span>Nori vellen & sushi-zeewier</a></li>
<li class="categoryMenuOption " id=categoryOption301><a href=cat/301/umami-poeders><span class=catIconBox><img class=catIcon src=''></span>Umami & poeders</a></li>
<li class="categoryMenuOption " id=categoryOption274><a href=cat/274/zeewier-zeewierproducten><span class=catIconBox><img class=catIcon src=''></span>Zeewier & zeewierproducten</a></li>
<li class="categoryMenuOption " id=categoryOption263><a href=cat/263/zeewier-condiments><span class=catIconBox><img class=catIcon src=''></span>Zeewier condiments</a></li>
<li class="categoryMenuOption " id=categoryOption272><a href=cat/272/zeewiersalades><span class=catIconBox><img class=catIcon src=''></span>Zeewiersalades</a></li></ul></li></ul></li>
<li class="categoryMenuOption " id=categoryOption31><a href=cat/31/delicatessen-><span class=catIconBox><img class=catIcon src='icon_rijst.png'></span>Delicatessen </a> <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories31',2)"></i><ul class=subcategorien id=subCategories31>

<li class='categoryMenuOption  categoryheader' id=categoryOption204><a href=cat/204/chutney>Chutney</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption106><a href=cat/106/fruit>Fruit</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption209><a href=cat/209/gastronomische-ingredienten>Gastronomische ingredienten</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption226><a href=cat/226/japanse-delicatessen>Japanse delicatessen</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption210><a href=cat/210/kaasbegeleiders>Kaasbegeleiders</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption232><a href=cat/232/kaviaar>Kaviaar</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption244><a href=cat/244/mezze>Mezze</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption220><a href=cat/220/zeevruchtenbegeleider>Zeevruchtenbegeleider</a> </li></ul></li>
<li class="categoryMenuOption " id=categoryOption29><a href=cat/29/sauzen-smaakmakers><span class=catIconBox><img class=catIcon src='icon_sauzen.png'></span>Sauzen & Smaakmakers</a> <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories29',2)"></i><ul class=subcategorien id=subCategories29>

<li class='categoryMenuOption  categoryheader' id=categoryOption247><a href=cat/247/aromatische-waters>Aromatische waters</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption229><a href=cat/229/azijn>Azijn</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories229',3)"></i><ul class=subcategorien id=subCategories229>
<li class="categoryMenuOption " id=categoryOption230><a href=cat/230/aceto-balsamico><span class=catIconBox><img class=catIcon src=''></span>Aceto Balsamico</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption233><a href=cat/233/chutney-fruitcondimenten>Chutney & fruitcondimenten</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption270><a href=cat/270/kaas-charcuterie-begeleiders>Kaas & charcuterie begeleiders</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption221><a href=cat/221/mosterd>Mosterd</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption217><a href=cat/217/sauzen>Sauzen</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption216><a href=cat/216/siropen>Siropen</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption205><a href=cat/205/smaakpastas-currys>Smaakpasta's & curry's</a> </li></ul></li>
<li class="categoryMenuOption " id=categoryOption166><a href=cat/166/bbq-grill><span class=catIconBox><img class=catIcon src='icon_bbq.png'></span>BBQ & Grill</a> <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories166',2)"></i><ul class=subcategorien id=subCategories166>

<li class='categoryMenuOption  categoryheader' id=categoryOption168><a href=cat/168/bbq>BBQ</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption167><a href=cat/167/bbq-rubs-kruiden>BBQ rubs & kruiden</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption169><a href=cat/169/bbq-sauzen->BBQ sauzen </a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption206><a href=cat/206/houtskool>Houtskool</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption207><a href=cat/207/japanse-bbq>Japanse BBQ</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories207',3)"></i><ul class=subcategorien id=subCategories207>
<li class="categoryMenuOption " id=categoryOption208><a href=cat/208/binchotan-houtskool><span class=catIconBox><img class=catIcon src=''></span>Binchotan houtskool</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption268><a href=cat/268/rook-smaakmakers>Rook & smaakmakers</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories268',3)"></i><ul class=subcategorien id=subCategories268>
<li class="categoryMenuOption " id=categoryOption269><a href=cat/269/rookzouten><span class=catIconBox><img class=catIcon src=''></span>Rookzouten</a></li></ul></li></ul></li>
<li class="categoryMenuOption " id=categoryOption34><a href=cat/34/bakken-patisserie><span class=catIconBox><img class=catIcon src='icon-patisserie.png'></span>Bakken & Patisserie</a> <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories34',2)"></i><ul class=subcategorien id=subCategories34>

<li class='categoryMenuOption  categoryheader' id=categoryOption246><a href=cat/246/chocolade-cacao>Chocolade & cacao</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption248><a href=cat/248/dessert-smaakmakers>Dessert smaakmakers</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption245><a href=cat/245/noten-notenpoeders>Noten & Notenpoeders</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption231><a href=cat/231/notenpastas>Notenpasta's</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption56><a href=cat/56/siroop>Siroop</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption55><a href=cat/55/suiker>Suiker</a> </li></ul></li>
<li class="categoryMenuOption " id=categoryOption25><a href=cat/25/olin-azijnen><span class=catIconBox><img class=catIcon src='icon_olien.png'></span>Oliën & Azijnen</a> <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories25',2)"></i><ul class=subcategorien id=subCategories25>

<li class='categoryMenuOption  categoryheader' id=categoryOption45><a href=cat/45/aceto-balsamico>Aceto balsamico</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption42><a href=cat/42/azijn>Azijn</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories42',3)"></i><ul class=subcategorien id=subCategories42>
<li class="categoryMenuOption " id=categoryOption281><a href=cat/281/natuurazijnen><span class=catIconBox><img class=catIcon src=''></span>Natuurazijnen</a></li>
<li class="categoryMenuOption " id=categoryOption238><a href=cat/238/speciale-azijnen><span class=catIconBox><img class=catIcon src=''></span>Speciale azijnen</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption237><a href=cat/237/condimenten>Condimenten</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories237',3)"></i><ul class=subcategorien id=subCategories237>
<li class="categoryMenuOption " id=categoryOption299><a href=cat/299/zure-smaakmakers><span class=catIconBox><img class=catIcon src=''></span>Zure smaakmakers</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption100><a href=cat/100/crema>Crema</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption79><a href=cat/79/fruitazijn>Fruitazijn</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption44><a href=cat/44/olin>Oliën</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories44',3)"></i><ul class=subcategorien id=subCategories44>
<li class="categoryMenuOption " id=categoryOption243><a href=cat/243/extra-vierge-olijfolie><span class=catIconBox><img class=catIcon src=''></span>Extra vierge Olijfolie</a></li>
<li class="categoryMenuOption " id=categoryOption234><a href=cat/234/notenolin><span class=catIconBox><img class=catIcon src=''></span>Notenoliën</a></li>
<li class="categoryMenuOption " id=categoryOption236><a href=cat/236/speciale-olin><span class=catIconBox><img class=catIcon src=''></span>Speciale oliën</a></li>
<li class="categoryMenuOption " id=categoryOption235><a href=cat/235/zadenolin><span class=catIconBox><img class=catIcon src=''></span>Zadenoliën</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption239><a href=cat/239/speciale-azijnen>Speciale azijnen</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption242><a href=cat/242/speciale-olin>Speciale oliën</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption241><a href=cat/241/zoetzure-smaakcondiments>Zoet-zure smaakcondiments</a> </li></ul></li>
<li class="categoryMenuOption " id=categoryOption194><a href=cat/194/keuken-tools><span class=catIconBox><img class=catIcon src='icon_keukentools.png'></span>Keuken Tools</a></li>   
<li class="onlymobile categoryMenuOption uitgelicht"><a href="recepten">Recepten &amp; Kookvideos</a></li>
<li class="onlymobile categoryMenuOption uitgelicht"><a href="blog">Producent- &amp; Product blogs</a></li></ul></div>

    <style>
        #meldingSluiting{
            background: #eee;
            width: calc(100% - 62px);
            margin: 10px auto;
            color: var(--kleur1);
            padding: 5px;
            font-size: 90%;
            letter-spacing: 1px;
        }

        #canvas_header.square{
            display:none !important;
        }

    </style>

<!--#CONTENT-->
    <div id=canvas_content>
	    <div id=content>    
			
            
		<span id=kaderTop8></span>
		<div id=Block_PAGE8 class='element PAGE ' >				
		<div class=blockOverlay></div>
					
				<div id=content_shop>
					
					
					<div class=pageContent><div><div id=canvas_shop class='category browse'><div id=shop_side class='category browse'> <div class='sideCategories'><h3>Delicatessen </h3>
                        
                        <li class='subcategory '><a href='cat/204/Chutney'>Chutney</a>
                                    </li>
                        
                        <li class='subcategory '><a href='cat/106/Fruit'>Fruit</a>
                                    </li>
                        
                        <li class='subcategory '><a href='cat/209/Gastronomische-ingredienten'>Gastronomische ingredienten</a>
                                    </li>
                        
                        <li class='subcategory '><a href='cat/226/Japanse-delicatessen'>Japanse delicatessen</a>
                                    </li>
                        
                        <li class='subcategory '><a href='cat/210/Kaasbegeleiders'>Kaasbegeleiders</a>
                                    </li>
                        
                        <li class='subcategory '><a href='cat/232/Kaviaar'>Kaviaar</a>
                                    </li>
                        
                        <li class='subcategory active'><a href='cat/244/Mezze'>Mezze</a>
                                    </li>
                        
                        <li class='subcategory '><a href='cat/220/Zeevruchtenbegeleider'>Zeevruchtenbegeleider</a>
                                    </li></div>
<style>#filter_container:empty{display:none !important;}</style>
<div id=filter_container></div>
    
        <h4>Sorteer resultaten </h4> <select size="1" onchange="changePriceRange()" name="productsort" id="productsort">
        <option value="">Sorteer producten:</option>
        <option value="priceMinMax">Op prijs laag - hoog</option>
        <option value="priceMaxMin">Op prijs hoog - laag</option>
        <option value="dateAdded">Toegevoegd : Nieuw - Oud</option>
        <option value="productNameAZ">Op naam a-z</option>
        <option value="productNameZA">Op naam z-a</option>
    </select>    
       
    <div id="toggleBTW">
        <strong class="priceExclBtw">Prijzen zijn getoond exclusief btw</strong>
        <div class="knop priceExclBtw" onclick="changeVATMode('IN')">Toon inclusief BTW</div>
        <strong class="priceInclBtw">Prijzen zijn getoond inclusief btw</strong>
        <div class="knop priceInclBtw" onclick="changeVATMode('EX')">Toon exclusief BTW</div>
    </div>    
    </div><div id=shop_main class='category browse'><div id=shopCategory><script>
window.onload(setTimeout(function(){
	matchDivHeights("productName",5);
	matchDivHeights("productDesc",5);
	matchDivHeights("bestel_omschrijving",5);
	matchDivHeights("product_afkomst",5);
    matchDivHeights("actielabel",5);
	},700));
</script>

<script>
    function changePriceRange(){
        var url = "ajax_filter_products.php";
        var minPrice = $("#minPrice").val();
        var maxPrice = $("#maxPrice").val();
        var sortBy = $("#productsort").val();
        var categoryId = $("#categoryId").val();

        $.ajax({
            url: url,
            cache: false,
            type : "POST",
            data : "action=sortProducts&minPrice="+minPrice+"&maxPrice="+maxPrice+"&sortBy="+sortBy+"&categoryId="+categoryId,
            success: function(data)
            {

                setTimeout(function (){
                    $("#shopCategory").html(data);

                    matchDivHeights("productName",5);
                    matchDivHeights("productDesc",5);
                    matchDivHeights("bestel_omschrijving",5);
                    $("#fade").css("display","none");
                    $("#loading").css("display","none");


                }, 200);
                setTimeout(function (){
                    toonBtwModus();
                }, 400);


            },
            error: function()
            {
                alert("er is iets foutgegaan");
            }
        });
    }

    function filterResults2(id,value){
        var url = "ajax_filter_products.php";
        var categoryId = $("#categoryId").val();
        var filterValues = [];

        if(value=="resetfilter")
        {
            filterValues.push("resetfilter");
        }

        filterValues.push(encodeURIComponent(value));

        $("#loading").css("display","inline-block");

        $.ajax({
            url: url,
            cache: false,
            type : "POST",
            data : "action=filterProducts&filters["+id+"]="+filterValues+"&categoryId="+categoryId,
            success: function(data)
            {
                setTimeout(function(){
                    $("#shopCategory").html(data);
                    matchDivHeights("productName",5);
                    matchDivHeights("productDesc",5);
                    matchDivHeights("bestel_omschrijving",5);
                    $("#fade").css("display","none");
                    $("#loading").css("display","none");
                }, 400);

                // reloadFilters
                reloadFilters();
            },
            error: function()
            {
                alert("er is iets foutgegaan");
            }
        });

    }
    function filterResults(id,value){
        var url = "ajax_filter_products.php";
        var categoryId = $("#categoryId").val();
        var filterValues = [];

        if(value=="resetfilter")
        {
            filterValues.push("resetfilter");
        }
        else
        {
            if ($('#filter' + id).is('select')) {
                filterValues.push(encodeURIComponent(value));
            } else {
                console.log("filter" + id + " is GEEN selectbox");
                $("input:checkbox[name=filter" + id + "]:checked").each(function () {
                    filterValues.push(encodeURIComponent($(this).val()));
                });
            }
        }

        $("#loading").css("display","inline-block");

        $.ajax({
            url: url,
            cache: false,
            type : "POST",
            data : "action=filterProducts&filters["+id+"]="+filterValues+"&categoryId="+categoryId,
            success: function(data)
            {
                setTimeout(function(){
                    $("#shopCategory").html(data);
                    matchDivHeights("productName",5);
                    matchDivHeights("productDesc",5);
                    matchDivHeights("bestel_omschrijving",5);
                    $("#fade").css("display","none");
                    $("#loading").css("display","none");
                }, 400);

                // reloadFilters
                reloadFilters();
            },
            error: function()
            {
                alert("er is iets foutgegaan");
            }
        });
    }

    function reloadFilters()
    {
        var url = "ajax_filter_products.php";
        var action = "reloadfilters";
        var categoryId = $("#categoryId").val();


        $.ajax({
            url: url,
            cache: false,
            type: "POST",
            data: "action=reloadfilters&categoryId=" + categoryId,
            success: function(data)
            {
                $("#filter_container").html(data);
            },
            error: function()
            {
                console.log("Error reloading filters");
            }
        });
    }
</script>

<style>
    #productFilters input,
    #productFilters select{padding:2px;display: inline-block; width: auto; max-width: 25%;}
    div#shopCategory{text-align: left}
    div.category_intro:empty{display: none !important;}
    div.category_intro {
        display: inline-block;
        padding: 0 1em 1em 1em;
        text-align: left;
        background: #ffffffe8;
        color: #525252;
        /* border-bottom: 1px solid #e5e5e5; */
        padding-bottom: 0;
        margin-bottom: 1em;
        line-height: 160%;
        /* max-width: 1000px; */
        margin-right: auto;
        display: block;
    }
    .category_image {
        margin-bottom: 20px;
        width: 100% !important;
        overflow: hidden;

        max-height:20%;
    }
    .category_image img {
        width: 100%;
        height: auto;
        min-width: 100%;
        margin-bottom: ;
        padding: ;
    }
    h1.category_name{padding:0;margin:0;text-align: center; color:var(--kleur1)}

</style>

<div class="category_intro">

    
<h1 class="category_name">Mezze</h1>
<div class="category_description category_desc"></div>
</div>
    <div id="productFilters" style="display: none">
    Prijs van<input type="number" name="minPrice" id="minPrice" value="0"> tot <input type="number" name="maxPrice" id="maxPrice" value="999">        &nbsp;
    <select size="1"  name="productsort" id="productsort">
        <option value="">Sorteer producten:</option>
        <option selected value="priceMinMax">Op prijs laag - hoog</option>
        <option value="priceMaxMin">Op prijs hoog - laag</option>
        <option value="dateAdded">Toegevoegd : Nieuw - Oud</option>
        <option value="productNameAZ">Op naam a-z</option>
        <option value="productNameZA">Op naam z-a</option>

    </select>
        <input type=hidden name=categoryId id=categoryId value='244' />
    <input type="button" id=updatePriceFilters name="sort" value="Update" onclick="changePriceRange()">
    </div>

<div id=canvas_categories>

	<div id=products_list>
	<div class="featuredItem product_block Leverbaar [filters]" id=ftProduct1741>
            <form action=../index.php method=get>
        	 <input type=hidden name=module value=basket />
        	 <input type=hidden name=action value=add2basket />
        	 <input type=hidden name=product_id value=1741 />


             <span class=productAfbeelding>
             	<div class=imageContainer>
                    <a href=../product/Dukkah-Specerijen-Mengsel/1741>
                <span id="productImageContainer1741">
                    <img id=productImage1741 src=cat_images3489HF/i600/teepdukkah_specerij_mengsel_dukkah_open.jpg alt='Dukkah Specerijen Mengsel'>
                </span>
                </a>
                </div>
                 <!-- label -->
                 <div class='actielabel nolabel'></div>
			 </span>
               
             <span class=productGegevens>             

                 <!-- titel Dukkah Specerijen Mengsel -->
                 <a href=../product/Dukkah-Specerijen-Mengsel/1741> <div class=productName id=productName><h4>Dukkah Specerijen Mengsel</h4></div></a>


                 <!-- variaties van Dukkah Specerijen Mengsel -->
                 <div class=productVariations><div onclick=selectVariatie(1781,1741) id='variatie_1781' class='productVariatie '>250 gram</div><div onclick=selectVariatie(1741,1741) id='variatie_1741' class='productVariatie geselecteerd'>40 gram</div></div>
                 <!--#PRODUCTDESC--><a href=../product/Dukkah-Specerijen-Mengsel/1741><div id=productDesc class='productDesc nomobile'>Normaliter gebruikt als een dip met brood of verse groenten, en genoten als een hors-d’oeuvre. Of verwerkt in een heerlijke ketjap-saus in combinatie met spiesjes gegrild vlees.
</div></a><!--PRODUCTDESC#-->
                 <div id=productCategory><a href='cat/5/Kruiden--Specerijen'>Kruiden & Specerijen</a>  > <a href='cat/22/Specerijenmixen'>Specerijenmixen</a>  > <a href='cat/251/Wereldkeuken-blends'>Wereldkeuken blends</a>  </div>

                 <!--#STOCKINFO--><div class="product_stock_info" ></div>
<!--STOCKINFO#-->

                 <style>
.product_stock_info {
    background: #2b2b2b;
    border-radius: 0;
    color: #fff;
    text-align: center;
    font-size: 80%;
    letter-spacing: 1px;
    padding: 2px;
}
                 </style>


                 <!-- favoriet knop-->
                 <div  id=favIcon onclick=favoriteProduct(1741)> <i class='fa fa-heart'></i></div>
                 <!-- bestelomschrijving -->
                 <div class=bestel_omschrijving></div>
                 <!--#SHOPMODUS-->
                 <!-- bestelknoppenregel -->
                 <div id=productPrices><div
                       class=productPriceNormal >
                            <span id="productBrutoExcl_1741" class="priceExclBtw price bruto"></span>
                            <span id="productBrutoIncl_1741" class="priceInclBtw price bruto"></span>
                        </div><div
                         class=productPrice>
                            <span id="productPriceExcl_1741" class="priceExclBtw">8.17</span>
                            <span id="productPriceIncl_1741" class="priceInclBtw">8.90</span>
                        </div>
                    </div><div
                        class="orderButtons"><div
                        class="orderQuantity"><input
                        class='orderQuantity' type=number id='quantity1741'
                            onchange=checkPrijs(this.value,1741) onkeyup="checkPrijs(this.value,1741)" width=2
                            value=1 min=1 max=-15 step=1
                            name='aantal'/></div><div
                        class="orderButton"><div
                        class='knop'
                        onclick=addBasket(1741,document.getElementById('quantity1741').value);><span class="nomobile">+</span> <i
                        class='fa fa-shopping-basket'></i></div></div></div>

        <!--SHOPMODUS#-->


    </span>
             <!--#SHOPMODUS-->             <div class="staffelprijs regel"><div class="staffelprijs aantal">va 1 st</div><div class="staffelprijs priceExclBtw">8.17</div><div class="staffelprijs priceInclBtw">8.90</div><div class="priceEdate"></div></div><input type=hidden id=staffelAantal_1741 value="1"><input type=hidden id=prijzenExcl_1741 value="8.17"><input type=hidden id=prijzenIncl_1741 value="8.90">             <!--SHOPMODUS#-->


           </form>
	    </div><div class="featuredItem product_block Leverbaar [filters]" id=ftProduct1762>
            <form action=../index.php method=get>
        	 <input type=hidden name=module value=basket />
        	 <input type=hidden name=action value=add2basket />
        	 <input type=hidden name=product_id value=1762 />


             <span class=productAfbeelding>
             	<div class=imageContainer>
                    <a href=../product/Zathar-Specerijen-Mengsel/1762>
                <span id="productImageContainer1762">
                    <img id=productImage1762 src=cat_images3489HF/i600/teepzathar_specerij_mengsel_zathar_open.jpg alt='Zathar Specerijen Mengsel'>
                </span>
                </a>
                </div>
                 <!-- label -->
                 <div class='actielabel nolabel'></div>
			 </span>
               
             <span class=productGegevens>             

                 <!-- titel Zathar Specerijen Mengsel -->
                 <a href=../product/Zathar-Specerijen-Mengsel/1762> <div class=productName id=productName><h4>Zathar Specerijen Mengsel</h4></div></a>


                 <!-- variaties van Zathar Specerijen Mengsel -->
                 <div class=productVariations><div onclick=selectVariatie(1762,1762) id='variatie_1762' class='productVariatie geselecteerd'>70 gram</div><div onclick=selectVariatie(1808,1762) id='variatie_1808' class='productVariatie '>500 gram</div></div>
                 <!--#PRODUCTDESC--><a href=../product/Zathar-Specerijen-Mengsel/1762><div id=productDesc class='productDesc nomobile'>Deze specerij word vaak gebruikt als dip: Pita-brood gedipt in olijfolie en vervolgens in de Zathar. 
Ook kan de Zathar in deeg worden verwerkt dat vervolgens word gebakken als brood.
Zath (...)</div></a><!--PRODUCTDESC#-->
                 <div id=productCategory><a href='cat/5/Kruiden--Specerijen'>Kruiden & Specerijen</a>  > <a href='cat/22/Specerijenmixen'>Specerijenmixen</a>  > <a href='cat/253/Groenten--vegetarische-blends'>Groenten & vegetarische blends</a>  </div>

                 <!--#STOCKINFO--><div class="product_stock_info" ></div>
<!--STOCKINFO#-->

                 <style>
.product_stock_info {
    background: #2b2b2b;
    border-radius: 0;
    color: #fff;
    text-align: center;
    font-size: 80%;
    letter-spacing: 1px;
    padding: 2px;
}
                 </style>


                 <!-- favoriet knop-->
                 <div  id=favIcon onclick=favoriteProduct(1762)> <i class='fa fa-heart'></i></div>
                 <!-- bestelomschrijving -->
                 <div class=bestel_omschrijving></div>
                 <!--#SHOPMODUS-->
                 <!-- bestelknoppenregel -->
                 <div id=productPrices><div
                       class=productPriceNormal >
                            <span id="productBrutoExcl_1762" class="priceExclBtw price bruto"></span>
                            <span id="productBrutoIncl_1762" class="priceInclBtw price bruto"></span>
                        </div><div
                         class=productPrice>
                            <span id="productPriceExcl_1762" class="priceExclBtw">5.46</span>
                            <span id="productPriceIncl_1762" class="priceInclBtw">5.95</span>
                        </div>
                    </div><div
                        class="orderButtons"><div
                        class="orderQuantity"><input
                        class='orderQuantity' type=number id='quantity1762'
                            onchange=checkPrijs(this.value,1762) onkeyup="checkPrijs(this.value,1762)" width=2
                            value=1 min=1 max=1 step=1
                            name='aantal'/></div><div
                        class="orderButton"><div
                        class='knop'
                        onclick=addBasket(1762,document.getElementById('quantity1762').value);><span class="nomobile">+</span> <i
                        class='fa fa-shopping-basket'></i></div></div></div>

        <!--SHOPMODUS#-->


    </span>
             <!--#SHOPMODUS-->             <div class="staffelprijs regel"><div class="staffelprijs aantal">va 1 st</div><div class="staffelprijs priceExclBtw">5.46</div><div class="staffelprijs priceInclBtw">5.95</div><div class="priceEdate"></div></div><input type=hidden id=staffelAantal_1762 value="1"><input type=hidden id=prijzenExcl_1762 value="5.46"><input type=hidden id=prijzenIncl_1762 value="5.95">             <!--SHOPMODUS#-->


           </form>
	    </div><div class="featuredItem product_block Leverbaar [filters]" id=ftProduct2978>
            <form action=../index.php method=get>
        	 <input type=hidden name=module value=basket />
        	 <input type=hidden name=action value=add2basket />
        	 <input type=hidden name=product_id value=2978 />


             <span class=productAfbeelding>
             	<div class=imageContainer>
                    <a href=../product/Zathar-Specerijen-Mengsel/2978>
                <span id="productImageContainer2978">
                    <img id=productImage2978 src=cat_images3489HF/i600/teepzathar_specerij_mengsel_zathar_open.jpg alt='Zathar Specerijen Mengsel'>
                </span>
                </a>
                </div>
                 <!-- label -->
                 <div class='actielabel nolabel'></div>
			 </span>
               
             <span class=productGegevens>             

                 <!-- titel Zathar Specerijen Mengsel -->
                 <a href=../product/Zathar-Specerijen-Mengsel/2978> <div class=productName id=productName><h4>Zathar Specerijen Mengsel</h4></div></a>


                 <!-- variaties van Zathar Specerijen Mengsel -->
                 <div class=productVariations><div onclick=selectVariatie(2978,2978) id='variatie_2978' class='productVariatie geselecteerd'>180 gram</div></div>
                 <!--#PRODUCTDESC--><a href=../product/Zathar-Specerijen-Mengsel/2978><div id=productDesc class='productDesc nomobile'>Deze specerij word vaak gebruikt als dip: Pita-brood gedipt in olijfolie en vervolgens in de Zathar. 
Ook kan de Zathar in deeg worden verwerkt dat vervolgens word gebakken als brood.
Zath (...)</div></a><!--PRODUCTDESC#-->
                 <div id=productCategory><a href='cat/5/Kruiden--Specerijen'>Kruiden & Specerijen</a>  > <a href='cat/22/Specerijenmixen'>Specerijenmixen</a>  > <a href='cat/253/Groenten--vegetarische-blends'>Groenten & vegetarische blends</a>  </div>

                 <!--#STOCKINFO--><div class="product_stock_info" ></div>
<!--STOCKINFO#-->

                 <style>
.product_stock_info {
    background: #2b2b2b;
    border-radius: 0;
    color: #fff;
    text-align: center;
    font-size: 80%;
    letter-spacing: 1px;
    padding: 2px;
}
                 </style>


                 <!-- favoriet knop-->
                 <div  id=favIcon onclick=favoriteProduct(2978)> <i class='fa fa-heart'></i></div>
                 <!-- bestelomschrijving -->
                 <div class=bestel_omschrijving></div>
                 <!--#SHOPMODUS-->
                 <!-- bestelknoppenregel -->
                 <div id=productPrices><div
                       class=productPriceNormal >
                            <span id="productBrutoExcl_2978" class="priceExclBtw price bruto"></span>
                            <span id="productBrutoIncl_2978" class="priceInclBtw price bruto"></span>
                        </div><div
                         class=productPrice>
                            <span id="productPriceExcl_2978" class="priceExclBtw">10.00</span>
                            <span id="productPriceIncl_2978" class="priceInclBtw">10.90</span>
                        </div>
                    </div><div
                        class="orderButtons"><div
                        class="orderQuantity"><input
                        class='orderQuantity' type=number id='quantity2978'
                            onchange=checkPrijs(this.value,2978) onkeyup="checkPrijs(this.value,2978)" width=2
                            value=1 min=1 max=2 step=1
                            name='aantal'/></div><div
                        class="orderButton"><div
                        class='knop'
                        onclick=addBasket(2978,document.getElementById('quantity2978').value);><span class="nomobile">+</span> <i
                        class='fa fa-shopping-basket'></i></div></div></div>

        <!--SHOPMODUS#-->


    </span>
             <!--#SHOPMODUS-->             <div class="staffelprijs regel"><div class="staffelprijs aantal">va 1 st</div><div class="staffelprijs priceExclBtw">10.00</div><div class="staffelprijs priceInclBtw">10.90</div><div class="priceEdate"></div></div><input type=hidden id=staffelAantal_2978 value="1"><input type=hidden id=prijzenExcl_2978 value="10.00"><input type=hidden id=prijzenIncl_2978 value="10.90">             <!--SHOPMODUS#-->


           </form>
	    </div>
	</div>

</div></div></div> 
</div></div>
<p>&nbsp;</p></div>
				</div>
					
		</div>
		<span id=kaderBottom8></span>

		
	<!-- CSS voor page blocks -->
	<style></style>
	<!-- End CSS voor page blocks -->
	
            </div>
    </div>	
<!--CONTENT#-->

<!--#FOOTER-->
    <div id=canvas_bottom>
    	<div class=canvas_container>
        
        	<div id=kolom1 class='kolom25'><h3>Over ons</h3><ul class='sub-menu' >
<li  > <a href="cavador-familiebedrijf">Historie </a> </li>
<li  > <a href="algemene-voorwaarden-cooklovers">Algemene-voorwaarden </a> </li>
<li  > <a href="klantenservice">Meest gestelde vragen </a> </li>
<li  > <a href="privacy">Privacy Statement </a> </li></ul>

            </div>
            
            <div id=kolom2 class='kolom25'><h3>Ons assortiment</h3><ul class='sub-menu' >
<li  > Assortiment <ul id=categorien>
<li class="categoryMenuOption " id=categoryOption5><a href=cat/5/kruiden-specerijen><span class=catIconBox><img class=catIcon src='icon_kruiden.png'></span>Kruiden & Specerijen</a> <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories5',2)"></i><ul class=subcategorien id=subCategories5>

<li class='categoryMenuOption  categoryheader' id=categoryOption105><a href=cat/105/gedroogde-groenten>Gedroogde groenten</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption258><a href=cat/258/toppings-finishing>Toppings & Finishing</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories258',3)"></i><ul class=subcategorien id=subCategories258>
<li class="categoryMenuOption " id=categoryOption277><a href=cat/277/aromatische-finishing-blends><span class=catIconBox><img class=catIcon src=''></span>Aromatische finishing blends</a></li>
<li class="categoryMenuOption " id=categoryOption276><a href=cat/276/furikake-japanse-toppiogs><span class=catIconBox><img class=catIcon src=''></span>Furikake & Japanse toppiogs</a></li>
<li class="categoryMenuOption " id=categoryOption278><a href=cat/278/krokante-umami-toppings><span class=catIconBox><img class=catIcon src=''></span>Krokante & umami toppings</a></li>
<li class="categoryMenuOption " id=categoryOption275><a href=cat/275/sesam-crunchy-toppings><span class=catIconBox><img class=catIcon src=''></span>Sesam & crunchy toppings</a></li>
<li class="categoryMenuOption " id=categoryOption267><a href=cat/267/zouten><span class=catIconBox><img class=catIcon src=''></span>Zouten</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption47><a href=cat/47/zaden>Zaden</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption22><a href=cat/22/specerijenmixen>Specerijenmixen</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories22',3)"></i><ul class=subcategorien id=subCategories22>
<li class="categoryMenuOption " id=categoryOption250><a href=cat/250/bbq-grill-blends><span class=catIconBox><img class=catIcon src=''></span>BBQ & grill blends</a></li>
<li class="categoryMenuOption " id=categoryOption249><a href=cat/249/curry-blends><span class=catIconBox><img class=catIcon src=''></span>Curry blends</a></li>
<li class="categoryMenuOption " id=categoryOption256><a href=cat/256/dessert-specerijen><span class=catIconBox><img class=catIcon src=''></span>Dessert specerijen</a></li>
<li class="categoryMenuOption " id=categoryOption253><a href=cat/253/groenten-vegetarische-blends><span class=catIconBox><img class=catIcon src=''></span>Groenten & vegetarische blends</a></li>
<li class="categoryMenuOption " id=categoryOption255><a href=cat/255/kaas-charcuterie-begeleiders><span class=catIconBox><img class=catIcon src=''></span>Kaas & charcuterie begeleiders</a></li>
<li class="categoryMenuOption " id=categoryOption254><a href=cat/254/klassieke-keuken-blends><span class=catIconBox><img class=catIcon src=''></span>Klassieke keuken blends</a></li>
<li class="categoryMenuOption " id=categoryOption252><a href=cat/252/vis-zeevruchten-kruiden><span class=catIconBox><img class=catIcon src=''></span>Vis & zeevruchten kruiden</a></li>
<li class="categoryMenuOption " id=categoryOption251><a href=cat/251/wereldkeuken-blends><span class=catIconBox><img class=catIcon src=''></span>Wereldkeuken blends</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption20><a href=cat/20/culinaire-specerijen>Culinaire Specerijen</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories20',3)"></i><ul class=subcategorien id=subCategories20>
<li class="categoryMenuOption " id=categoryOption203><a href=cat/203/aromatische-specerijen><span class=catIconBox><img class=catIcon src=''></span>Aromatische specerijen</a></li>
<li class="categoryMenuOption " id=categoryOption49><a href=cat/49/bloemen-gedroogd><span class=catIconBox><img class=catIcon src=''></span>Bloemen gedroogd</a></li>
<li class="categoryMenuOption " id=categoryOption202><a href=cat/202/citrus-specerijen><span class=catIconBox><img class=catIcon src=''></span>Citrus specerijen</a></li>
<li class="categoryMenuOption " id=categoryOption259><a href=cat/259/kaas-zuivel><span class=catIconBox><img class=catIcon src=''></span>Kaas & zuivel</a></li>
<li class="categoryMenuOption " id=categoryOption266><a href=cat/266/zuur-fris><span class=catIconBox><img class=catIcon src=''></span>Zuur & fris</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption21><a href=cat/21/enkelvoudige-specerijen>Enkelvoudige specerijen</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption83><a href=cat/83/peper>Peper</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories83',3)"></i><ul class=subcategorien id=subCategories83>
<li class="categoryMenuOption " id=categoryOption257><a href=cat/257/aromatische-peper><span class=catIconBox><img class=catIcon src=''></span>Aromatische peper</a></li>
<li class="categoryMenuOption " id=categoryOption213><a href=cat/213/citruspepers><span class=catIconBox><img class=catIcon src=''></span>Citruspepers</a></li>
<li class="categoryMenuOption " id=categoryOption211><a href=cat/211/klassieke-peper><span class=catIconBox><img class=catIcon src=''></span>Klassieke peper</a></li>
<li class="categoryMenuOption " id=categoryOption264><a href=cat/264/pepermixen><span class=catIconBox><img class=catIcon src=''></span>Pepermixen</a></li>
<li class="categoryMenuOption " id=categoryOption260><a href=cat/260/specialiteiten><span class=catIconBox><img class=catIcon src=''></span>Specialiteiten</a></li>
<li class="categoryMenuOption " id=categoryOption212><a href=cat/212/wereldpepers><span class=catIconBox><img class=catIcon src=''></span>Wereldpepers</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption86><a href=cat/86/zout>Zout</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories86',3)"></i><ul class=subcategorien id=subCategories86>
<li class="categoryMenuOption " id=categoryOption215><a href=cat/215/gearomatiseerd-zout><span class=catIconBox><img class=catIcon src=''></span>Gearomatiseerd zout</a></li>
<li class="categoryMenuOption " id=categoryOption214><a href=cat/214/klassiek-zout><span class=catIconBox><img class=catIcon src=''></span>Klassiek zout</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption84><a href=cat/84/bessen>Bessen</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories84',3)"></i><ul class=subcategorien id=subCategories84>
<li class="categoryMenuOption " id=categoryOption265><a href=cat/265/zuurfruit-bessen><span class=catIconBox><img class=catIcon src=''></span>Zuurfruit & bessen</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption85><a href=cat/85/chili>Chili</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption82><a href=cat/82/gedroogde-kruiden>Gedroogde Kruiden</a> </li></ul></li>
<li class="categoryMenuOption " id=categoryOption1><a href=cat/1/wijn-drank><span class=catIconBox><img class=catIcon src='icon_dranken.png'></span>Wijn & Drank</a></li>
<li class="categoryMenuOption " id=categoryOption32><a href=cat/32/aziatische-keuken><span class=catIconBox><img class=catIcon src='icon-asian-food.png'></span>Aziatische Keuken</a> <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories32',2)"></i><ul class=subcategorien id=subCategories32>

<li class='categoryMenuOption  categoryheader' id=categoryOption80><a href=cat/80/azijn>Azijn</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption224><a href=cat/224/chili-smaakmakers>Chili & smaakmakers</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories224',3)"></i><ul class=subcategorien id=subCategories224>
<li class="categoryMenuOption " id=categoryOption262><a href=cat/262/chili-pastas-condiments><span class=catIconBox><img class=catIcon src=''></span>Chili pasta’s & condiments</a></li>
<li class="categoryMenuOption " id=categoryOption261><a href=cat/261/currypastas><span class=catIconBox><img class=catIcon src=''></span>Currypasta's</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption227><a href=cat/227/citrus>Citrus</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption144><a href=cat/144/furikake>Furikake</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption107><a href=cat/107/japanse-bbq>Japanse BBQ</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption143><a href=cat/143/mirin>Mirin</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption87><a href=cat/87/miso>Miso</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption40><a href=cat/40/ponzu>Ponzu</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption219><a href=cat/219/rijst-granen-noodles>Rijst / granen / noodles</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption151><a href=cat/151/sake>Sake</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption222><a href=cat/222/sauzen>Sauzen</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption225><a href=cat/225/sesam>Sesam</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption41><a href=cat/41/sojasaus-tamari>Sojasaus & tamari</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption39><a href=cat/39/specerijen>Specerijen</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption108><a href=cat/108/umeshu>Umeshu</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption228><a href=cat/228/zeewier>Zeewier</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories228',3)"></i><ul class=subcategorien id=subCategories228>
<li class="categoryMenuOption " id=categoryOption273><a href=cat/273/furikake-toppings><span class=catIconBox><img class=catIcon src=''></span>Furikake & toppings</a></li>
<li class="categoryMenuOption " id=categoryOption271><a href=cat/271/nori-zeewier-toppings><span class=catIconBox><img class=catIcon src=''></span>Nori & zeewier toppings</a></li>
<li class="categoryMenuOption " id=categoryOption279><a href=cat/279/nori-vellen-sushizeewier><span class=catIconBox><img class=catIcon src=''></span>Nori vellen & sushi-zeewier</a></li>
<li class="categoryMenuOption " id=categoryOption301><a href=cat/301/umami-poeders><span class=catIconBox><img class=catIcon src=''></span>Umami & poeders</a></li>
<li class="categoryMenuOption " id=categoryOption274><a href=cat/274/zeewier-zeewierproducten><span class=catIconBox><img class=catIcon src=''></span>Zeewier & zeewierproducten</a></li>
<li class="categoryMenuOption " id=categoryOption263><a href=cat/263/zeewier-condiments><span class=catIconBox><img class=catIcon src=''></span>Zeewier condiments</a></li>
<li class="categoryMenuOption " id=categoryOption272><a href=cat/272/zeewiersalades><span class=catIconBox><img class=catIcon src=''></span>Zeewiersalades</a></li></ul></li></ul></li>
<li class="categoryMenuOption " id=categoryOption31><a href=cat/31/delicatessen-><span class=catIconBox><img class=catIcon src='icon_rijst.png'></span>Delicatessen </a> <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories31',2)"></i><ul class=subcategorien id=subCategories31>

<li class='categoryMenuOption  categoryheader' id=categoryOption204><a href=cat/204/chutney>Chutney</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption106><a href=cat/106/fruit>Fruit</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption209><a href=cat/209/gastronomische-ingredienten>Gastronomische ingredienten</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption226><a href=cat/226/japanse-delicatessen>Japanse delicatessen</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption210><a href=cat/210/kaasbegeleiders>Kaasbegeleiders</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption232><a href=cat/232/kaviaar>Kaviaar</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption244><a href=cat/244/mezze>Mezze</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption220><a href=cat/220/zeevruchtenbegeleider>Zeevruchtenbegeleider</a> </li></ul></li>
<li class="categoryMenuOption " id=categoryOption29><a href=cat/29/sauzen-smaakmakers><span class=catIconBox><img class=catIcon src='icon_sauzen.png'></span>Sauzen & Smaakmakers</a> <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories29',2)"></i><ul class=subcategorien id=subCategories29>

<li class='categoryMenuOption  categoryheader' id=categoryOption247><a href=cat/247/aromatische-waters>Aromatische waters</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption229><a href=cat/229/azijn>Azijn</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories229',3)"></i><ul class=subcategorien id=subCategories229>
<li class="categoryMenuOption " id=categoryOption230><a href=cat/230/aceto-balsamico><span class=catIconBox><img class=catIcon src=''></span>Aceto Balsamico</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption233><a href=cat/233/chutney-fruitcondimenten>Chutney & fruitcondimenten</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption270><a href=cat/270/kaas-charcuterie-begeleiders>Kaas & charcuterie begeleiders</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption221><a href=cat/221/mosterd>Mosterd</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption217><a href=cat/217/sauzen>Sauzen</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption216><a href=cat/216/siropen>Siropen</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption205><a href=cat/205/smaakpastas-currys>Smaakpasta's & curry's</a> </li></ul></li>
<li class="categoryMenuOption " id=categoryOption166><a href=cat/166/bbq-grill><span class=catIconBox><img class=catIcon src='icon_bbq.png'></span>BBQ & Grill</a> <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories166',2)"></i><ul class=subcategorien id=subCategories166>

<li class='categoryMenuOption  categoryheader' id=categoryOption168><a href=cat/168/bbq>BBQ</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption167><a href=cat/167/bbq-rubs-kruiden>BBQ rubs & kruiden</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption169><a href=cat/169/bbq-sauzen->BBQ sauzen </a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption206><a href=cat/206/houtskool>Houtskool</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption207><a href=cat/207/japanse-bbq>Japanse BBQ</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories207',3)"></i><ul class=subcategorien id=subCategories207>
<li class="categoryMenuOption " id=categoryOption208><a href=cat/208/binchotan-houtskool><span class=catIconBox><img class=catIcon src=''></span>Binchotan houtskool</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption268><a href=cat/268/rook-smaakmakers>Rook & smaakmakers</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories268',3)"></i><ul class=subcategorien id=subCategories268>
<li class="categoryMenuOption " id=categoryOption269><a href=cat/269/rookzouten><span class=catIconBox><img class=catIcon src=''></span>Rookzouten</a></li></ul></li></ul></li>
<li class="categoryMenuOption " id=categoryOption34><a href=cat/34/bakken-patisserie><span class=catIconBox><img class=catIcon src='icon-patisserie.png'></span>Bakken & Patisserie</a> <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories34',2)"></i><ul class=subcategorien id=subCategories34>

<li class='categoryMenuOption  categoryheader' id=categoryOption246><a href=cat/246/chocolade-cacao>Chocolade & cacao</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption248><a href=cat/248/dessert-smaakmakers>Dessert smaakmakers</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption245><a href=cat/245/noten-notenpoeders>Noten & Notenpoeders</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption231><a href=cat/231/notenpastas>Notenpasta's</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption56><a href=cat/56/siroop>Siroop</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption55><a href=cat/55/suiker>Suiker</a> </li></ul></li>
<li class="categoryMenuOption " id=categoryOption25><a href=cat/25/olin-azijnen><span class=catIconBox><img class=catIcon src='icon_olien.png'></span>Oliën & Azijnen</a> <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories25',2)"></i><ul class=subcategorien id=subCategories25>

<li class='categoryMenuOption  categoryheader' id=categoryOption45><a href=cat/45/aceto-balsamico>Aceto balsamico</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption42><a href=cat/42/azijn>Azijn</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories42',3)"></i><ul class=subcategorien id=subCategories42>
<li class="categoryMenuOption " id=categoryOption281><a href=cat/281/natuurazijnen><span class=catIconBox><img class=catIcon src=''></span>Natuurazijnen</a></li>
<li class="categoryMenuOption " id=categoryOption238><a href=cat/238/speciale-azijnen><span class=catIconBox><img class=catIcon src=''></span>Speciale azijnen</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption237><a href=cat/237/condimenten>Condimenten</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories237',3)"></i><ul class=subcategorien id=subCategories237>
<li class="categoryMenuOption " id=categoryOption299><a href=cat/299/zure-smaakmakers><span class=catIconBox><img class=catIcon src=''></span>Zure smaakmakers</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption100><a href=cat/100/crema>Crema</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption79><a href=cat/79/fruitazijn>Fruitazijn</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption44><a href=cat/44/olin>Oliën</a>  <i class='fa fa-arrow-circle-down menu-more' onclick="showSubs('subCategories44',3)"></i><ul class=subcategorien id=subCategories44>
<li class="categoryMenuOption " id=categoryOption243><a href=cat/243/extra-vierge-olijfolie><span class=catIconBox><img class=catIcon src=''></span>Extra vierge Olijfolie</a></li>
<li class="categoryMenuOption " id=categoryOption234><a href=cat/234/notenolin><span class=catIconBox><img class=catIcon src=''></span>Notenoliën</a></li>
<li class="categoryMenuOption " id=categoryOption236><a href=cat/236/speciale-olin><span class=catIconBox><img class=catIcon src=''></span>Speciale oliën</a></li>
<li class="categoryMenuOption " id=categoryOption235><a href=cat/235/zadenolin><span class=catIconBox><img class=catIcon src=''></span>Zadenoliën</a></li></ul></li>

<li class='categoryMenuOption  categoryheader' id=categoryOption239><a href=cat/239/speciale-azijnen>Speciale azijnen</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption242><a href=cat/242/speciale-olin>Speciale oliën</a> </li>

<li class='categoryMenuOption  categoryheader' id=categoryOption241><a href=cat/241/zoetzure-smaakcondiments>Zoet-zure smaakcondiments</a> </li></ul></li>
<li class="categoryMenuOption " id=categoryOption194><a href=cat/194/keuken-tools><span class=catIconBox><img class=catIcon src='icon_keukentools.png'></span>Keuken Tools</a></li></ul></li></ul>
</div>
            
            <div id=kolom3 class='kolom25'>
            	
                 		<h3>Onze gegevens</h3>
                        
                <div itemscope itemtype="http://schema.org/Organization"><span itemprop="name">Cooklovers.nl</span></div>
                <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
<p><strong>Kantooradres / Alleen op afspraak</strong></p>
                        <span itemprop="streetAddress">Oosterdorpsstraat 156</span><br>
                        <span itemprop="postalCode">3871 AH </span> 
                        <span itemprop="addressLocality">Hoevelaken</span> <span itemprop="addressRegion">Gelderland</span><br>
                        </div>
                        
                        Telefoon: <span itemprop="telephone">+31 (0)33 7470108 </span><br>
                        E-mail: <span itemprop="email"><a href="mailto:info@cooklovers.nl">info@cooklovers.nl</a></span>
                        <br>
                <br>Cooklovers is een handelsnaam van Cavador Exclusives</br>

                KvK: <span itemprop="email">57357781</span>
                BTW: <span itemprop="email">NL002140775B14</span>
                <h3>Partners</h3><a href="verkooppunten">Verkooppunten</a></li>
			</div>

            
            <div id=kolom4 class='kolom25'><h3>Volg ons!</h3> 
		            <div id=socialmedia_logos itemscope itemtype="http://schema.org/Organization">
                    <br><a itemprop="sameAs" target="_blank" href=https://www.instagram.com/cookloversnl><i class="fa fa-instagram"></i> @cooklovers.nl </a>
                    <br><a itemprop="sameAs"  target="_blank" href="https://www.youtube.com/channel/UCwkE3P6X12gVLLd4hybo-tg"><i class="fa fa-youtube">Cooklovers nl</i></a>
                    <br><a itemprop="sameAs"  target="_blank" href=https://www.facebook.com/cookloversnl><i class="fa fa-facebook"></i> cookloversnl </a>
                    </div>
            </div>


				<div id=nixx>

                <a target=_blank href=https://www.nix18.nl><img src=logonix.png></a>
                <br> &lt; 18 jaar, deze website is niet voor jou bestemd
                </div>

        </div>
    </div>
	<!--FOOTER#-->
  
</div>

<style>
    #toggleBTW {
        /* position: fixed; */
        z-index: 10000;
        left: 0;
        bottom: 0;
        padding: 0;
        height: auto;
        display: inline-block;
        /* font-size: 80%; */
        /* background: #eee; */
        text-align: left;
        width: 100%;
        padding: 5px;
        background: #eee;
        border: 1px solid #ddd;
        margin: 5px 0;
    }

    #toggleBTW.mobile{display: none}


    @media only screen and (max-width:800px) {
        #toggleBTW {
            display: none;
        }

        #toggleBTW.mobile {
            position: fixed;
            bottom: 33px !important;
            font-size: 10px;
            padding: 2px 10px;
            background-color: #000000d4 !important;
            color: #fff;
            border: 0;
            text-align: center;
            display: block !important;
        }

        #toggleBTW.mobile .knop {
            background: darkseagreen;
            border: none;
            padding: 3px 20px;
            width: auto;
            height: auto;
            border-radius: 3px;
            float: right;
            margin: 1px;
            display: inline-block;
        }
        #toggleBTW.mobile .knop {
            background: #b3b3b3;
            border: none;
            padding: 3px 20px;
            width: auto;
            height: auto;
            border-radius: 3px;
            float: right;
            margin: 1px;
            display: inline-block;
            color: #000;
            letter-spacing: 0;
        }

        #toggleBTW .knop {
            padding: 4px 5px !important;
            font-size: 12px;
            width: 100%;
            text-align: center;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-weight: bold;
        }

    }

    .collapse-button {
        transition: transform 0.3s ease;
        transform: rotate(0deg);
    }

    .collapse-button.open {
        transform: rotate(90deg);
    }

    
    @media only screen and (max-width: 600px){
        .ingeklapt #categoryMenu {
            background: #fff !important;
            border-bottom: 1000px solid #fff;
        }
    }


</style>


<div id=shoppingvars style="display:inline-block">
    <!-- weergave van alle prijzen inclusief of exclusief BTW -->
	<input type=hidden name=taxMode id=taxMode onchange="toonBtwModus()" value=IN>
</div>
<div id="toggleBTW" class="mobile onlymobile">
    <strong class="priceExclBtw">Prijzen zijn getoond exclusief btw</strong>
    <div class="knop priceExclBtw" onclick="changeVATMode('IN')">Toon inclusief BTW</div>
    <strong class="priceInclBtw">Prijzen zijn getoond inclusief btw</strong>
    <div class="knop priceInclBtw" onclick="changeVATMode('EX')">Toon exclusief BTW</div>
</div>

<!-- popup voor inloggen -->
 	<!--#SMALLPOPUP-->
 	<div id="announcement"> <div class="knop klein" onclick="closePopup()">Sluiten</div>
        <div class="imageContainer" style="max-width: 200px;max-height: 200px;opacity: 0.6"></div><span id="announcementContent"></span>
    </div>
    <!--SMALLPOPUP#-->
    <!--#POPUPLOGIN-->
    <div id="light" class="white_content" >
    
<h2>Inloggen</h2>

<!--#LOGINBERICHT1-->
Log eenvoudig in met uw account. Of wanneer u nog niet geregistreerd bent, klikt u op
 <a class="register-button" href=register>Account maken</a>.
<!--LOGINBERICHT1#-->


<div id=login_form>
			  		
    <form id=loginform action=/cat/244/mezze method=post>
    <input type=hidden name=action value='browse' />
    <input type=hidden name=module value='category' />
        
    <div id=melding>Nog niet ingelogd</div>
    <br />
    <div id=login_label>Emailadres</div>
    <div id=login_input><input type=text name=USER_LOGIN id=login_name class=input_login placeholder='Emailadres'/></div>
    <div id=login_label>Wachtwoord</div>
    <div id=login_input><input type=password name=USER_PASSWORD placeholder='Wachtwoord' id=login_pass />
      
    </div>
    <div class=knop onclick='document.getElementById("loginform").submit();' >Inloggen</div>
    <a class="knop light" href=register> Maak een account</a>

</form>
<a class="knop light" href="/wachtwoordvergeten">Ik weet mijn wachtwoord niet.</a> 

</div>
    
    <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Sluit venster</a></div>
    <div id="fade" class="black_overlay" ></div>
<div id=blackout ></div>			    <!--POPUPLOGIN#-->        <div id=hoverHelp></div>                                                                                                          
                                                                                                                                                                                                                                    
<script type="text/javascript">
    function randomString(length) {
      var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz'.split('');
      var str = '';
      for (var i = 0; i < length; i++) {
        str += chars[Math.floor(Math.random() * chars.length)];
      }
      return str;
    }
    var rnd = randomString(8);

    jQuery(function($) {
      $(".rnd").replaceWith(rnd);

      $(".demo .code").hide().each(function(i,e){
        $(e).before($('').
                      click(function(ev) {
                        $(e).slideToggle();
                        $(this).hide();
                        ev.preventDefault();
                      }));

      }).each(function(i, e){ eval($(e).text()); });
    });
</script>

<script>
var time_variable;

function updateButton(updateButtonId,productQuantityId,productId)
	{
    sessionId=document.getElementById('bestelid').value;
    aantal=document.getElementById(productQuantityId).value;
    document.getElementById(updateButtonId).innerHTML='<a href=index.php?module=basket&action=wijzig_artikel&aantal=' + aantal + '&product_id='+ productId + '&Bestelid=' + sessionId + '>Update</a>';         
    } 
  
function getXMLObject()  //XML OBJECT
{
   var xmlHttp = false;
   try {
     xmlHttp = new ActiveXObject("Msxml2.XMLHTTP")  // For Old Microsoft Browsers
   }
   catch (e) {
     try {
       xmlHttp = new ActiveXObject("Microsoft.XMLHTTP")  // For Microsoft IE 6.0+
     }
     catch (e2) {
       xmlHttp = false   // No Browser accepts the XMLHTTP Object then false
     }
   }
   if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
     xmlHttp = new XMLHttpRequest();        //For Mozilla, Opera Browsers
   }
   return xmlHttp;  // Mandatory Statement returning the ajax object created
}

var xmlhttp = new getXMLObject();	//xmlhttp holds the ajax object

function getProductInfo(productid)
	{
	var getdate = new Date();  //Used to prevent caching during ajax call
  	if(xmlhttp) 
  		{    	
		xmlhttp.open("POST","mod_product_details.php",true); //calling testing.php using POST method
    	xmlhttp.onreadystatechange  = plaatsContent;
   		xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    	xmlhttp.send("product_id="+productid); //Posting txtname to PHP File
		document.getElementById('SlideContent').innerHTML='Gegevens worden opgehaald ... '; 		
  		}		
		
	}

function plaatsContent() {
	 if (xmlhttp.readyState == 4) {
     if(xmlhttp.status == 200) {
	          
		document.getElementById('SlideContent').innerHTML=xmlhttp.responseText;  
        eval(xmlhttp.responseText);       
     }
     else {
        alert("Error during AJAX call. Please try again");
     }
   }
}

</script>

<script language="javascript">
var time_variable;

function getXMLObject()  //XML OBJECT
{
   var xmlHttp = false;
   try {
     xmlHttp = new ActiveXObject("Msxml2.XMLHTTP")  // For Old Microsoft Browsers
   }
   catch (e) {
     try {
       xmlHttp = new ActiveXObject("Microsoft.XMLHTTP")  // For Microsoft IE 6.0+
     }
     catch (e2) {
       xmlHttp = false   // No Browser accepts the XMLHTTP Object then false
     }
   }
   if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
     xmlHttp = new XMLHttpRequest();        //For Mozilla, Opera Browsers
   }
   return xmlHttp;  // Mandatory Statement returning the ajax object created
}

var xmlhttp = new getXMLObject();	//xmlhttp holds the ajax object


function meer_artikel(ARTID,SESSIONID)
	{
  	var getdate = new Date();  //Used to prevent caching during ajax call
  	if(xmlhttp) 
  		{ 
		var art_id=ARTID;
		var session_id=SESSIONID;
    	xmlhttp.open("POST","mod_basket_ajax.php",true); //calling testing.php using POST method
    	xmlhttp.onreadystatechange  = handleServerResponse;
   		xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    	xmlhttp.send("action=meer_artikel&ART_ID=" + art_id + "&Bestelid=" + session_id ); //Posting txtname to PHP File
		document.getElementById('div_basket').innerHTML='Mandje vernieuwen ... '; 
    	//alert("PRODUCT_ID=" + product_id + "&PAPIER_ID=" + papier_id );
  		}
	}

function minder_artikel(ARTID,SESSIONID)
	{
  	var getdate = new Date();  //Used to prevent caching during ajax call
  	if(xmlhttp) 
  		{ 
		var art_id=ARTID;
		var session_id=SESSIONID;
    	xmlhttp.open("POST","mod_basket_ajax.php",true); //calling testing.php using POST method
    	xmlhttp.onreadystatechange  = handleServerResponse;
   		xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    	xmlhttp.send("action=minder_artikel&ART_ID=" + art_id + "&Bestelid=" + session_id ); //Posting txtname to PHP File
		document.getElementById('div_basket').innerHTML='Mandje vernieuwen ... '; 
    	//alert("PRODUCT_ID=" + product_id + "&PAPIER_ID=" + papier_id );
  		}
	}
	
function verwijder_artikel(ARTID,SESSIONID)
	{
  	var getdate = new Date();  //Used to prevent caching during ajax call
  	if(xmlhttp) 
  		{ 
		var art_id=ARTID;
		var session_id=SESSIONID;
    	xmlhttp.open("POST","mod_basket_ajax.php",true); //calling testing.php using POST method
    	xmlhttp.onreadystatechange  = handleServerResponse;
   		xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    	xmlhttp.send("action=verwijder_artikel&ART_ID=" + art_id + "&Bestelid=" + session_id ); //Posting txtname to PHP File
		document.getElementById('div_basket').innerHTML='Mandje vernieuwen ... '; 
    	//alert("PRODUCT_ID=" + product_id + "&PAPIER_ID=" + papier_id );
  		}
	}

function adaptBasket(ROWID,PRODUCT_ID,SESSIONID,ACTION,QUANTITY)
	{
	
  	var getdate = new Date();  //Used to prevent caching during ajax call
  	if(xmlhttp) 
  		{ 
		var rowId=ROWID;
		var session_id=SESSIONID;
		var basketAction=ACTION;
		var productId=PRODUCT_ID;
		var quantity=QUANTITY;
    	xmlhttp.open("POST","mod_basket_ajax.php",true); //calling testing.php using POST method
    	xmlhttp.onreadystatechange  = handleServerResponse;
   		xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    	xmlhttp.send("action="+basketAction+"&basketRowId=" + rowId + "&product_id=" + productId +"&qt="+quantity); //Posting txtname to PHP File
		document.getElementById('div_basket').innerHTML='Mandje vernieuwen ... '; 
    	//alert("PRODUCT_ID=" + product_id + "&PAPIER_ID=" + papier_id );
  		}
	}


function handleServerResponse() {
   if (xmlhttp.readyState == 4) {
     if(xmlhttp.status == 200) {	          
		document.getElementById('div_basket').innerHTML=xmlhttp.responseText;         
		 switchBTW();
     }
     else {
        alert("Error during AJAX call. Please try again");
     }
   }
}

function vernieuwOrder() {
	 if (xmlhttp.readyState == 4) {
     if(xmlhttp.status == 200) {	          
		document.getElementById('order_regels').innerHTML=xmlhttp.responseText;         
     }
     else {
        alert("Error during AJAX call. Please try again");
     }
   }
}


/* voorloper op toevoegen aan winkelmandje, voor bijvoorbeeld berekenen van aantal dozen of vierkante meters */
function calculateQuantity(productId){
	
  var jqxhr = $.ajax( {
  method: "POST",
  url: "mod_calculate_quantity.php",
  data: { action: "calculate", product_id: productId },
  beforeSend: function() {   
  
  						$('#announcement').css('display','block');
  						$('#announcement').css('opacity','1');
						 $('#announcement').css('transform','scale(1)');
						 $('#announcement').html('Een moment geduld aub');
  
  }})
  
  
  .done(function(response) {	 document.getElementById('announcement').innerHTML=response;    })  
  
  .fail(function() {    alert( "Something went wrong. Please try again.\r\nEr is iets fout gegaan, probeer opnieuw." );  })
  
  .always(function() {  });   
  
	
}


 function calcAmount(){
 
 var qWidth=document.getElementById('quantityWidth').value; 
 qWidth =  qWidth.replace(",", "."); 
 document.getElementById('quantityWidth').value=qWidth;
 var qHeight=document.getElementById('quantityHeight').value;
 qHeight =  qHeight.replace(",", ".");
 document.getElementById('quantityHeight').value=qHeight;
 var verpakking=document.getElementById('amountPerCollo').value;
 
 if(qWidth<1)
 	{ 
 	document.getElementById('quantityWidth').value=1; 
    var qWidth=1;
    }
    
 if(qHeight<1)
 	{ 
    document.getElementById('quantityHeight').value=1; 
    var qHeight=1;
    }
  
  var qSurface= Math.round(qHeight*qWidth * 100) / 100;  
  document.getElementById('quantityTotal').value=qSurface;  
 
   calcCollo();
	
 }
 
 function calcCollo(){
	
	var qSurface=document.getElementById('quantityTotal').value;
    var verpakking=document.getElementById('amountPerCollo').value;	
	var oppervlakteNodig=qSurface*1.1;
	var aantalDozen=qSurface/verpakking;
	var colliNeeded=Math.ceil(aantalDozen);
	document.getElementById('quantity').value=colliNeeded;
	
 }

function addBasketProductList(productList){

    var jqxhr = $.ajax( {
            method: "POST",
            url: "mod_basket_ajax.php",
            data: { action: "addProductList", ajax_output: "minibasket", productList: productList },
            beforeSend: function() {
                $('#announcement').css('left','calc(50% - 180px)');
                $('#announcement').css('top','40%');
                $('#announcement').css('transform','scale(1)');
            }
        }
    )
        .done(function(response){

            document.getElementById('announcement').innerHTML="Toegevoegd aan uw winkelmandje. <br><a href=mandje>Bekijk mandje</a> ";
            $('#announcement').css('opacity','1');
            $('#announcement').css('display','block');
            $('#canvas_mini_basket').addClass('focus');
            var positie=$('#canvas_mini_basket').offset();
            var posx=positie.left;
            var posy=positie.top;
            setTimeout( function() {
                $('#announcement').css('left',posx);
                $('#announcement').css('top',0);
                $('#announcement').css('opacity','0');
                $('#announcement').css('transform','scale(0.5)');
            },1000);
            setTimeout(  function()   { $('#announcement').css('display','none');  $('#announcement').css('opacity','0');
                $('#canvas_mini_basket').removeClass('focus');
            }, 1800);
            $("#minibasket").html(response);
        })

        .fail(function() {
            alert( "Something went wrong. Please try again.\r\nEr is iets fout gegaan, probeer opnieuw." );
        })
        .always(function() {
        });
}

function changeBasket(ROWID,PRODUCT_ID,SESSIONID,ACTION)
{
    // Vervangt oude functie adaptBasket.
    var getdate = new Date();  //Used to prevent caching during ajax call
    if(xmlhttp)
    {
        var rowId=ROWID;
        var session_id=SESSIONID;
        var basketAction=ACTION;
        var productId=PRODUCT_ID;

        xmlhttp.open("POST","mod_basket_ajax.php",true); //calling testing.php using POST method
        xmlhttp.onreadystatechange  = handleServerResponse;
        xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        xmlhttp.send("action="+basketAction+"&basketRowId=" + rowId + "&product_id=" + productId +"&Bestelid=" + session_id ); //Posting txtname to PHP File

        // posten van de actie.


        //document.getElementById('div_basket').innerHTML='Mandje vernieuwen ... ';
    }
}

function addBasket(productId,Quantity){	
var jqxhr = $.ajax( {
  method: "POST",
  url: "mod_basket_ajax.php",
  data: { action: "add2basket", ajax_output: "minibasket", product_id: productId, aantal: Quantity },
  beforeSend: function() {
         /* ophalen afbeelding */
         var imageHtml = $('#productImageContainer'+productId).html();

         /* inplaatsen afbeelding */
         $('#announcement .imageContainer').html(imageHtml);
		 $('#announcement').css('left','calc(50% - 180px)');
		 $('#announcement').css('top','40%');
		 $('#announcement').css('transform','scale(1)');  
   		}
	}
 )  
  .done(function(response){	  
  
  	$('#announcementContent').html("Toegevoegd aan uw winkelmandje. <br><a href=mandje>Bekijk mandje</a> ");
	$('#announcement').css('opacity','1');
	$('#announcement').css('display','block');
    $('#canvas_mini_basket').addClass('focus');
	 var positie=$('#canvas_mini_basket').offset();
	 var posx=positie.left;
	 var posy=positie.top;	 
	   setTimeout( function() {
		 $('#announcement').css('left',posx);
		 $('#announcement').css('top',0);
		 $('#announcement').css('opacity','0');
		 $('#announcement').css('transform','scale(0.5)');
	 },1000);
	setTimeout(  function()   { $('#announcement').css('display','none');  $('#announcement').css('opacity','0');  
	 $('#canvas_mini_basket').removeClass('focus'); 	 
	 }, 1500);
 	 $("#minibasket").html(response); 
  })
   
  .fail(function() {
    alert( "Something went wrong. Please try again.\r\nEr is iets fout gegaan, probeer opnieuw." );
  })
  .always(function() {    
  });  
}


 function addBasketPop(productId,Quantity){	 
var jqxhr = $.ajax( {
  method: "POST",
  url: "mod_basket_ajax.php",
  data: { action: "add2basket", ajax_output: "minibasket", product_id: productId, aantal: Quantity },
  beforeSend: function() {     
		 $('#announcement').css('left','calc(50% - 180px)');
		 $('#announcement').css('top','40%');
		 $('#announcement').css('transform','scale(1)');  
   		}
	}
 )
 .done(function(response) {	  
	document.getElementById('announcement').innerHTML="Toegevoegd aan je winkelmandje. <br><a href=mandje>Bekijk mandje</a> ";		
	$('#announcement').css('opacity','1');
	$('#announcement').css('display','block');
    $('#canvas_mini_basket').addClass('focus');
	 var positie=$('#canvas_mini_basket').offset();
	 var posx=positie.left;
	 var posy=positie.top;	 
	   setTimeout( function() {
		 $('#announcement').css('left',posx);
		 $('#announcement').css('top',0);
		 $('#announcement').css('opacity','0');
		 $('#announcement').css('transform','scale(0.5)');
	 },1000);
	setTimeout(  function()   { $('#announcement').css('display','none');  $('#announcement').css('opacity','0');  
	 $('#canvas_mini_basket').removeClass('focus'); 	 
	 }, 1800);	 
	 $("#minibasket").html(response);    
  })
  
   .fail(function() {
    alert( "Something went wrong. Please try again.\r\nEr is iets fout gegaan, probeer opnieuw." );
  })
  .always(function() {    
  });  
  
 }
  

function checkPrijs(quantity,productid)
	{
	  
	  quantity=parseInt(quantity);
	  quantity=quantity+1;
	  
	  if(document.getElementById('prijzenExcl_'+productid))
	  {
	  var prijzenExcl=document.getElementById('prijzenExcl_'+productid).value.split(",");
  	  var prijzenIncl=document.getElementById('prijzenIncl_'+productid).value.split(",");
	  var staffelAantal=document.getElementById('staffelAantal_'+productid).value.split(",");
	  var productPriceExcl=document.getElementById('productPriceExcl_'+productid).innerHTML;
  	  var productPriceIncl=document.getElementById('productPriceIncl_'+productid).innerHTML;
	  if(Array.isArray(prijzenExcl) )
	  {		
		
	  	for (var key in prijzenExcl) { 	
		 var qStart=parseInt(staffelAantal[key]);		  
		  if(qStart<quantity){ 
		   console.log(qStart);
		  	var productPriceExcl=prijzenExcl[key]; 
		  	var productPriceIncl=prijzenIncl[key];
		  }
		  
	  	}
	  }
		
		
		document.getElementById('productPriceExcl_'+productid).innerHTML=" " + productPriceExcl;
		document.getElementById('productPriceIncl_'+productid).innerHTML=" " + productPriceIncl;
 
	  }
	}

function checkPrijsOLD(quantity,productid)
{

    quantity=parseInt(quantity);
    quantity=quantity+1;

    if(document.getElementById('prijzenExcl_'+productid))
    {
        var prijzenExcl=document.getElementById('prijzenExcl_'+productid).value.split(",");
        var prijzenIncl=document.getElementById('prijzenIncl_'+productid).value.split(",");
        var staffelAantal=document.getElementById('staffelAantal_'+productid).value.split(",");
        var productPriceExcl=document.getElementById('productPriceExcl_'+productid).innerHTML;
        var productPriceIncl=document.getElementById('productPriceIncl_'+productid).innerHTML;
        if(Array.isArray(prijzenExcl) )
        {

            for (var key in prijzenExcl) {
                var qStart=parseInt(staffelAantal[key]);
                if(qStart<quantity){
                    console.log(qStart);
                    var productPriceExcl=prijzenExcl[key];
                    var productPriceIncl=prijzenIncl[key];
                }

            }
        }


        document.getElementById('productPriceExcl_'+productid).innerHTML="&euro; " + productPriceExcl;
        document.getElementById('productPriceIncl_'+productid).innerHTML="&euro; " + productPriceIncl;

    }
}

function enableSendButton(id){  $("#"+id).removeClass('disabled');	}
function closePopup(){
	 	$("#announcement").css("opacity",0);
		$("#announcement").css("display","none");
		$("#announcementContent").html("");
		}
		
		
function getProductVariant(id){
	var url="mod_product_details.php";
	var data="productid="+id;
	var method="post";

 $.ajax({
        url: url,
        type: method,		
        data: data ,
        success: function (response) {
           
		   var product=JSON.parse(response);
		   
   		   $("#canvas_product_details").html(product.productPage);
			switchBTW();
		   //$('#fav_link').attr('onclick', 'favoriteProduct(' + product.product_id + ')' );


        },
        error: function(jqXHR, textStatus, errorThrown) {
           console.log(textStatus, errorThrown);
		   alert('Er is een fout opgetreden');
        }


    });
	
}


function favoriteProduct(productId)
	{		
		var radioValue = $("input[name='listId']:checked").val();
		if(radioValue){	 
		var listId=radioValue;		 var nameList=$("input[name='newListName']").val(); 
			}
			else
			{
			 var listId='';
			 var nameList='';
			}
			
		$.ajax({
        url: "mod_favorites.php",
        type: "GET",		
        data: "action=addToFavorites&productId="+productId+"&nameNewList="+nameList+"&listId="+listId ,
        success: function (response) {
  	     document.getElementById('announcementContent').innerHTML=response;		 
		 document.getElementById('announcement').style.display='block';
		 document.getElementById('announcement').style.opacity='1';


		 },
        error: function(jqXHR, textStatus, errorThrown) {
           console.log(textStatus, errorThrown);
		   alert('Er is een fout opgetreden');
        	}
		
		});
		
	}
	

</script>


<script type="text/javascript" src="jscripts/jquery.innerfade.js"></script>
<script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<link href="css/jquery.mmenu.css" type="text/css" rel="stylesheet" />
<script src="jscripts/jquery.mmenu.all.min.js" type="text/javascript"></script>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Allura&family=Marcellus&display=swap" rel="stylesheet">
<script>
var url="hoverHelper.php";

$(".hoverhelp").hover(   
   function() {	
    var c = this.className.match(/hh(\d+)/)[1];	    
	request = $.ajax({
 	 type: "POST",
 	 url: url,
 	 data: "subjectId="+c
	}
	);
	
	request.done(function (response, textStatus, jqXHR){
        // Log a message to the console
		$('#hoverHelp').addClass('active');
		$('#hoverHelp').html(response);
    });
	
	request.fail(function (jqXHR, textStatus, errorThrown){
        // Log the error to the console
        console.error(
            "The following error occurred: "+
            textStatus, errorThrown
        );
    });
	
},function(){$('#hoverHelp').removeClass('active');});

</script>


<script>
  $(function() {
    $( "#accordion" ).accordion();
  });
</script>


<script>
$(window).scroll(function () {
    var $this = $(this),
        $top = $('#canvas_head');
        $canvas_logo = $('#canvas_logo');        
        $menu = $('#canvas_menu_hr');
        $menu_links =$('#canvas_menu_hr a');
	    var posit = $this.scrollTop();
      	
    if(posit>10)
    {    	
		$("#canvas_website").addClass("ingeklapt");
    	$top.addClass("ingeklapt");
        $canvas_logo.addClass("ingeklapt");
        $menu.addClass("ingeklapt");        
     	$canvas_logo.attr("backgroundImage","logo-mono.png");
    }
     else
    {    
		$("#canvas_website").removeClass("ingeklapt");
    	$top.removeClass("ingeklapt");	
        $canvas_logo.removeClass("ingeklapt");
        $menu.removeClass("ingeklapt");
       
    }    
  
});
</script>

<!-- FANCYBOX -->
	<!-- Add mousewheel plugin (this is optional) -->
	<script type="text/javascript" src="jscripts/jquery.mousewheel-3.0.6.pack.js"></script>

	<!-- Add fancyBox main JS and CSS files -->
	<script type="text/javascript" src="jscripts/jquery.fancybox.js?v=2.1.5"></script>
	<link rel="stylesheet" type="text/css" href="jscripts/jquery.fancybox.css?v=2.1.5" media="screen" />

	<!-- Add Button helper (this is optional) -->
	<link rel="stylesheet" type="text/css" href="jscripts/jquery.fancybox-buttons.css?v=1.0.5" />
	<script type="text/javascript" src="jscripts/jquery.fancybox-buttons.js?v=1.0.5"></script>

	<!-- Add Thumbnail helper (this is optional) -->
	<link rel="stylesheet" type="text/css" href="jscripts/jquery.fancybox-thumbs.css?v=1.0.7" />
	<script type="text/javascript" src="jscripts/jquery.fancybox-thumbs.js?v=1.0.7"></script>

<script>
$(document).ready(function() {
	$(".fancybox-thumb").fancybox({
		prevEffect	: 'none',
		nextEffect	: 'none',
		openEffect	: 'elastic',
    	closeEffect	: 'elastic',
		helpers	: {
			title	: {
				type: 'outside'
			},
			thumbs	: {
				width	: 100,
				height	: 100
			}
		}
	});
});
</script>


<!-- product slider-->
<script type="text/javascript" src="jscripts/easySlider1.7.js"></script>

<Script>
$(document).ready(function(){	
	$("#productSlider").easySlider({
		auto: true,
		continuous: true,
		speed: 		200,
		pause:		5000
	});
});
</script>

<!--- einde productslider -->


<script>


    function changeVATMode(mode){
        document.getElementById('taxMode').value = mode;
        localStorage.setItem('taxMode', mode);
        $.post("ajax_toggle_vat.php", { mode: mode })
            .done(function(response) {
                console.log("Server Response:", response);
            })
            .fail(function() {
                console.log("Er is een fout opgetreden tijdens de AJAX-aanroep.");
            });

        toonBtwModus();
    }
    function toonBtwModus(){
        var btwmode = document.getElementById('taxMode').value;

        if (btwmode == 'EX') {
            $(".priceInclBtw").removeClass('hidden').addClass('visible');
            $(".priceExclBtw").removeClass('visible').addClass('hidden');
            $(".priceInclBtw").css("display","none");
            $(".priceExclBtw").css("display","inline-block");
        }else{
            $(".priceInclBtw").removeClass('visible').addClass('hidden');
            $(".priceExclBtw").removeClass('hidden').addClass('visible');
            $(".priceInclBtw").css("display","inline-block");
            $(".priceExclBtw").css("display","none");
        }
    }
    document.addEventListener("DOMContentLoaded", function() {
        var savedTaxMode = localStorage.getItem('taxMode');
        if (savedTaxMode) {
            document.getElementById('taxMode').value = savedTaxMode;
            toonBtwModus();
        }
    });
$( document ).ready(function() {
    var savedTaxMode = localStorage.getItem('taxMode');
    if (savedTaxMode) {
        document.getElementById('taxMode').value = savedTaxMode;
    }
    toonBtwModus(); });

    $(document).ajaxSuccess(function() {
        // Voer je functie hier uit
        toonBtwModus();
    });


</script>


<script>
var slideIndex = 0;
carousel();


function carousel() {
  var i;
  var x = $("#ervaringen li");
  for (i = 0; i < x.length; i++) {
    x[i].style.display = "none";
  }
  slideIndex++;
  if (slideIndex == x.length) {slideIndex = 1}
  x[slideIndex-1].style.display = "inline-block";
  x[slideIndex].style.display = "inline-block";
  setTimeout(carousel, 5000); // Change image every 2 seconds
}

</script>

<script>
function matchDivHeights(className,minHeight){
var highestValue=minHeight;
var elements = document.getElementsByClassName(className);
var i;

for (i = 0; i < elements.length; i++) {	
	var height=elements[i].offsetHeight;
	if(highestValue<height){ highestValue=height;}  
	} 

for (i = 0; i < elements.length; i++) {	
	var height=elements[i].style.height=highestValue+"px";
	} 	
	
}


setTimeout(function(){
        matchDivHeights("productName",1);
        matchDivHeights("productDesc",1);
        matchDivHeights("productVariations",1);
        matchDivHeights("bestel_omschrijving",1);
        matchDivHeights("product_afkomst",1);
    matchDivHeights("actielabel",1);

		},250);

if ($(window).width() >600) {
    setTimeout(function(){
        matchDivHeights("blog_intro",50);
        matchDivHeights("blog_title",50);
    },250);
}

</script>


<!-- Mailerlite-->
<script>
    $(document).ready(function(){
        $('#mc-embedded-subscribe-form').on('submit', function(e) {
            e.preventDefault();
            var firstName = $('#mce-FNAME').val();
            var lastName = $('#mce-LNAME').val();
            var email = $('#mce-EMAIL').val();
            $.ajax({
                url: 'mod_mailerlite_connect.php',
                type: 'POST',
                data: {
                    email: email,
                    fields: {
                        name: firstName,
                        last_name: lastName,
                    }
                },
                success: function(response) {
                    console.log('Success:', response);
                    $("#mailerLiteMsg").html(response);
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    console.log('Error:', errorThrown);
                    // Voeg hier extra fout-logica toe
                }
            });
        });
    });
</script>
<!-- Einde Mailerlite-->
<!-- Mailchimp -->
<script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/a17f6abeb230c2ccca1270606/8d96a25e2c0352e107acec02e.js");</script>

<script>


$( document ).ready(function() {


	$( "#categorieMenuMobile").mouseleave(function(){
		console.log("mouse leaving");
		$("#categorieMenuMobile").css("opacity","0");
		$("#categorieMenuMobile").css("display","none");
	});
	
	$( "#categoryButton" ).mouseover(function() {
				console.log("mouse over");

		$("#categorieMenuMobile").css("display","block");
		$("#categorieMenuMobile").css("opacity","1");
	});
	
	$( "#categoryButton" ).click(function() {
				console.log("button clicked");

		$("#categorieMenuMobile").css("display","block");
		$("#categorieMenuMobile").css("opacity","1");
	});
	

 } );

	
		function closeCategories(){
		$("#categorieMenuMobile").css("opacity","0");
		$("#categorieMenuMobile").css("display","none");
	}
</script>

    <script>
        function voegHoogteClassToe(selector) {
            $(selector).each(function() {
                var $element = $(this);
                var topPositie = $element.position().top;
                var afgerondeHoogte = Math.ceil(topPositie / 50) * 50;

                var nieuweClass = 'H_' + afgerondeHoogte;
                $element.addClass(nieuweClass);
            });
        }

        // Je kunt deze functie direct aanroepen, of op specifieke events zoals window load of resize
        $(document).ready(function() {
            voegHoogteClassToe('.product_block');
        });

    </script>
<script>
	function showuitleg(id){	$("#uitleg"+id).css("display","inline-block");		}
	function closeuitleg(id){	$("#uitleg"+id).css("display","none"); 		}
</script>

<script>
    $( document ).ready(function() {
        $('.bruto:empty').css("display","none");
        $(".bruto:empty").each( function () {    $(this).remove();});
    });

    $(".bruto").each(function () {
        var spanct = $(this).html();
        // Controleer of de lengte groter is dan 3 en of er geen <strike> tag aanwezig is
        if (spanct.length > 3 && !spanct.includes('<strike>')) {
            $(this).html("<strike>" + spanct + "</strike>");
        }
    });

</script>

<script>
    function switchBTW()
    {
        var btwmode=document.getElementById('taxMode').value;
        if(btwmode=='IN'){
            $(".priceInclBtw").css("display","inline");
            $(".priceExclBtw").css("display","none");

        }
        else
        {
            $(".priceInclBtw").css("display","none");
            $(".priceExclBtw").css("display","inline");
        }

        $(".bruto").each(function () {
            var spanct = $(this).html();
            // Controleer of de lengte groter is dan 3 en of er geen <strike> tag aanwezig is
            if (spanct.length > 3 && !spanct.includes('<strike>')) {
                $(this).html("<strike>" + spanct + "</strike>");
            }
        });
    }

    $( document ).ready(function() { switchBTW(); } );


</script>


<script>

    /* Light YouTube Embeds by @labnol */
    /* Web: http://labnol.org/?p=27941 */

    document.addEventListener("DOMContentLoaded",
        function() {
            var div, n,
                v = document.getElementsByClassName("youtube-player");
            for (n = 0; n < v.length; n++) {
                div = document.createElement("div");
                div.setAttribute("data-id", v[n].dataset.id);
                div.innerHTML = labnolThumb(v[n].dataset.id);
                div.onclick = labnolIframe;
                v[n].appendChild(div);
            }
        });

    function labnolThumb(id) {
        var thumb = '<div class=container><img src="https://i.ytimg.com/vi/ID/maxresdefault.jpg"></div>',
            play = '<div class="play"><i class="fa fa-play"></i></div>';
        return thumb.replace("ID", id) + play;
    }

    function labnolIframe() {
        var iframe = document.createElement("iframe");
        var embed = "https://www.youtube.com/embed/ID?autoplay=1";
        iframe.setAttribute("src", embed.replace("ID", this.dataset.id));
        iframe.setAttribute("frameborder", "0");
        iframe.setAttribute("allowfullscreen", "1");
        this.parentNode.replaceChild(iframe, this);
    }

</script>


<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap" rel="stylesheet">
</body>

</html>