www.ranzijn.nl
Open in
urlscan Pro
172.67.191.41
Public Scan
Submitted URL: http://ranzijn.nl/
Effective URL: https://www.ranzijn.nl/
Submission: On June 13 via api from LU — Scanned from NL
Effective URL: https://www.ranzijn.nl/
Submission: On June 13 via api from LU — Scanned from NL
Form analysis
2 forms found in the DOM<form class="relative z-[200] lg:static"><input id="slide-over-search" type="checkbox" name="slide-over-search" class="peer hidden"> <input id="navigation" type="checkbox" class="peer hidden"> <input id="close-navigation" type="reset" class="hidden">
<label for="close-navigation"
class="pointer-events-none fixed inset-0 cursor-pointer bg-neutral opacity-0 transition duration-300 peer-checked:pointer-events-auto peer-checked:opacity-30 lg:hidden translate-y-px lg:absolute lg:bottom-auto lg:top-full lg:h-screen"></label>
<label for="navigation"
class="pointer-events-none fixed inset-0 cursor-pointer bg-neutral opacity-0 transition duration-300 peer-checked:pointer-events-auto peer-checked:opacity-30 max-lg:hidden translate-y-px lg:absolute lg:bottom-auto lg:top-full lg:h-screen"></label>
<div
class="fixed inset-y-0 -right-full flex w-full max-w-md flex-col bg-primary-100 transition-[right] duration-300 peer-checked:right-0 lg:absolute lg:inset-x-0 lg:bottom-auto lg:top-full lg:h-0 lg:max-w-none lg:translate-y-px lg:flex-row lg:overflow-hidden lg:bg-white lg:py-0 lg:transition-[height] lg:peer-checked:h-[570px] lg:peer-checked:overflow-auto">
<div class="bg-primary px-5 lg:hidden">
<div class="relative flex h-20 items-center justify-center"><label for="slide-over-search" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer text-white lg:hidden"><svg width="20" height="20" viewBox="0 0 20 20" fill="none"
xmlns="http://www.w3.org/2000/svg">
<use href="#icon-21330ec1ea760e985763f2b6ee9de9a2"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Menu </span> <label for="close-navigation" class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18"
height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</div>
<div class="no-scrollbar flex flex-1 flex-col items-start overflow-y-auto py-8 lg:py-0 overflow-hidden">
<div class="lg:container lg:relative lg:flex lg:flex-1 w-full"><input id="level-0" name="level-0" type="checkbox" class="peer level-0 hidden"> <label for="level-0"
class="lg:hidden text-16 h-[71px] border-t border-primary-110 flex items-center bg-white px-5 py-3 text-neutral hover:text-inactive cursor-pointer group transition lg:transition-none duration-100 font-medium relative"> Assortiment bekijken
<svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></label>
<nav
class="w-full z-[2] group no-scrollbar max-w-md lg:max-w-full bg-primary-100 lg:bg-transparent lg:overflow-visible overflow-y-auto lg:left-5 left-auto right-0 bottom-0 lg:bottom-auto top-20 lg:top-0 opacity-0 transition peer-checked:opacity-100 lg:opacity-100 lg:py-0 py-8 lg:pointer-events-auto pointer-events-none peer-checked:pointer-events-auto lg:w-auto fixed lg:static">
<ul class="flex flex-col lg:w-60 lg:py-4">
<li class="lg:border-none first:border-t border-b"><input id="uniq-666a52a94abeb" name="level-1" type="radio" class="peer level-1 hidden"> <label for="uniq-666a52a94abeb"
class="lg:h-auto h-[70px] flex items-center lg:bg-transparent bg-white lg:px-0 px-5 py-3 text-neutral lg:text-inactive lg:hover:text-neutral hover:text-inactive cursor-pointer group transition duration-100 peer-checked:text-neutral font-medium text-16 relative z-[1]">
Dieren <div class="bg-inactive-100 absolute pointer-events-none top-0 right-0 bottom-0 left-[-100vw] z-[-1] hidden lg:group-peer-checked:block level-1"></div> <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9"
viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></label>
<ul
class="z-[2] group no-scrollbar max-w-md lg:max-w-full bg-primary-100 lg:bg-transparent lg:overflow-visible overflow-y-auto left-auto right-0 bottom-0 top-20 opacity-0 transition peer-checked:opacity-100 lg:opacity-100 lg:pointer-events-auto pointer-events-none peer-checked:pointer-events-auto w-full lg:w-auto fixed lg:absolute lg:left-[260px] lg:hidden lg:peer-checked:flex lg:before:absolute lg:before:h-[570px] lg:before:bg-inactive-100 lg:before:z-[-1] lg:before:right-[-100vw] lg:before:bottom-0 lg:before:left-0 lg:before:top-0 lg:right-5 lg:top-0 lg:flex-wrap lg:pl-[50px] pt-8 pb-[30px] lg:pt-7 lg:pb-[50px] lg:content-start">
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52a9502c4" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52a9502c4" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <a href="/dieren/honden" class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Hond
<svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3"><use href="#icon-95e715a3b57782262391e1da881ca1c1"></use></svg></a></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/dieren/honden/hondenvoer" title="/dieren/honden/hondenvoer" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Hondenvoeding
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/honden/hondenbenches-en-hokken" title="/dieren/honden/hondenbenches-en-hokken" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Hondenbenches
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/honden/snacks" title="/dieren/honden/snacks" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Snacks
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/honden/speeltjes" title="/dieren/honden/speeltjes" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Speelgoed
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/honden/transport" title="/dieren/honden/transport" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Transport
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/honden/manden-en-kussens" title="/dieren/honden/manden-en-kussens" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Manden en kussens
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/honden/drink-en-voerbakken" title="/dieren/honden/drink-en-voerbakken" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Drink- en voerbakken
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/honden/honden-uitlaten" title="/dieren/honden/honden-uitlaten" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Halsbanden en riemen
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/honden/training-en-gedrag" title="/dieren/honden/training-en-gedrag" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Training en gedrag
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/dieren/honden" title="/dieren/honden" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Alles voor je hond
</a></li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"><a href="/dieren/honden" class="inline-flex items-center justify-center !font-sans text-16 transition hover:opacity-80 disabled:opacity-50 bg-primary font-medium rounded-full text-white border-b border-primary-120 px-5 py-3.5 lg:absolute bottom-[45px] right-0 appearance-none flex whitespace-nowrap items-center cursor-pointer z-[1]">
Alles in Hond bekijken
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Hond </span> <label for="close-navigation" class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg
width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52a975179" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52a975179" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <span
class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Kat <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></span></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/dieren/katten/kattenvoer" title="/dieren/katten/kattenvoer" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Kattenvoeding
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/katten/krabpalen" title="/dieren/katten/krabpalen" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Krabpalen
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/katten/kattensnacks" title="/dieren/katten/kattensnacks" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Snacks
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/katten/kattenspeeltjes" title="/dieren/katten/kattenspeeltjes" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Speelgoed
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/katten/drink-voerbakken" title="/dieren/katten/drink-voerbakken" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Drink- en voerbakken
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/katten/manden-kussens" title="/dieren/katten/manden-kussens" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Manden en kussens
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/katten/halsbanden-en-lijnen" title="/dieren/katten/halsbanden-en-lijnen" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Halsbanden en tuigjes
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/katten/kattentransport" title="/dieren/katten/kattentransport" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Transportboxen
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/katten/kattenbakken" title="/dieren/katten/kattenbakken" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Kattenbakken
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/katten/kattenbakken/kattenbakvulling" title="/dieren/katten/kattenbakken/kattenbakvulling" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Kattenbakvulling
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/dieren/katten" title="/dieren/katten" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Alles voor je kat
</a></li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Kat </span> <label for="close-navigation" class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg
width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52a9a35cf" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52a9a35cf" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <span
class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Konijn <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></span></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/dieren/knaagdieren/knaagdierenvoer/konijnen" title="/dieren/knaagdieren/knaagdierenvoer/konijnen" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Konijnenvoeding
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/knaagdieren/knaagdierensnacks" title="/dieren/knaagdieren/knaagdierensnacks" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Snacks
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/knaagdieren/kooien-en-rennen" title="/dieren/knaagdieren/kooien-en-rennen" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Kooien en rennen
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/knaagdieren/bodembedekking" title="/dieren/knaagdieren/bodembedekking" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Bodembedekking
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/knaagdieren/voerbak-en-drinkflesjes" title="/dieren/knaagdieren/voerbak-en-drinkflesjes" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Voerbakken en drinkflesjes
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/knaagdieren/knaagdierentransport" title="/dieren/knaagdieren/knaagdierentransport" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Transport
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/knaagdieren/kooiaccessoires-en-speelgoed" title="/dieren/knaagdieren/kooiaccessoires-en-speelgoed" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Kooiasseccoires en speelgoed
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/dieren/knaagdieren" title="/dieren/knaagdieren" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Alles voor je konijn
</a></li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Konijn </span> <label for="close-navigation" class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg
width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52a9be664" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52a9be664" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <span
class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Vogel <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></span></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/dieren/vogels/vogelvoer" title="/dieren/vogels/vogelvoer" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Vogelvoer
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/vogels/vogelsnacks" title="/dieren/vogels/vogelsnacks" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Snacks
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/vogels/vogelkooien-volieres" title="/dieren/vogels/vogelkooien-volieres" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Kooien en volière
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/vogels/vogelspeelgoed" title="/dieren/vogels/vogelspeelgoed" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Speelgoed
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/vogels/kooiaccessoires" title="/dieren/vogels/kooiaccessoires" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Kooiassecoires
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/vogels/drink-en-voerbakken" title="/dieren/vogels/drink-en-voerbakken" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Drink- en voerbakjes
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/vogels/broedattributen" title="/dieren/vogels/broedattributen" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Broedattributen
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/dieren/vogels" title="/dieren/vogels" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Alles voor je vogel
</a></li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Vogel </span> <label for="close-navigation" class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg
width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52a9d6ade" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52a9d6ade" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <span
class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Dieren in de tuin <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></span></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/dieren/buitenverblijven" title="/dieren/buitenverblijven" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Buitenverblijven
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/boerderijdieren/pluimvee" title="/dieren/boerderijdieren/pluimvee" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Kippen
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/boerderijdieren/paarden" title="/dieren/boerderijdieren/paarden" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Paarden
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/dieren-in-de-tuin/vogels" title="/tuin-en-huis/dieren-in-de-tuin/vogels" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Buitenvogel
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/tuin-en-huis/dieren-in-de-tuin" title="/tuin-en-huis/dieren-in-de-tuin" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Alles voor de dieren in je tuin
</a></li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Dieren in de tuin </span> <label for="close-navigation"
class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52a9e8867" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52a9e8867" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <span
class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Vis <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></span></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/dieren/vissen/aquaria" title="/dieren/vissen/aquaria" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Aquaria
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/vissen/pompen-en-filters" title="/dieren/vissen/pompen-en-filters" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Pompen en filters
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/vissen/verwarming-en-verlichting" title="/dieren/vissen/verwarming-en-verlichting" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Verwarming en verlichting
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/vissen/onderhoud-en-reiniging" title="/dieren/vissen/onderhoud-en-reiniging" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Onderhoud en reiniging
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/vissen/water-en-plantverzorging" title="/dieren/vissen/water-en-plantverzorging" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Water- en plantverzorging
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/vissen/aquariumdecoratie" title="/dieren/vissen/aquariumdecoratie" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Aquariumdecoratie
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/vissen/aquariumvissenvoer" title="/dieren/vissen/aquariumvissenvoer" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Vissenvoer
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/vissen/vijvervissenvoer" title="/dieren/vissen/vijvervissenvoer" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Voeding voor vijvervissen
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/dieren/vissen" title="/dieren/vissen" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Alles voor je vis
</a></li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Vis </span> <label for="close-navigation" class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg
width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52aa0d154" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52aa0d154" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <span
class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Of ben je op zoek naar: <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></span></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/dieren/dierverzorging" title="/dieren/dierverzorging" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Dierverzorging
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/knaagdieren/knaagdierenvoer/hamsters" title="/dieren/knaagdieren/knaagdierenvoer/hamsters" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Hamster
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/boerderijdieren/paarden" title="/dieren/boerderijdieren/paarden" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Paard
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren" title="/dieren" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Bekijk hier alles
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/dieren" title="/dieren" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Alle dieren
</a></li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Of ben je op zoek naar: </span> <label for="close-navigation"
class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="related-blogs flex-1 lg:pr-4 lg:border-none first:border-t border-b border-primary-110 lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52aa45585" name="level-2" type="radio" class="peer level-2 hidden"> <span
class="relative block"><label for="uniq-666a52aa45585" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <a href="/blog" class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:text-neutral cursor-pointer group transition duration-100 font-medium relative hover:underline">
Blogs en artikelen <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3"><use href="#icon-95e715a3b57782262391e1da881ca1c1"></use></svg></a></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-[450px] lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-[30px] lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:flex-col">
<li class="lg:border-none first:border-t border-b border-primary-110"><a href="/blog/lichaamstaal-van-je-kat-begrijpen" class="lg:block lg:max-w-[375px] lg:whitespace-nowrap lg:truncate lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:w-auto w-full flex items-center lg:bg-transparent bg-white lg:px-0 px-5 text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral text-15">
Lichaamstaal van je kat begrijpen
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-[450px] w-full top-0 lg:!hidden transition group-peer-checked level-2 opacity-0 pointer-events-none z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Blogs en artikelen </span> <label for="navigation"
class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
<li class="lg:border-none first:border-t border-b border-primary-110"><a href="/blog/Slimme-tips-om-je-kat-meer-te-laten-drinken" class="lg:block lg:max-w-[375px] lg:whitespace-nowrap lg:truncate lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:w-auto w-full flex items-center lg:bg-transparent bg-white lg:px-0 px-5 text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral text-15">
Slimme tips om je kat meer te laten drinken
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-[450px] w-full top-0 lg:!hidden transition group-peer-checked level-2 opacity-0 pointer-events-none z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Blogs en artikelen </span> <label for="navigation"
class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
<li class="lg:border-none first:border-t border-b border-primary-110"><a href="/blog/gezonde-kat-met-microchip-gestuurde-voerbak" class="lg:block lg:max-w-[375px] lg:whitespace-nowrap lg:truncate lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:w-auto w-full flex items-center lg:bg-transparent bg-white lg:px-0 px-5 text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral text-15">
Een gezonde kat met een microchip-gestuurde voerbak
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-[450px] w-full top-0 lg:!hidden transition group-peer-checked level-2 opacity-0 pointer-events-none z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Blogs en artikelen </span> <label for="navigation"
class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
<li class="lg:border-none first:border-t border-b border-primary-110"><a href="/blog/top-tien-tropische-vissen" class="lg:block lg:max-w-[375px] lg:whitespace-nowrap lg:truncate lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:w-auto w-full flex items-center lg:bg-transparent bg-white lg:px-0 px-5 text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral text-15">
Top tien tropische vissen voor in je aquarium
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-[450px] w-full top-0 lg:!hidden transition group-peer-checked level-2 opacity-0 pointer-events-none z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Blogs en artikelen </span> <label for="navigation"
class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"><a href="/blog" class="inline-flex items-center justify-center !font-sans text-16 transition hover:opacity-80 disabled:opacity-50 bg-primary font-medium rounded-full text-white border-b border-primary-120 px-5 py-3.5 lg:absolute bottom-[45px] right-0 appearance-none flex whitespace-nowrap items-center cursor-pointer z-[1]">
Alle blog berichten bekijken
</a></li>
</ul>
</li>
<li class="lg:absolute right-0 bottom-0 relative flex items-center justify-center lg:mt-0 mt-[30px]"><a href="/dieren" class="inline-flex items-center justify-center !font-sans text-16 transition hover:opacity-80 disabled:opacity-50 bg-primary font-medium rounded-full text-white border-b border-primary-120 px-5 py-3.5 lg:absolute bottom-[45px] right-0 appearance-none flex whitespace-nowrap items-center cursor-pointer z-[1]">
Alles in Dieren bekijken
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden transition group-peer-checked level-1 opacity-0 pointer-events-none z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-1-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Dieren </span> <label for="close-navigation" class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg
width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:border-none first:border-t border-b"><input id="uniq-666a52aa47416" name="level-1" type="radio" class="peer level-1 hidden"> <label for="uniq-666a52aa47416"
class="lg:h-auto h-[70px] flex items-center lg:bg-transparent bg-white lg:px-0 px-5 py-3 text-neutral lg:text-inactive lg:hover:text-neutral hover:text-inactive cursor-pointer group transition duration-100 peer-checked:text-neutral font-medium text-16 relative z-[1]">
Haagplanten <div class="bg-inactive-100 absolute pointer-events-none top-0 right-0 bottom-0 left-[-100vw] z-[-1] hidden lg:group-peer-checked:block level-1"></div> <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9"
viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></label>
<ul
class="z-[2] group no-scrollbar max-w-md lg:max-w-full bg-primary-100 lg:bg-transparent lg:overflow-visible overflow-y-auto left-auto right-0 bottom-0 top-20 opacity-0 transition peer-checked:opacity-100 lg:opacity-100 lg:pointer-events-auto pointer-events-none peer-checked:pointer-events-auto w-full lg:w-auto fixed lg:absolute lg:left-[260px] lg:hidden lg:peer-checked:flex lg:before:absolute lg:before:h-[570px] lg:before:bg-inactive-100 lg:before:z-[-1] lg:before:right-[-100vw] lg:before:bottom-0 lg:before:left-0 lg:before:top-0 lg:right-5 lg:top-0 lg:flex-wrap lg:pl-[50px] pt-8 pb-[30px] lg:pt-7 lg:pb-[50px] lg:content-start">
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52aa482f9" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52aa482f9" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <a href="/tuin-en-huis/tuin" class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Haagplanten
<svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3"><use href="#icon-95e715a3b57782262391e1da881ca1c1"></use></svg></a></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/tuin/heesters" title="/tuin-en-huis/tuin/heesters" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Heesters
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/tuin/vaste-planten" title="/tuin-en-huis/tuin/vaste-planten" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Vaste planten
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/tuin/coniferen" title="/tuin-en-huis/tuin/coniferen" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Coniferen
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/tuin/klimplanten" title="/tuin-en-huis/tuin/klimplanten" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Klimplanten
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/tuin-en-huis/tuin" title="/tuin-en-huis/tuin" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Alle haagplanten
</a></li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"><a href="/tuin-en-huis/tuin" class="inline-flex items-center justify-center !font-sans text-16 transition hover:opacity-80 disabled:opacity-50 bg-primary font-medium rounded-full text-white border-b border-primary-120 px-5 py-3.5 lg:absolute bottom-[45px] right-0 appearance-none flex whitespace-nowrap items-center cursor-pointer z-[1]">
Alles in Haagplanten bekijken
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Haagplanten </span> <label for="close-navigation"
class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="related-blogs flex-1 lg:pr-4 lg:border-none first:border-t border-b border-primary-110 lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52aa54ecf" name="level-2" type="radio" class="peer level-2 hidden"> <span
class="relative block"><label for="uniq-666a52aa54ecf" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <a href="/blog" class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:text-neutral cursor-pointer group transition duration-100 font-medium relative hover:underline">
Blogs en artikelen <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3"><use href="#icon-95e715a3b57782262391e1da881ca1c1"></use></svg></a></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-[450px] lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-[30px] lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:flex-col">
<li class="lg:border-none first:border-t border-b border-primary-110"><a href="/blog/haagplanten" class="lg:block lg:max-w-[375px] lg:whitespace-nowrap lg:truncate lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:w-auto w-full flex items-center lg:bg-transparent bg-white lg:px-0 px-5 text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral text-15">
Van kluit tot pracht: Haagplanten
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-[450px] w-full top-0 lg:!hidden transition group-peer-checked level-2 opacity-0 pointer-events-none z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Blogs en artikelen </span> <label for="navigation"
class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"><a href="/blog" class="inline-flex items-center justify-center !font-sans text-16 transition hover:opacity-80 disabled:opacity-50 bg-primary font-medium rounded-full text-white border-b border-primary-120 px-5 py-3.5 lg:absolute bottom-[45px] right-0 appearance-none flex whitespace-nowrap items-center cursor-pointer z-[1]">
Alle blog berichten bekijken
</a></li>
</ul>
</li>
<li class="lg:absolute right-0 bottom-0 relative flex items-center justify-center lg:mt-0 mt-[30px]"><a href="/tuin-en-huis/tuin" class="inline-flex items-center justify-center !font-sans text-16 transition hover:opacity-80 disabled:opacity-50 bg-primary font-medium rounded-full text-white border-b border-primary-120 px-5 py-3.5 lg:absolute bottom-[45px] right-0 appearance-none flex whitespace-nowrap items-center cursor-pointer z-[1]">
Alles in Haagplanten bekijken
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden transition group-peer-checked level-1 opacity-0 pointer-events-none z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-1-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Haagplanten </span> <label for="close-navigation" class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg
width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:border-none first:border-t border-b"><input id="uniq-666a52aa558a8" name="level-1" type="radio" class="peer level-1 hidden"> <label for="uniq-666a52aa558a8"
class="lg:h-auto h-[70px] flex items-center lg:bg-transparent bg-white lg:px-0 px-5 py-3 text-neutral lg:text-inactive lg:hover:text-neutral hover:text-inactive cursor-pointer group transition duration-100 peer-checked:text-neutral font-medium text-16 relative z-[1]">
Barbecue <div class="bg-inactive-100 absolute pointer-events-none top-0 right-0 bottom-0 left-[-100vw] z-[-1] hidden lg:group-peer-checked:block level-1"></div> <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9"
viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></label>
<ul
class="z-[2] group no-scrollbar max-w-md lg:max-w-full bg-primary-100 lg:bg-transparent lg:overflow-visible overflow-y-auto left-auto right-0 bottom-0 top-20 opacity-0 transition peer-checked:opacity-100 lg:opacity-100 lg:pointer-events-auto pointer-events-none peer-checked:pointer-events-auto w-full lg:w-auto fixed lg:absolute lg:left-[260px] lg:hidden lg:peer-checked:flex lg:before:absolute lg:before:h-[570px] lg:before:bg-inactive-100 lg:before:z-[-1] lg:before:right-[-100vw] lg:before:bottom-0 lg:before:left-0 lg:before:top-0 lg:right-5 lg:top-0 lg:flex-wrap lg:pl-[50px] pt-8 pb-[30px] lg:pt-7 lg:pb-[50px] lg:content-start">
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52aa57d43" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52aa57d43" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <a href="/tuin-en-huis/barbecues" class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Barbecues
<svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3"><use href="#icon-95e715a3b57782262391e1da881ca1c1"></use></svg></a></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/barbecues?soort_bbq=%5B"Gas+barbecue"%5D" title="/tuin-en-huis/barbecues?soort_bbq=%5B"Gas+barbecue"%5D" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Gasbarbecues
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/barbecues?soort_bbq=%5B"Elektrische+barbecue"%5D" title="/tuin-en-huis/barbecues?soort_bbq=%5B"Elektrische+barbecue"%5D" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Electrische barbecues
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/barbecues?soort_bbq=%5B"Pizza+oven"%5D" title="/tuin-en-huis/barbecues?soort_bbq=%5B"Pizza+oven"%5D" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Pizza-ovens
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/barbecues?soort_bbq=%5B"Houtskool+barbecue"%5D" title="/tuin-en-huis/barbecues?soort_bbq=%5B"Houtskool+barbecue"%5D" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Houtskool barbecues
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/tuin-en-huis/barbecues" title="/tuin-en-huis/barbecues" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Alle barbecues
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Barbecues </span> <label for="close-navigation" class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg
width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52aa5dcc7" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52aa5dcc7" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <a href="/tuin-en-huis/barbecues/accessoires" class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Accesoires
<svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3"><use href="#icon-95e715a3b57782262391e1da881ca1c1"></use></svg></a></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/barbecues/accessoires/bereidingshulpmiddelen" title="/tuin-en-huis/barbecues/accessoires/bereidingshulpmiddelen" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Bereidingshulpmiddelen
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/barbecues?soort_bbq=%5B"BBQ+Hoes"%5D" title="/tuin-en-huis/barbecues?soort_bbq=%5B"BBQ+Hoes"%5D" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Barbecue hoezen
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/tuin-en-huis/barbecues/accessoires" title="/tuin-en-huis/barbecues/accessoires" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Alle accesoires
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Accesoires </span> <label for="close-navigation" class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg
width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden transition group-peer-checked level-1 opacity-0 pointer-events-none z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-1-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Barbecue </span> <label for="close-navigation" class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg
width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:border-none first:border-t border-b"><input id="uniq-666a52aa62c89" name="level-1" type="radio" class="peer level-1 hidden"> <label for="uniq-666a52aa62c89"
class="lg:h-auto h-[70px] flex items-center lg:bg-transparent bg-white lg:px-0 px-5 py-3 text-neutral lg:text-inactive lg:hover:text-neutral hover:text-inactive cursor-pointer group transition duration-100 peer-checked:text-neutral font-medium text-16 relative z-[1]">
Tuingereedschap <div class="bg-inactive-100 absolute pointer-events-none top-0 right-0 bottom-0 left-[-100vw] z-[-1] hidden lg:group-peer-checked:block level-1"></div> <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9"
viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></label>
<ul
class="z-[2] group no-scrollbar max-w-md lg:max-w-full bg-primary-100 lg:bg-transparent lg:overflow-visible overflow-y-auto left-auto right-0 bottom-0 top-20 opacity-0 transition peer-checked:opacity-100 lg:opacity-100 lg:pointer-events-auto pointer-events-none peer-checked:pointer-events-auto w-full lg:w-auto fixed lg:absolute lg:left-[260px] lg:hidden lg:peer-checked:flex lg:before:absolute lg:before:h-[570px] lg:before:bg-inactive-100 lg:before:z-[-1] lg:before:right-[-100vw] lg:before:bottom-0 lg:before:left-0 lg:before:top-0 lg:right-5 lg:top-0 lg:flex-wrap lg:pl-[50px] pt-8 pb-[30px] lg:pt-7 lg:pb-[50px] lg:content-start">
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52aa63b3a" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52aa63b3a" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <a href="/tuin-en-huis/klussen-en-onderhoud/tuingereedschap" class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Tuingereedschap
<svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3"><use href="#icon-95e715a3b57782262391e1da881ca1c1"></use></svg></a></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/klussen-en-onderhoud/tuingereedschap/snoeigereedschap" title="/tuin-en-huis/klussen-en-onderhoud/tuingereedschap/snoeigereedschap" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Snoeigereedschap
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/klussen-en-onderhoud/tuingereedschap/grasgereedschap" title="/tuin-en-huis/klussen-en-onderhoud/tuingereedschap/grasgereedschap" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Grasgereedschap
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/klussen-en-onderhoud/tuingereedschap/handgereedschap" title="/tuin-en-huis/klussen-en-onderhoud/tuingereedschap/handgereedschap" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Handgereedschap
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/klussen-en-onderhoud/tuingereedschap/hogedrukreinigers" title="/tuin-en-huis/klussen-en-onderhoud/tuingereedschap/hogedrukreinigers" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Hogedrukreinigers
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/tuin-en-huis/klussen-en-onderhoud/tuingereedschap" title="/tuin-en-huis/klussen-en-onderhoud/tuingereedschap" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Al het gereedschap
</a></li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"><a href="/tuin-en-huis/klussen-en-onderhoud/tuingereedschap" class="inline-flex items-center justify-center !font-sans text-16 transition hover:opacity-80 disabled:opacity-50 bg-primary font-medium rounded-full text-white border-b border-primary-120 px-5 py-3.5 lg:absolute bottom-[45px] right-0 appearance-none flex whitespace-nowrap items-center cursor-pointer z-[1]">
Alles in Tuingereedschap bekijken
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Tuingereedschap </span> <label for="close-navigation"
class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:absolute right-0 bottom-0 relative flex items-center justify-center lg:mt-0 mt-[30px]"><a href="/tuin-en-huis/klussen-en-onderhoud/tuingereedschap" class="inline-flex items-center justify-center !font-sans text-16 transition hover:opacity-80 disabled:opacity-50 bg-primary font-medium rounded-full text-white border-b border-primary-120 px-5 py-3.5 lg:absolute bottom-[45px] right-0 appearance-none flex whitespace-nowrap items-center cursor-pointer z-[1]">
Alles in Tuingereedschap bekijken
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden transition group-peer-checked level-1 opacity-0 pointer-events-none z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-1-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Tuingereedschap </span> <label for="close-navigation"
class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:border-none first:border-t border-b"><input id="uniq-666a52aa6b593" name="level-1" type="radio" class="peer level-1 hidden"> <label for="uniq-666a52aa6b593"
class="lg:h-auto h-[70px] flex items-center lg:bg-transparent bg-white lg:px-0 px-5 py-3 text-neutral lg:text-inactive lg:hover:text-neutral hover:text-inactive cursor-pointer group transition duration-100 peer-checked:text-neutral font-medium text-16 relative z-[1]">
Tuinmeubelen <div class="bg-inactive-100 absolute pointer-events-none top-0 right-0 bottom-0 left-[-100vw] z-[-1] hidden lg:group-peer-checked:block level-1"></div> <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9"
viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></label>
<ul
class="z-[2] group no-scrollbar max-w-md lg:max-w-full bg-primary-100 lg:bg-transparent lg:overflow-visible overflow-y-auto left-auto right-0 bottom-0 top-20 opacity-0 transition peer-checked:opacity-100 lg:opacity-100 lg:pointer-events-auto pointer-events-none peer-checked:pointer-events-auto w-full lg:w-auto fixed lg:absolute lg:left-[260px] lg:hidden lg:peer-checked:flex lg:before:absolute lg:before:h-[570px] lg:before:bg-inactive-100 lg:before:z-[-1] lg:before:right-[-100vw] lg:before:bottom-0 lg:before:left-0 lg:before:top-0 lg:right-5 lg:top-0 lg:flex-wrap lg:pl-[50px] pt-8 pb-[30px] lg:pt-7 lg:pb-[50px] lg:content-start">
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52aa6b6c0" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52aa6b6c0" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <span
class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Tuinsets <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></span></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/tuinmeubelen/loungesets" title="/tuin-en-huis/tuinmeubelen/loungesets" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Loungesets
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/tuinmeubelen/tuinsets" title="/tuin-en-huis/tuinmeubelen/tuinsets" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Tuinsets
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/tuinmeubelen/balkonsets" title="/tuin-en-huis/tuinmeubelen/balkonsets" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Balkonsets
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/tuin-en-huis/tuinmeubelen" title="/tuin-en-huis/tuinmeubelen" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Bekijk alle tuinmeubelen hier
</a></li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Tuinsets </span> <label for="close-navigation" class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg
width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52aa70ec2" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52aa70ec2" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <span
class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Stoelen <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></span></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/tuinmeubelen/tuinstoelen/eettafelstoelen" title="/tuin-en-huis/tuinmeubelen/tuinstoelen/eettafelstoelen" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Eettafelstoelen
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/tuinmeubelen/tuinstoelen/verstelbare-stoelen" title="/tuin-en-huis/tuinmeubelen/tuinstoelen/verstelbare-stoelen" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Verstelbare stoelen
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/tuinmeubelen/tuinstoelen/hangstoelen" title="/tuin-en-huis/tuinmeubelen/tuinstoelen/hangstoelen" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Hangstoelen
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/tuinmeubelen/tuinstoelen/loungestoelen" title="/tuin-en-huis/tuinmeubelen/tuinstoelen/loungestoelen" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Loungestoelen
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/tuinmeubelen/tuinstoelen/zitzakken" title="/tuin-en-huis/tuinmeubelen/tuinstoelen/zitzakken" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Zitzakken
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/tuin-en-huis/tuinmeubelen/tuinstoelen" title="/tuin-en-huis/tuinmeubelen/tuinstoelen" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Bekijk alle tuinstoelen
</a></li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Stoelen </span> <label for="close-navigation" class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg
width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52aa7826e" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52aa7826e" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <span
class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Tuintafels <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></span></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/tuinmeubelen/tuintafels/eettafels" title="/tuin-en-huis/tuinmeubelen/tuintafels/eettafels" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Eettafels
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/tuinmeubelen/tuintafels/salontafels" title="/tuin-en-huis/tuinmeubelen/tuintafels/salontafels" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Salontafels
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/tuinmeubelen/tuintafels/bijzettafels" title="/tuin-en-huis/tuinmeubelen/tuintafels/bijzettafels" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Bijzettafels
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/tuinmeubelen/tuintafels/balkontafels" title="/tuin-en-huis/tuinmeubelen/tuintafels/balkontafels" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Balkontafels
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/tuin-en-huis/tuinmeubelen/tuintafels" title="/tuin-en-huis/tuinmeubelen/tuintafels" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Bekijk alle tuintafels
</a></li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Tuintafels </span> <label for="close-navigation" class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg
width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52aa7de6e" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52aa7de6e" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <span
class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Zwembaden <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></span></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/inrichting/zwembaden/familiebaden" title="/tuin-en-huis/inrichting/zwembaden/familiebaden" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Zwembaden
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/inrichting/zwembaden/pompen-en-filters" title="/tuin-en-huis/inrichting/zwembaden/pompen-en-filters" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Pompen en filters
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/inrichting/zwembaden/onderhoud-en-reiniging" title="/tuin-en-huis/inrichting/zwembaden/onderhoud-en-reiniging" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Onderhoud en reiniging
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/tuin-en-huis/inrichting/zwembaden" title="/tuin-en-huis/inrichting/zwembaden" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Alles voor je zwembad
</a></li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Zwembaden </span> <label for="close-navigation" class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg
width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52aa84612" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52aa84612" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <span
class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Of ben je op zoek naar: <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></span></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/tuinmeubelen/tuinhoezen" title="/tuin-en-huis/tuinmeubelen/tuinhoezen" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Tuinmeubel hoezen
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/tuinmeubelen/parasols/parasols" title="/tuin-en-huis/tuinmeubelen/parasols/parasols" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Parasols
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/tuinmeubelen/partytenten" title="/tuin-en-huis/tuinmeubelen/partytenten" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Partytenten
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/tuinmeubelen/tuinopslag/tuinopslag" title="/tuin-en-huis/tuinmeubelen/tuinopslag/tuinopslag" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Tuin opslag
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/tuin-en-huis/tuinmeubelen" title="/tuin-en-huis/tuinmeubelen" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Bekijk alle tuinmeubelen
</a></li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Of ben je op zoek naar: </span> <label for="close-navigation"
class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="related-blogs flex-1 lg:pr-4 lg:border-none first:border-t border-b border-primary-110 lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52aa94cca" name="level-2" type="radio" class="peer level-2 hidden"> <span
class="relative block"><label for="uniq-666a52aa94cca" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <a href="/blog" class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:text-neutral cursor-pointer group transition duration-100 font-medium relative hover:underline">
Blogs en artikelen <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3"><use href="#icon-95e715a3b57782262391e1da881ca1c1"></use></svg></a></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-[450px] lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-[30px] lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:flex-col">
<li class="lg:border-none first:border-t border-b border-primary-110"><a href="/blog/tuinmeubel-trends" class="lg:block lg:max-w-[375px] lg:whitespace-nowrap lg:truncate lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:w-auto w-full flex items-center lg:bg-transparent bg-white lg:px-0 px-5 text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral text-15">
Tuinmeubel Trends 2024
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-[450px] w-full top-0 lg:!hidden transition group-peer-checked level-2 opacity-0 pointer-events-none z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Blogs en artikelen </span> <label for="navigation"
class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"><a href="/blog" class="inline-flex items-center justify-center !font-sans text-16 transition hover:opacity-80 disabled:opacity-50 bg-primary font-medium rounded-full text-white border-b border-primary-120 px-5 py-3.5 lg:absolute bottom-[45px] right-0 appearance-none flex whitespace-nowrap items-center cursor-pointer z-[1]">
Alle blog berichten bekijken
</a></li>
</ul>
</li>
<li class="lg:absolute right-0 bottom-0 relative flex items-center justify-center lg:mt-0 mt-[30px]"><a href="/tuin-en-huis/tuinmeubelen" class="inline-flex items-center justify-center !font-sans text-16 transition hover:opacity-80 disabled:opacity-50 bg-primary font-medium rounded-full text-white border-b border-primary-120 px-5 py-3.5 lg:absolute bottom-[45px] right-0 appearance-none flex whitespace-nowrap items-center cursor-pointer z-[1]">
Alles in Tuinmeubelen bekijken
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden transition group-peer-checked level-1 opacity-0 pointer-events-none z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-1-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Tuinmeubelen </span> <label for="close-navigation" class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg
width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:border-none first:border-t border-b"><input id="uniq-666a52aa988fc" name="level-1" type="radio" class="peer level-1 hidden"> <label for="uniq-666a52aa988fc"
class="lg:h-auto h-[70px] flex items-center lg:bg-transparent bg-white lg:px-0 px-5 py-3 text-neutral lg:text-inactive lg:hover:text-neutral hover:text-inactive cursor-pointer group transition duration-100 peer-checked:text-neutral font-medium text-16 relative z-[1]">
Potterie <div class="bg-inactive-100 absolute pointer-events-none top-0 right-0 bottom-0 left-[-100vw] z-[-1] hidden lg:group-peer-checked:block level-1"></div> <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9"
viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></label>
<ul
class="z-[2] group no-scrollbar max-w-md lg:max-w-full bg-primary-100 lg:bg-transparent lg:overflow-visible overflow-y-auto left-auto right-0 bottom-0 top-20 opacity-0 transition peer-checked:opacity-100 lg:opacity-100 lg:pointer-events-auto pointer-events-none peer-checked:pointer-events-auto w-full lg:w-auto fixed lg:absolute lg:left-[260px] lg:hidden lg:peer-checked:flex lg:before:absolute lg:before:h-[570px] lg:before:bg-inactive-100 lg:before:z-[-1] lg:before:right-[-100vw] lg:before:bottom-0 lg:before:left-0 lg:before:top-0 lg:right-5 lg:top-0 lg:flex-wrap lg:pl-[50px] pt-8 pb-[30px] lg:pt-7 lg:pb-[50px] lg:content-start">
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52aa9c1ca" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52aa9c1ca" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <a href="/tuin-en-huis/inrichting/potten-en-vazen" class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Potterie
<svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3"><use href="#icon-95e715a3b57782262391e1da881ca1c1"></use></svg></a></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/inrichting/potten-en-vazen/potten" title="/tuin-en-huis/inrichting/potten-en-vazen/potten" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Potten
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/inrichting/potten-en-vazen/vazen" title="/tuin-en-huis/inrichting/potten-en-vazen/vazen" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Vazen
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/inrichting/potten-en-vazen/schotels" title="/tuin-en-huis/inrichting/potten-en-vazen/schotels" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Schotels
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/tuin-en-huis/inrichting/potten-en-vazen" title="/tuin-en-huis/inrichting/potten-en-vazen" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Alle potterie
</a></li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"><a href="/tuin-en-huis/inrichting/potten-en-vazen" class="inline-flex items-center justify-center !font-sans text-16 transition hover:opacity-80 disabled:opacity-50 bg-primary font-medium rounded-full text-white border-b border-primary-120 px-5 py-3.5 lg:absolute bottom-[45px] right-0 appearance-none flex whitespace-nowrap items-center cursor-pointer z-[1]">
Alles in Potterie bekijken
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Potterie </span> <label for="close-navigation" class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg
width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:absolute right-0 bottom-0 relative flex items-center justify-center lg:mt-0 mt-[30px]"><a href="/tuin-en-huis/inrichting/potten-en-vazen" class="inline-flex items-center justify-center !font-sans text-16 transition hover:opacity-80 disabled:opacity-50 bg-primary font-medium rounded-full text-white border-b border-primary-120 px-5 py-3.5 lg:absolute bottom-[45px] right-0 appearance-none flex whitespace-nowrap items-center cursor-pointer z-[1]">
Alles in Potterie bekijken
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden transition group-peer-checked level-1 opacity-0 pointer-events-none z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-1-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Potterie </span> <label for="close-navigation" class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg
width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:border-none first:border-t border-b"><input id="uniq-666a52aab4d33" name="level-1" type="radio" class="peer level-1 hidden"> <label for="uniq-666a52aab4d33"
class="lg:h-auto h-[70px] flex items-center lg:bg-transparent bg-white lg:px-0 px-5 py-3 text-neutral lg:text-inactive lg:hover:text-neutral hover:text-inactive cursor-pointer group transition duration-100 peer-checked:text-neutral font-medium text-16 relative z-[1]">
Plantverzorging <div class="bg-inactive-100 absolute pointer-events-none top-0 right-0 bottom-0 left-[-100vw] z-[-1] hidden lg:group-peer-checked:block level-1"></div> <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9"
viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></label>
<ul
class="z-[2] group no-scrollbar max-w-md lg:max-w-full bg-primary-100 lg:bg-transparent lg:overflow-visible overflow-y-auto left-auto right-0 bottom-0 top-20 opacity-0 transition peer-checked:opacity-100 lg:opacity-100 lg:pointer-events-auto pointer-events-none peer-checked:pointer-events-auto w-full lg:w-auto fixed lg:absolute lg:left-[260px] lg:hidden lg:peer-checked:flex lg:before:absolute lg:before:h-[570px] lg:before:bg-inactive-100 lg:before:z-[-1] lg:before:right-[-100vw] lg:before:bottom-0 lg:before:left-0 lg:before:top-0 lg:right-5 lg:top-0 lg:flex-wrap lg:pl-[50px] pt-8 pb-[30px] lg:pt-7 lg:pb-[50px] lg:content-start">
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52aab6e4e" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52aab6e4e" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <a href="/tuin-en-huis/plantenzorg/plantonderhoud" class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Plantonderhoud
<svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3"><use href="#icon-95e715a3b57782262391e1da881ca1c1"></use></svg></a></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/plantenzorg/plantonderhoud/plantondersteuning" title="/tuin-en-huis/plantenzorg/plantonderhoud/plantondersteuning" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Plantondersteuning
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/tuin-en-huis/plantenzorg/plantonderhoud" title="/tuin-en-huis/plantenzorg/plantonderhoud" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Alles voor plantonderhoud
</a></li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"><a href="/tuin-en-huis/plantenzorg/plantonderhoud" class="inline-flex items-center justify-center !font-sans text-16 transition hover:opacity-80 disabled:opacity-50 bg-primary font-medium rounded-full text-white border-b border-primary-120 px-5 py-3.5 lg:absolute bottom-[45px] right-0 appearance-none flex whitespace-nowrap items-center cursor-pointer z-[1]">
Alles in Plantonderhoud bekijken
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Plantonderhoud </span> <label for="close-navigation"
class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52aac15d9" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52aac15d9" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <a href="/tuin-en-huis/plantenzorg/plantonderhoud/water-geven" class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Water geven
<svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3"><use href="#icon-95e715a3b57782262391e1da881ca1c1"></use></svg></a></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/plantenzorg/plantonderhoud/water-geven/regentonnen" title="/tuin-en-huis/plantenzorg/plantonderhoud/water-geven/regentonnen" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Regentonnen
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/plantenzorg/plantonderhoud/water-geven/gieters" title="/tuin-en-huis/plantenzorg/plantonderhoud/water-geven/gieters" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Gieters
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/plantenzorg/plantonderhoud/water-geven/tuinslangen" title="/tuin-en-huis/plantenzorg/plantonderhoud/water-geven/tuinslangen" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Tuinslangen
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/plantenzorg/plantonderhoud/water-geven/plantenspuiten" title="/tuin-en-huis/plantenzorg/plantonderhoud/water-geven/plantenspuiten" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Plantenspuiten
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/tuin-en-huis/plantenzorg/plantonderhoud/water-geven" title="/tuin-en-huis/plantenzorg/plantonderhoud/water-geven" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Bekijk alles
</a></li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"><a href="/tuin-en-huis/plantenzorg/plantonderhoud/water-geven" class="inline-flex items-center justify-center !font-sans text-16 transition hover:opacity-80 disabled:opacity-50 bg-primary font-medium rounded-full text-white border-b border-primary-120 px-5 py-3.5 lg:absolute bottom-[45px] right-0 appearance-none flex whitespace-nowrap items-center cursor-pointer z-[1]">
Alles in Water geven bekijken
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Water geven </span> <label for="close-navigation"
class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52aad1ed5" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52aad1ed5" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <a href="/tuin-en-huis/plantenzorg/gazon" class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Gazon
<svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3"><use href="#icon-95e715a3b57782262391e1da881ca1c1"></use></svg></a></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/plantenzorg/gazon/gazonmest" title="/tuin-en-huis/plantenzorg/gazon/gazonmest" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Gazonmest
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/plantenzorg/gazon/onkruidbestrijding-gazon" title="/tuin-en-huis/plantenzorg/gazon/onkruidbestrijding-gazon" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Onkruidbestrijding gazon
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/plantenzorg/gazon/gazonverbetering" title="/tuin-en-huis/plantenzorg/gazon/gazonverbetering" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Gazonverbetering
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/plantenzorg/gazon/gazonaanleg" title="/tuin-en-huis/plantenzorg/gazon/gazonaanleg" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Gazonaanleg
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/tuin-en-huis/plantenzorg/gazon" title="/tuin-en-huis/plantenzorg/gazon" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Alles voor je gazon
</a></li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"><a href="/tuin-en-huis/plantenzorg/gazon" class="inline-flex items-center justify-center !font-sans text-16 transition hover:opacity-80 disabled:opacity-50 bg-primary font-medium rounded-full text-white border-b border-primary-120 px-5 py-3.5 lg:absolute bottom-[45px] right-0 appearance-none flex whitespace-nowrap items-center cursor-pointer z-[1]">
Alles in Gazon bekijken
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Gazon </span> <label for="close-navigation" class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg
width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52aae0d9a" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52aae0d9a" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <a href="/tuin-en-huis/plantenzorg/grond-en-mest" class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Grond en mest
<svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3"><use href="#icon-95e715a3b57782262391e1da881ca1c1"></use></svg></a></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/plantenzorg/grond-en-mest/meststoffen" title="/tuin-en-huis/plantenzorg/grond-en-mest/meststoffen" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Meststoffen
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/plantenzorg/grond-en-mest/grondverbeteraar" title="/tuin-en-huis/plantenzorg/grond-en-mest/grondverbeteraar" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Grondverbeteraar
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/plantenzorg/grond-en-mest/potgrond" title="/tuin-en-huis/plantenzorg/grond-en-mest/potgrond" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Potgrond
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/plantenzorg/grond-en-mest/hydrokorrels" title="/tuin-en-huis/plantenzorg/grond-en-mest/hydrokorrels" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Hydrokorrels
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/plantenzorg/grond-en-mest/bodembedekkers" title="/tuin-en-huis/plantenzorg/grond-en-mest/bodembedekkers" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Bodembedekkers
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/tuin-en-huis/plantenzorg/grond-en-mest" title="/tuin-en-huis/plantenzorg/grond-en-mest" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Alle grond en mest
</a></li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"><a href="/tuin-en-huis/plantenzorg/grond-en-mest" class="inline-flex items-center justify-center !font-sans text-16 transition hover:opacity-80 disabled:opacity-50 bg-primary font-medium rounded-full text-white border-b border-primary-120 px-5 py-3.5 lg:absolute bottom-[45px] right-0 appearance-none flex whitespace-nowrap items-center cursor-pointer z-[1]">
Alles in Grond en mest bekijken
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Grond en mest </span> <label for="close-navigation"
class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52ab0088b" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52ab0088b" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <a href="/tuin-en-huis/plantenzorg/onkruid" class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Onkruid
<svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3"><use href="#icon-95e715a3b57782262391e1da881ca1c1"></use></svg></a></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/plantenzorg/onkruid/onkruidbestrijding" title="/tuin-en-huis/plantenzorg/onkruid/onkruidbestrijding" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Onkruidbestrijding
</a></li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"><a href="/tuin-en-huis/plantenzorg/onkruid" class="inline-flex items-center justify-center !font-sans text-16 transition hover:opacity-80 disabled:opacity-50 bg-primary font-medium rounded-full text-white border-b border-primary-120 px-5 py-3.5 lg:absolute bottom-[45px] right-0 appearance-none flex whitespace-nowrap items-center cursor-pointer z-[1]">
Alles in Onkruid bekijken
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Onkruid </span> <label for="close-navigation" class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg
width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52ab06742" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52ab06742" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <a href="/tuin-en-huis/plantenzorg/ongewenste-dieren" class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Ongewenste dieren
<svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3"><use href="#icon-95e715a3b57782262391e1da881ca1c1"></use></svg></a></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/plantenzorg/ongewenste-dieren/slakken" title="/tuin-en-huis/plantenzorg/ongewenste-dieren/slakken" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Slakken
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/plantenzorg/ongewenste-dieren/insecten" title="/tuin-en-huis/plantenzorg/ongewenste-dieren/insecten" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Insecten
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/plantenzorg/ongewenste-dieren/mieren" title="/tuin-en-huis/plantenzorg/ongewenste-dieren/mieren" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Mieren
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/plantenzorg/ongewenste-dieren/muizen" title="/tuin-en-huis/plantenzorg/ongewenste-dieren/muizen" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Muizen
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/tuin-en-huis/plantenzorg/ongewenste-dieren" title="/tuin-en-huis/plantenzorg/ongewenste-dieren" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Alles tegen ongewenste dieren
</a></li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"><a href="/tuin-en-huis/plantenzorg/ongewenste-dieren" class="inline-flex items-center justify-center !font-sans text-16 transition hover:opacity-80 disabled:opacity-50 bg-primary font-medium rounded-full text-white border-b border-primary-120 px-5 py-3.5 lg:absolute bottom-[45px] right-0 appearance-none flex whitespace-nowrap items-center cursor-pointer z-[1]">
Alles in Ongewenste dieren bekijken
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Ongewenste dieren </span> <label for="close-navigation"
class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52ab10ace" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52ab10ace" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <span
class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Of ben je op zoek naar? <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></span></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/klussen-en-onderhoud/schoenen-en-kleding/handschoenen" title="/tuin-en-huis/klussen-en-onderhoud/schoenen-en-kleding/handschoenen" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Handschoenen
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/klussen-en-onderhoud/tuingereedschap" title="/tuin-en-huis/klussen-en-onderhoud/tuingereedschap" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Tuingereedschap
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/kassen-en-kweken" title="/tuin-en-huis/kassen-en-kweken" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Kassen en kweken
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/tuin-en-huis/kassen-en-kweken/zaden" title="/tuin-en-huis/kassen-en-kweken/zaden" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Zaden
</a></li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Of ben je op zoek naar? </span> <label for="close-navigation"
class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="related-blogs flex-1 lg:pr-4 lg:border-none first:border-t border-b border-primary-110 lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52ab23838" name="level-2" type="radio" class="peer level-2 hidden"> <span
class="relative block"><label for="uniq-666a52ab23838" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <a href="/blog" class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:text-neutral cursor-pointer group transition duration-100 font-medium relative hover:underline">
Blogs en artikelen <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3"><use href="#icon-95e715a3b57782262391e1da881ca1c1"></use></svg></a></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-[450px] lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-[30px] lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:flex-col">
<li class="lg:border-none first:border-t border-b border-primary-110"><a href="/blog/plant-van-de-maand-juni" class="lg:block lg:max-w-[375px] lg:whitespace-nowrap lg:truncate lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:w-auto w-full flex items-center lg:bg-transparent bg-white lg:px-0 px-5 text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral text-15">
Plant van de Maand juni
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-[450px] w-full top-0 lg:!hidden transition group-peer-checked level-2 opacity-0 pointer-events-none z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Blogs en artikelen </span> <label for="navigation"
class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
<li class="lg:border-none first:border-t border-b border-primary-110"><a href="/blog/plant-van-de-maand-mei" class="lg:block lg:max-w-[375px] lg:whitespace-nowrap lg:truncate lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:w-auto w-full flex items-center lg:bg-transparent bg-white lg:px-0 px-5 text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral text-15">
Plant van de Maand Mei
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-[450px] w-full top-0 lg:!hidden transition group-peer-checked level-2 opacity-0 pointer-events-none z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Blogs en artikelen </span> <label for="navigation"
class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
<li class="lg:border-none first:border-t border-b border-primary-110"><a href="/blog/vijver-najaar" class="lg:block lg:max-w-[375px] lg:whitespace-nowrap lg:truncate lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:w-auto w-full flex items-center lg:bg-transparent bg-white lg:px-0 px-5 text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral text-15">
Vijver: ook in het najaar een waterparadijs
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-[450px] w-full top-0 lg:!hidden transition group-peer-checked level-2 opacity-0 pointer-events-none z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Blogs en artikelen </span> <label for="navigation"
class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
<li class="lg:border-none first:border-t border-b border-primary-110"><a href="/blog/succes-stekjes" class="lg:block lg:max-w-[375px] lg:whitespace-nowrap lg:truncate lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:w-auto w-full flex items-center lg:bg-transparent bg-white lg:px-0 px-5 text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral text-15">
Zo worden jouw stekjes iedere keer een succes!
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-[450px] w-full top-0 lg:!hidden transition group-peer-checked level-2 opacity-0 pointer-events-none z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Blogs en artikelen </span> <label for="navigation"
class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
<li class="lg:hidden flex items-center justify-center lg:mt-0 mt-[30px]"><a href="/blog" class="inline-flex items-center justify-center !font-sans text-16 transition hover:opacity-80 disabled:opacity-50 bg-primary font-medium rounded-full text-white border-b border-primary-120 px-5 py-3.5 lg:absolute bottom-[45px] right-0 appearance-none flex whitespace-nowrap items-center cursor-pointer z-[1]">
Alle blog berichten bekijken
</a></li>
</ul>
</li>
<li class="lg:absolute right-0 bottom-0 relative flex items-center justify-center lg:mt-0 mt-[30px]"><a href="/tuin-en-huis/plantenzorg" class="inline-flex items-center justify-center !font-sans text-16 transition hover:opacity-80 disabled:opacity-50 bg-primary font-medium rounded-full text-white border-b border-primary-120 px-5 py-3.5 lg:absolute bottom-[45px] right-0 appearance-none flex whitespace-nowrap items-center cursor-pointer z-[1]">
Alles in Plantverzorging bekijken
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden transition group-peer-checked level-1 opacity-0 pointer-events-none z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-1-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Plantverzorging </span> <label for="close-navigation"
class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:border-none first:border-t border-b"><input id="uniq-666a52ab24e6e" name="level-1" type="radio" class="peer level-1 hidden"> <label for="uniq-666a52ab24e6e"
class="lg:h-auto h-[70px] flex items-center lg:bg-transparent bg-white lg:px-0 px-5 py-3 text-neutral lg:text-inactive lg:hover:text-neutral hover:text-inactive cursor-pointer group transition duration-100 peer-checked:text-neutral font-medium text-16 relative z-[1]">
Merken <div class="bg-inactive-100 absolute pointer-events-none top-0 right-0 bottom-0 left-[-100vw] z-[-1] hidden lg:group-peer-checked:block level-1"></div> <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9"
viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></label>
<ul
class="z-[2] group no-scrollbar max-w-md lg:max-w-full bg-primary-100 lg:bg-transparent lg:overflow-visible overflow-y-auto left-auto right-0 bottom-0 top-20 opacity-0 transition peer-checked:opacity-100 lg:opacity-100 lg:pointer-events-auto pointer-events-none peer-checked:pointer-events-auto w-full lg:w-auto fixed lg:absolute lg:left-[260px] lg:hidden lg:peer-checked:flex lg:before:absolute lg:before:h-[570px] lg:before:bg-inactive-100 lg:before:z-[-1] lg:before:right-[-100vw] lg:before:bottom-0 lg:before:left-0 lg:before:top-0 lg:right-5 lg:top-0 lg:flex-wrap lg:pl-[50px] pt-8 pb-[30px] lg:pt-7 lg:pb-[50px] lg:content-start">
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52ab25197" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52ab25197" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <span
class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Royal Canin <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></span></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="https://www.ranzijn.nl/dieren/honden/hondenvoer/royal-canin" title="https://www.ranzijn.nl/dieren/honden/hondenvoer/royal-canin" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Hondenvoeding
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/honden/hondenvoer?manufacturer=%5B"Royal+Canin+Veterinair"%5D" title="/dieren/honden/hondenvoer?manufacturer=%5B"Royal+Canin+Veterinair"%5D" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Hondenvoeding veterinair
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/katten/kattenvoer?manufacturer=%5B"Royal+Canin"%5D" title="/dieren/katten/kattenvoer?manufacturer=%5B"Royal+Canin"%5D" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Kattenvoeding
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/katten/kattenvoer?manufacturer=%5B"Royal+Canin+Veterinair"%5D" title="/dieren/katten/kattenvoer?manufacturer=%5B"Royal+Canin+Veterinair"%5D" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Kattenvoeding veterinair
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/dieren/honden/hondenvoer/royal-canin" title="/dieren/honden/hondenvoer/royal-canin" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Alles van Royal Canin
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Royal Canin </span> <label for="close-navigation"
class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52ab25938" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52ab25938" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <span
class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Wow <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></span></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/dieren/honden/hondenvoer?manufacturer=%5B"Wow"%5D&category_ids=%5B"62"%5D" title="/dieren/honden/hondenvoer?manufacturer=%5B"Wow"%5D&category_ids=%5B"62"%5D" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Droogvoer
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/honden/hondenvoer?manufacturer=%5B"Wow"%5D&category_ids=%5B"63"%5D" title="/dieren/honden/hondenvoer?manufacturer=%5B"Wow"%5D&category_ids=%5B"63"%5D" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Natvoer
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/honden/hondenvoer?manufacturer=%5B"Wow"%5D&speciale_behoefte=%5B"Graanvrij"%5D" title="/dieren/honden/hondenvoer?manufacturer=%5B"Wow"%5D&speciale_behoefte=%5B"Graanvrij"%5D" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Graanvrij
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/honden/hondenvoer?manufacturer=%5B"Wow"%5D&speciale_behoefte=%5B"Glutenvrij"%5D" title="/dieren/honden/hondenvoer?manufacturer=%5B"Wow"%5D&speciale_behoefte=%5B"Glutenvrij"%5D" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Glutenvrij
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/dieren/honden/hondenvoer/wow" title="/dieren/honden/hondenvoer/wow" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Bekijk alles van Wow
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Wow </span> <label for="close-navigation" class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg
width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52ab25e26" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52ab25e26" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <span
class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Edgard & Cooper <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></span></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="/dieren/honden/hondenvoer/EdgardCooper" title="/dieren/honden/hondenvoer/EdgardCooper" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Hondenbrokken
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/honden/hondenvoer?manufacturer=%5B"Edgard%26cooper"%5D&category_ids=%5B"63"%5D" title="/dieren/honden/hondenvoer?manufacturer=%5B"Edgard%26cooper"%5D&category_ids=%5B"63"%5D" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Natvoer hond
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/katten/kattenvoer?manufacturer=%5B"Edgard%26cooper"%5D&category_ids=%5B"119"%5D" title="/dieren/katten/kattenvoer?manufacturer=%5B"Edgard%26cooper"%5D&category_ids=%5B"119"%5D" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Kattenbrokken
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/katten/kattenvoer?manufacturer=%5B"Edgard%26cooper"%5D&category_ids=%5B"120"%5D" title="/dieren/katten/kattenvoer?manufacturer=%5B"Edgard%26cooper"%5D&category_ids=%5B"120"%5D" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Natvoer kat
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/dieren/honden/hondenvoer/EdgardCooper" title="/dieren/honden/hondenvoer/EdgardCooper" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Alles van Edgard & Cooper
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Edgard & Cooper </span> <label for="close-navigation"
class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52ab26331" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52ab26331" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <span
class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Hills <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></span></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="https://www.ranzijn.nl/dieren/honden/hondenvoer/Hills" title="https://www.ranzijn.nl/dieren/honden/hondenvoer/Hills" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Hondenvoeding
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/honden/hondenvoer?category_ids=%5B"64"%5D&manufacturer=%5B"Hills+Prescription+Diet"%5D" title="/dieren/honden/hondenvoer?category_ids=%5B"64"%5D&manufacturer=%5B"Hills+Prescription+Diet"%5D" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Hondenvoeding veterinair
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/katten/kattenvoer?manufacturer=%5B"Hills"%5D&category_ids=%5B"121"%5D" title="/dieren/katten/kattenvoer?manufacturer=%5B"Hills"%5D&category_ids=%5B"121"%5D" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Kattenvoeding veterinair
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/hills" title="/hills" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Alles van Hills
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Hills </span> <label for="close-navigation" class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg
width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="lg:pr-4 lg:border-none first:border-t border-b lg:w-1/4 lg:order-auto lg:mb-[30px]"><input id="uniq-666a52ab26800" name="level-2" type="radio" class="peer level-2 hidden"> <span class="relative block"><label
for="uniq-666a52ab26800" class="absolute inset-0 lg:hidden block cursor-pointer"></label> <span
class="pointer-events-none lg:pointer-events-auto lg:h-auto h-[70px] flex lg:inline-block items-center lg:bg-transparent bg-white lg:px-0 px-5 lg:pb-2.5 text-neutral lg:hover:text-neutral hover:underline hover:text-inactive cursor-pointer group transition duration-100 font-medium text-16 relative">
Ranzijn dierenvoeding <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" class="text-primary lg:hidden absolute right-5 top-1/2 -translate-y-1/2 w-auto h-3">
<use href="#icon-95e715a3b57782262391e1da881ca1c1"></use>
</svg></span></span>
<ul
class="group z-[2] no-scrollbar lg:bg-transparent bg-primary-100 lg:overflow-visible overflow-y-auto max-w-md lg:max-w-full right-0 bottom-0 top-20 transition lg:pt-0 pt-8 lg:pb-0 pb-[30px] opacity-0 peer-checked:opacity-100 lg:opacity-100 pointer-events-none peer-checked:pointer-events-auto lg:pointer-events-auto w-full lg:w-auto lg:static fixed text-sm lg:flex lg:[&>li:nth-child(n+6):not(.enhanced)]:hidden lg:flex-col">
<li class="lg:border-none first:border-t border-b"><a href="https://www.ranzijn.nl/dieren/honden/hondenvoer/eigen/merk" title="https://www.ranzijn.nl/dieren/honden/hondenvoer/eigen/merk" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Hondenvoeding
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/katten/kattenvoer?manufacturer=%5B"Ranzijn"%5D" title="/dieren/katten/kattenvoer?manufacturer=%5B"Ranzijn"%5D" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Kattenvoeding
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/knaagdieren/knaagdierenvoer/konijnen?manufacturer=%5B"Ranzijn"%5D" title="/dieren/knaagdieren/knaagdierenvoer/konijnen?manufacturer=%5B"Ranzijn"%5D" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Konijnenvoeding
</a></li>
<li class="lg:border-none first:border-t border-b"><a href="/dieren/vogels/vogelvoer?manufacturer=%5B"Ranzijn"%5D" title="/dieren/vogels/vogelvoer?manufacturer=%5B"Ranzijn"%5D" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-neutral lg:text-inactive hover:text-neutral">
Vogelvoeding
</a></li>
<li class="enhanced lg:border-none first:border-t border-b"><a href="/dieren?manufacturer=%5B"Ranzijn+tuin+%26+dier"%5D" title="/dieren?manufacturer=%5B"Ranzijn+tuin+%26+dier"%5D" class="lg:font-normal cursor-pointer font-medium lg:h-auto h-[70px] lg:text-15 text-16 lg:w-auto w-full items-center lg:bg-transparent bg-white lg:px-0 px-5 flex lg:inline-flex text-md lg:pb-[3px] transition duration-100 text-primary items-center hover:underline"><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:inline-flex hidden mr-1 h-1.5 -rotate-90"><use href="#icon-212a48a111b4c14a59633c88a5e5fcde"></use></svg>
Alles van Ranzijn
</a></li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden group-peer-checked level-2 z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-2-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Ranzijn dierenvoeding </span> <label for="close-navigation"
class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden transition group-peer-checked level-1 opacity-0 pointer-events-none z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-1-close" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Merken </span> <label for="close-navigation" class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg
width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</li>
<li class="bg-primary px-5 fixed right-0 max-w-md w-full top-0 lg:!hidden transition group-peer-checked level-0 opacity-0 pointer-events-none z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-0" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Assortiment </span> <label for="close-navigation" class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg
width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</nav>
<div class="lg:hidden">
<div class="w-full">
<ul class="flex w-full max-lg:flex-col lg:flex-wrap gap-x-[30px] lg:[&>*:nth-last-child(3)]:!ml-auto lg:[&>*:nth-last-child(3)>*]:text-inactive">
<li class="lg:border-none first:border-t border-b border-primary-110"><a href="/winkels" class="lg:h-auto h-[70px] flex items-center px-5 py-3 text-neutral bg-white lg:text-neutral hover:text-inactive cursor-pointer group transition duration-100 relative peer-checked:text-neutral font-medium lg:text-17 text-16 relative lg:bg-transparent lg:p-0">
Winkels
</a></li>
<li class="lg:border-none first:border-t border-b border-primary-110"><a href="/folder" class="lg:h-auto h-[70px] flex items-center px-5 py-3 text-neutral bg-white lg:text-neutral hover:text-inactive cursor-pointer group transition duration-100 relative peer-checked:text-neutral font-medium lg:text-17 text-16 relative lg:bg-transparent lg:p-0">
Folder
</a></li>
<li class="lg:border-none first:border-t border-b border-primary-110"><a href="https://werkenbijranzijn.nl/" target="_blank" class="lg:h-auto h-[70px] flex items-center px-5 py-3 text-neutral bg-white lg:text-neutral hover:text-inactive cursor-pointer group transition duration-100 relative peer-checked:text-neutral font-medium lg:text-17 text-16 relative lg:bg-transparent lg:p-0">
Vacatures
</a></li>
<li class="lg:border-none first:border-t border-b border-primary-110"><a href="/blog" class="lg:h-auto h-[70px] flex items-center px-5 py-3 text-neutral bg-white lg:text-neutral hover:text-inactive cursor-pointer group transition duration-100 relative peer-checked:text-neutral font-medium lg:text-17 text-16 relative lg:bg-transparent lg:p-0">
Inspiratie & advies
</a></li>
<li class="lg:border-none first:border-t border-b border-primary-110"><a href="/dierenarts" class="lg:h-auto h-[70px] flex items-center px-5 py-3 text-neutral bg-white lg:text-neutral hover:text-inactive cursor-pointer group transition duration-100 relative peer-checked:text-neutral font-medium lg:text-17 text-16 relative lg:bg-transparent lg:p-0 !text-secondary">
Dierenarts
</a></li>
<li class="lg:border-none first:border-t border-b border-primary-110"><a href="/klantenservice" class="lg:h-auto h-[70px] flex items-center px-5 py-3 text-neutral bg-white lg:text-neutral hover:text-inactive cursor-pointer group transition duration-100 relative peer-checked:text-neutral font-medium lg:text-17 text-16 relative lg:bg-transparent lg:p-0">
Klantenservice
</a></li>
<li class="lg:hidden border-b border-primary-110"><a href="/account" class="h-[70px] flex items-center bg-white px-5 py-3 text-neutral hover:text-inactive cursor-pointer group transition duration-100 peer-checked:text-neutral font-medium lg:text-17 text-16 relative">
Mijn Ranzijn </a></li>
<li class="bg-primary px-5 fixed right-0 max-w-[450px] w-full top-0 lg:!hidden transition group-peer-checked level-0 opacity-0 pointer-events-none z-[1]">
<div class="relative flex h-20 items-center justify-center"><label for="level-0" class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-white">
<use href="#icon-7049e38b0769b85ceb5af2e8421867ad"></use>
</svg></label> <span class="max-w-[calc(100%-105px)] truncate text-18 font-medium text-white"> Assortiment </span> <label for="navigation" class="absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer text-white"><svg width="18"
height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label></div>
</li>
</ul>
</div>
</div>
<div class="group-peer-checked fixed -right-full duration-300 inset-y-0 max-w-md w-full bg-primary-100 flex lg:hidden transition-[right] opacity-100 pointer-events-none"><svg width="20" height="20" viewBox="0 0 20 20" fill="none"
xmlns="http://www.w3.org/2000/svg" class="absolute top-8 left-5 pointer-events-none text-inactive z-50">
<use href="#icon-21330ec1ea760e985763f2b6ee9de9a2"></use>
</svg> <label for="slide-over-search" class="cursor-pointer absolute right-5 top-8 text-neutral z-50"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<use href="#icon-50b9c2558d5731d1bb08886290ff06d8"></use>
</svg></label>
<div class="flex flex-1 relative"><!----></div>
</div>
</div> <input id="level-1-close" name="level-1" type="radio" class="hidden"> <input id="level-2-close" name="level-2" type="radio" class="hidden">
</div>
</div>
</form>
<form class="flex w-full max-sm:flex-col">
<div class="relative max-md:flex-1"><input id="email" name="email" type="email" placeholder="Vul hier je e-mailadres in" dusk="newsletter-email" autocomplete="email" required="required"
class="w-full pb-3.5 pt-3 px-6 border-inactive-110 bg-white text-inactive rounded-full focus-within:ring-transparent focus:ring-0 focus-within:ring-offset-0 focus-within:border-primary max-md:w-full md:w-[450px]"></div> <button type="submit"
dusk="newsletter-submit"
class="inline-flex items-center justify-center !font-sans text-16 transition hover:opacity-80 disabled:opacity-50 bg-primary font-medium rounded-full text-white border-b border-primary-120 px-5 py-3.5 max-sm:mt-4 sm:ml-3"> Inschrijven </button>
</form>
Text Content
* Vanaf €75,00 gratis verzending * voor 19.00 uur besteld, morgen in huis * Eenvoudig retourneren menu Producten * Winkels * Folder * Vacatures * Inspiratie & advies * Dierenarts * Klantenservice * Mijn Ranzijn * Assortiment Zoeken Selecteer jouw winkel Geen winkel geselecteerd Mijn Ranzijn € 0,- Mijn winkelwagen Je hebt geen product(en) in jouw winkelwagen. Menu Assortiment bekijken * Dieren * Hond * Hondenvoeding * Hondenbenches * Snacks * Speelgoed * Transport * Manden en kussens * Drink- en voerbakken * Halsbanden en riemen * Training en gedrag * Alles voor je hond * Alles in Hond bekijken * Hond * Kat * Kattenvoeding * Krabpalen * Snacks * Speelgoed * Drink- en voerbakken * Manden en kussens * Halsbanden en tuigjes * Transportboxen * Kattenbakken * Kattenbakvulling * Alles voor je kat * * Kat * Konijn * Konijnenvoeding * Snacks * Kooien en rennen * Bodembedekking * Voerbakken en drinkflesjes * Transport * Kooiasseccoires en speelgoed * Alles voor je konijn * * Konijn * Vogel * Vogelvoer * Snacks * Kooien en volière * Speelgoed * Kooiassecoires * Drink- en voerbakjes * Broedattributen * Alles voor je vogel * * Vogel * Dieren in de tuin * Buitenverblijven * Kippen * Paarden * Buitenvogel * Alles voor de dieren in je tuin * * Dieren in de tuin * Vis * Aquaria * Pompen en filters * Verwarming en verlichting * Onderhoud en reiniging * Water- en plantverzorging * Aquariumdecoratie * Vissenvoer * Voeding voor vijvervissen * Alles voor je vis * * Vis * Of ben je op zoek naar: * Dierverzorging * Hamster * Paard * Bekijk hier alles * Alle dieren * * Of ben je op zoek naar: * Blogs en artikelen * Lichaamstaal van je kat begrijpen * Blogs en artikelen * Slimme tips om je kat meer te laten drinken * Blogs en artikelen * Een gezonde kat met een microchip-gestuurde voerbak * Blogs en artikelen * Top tien tropische vissen voor in je aquarium * Blogs en artikelen * Alle blog berichten bekijken * Alles in Dieren bekijken * Dieren * Haagplanten * Haagplanten * Heesters * Vaste planten * Coniferen * Klimplanten * Alle haagplanten * Alles in Haagplanten bekijken * Haagplanten * Blogs en artikelen * Van kluit tot pracht: Haagplanten * Blogs en artikelen * Alle blog berichten bekijken * Alles in Haagplanten bekijken * Haagplanten * Barbecue * Barbecues * Gasbarbecues * Electrische barbecues * Pizza-ovens * Houtskool barbecues * Alle barbecues * Barbecues * Accesoires * Bereidingshulpmiddelen * Barbecue hoezen * Alle accesoires * Accesoires * Barbecue * Tuingereedschap * Tuingereedschap * Snoeigereedschap * Grasgereedschap * Handgereedschap * Hogedrukreinigers * Al het gereedschap * Alles in Tuingereedschap bekijken * Tuingereedschap * Alles in Tuingereedschap bekijken * Tuingereedschap * Tuinmeubelen * Tuinsets * Loungesets * Tuinsets * Balkonsets * Bekijk alle tuinmeubelen hier * * Tuinsets * Stoelen * Eettafelstoelen * Verstelbare stoelen * Hangstoelen * Loungestoelen * Zitzakken * Bekijk alle tuinstoelen * * Stoelen * Tuintafels * Eettafels * Salontafels * Bijzettafels * Balkontafels * Bekijk alle tuintafels * * Tuintafels * Zwembaden * Zwembaden * Pompen en filters * Onderhoud en reiniging * Alles voor je zwembad * * Zwembaden * Of ben je op zoek naar: * Tuinmeubel hoezen * Parasols * Partytenten * Tuin opslag * Bekijk alle tuinmeubelen * * Of ben je op zoek naar: * Blogs en artikelen * Tuinmeubel Trends 2024 * Blogs en artikelen * Alle blog berichten bekijken * Alles in Tuinmeubelen bekijken * Tuinmeubelen * Potterie * Potterie * Potten * Vazen * Schotels * Alle potterie * Alles in Potterie bekijken * Potterie * Alles in Potterie bekijken * Potterie * Plantverzorging * Plantonderhoud * Plantondersteuning * Alles voor plantonderhoud * Alles in Plantonderhoud bekijken * Plantonderhoud * Water geven * Regentonnen * Gieters * Tuinslangen * Plantenspuiten * Bekijk alles * Alles in Water geven bekijken * Water geven * Gazon * Gazonmest * Onkruidbestrijding gazon * Gazonverbetering * Gazonaanleg * Alles voor je gazon * Alles in Gazon bekijken * Gazon * Grond en mest * Meststoffen * Grondverbeteraar * Potgrond * Hydrokorrels * Bodembedekkers * Alle grond en mest * Alles in Grond en mest bekijken * Grond en mest * Onkruid * Onkruidbestrijding * Alles in Onkruid bekijken * Onkruid * Ongewenste dieren * Slakken * Insecten * Mieren * Muizen * Alles tegen ongewenste dieren * Alles in Ongewenste dieren bekijken * Ongewenste dieren * Of ben je op zoek naar? * Handschoenen * Tuingereedschap * Kassen en kweken * Zaden * * Of ben je op zoek naar? * Blogs en artikelen * Plant van de Maand juni * Blogs en artikelen * Plant van de Maand Mei * Blogs en artikelen * Vijver: ook in het najaar een waterparadijs * Blogs en artikelen * Zo worden jouw stekjes iedere keer een succes! * Blogs en artikelen * Alle blog berichten bekijken * Alles in Plantverzorging bekijken * Plantverzorging * Merken * Royal Canin * Hondenvoeding * Hondenvoeding veterinair * Kattenvoeding * Kattenvoeding veterinair * Alles van Royal Canin * Royal Canin * Wow * Droogvoer * Natvoer * Graanvrij * Glutenvrij * Bekijk alles van Wow * Wow * Edgard & Cooper * Hondenbrokken * Natvoer hond * Kattenbrokken * Natvoer kat * Alles van Edgard & Cooper * Edgard & Cooper * Hills * Hondenvoeding * Hondenvoeding veterinair * Kattenvoeding veterinair * Alles van Hills * Hills * Ranzijn dierenvoeding * Hondenvoeding * Kattenvoeding * Konijnenvoeding * Vogelvoeding * Alles van Ranzijn * Ranzijn dierenvoeding * Merken * Assortiment * Winkels * Folder * Vacatures * Inspiratie & advies * Dierenarts * Klantenservice * Mijn Ranzijn * Assortiment ONTDEK DE TUIN MUSTHAVES Ontdek de tuin musthaves * Folder Tuinmeubelen * Tuingereedschap Barbecue * Hond Kat * Knaagdieren Vogels * Vis Dierenarts Bekijk onze winkels * * * * * * Tuinmeubel Toppers Voordelige tuinmeubelen haal je op Ranzijn.nl Loungeset Lugano Grijs € 1.295,00 Tuinset Terragona € 499,00 In prijs verlaagd Hangstoel Mona zwart In prijs verlaagd € 249,00 In prijs verlaagd Tuinset Bonaire In prijs verlaagd € 1.195,00 Actie Loungeset Saba In prijs verlaagd € 799,00 € 699,00 Actie Tuinset Ballina groen € 299,00 € 199,00 Loungeset Lugano crème € 1.295,00 Bistroset Lanzarote € 149,00 Actie Hangstoel Larissa bruin antraciet € 179,00 € 99,00 In prijs verlaagd Loveseat Abel In prijs verlaagd € 199,00 Luxe loungestoel Roys grijs € 49,95 Actie Tafel Java teakhout 160 cm € 499,00 € 399,00 Loungeset Lugano Grijs € 1.295,00 Tuinset Terragona € 499,00 In prijs verlaagd Hangstoel Mona zwart In prijs verlaagd € 249,00 In prijs verlaagd Tuinset Bonaire In prijs verlaagd € 1.195,00 Actie Loungeset Saba In prijs verlaagd € 799,00 € 699,00 Actie Tuinset Ballina groen € 299,00 € 199,00 Loungeset Lugano crème € 1.295,00 Bistroset Lanzarote € 149,00 Actie Hangstoel Larissa bruin antraciet € 179,00 € 99,00 In prijs verlaagd Loveseat Abel In prijs verlaagd € 199,00 Luxe loungestoel Roys grijs € 49,95 Actie Tafel Java teakhout 160 cm € 499,00 € 399,00 Loungeset Lugano Grijs € 1.295,00 Tuinset Terragona € 499,00 In prijs verlaagd Hangstoel Mona zwart In prijs verlaagd € 249,00 In prijs verlaagd Tuinset Bonaire In prijs verlaagd € 1.195,00 Actie Loungeset Saba In prijs verlaagd € 799,00 € 699,00 Actie Tuinset Ballina groen € 299,00 € 199,00 Loungeset Lugano crème € 1.295,00 Bistroset Lanzarote € 149,00 Actie Hangstoel Larissa bruin antraciet € 179,00 € 99,00 In prijs verlaagd Loveseat Abel In prijs verlaagd € 199,00 Luxe loungestoel Roys grijs € 49,95 Actie Tafel Java teakhout 160 cm € 499,00 € 399,00 Bekijk alle tuinmeubelen Ranzijn Tuin & Dier Ranzijn tuin & dier is dé plek die je hobby bereikbaar en betaalbaar maakt. Een stel nieuwe planten voor in de tuin? Het juiste voedingsadvies voor je kat? Of zelfs de beste dierenartszorg voor je hond? Je vindt het allemaal bij Ranzijn tuin & dier. Voor een voordelige prijs, maar wel met de beste kwaliteit. Bekijk onze winkels Folderacties Bekijk hier de voordelige folderacties 2 voor €70,- Eukanuba Adult Large Kip 12 kg 1 Review € 49,95 2 voor €80,- Eukanuba Adult Large Weight Control Kip 12 kg € 49,95 2 voor €80,- Eukanuba Mature & Senior Large Kip 12 kg € 52,95 2+1 gratis Vitapol Smakers Sticks Fruit Grasparkiet € 2,99 2+1 gratis Vitapol Smakers Sticks Sinaasappel Grote Parkiet € 2,99 2+1 gratis Vitapol Smakers Sticks Fruit zangparkiet € 2,99 2+1 gratis Vitapol Smakers Sticks Fruit Zebravink € 2,99 Actie VITALstyle kat Overgewicht 1,5kg € 22,95 € 14,00 4 voor €10,- Renske Vers Lam en Rijst 395 gr € 3,29 4 voor €10,- Renske Vers Kip en Rijst 395 gr € 3,29 4 voor €10,- Renske Vers Vis 395 gr € 3,29 3+1 gratis Dr. Clauder's Hair & Skin Hert/Aardappel € 2,79 3+1 gratis Dr. Clauder's Prebiotic Wild € 4,39 Actie Prevital Pouch XXL Box 2 Reviews € 19,95 € 15,00 Actie BACK-2-NATURE KNAAG 30 LTR BEDDING € 18,95 € 15,00 2+1 gratis Kasper Faunafood 4-Granenlegmeel 4 Kg € 7,99 2+1 gratis Kasper Faunafood Legmeel 4 Kg € 6,49 2+1 gratis Vitapol Smakers Sticks Xxl Fruit-Noot € 4,99 10 voor €10,- Almo Nature Kat 70 Gr Graanvrij Makreel € 1,35 Actie QLT draadloze mini kettingzaag met accu € 49,95 € 35,00 2 voor €70,- Eukanuba Adult Large Kip 12 kg 1 Review € 49,95 2 voor €80,- Eukanuba Adult Large Weight Control Kip 12 kg € 49,95 2 voor €80,- Eukanuba Mature & Senior Large Kip 12 kg € 52,95 2+1 gratis Vitapol Smakers Sticks Fruit Grasparkiet € 2,99 2+1 gratis Vitapol Smakers Sticks Sinaasappel Grote Parkiet € 2,99 2+1 gratis Vitapol Smakers Sticks Fruit zangparkiet € 2,99 2+1 gratis Vitapol Smakers Sticks Fruit Zebravink € 2,99 Actie VITALstyle kat Overgewicht 1,5kg € 22,95 € 14,00 4 voor €10,- Renske Vers Lam en Rijst 395 gr € 3,29 4 voor €10,- Renske Vers Kip en Rijst 395 gr € 3,29 4 voor €10,- Renske Vers Vis 395 gr € 3,29 3+1 gratis Dr. Clauder's Hair & Skin Hert/Aardappel € 2,79 3+1 gratis Dr. Clauder's Prebiotic Wild € 4,39 Actie Prevital Pouch XXL Box 2 Reviews € 19,95 € 15,00 Actie BACK-2-NATURE KNAAG 30 LTR BEDDING € 18,95 € 15,00 2+1 gratis Kasper Faunafood 4-Granenlegmeel 4 Kg € 7,99 2+1 gratis Kasper Faunafood Legmeel 4 Kg € 6,49 2+1 gratis Vitapol Smakers Sticks Xxl Fruit-Noot € 4,99 10 voor €10,- Almo Nature Kat 70 Gr Graanvrij Makreel € 1,35 Actie QLT draadloze mini kettingzaag met accu € 49,95 € 35,00 2 voor €70,- Eukanuba Adult Large Kip 12 kg 1 Review € 49,95 2 voor €80,- Eukanuba Adult Large Weight Control Kip 12 kg € 49,95 2 voor €80,- Eukanuba Mature & Senior Large Kip 12 kg € 52,95 2+1 gratis Vitapol Smakers Sticks Fruit Grasparkiet € 2,99 2+1 gratis Vitapol Smakers Sticks Sinaasappel Grote Parkiet € 2,99 2+1 gratis Vitapol Smakers Sticks Fruit zangparkiet € 2,99 2+1 gratis Vitapol Smakers Sticks Fruit Zebravink € 2,99 Actie VITALstyle kat Overgewicht 1,5kg € 22,95 € 14,00 4 voor €10,- Renske Vers Lam en Rijst 395 gr € 3,29 4 voor €10,- Renske Vers Kip en Rijst 395 gr € 3,29 4 voor €10,- Renske Vers Vis 395 gr € 3,29 3+1 gratis Dr. Clauder's Hair & Skin Hert/Aardappel € 2,79 3+1 gratis Dr. Clauder's Prebiotic Wild € 4,39 Actie Prevital Pouch XXL Box 2 Reviews € 19,95 € 15,00 Actie BACK-2-NATURE KNAAG 30 LTR BEDDING € 18,95 € 15,00 2+1 gratis Kasper Faunafood 4-Granenlegmeel 4 Kg € 7,99 2+1 gratis Kasper Faunafood Legmeel 4 Kg € 6,49 2+1 gratis Vitapol Smakers Sticks Xxl Fruit-Noot € 4,99 10 voor €10,- Almo Nature Kat 70 Gr Graanvrij Makreel € 1,35 Actie QLT draadloze mini kettingzaag met accu € 49,95 € 35,00 Bekijk alle folderacties Ranzijn Dierenarts Bij Ranzijn Dierenarts maken we de beste veterinaire zorg voor iedereen bereikbaar. Van preventief advies tot complexe laparoscopie - ons veterinaire team van ongeveer 200 medewerkers staat altijd klaar voor alle honden, katten en andere gezelschapsdieren die bij ons binnenkomen. Meer informatie #Ranzijn Altijd op de hoogte blijven van winacties, tips & de nieuwste trends? Volg ons op Instagram DE LAATSTE BLOGS Waarom je huisdier verzekeren een slimme keuze is! Voor mensen is het afsluiten van een zorgverzekering verplicht, dus waarom zou je het niet doen voor je huisdier? Ontdek de voordelen op Ranzijn.nl De basis van: rozen verzorging Een van de bekendste planten is wel de roos. De verzorging van rozen kan best een uitdaging zijn. In deze blog leggen we de basis van rozen verzorging uit. De basis van: olijfbomen verzorging De zonnige bewoners van het zuiden vinden steeds meer hun thuis in Nederland. Ontdek hier de basis van de verzorging van de olijfboom op Ranzijn.nl Bloemen op je bord: ontdek eetbare bloemen! Vier de zomer met eetbare bloemen uit eigen tuin! Ranzijn tuin & dier heeft een paar van onze favoriete geselecteerd en waar je op moet letten. Hitteplan voor je tuin: planten watergeven Iedere zomer zal het warmer worden. Water is een schaars goed, dus lees onze tips om zo waterbesparend mogelijk water te geven aan je geliefde planten. Zonder je knaagdier of konijn op vakantie. Wat nu?! Je langverwachte vakantie staat voor de deur. Paniek slaat toe en de vraag komt op: Zonder je knaagdier of konijn op vakantie! Oh nee, wat nu? Op Ranzijn.nl Plant van de Maand juni Het is weer de 1e van de maand en dat betekent: tijd voor de plant van de maand. Juni staat in het teken van het Japans bloedgras, ook wel de Imperata cil red baron! Een veilige haven: een insectvriendelijke tuin Het wordt weer mooier weer en de insecten ontwaken. Jij kunt ze een handje helpen door je tuin of zelfs balkon insectvriendelijk maken. Ontdek het op Ranzijn.nl Slimme trucs om regen op te vangen Het klimaat verandert in Nederland. Daarom is het handig water op te vangen voor later gebruik. In deze blog lees je hoe dat kan. Op Ranzijn.nl Bekijk hier het blogoverzicht ONTDEK ONS ASSORTIMENT Alles voor tuin, dier & huis Hond * Hondenvoer * Hondensnacks * Benches en hokken * Manden en kussens * Drink- en voerbakken * Hondenspeelgoed * Poepzakjes * Alles bekijken Kat * Kattenvoer * Kattensnacks * Kattenbakken * Kattenbakvulling * Kattenluiken * Krabpalen * Manden en kussens * Kattenspeelgoed * Alles bekijken Konijn & knaagdieren * Knaagdiervoer * Knaagdiersnacks * Bodembedekking * Kooien, hokken & rennen * Buitenhokken * Kooiaccessoires & speelgoed * Drinkflessen & voerbakken * Alles bekijken Vogels * Vogelvoer * Vogelsnacks * Vogelspeelgoed * Vogelkooien & volieres * Kooiaccessoires * Bodembedekking * Nestjes & nestmateriaal * Alles bekijken Kerst * Kunstkerstbomen * Kerstverlichting * Kerstdecoratie * Alles bekijken Tuingereedschap * Snoeigereedschap * Handgereedschap * Grasgereedschap * Harken * Bezems * Water geven * Handschoenen * Onkruidbestrijding * Alles bekijken Plantverzorging * Potgrond * Meststoffen * Plantenvoeding * Gazon * Onkruidbestrijding * Ongediertebestrijding * Alles bekijken Tuinmeubelen * Loungesets * Tuinsets * Balkonsets * Tuintafels * Tuinstoelen * Parasols * Alles bekijken Haagplanten * Heesters * Vaste planten * Coniferen * Klimplanten * Alles bekijken Barbecues * Gasbarbecues * Elektrische barbecues * Hootskoolbarbecues * Pizza-ovens * Barbecue-accessoires * Barbecuehoezen * Alles bekijken Winkel & openingstijden Folder bekijken Werken bij Ranzijn Klantenservice Service & contact * Klantenservice * Mijn Account * Veelgestelde vragen * Betalen * Bestellen & bezorgen * Ruilen & retourneren * Contact Over Ranzijn tuin & dier * Over ons * Winkels & openingstijden * Dierenarts * Blogs * Vacatures * Duurzaamheidsbeleid Over Ranzijn Dierenarts * Ranzijn Dierenarts * Onze klinieken * Diensten & tarieven * Afspraak maken * Huisdierenverzekering * Vacatures Dierenarts Volg ons op social media voor inspiratie, winacties en advies! Schrijf je in voor de nieuwsbrief en ontvang direct 10% korting Inschrijven Ranzijn wordt beoordeeld met een 4.1/5 o.b.v. 9739 beoordelingen. 92% van onze klanten beveelt ons aan. Reviews bekijken © 2024 Ranzijn - Alles voor je tuin, dier & huis * Cookies * Algemene voorwaarden * Veiligheid & privacy Selecteer jouw winkel SELECTEER JOUW WINKEL Door een winkel te kiezen wordt je shopervaring gepersonaliseerd op basis van jouw gekozen winkel! Zo kan je precies zien welke producten op voorraad zijn in jouw favoriete winkel. Ranzijn Alkmaar Gesloten, opent om 09:00 Ranzijn Aalsmeer Gesloten, opent om 09:00 Ranzijn Almere Gesloten, opent om 09:00 Ranzijn Zaandam Gesloten, opent om 09:00 Ranzijn Spijk Gesloten, opent om 09:00 Ranzijn Amersfoort Gesloten, opent om 09:00 Ranzijn Amsterdam Gesloten, opent om 09:00 Ranzijn Bovenkarspel Gesloten, opent om 09:00 Ranzijn De Bilt Gesloten, opent om 09:00 Ranzijn Delft Gesloten, opent om 09:00 Ranzijn Leiderdorp Gesloten, opent om 09:00 Ranzijn Nieuw-Vennep Gesloten, opent om 09:00 Ranzijn Rotterdam Gesloten, opent om 09:00 Ranzijn Sneek Gesloten, opent om 09:00 Ranzijn Velserbroek Gesloten, opent om 09:00 Ranzijn Huizen Gesloten, opent om 09:00 TOESTEMMING VEREIST Om ranzijn.nl voor jou nog makkelijker en persoonlijker te maken, gebruiken we cookies. Met deze cookies kunnen we onze website betrouwbaar en veilig houden, de prestaties van onze website meten, content en advertenties personaliseren en functies voor social media bieden. Ook delen we de informatie over jou en jouw internetgedrag versleuteld met onze partners, die hiermee advertenties kunnen aanpassen op basis van jouw interesses en profiel. Dus wat zeg je ervan: cookie d'r bij? Klik dan op 'Alles toestaan'. Maar hey, we begrijpen het ook als je een beetje kieskeurig bent. Daarom kan je via 'Voorkeuren aanpassen' zelf bepalen welke cookies er worden geplaatst. Jouw internetreis, jouw regels! En geen zorgen, je kan je keuze altijd wijzigen of intrekken. Lees hier meer over in ons privacybeleid en cookiebeleid. Selecteer welke cookies u wilt toestaan: Noodzakelijke cookies Noodzakelijke cookies helpen een website bruikbaarder te maken, door basisfuncties als paginanavigatie en toegang tot beveiligde gedeelten van de website mogelijk te maken. Zonder deze cookies kan de website niet naar behoren werken. Marketing cookies Marketingcookies worden gebruikt om bezoekers te volgen wanneer ze verschillende websites bezoeken. Hun doel is advertenties weergeven die zijn toegesneden op en relevant zijn voor de individuele gebruiker. Deze advertenties worden zo waardevoller voor uitgevers en externe adverteerders. Statistische cookies Statistische cookies helpen eigenaren van websites begrijpen hoe bezoekers hun website gebruiken, door anoniem gegevens te verzamelen en te rapporteren. Opslaan Voorkeuren aanpassen Alles toestaan