<turbo-stream action="append" target="products_grid"><template>
    

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/allos-cuisine-hafer-200ml-bio-vegan-1-stuck-18142">
          <img alt="Allos Cuisine Hafer 200ml Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/89dc7563fe812ea437775b56c3d596b1.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/89dc7563fe812ea437775b56c3d596b1.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/89dc7563fe812ea437775b56c3d596b1.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/89dc7563fe812ea437775b56c3d596b1.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/products/allos-cuisine-hafer-200ml-bio-vegan-1-stuck-18142">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Cuisine Hafer 200ml Bio vegan, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.70
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.70 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-18142-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w0krSATsOWPbjOeITxGyCEwkWAv1AUevoRR6-RtkaLx_fwB0J-2LpiPvYpXKrwGdyFelsJ5eHtwWzAzXwV9_pw" />
    <input value="18142" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/allos-cuisine-kokos-200ml-bio-vegan-1-stuck-18143">
          <img alt="Allos Cuisine Kokos 200ml Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cc72f107fc8f26028630d82a6a543be8.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cc72f107fc8f26028630d82a6a543be8.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cc72f107fc8f26028630d82a6a543be8.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cc72f107fc8f26028630d82a6a543be8.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/products/allos-cuisine-kokos-200ml-bio-vegan-1-stuck-18143">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Cuisine Kokos 200ml Bio vegan, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.10 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-18143-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3xeXNoZaszFvcSl3fyKjHSUXitcuCP-Et4__mFIQ4jtjIbwKpVsB9JcSrGr6nBCIoWR3bEVXpvcAV4m2iCv1IA" />
    <input value="18143" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/biofarm-schweizer-leinol-500ml-biok-1-stuck-18191">
          <img alt="Biofarm Schweizer Leinöl 500ml BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2cf5368122edcbf54357852e518121c8.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2cf5368122edcbf54357852e518121c8.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2cf5368122edcbf54357852e518121c8.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2cf5368122edcbf54357852e518121c8.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/products/biofarm-schweizer-leinol-500ml-biok-1-stuck-18191">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Schweizer Leinöl 500ml BioK, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.30
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 20.30 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-18191-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DYlf2dsCo4-tDVj1L9PuRSfM87-CbhdhNXZFhvYXsXGxv3Tl-AMRSlVu3eiqbV3Qo78OBOkxThKCrjOoLCymag" />
    <input value="18191" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/biofarm-schweizer-sonnenblumen-bratol-500ml-bio-1-stuck-18193">
          <img alt="Biofarm Schweizer Sonnenblumen Bratöl 500ml Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/92d6aadcb2c2ccc343da18ce19a69ef1.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/92d6aadcb2c2ccc343da18ce19a69ef1.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/92d6aadcb2c2ccc343da18ce19a69ef1.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/92d6aadcb2c2ccc343da18ce19a69ef1.png" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/products/biofarm-schweizer-sonnenblumen-bratol-500ml-bio-1-stuck-18193">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Schweizer Sonnenblumen Bratöl 500ml Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.45
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 11.45 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-18193-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zRJcZJyYRGJP4-089mZMD-iHLCkDN9GHxCJl6qNuMTBxJHdYv5n2p7eAaCFz2P-abPTRkmhoiPRz-hPEeVUmKw" />
    <input value="18193" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bioplanete-olivenol-balsamico-250ml-bio-1-stuck-18217">
          <img alt="BioPlanète Olivenöl &amp; Balsamico 250ml Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/47fb9036a5c988a3de1867741c4ecb61.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/47fb9036a5c988a3de1867741c4ecb61.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/47fb9036a5c988a3de1867741c4ecb61.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/47fb9036a5c988a3de1867741c4ecb61.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">BioPlanète</p>
          <a href="/products/bioplanete-olivenol-balsamico-250ml-bio-1-stuck-18217">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BioPlanète Olivenöl &amp; Balsamico 250ml Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 11.90 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-18217-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dl48xJc3Eu8jjhDlFNPUvcKMMHd_K7BmhdM7lX92RriyaBf4tDagKtvtlfiRbWcoRv_NzBR06RUyC027pU1Row" />
    <input value="18217" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bioplanete-olivenol-knoblauch-100ml-bio-1-stuck-18218">
          <img alt="BioPlanète Olivenöl &amp; Knoblauch 100ml Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/40bfe7d79b769b028fd2e0d13c9bc37a.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/40bfe7d79b769b028fd2e0d13c9bc37a.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/40bfe7d79b769b028fd2e0d13c9bc37a.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/40bfe7d79b769b028fd2e0d13c9bc37a.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">BioPlanète</p>
          <a href="/products/bioplanete-olivenol-knoblauch-100ml-bio-1-stuck-18218">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BioPlanète Olivenöl &amp; Knoblauch 100ml Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 9.50 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-18218-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nbfQEFZEFELpkttT4ykwfW-3h2vTId64B37aSqA-EbMhgfssdUWmhxHxXk5ml4Po68R60Lh-h8uwpqxkegUGqA" />
    <input value="18218" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bioplanete-olivenol-zitrone-250ml-bio-1-stuck-18219">
          <img alt="BioPlanète Olivenöl &amp; Zitrone 250ml Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/30a97c302e054ad126b9977bc8a7230f.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/30a97c302e054ad126b9977bc8a7230f.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/30a97c302e054ad126b9977bc8a7230f.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/30a97c302e054ad126b9977bc8a7230f.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">BioPlanète</p>
          <a href="/products/bioplanete-olivenol-zitrone-250ml-bio-1-stuck-18219">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BioPlanète Olivenöl &amp; Zitrone 250ml Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 11.90 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-18219-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FtIHhfdquIWecX5Z93zhk1515y9RYBeufRJV1-ErmAWq5Cy51GsKQGYS-0RywlIG2gYalDo_Tt3KyiP5OxCPHg" />
    <input value="18219" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bioplanete-omega-orange-100ml-bio-1-stuck-18220">
          <img alt="BioPlanète Omega Orange 100ml Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2e1cd0721019be6a14af380c90fccf02.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2e1cd0721019be6a14af380c90fccf02.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2e1cd0721019be6a14af380c90fccf02.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2e1cd0721019be6a14af380c90fccf02.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">BioPlanète</p>
          <a href="/products/bioplanete-omega-orange-100ml-bio-1-stuck-18220">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BioPlanète Omega Orange 100ml Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 10.50 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-18220-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sTKr73uAotSzeCdyslsg6k5psrDAX8YZTan4EmdSiagNBIDTWIEQEUsbom835ZN_yhpPC6sAn2r6cY48vWmesw" />
    <input value="18220" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bioplanete-omega-pink-100ml-bio-1-stuck-18221">
          <img alt="BioPlanète Omega Pink 100ml Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/0c5ff66869f6fd8b19e37e68aacb0779.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/0c5ff66869f6fd8b19e37e68aacb0779.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/0c5ff66869f6fd8b19e37e68aacb0779.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/0c5ff66869f6fd8b19e37e68aacb0779.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">BioPlanète</p>
          <a href="/products/bioplanete-omega-pink-100ml-bio-1-stuck-18221">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BioPlanète Omega Pink 100ml Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 10.50 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-18221-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F_XqWZb0_KukFxO4yBsgivQ-sUEd6YM3vGjx-1w7D12rw8FltfVOblx0lqVNpZMfcE1M-na22kQLsIfVhgAYRg" />
    <input value="18221" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bioplanete-omega-red-100ml-bio-1-stuck-18222">
          <img alt="BioPlanète Omega Red 100ml Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2d9edc971382c58db7956eaf00ace237.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2d9edc971382c58db7956eaf00ace237.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2d9edc971382c58db7956eaf00ace237.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2d9edc971382c58db7956eaf00ace237.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">BioPlanète</p>
          <a href="/products/bioplanete-omega-red-100ml-bio-1-stuck-18222">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BioPlanète Omega Red 100ml Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.60
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 11.60 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-18222-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oQuXoJhyMn5MSRj8mNnZaBU8s0D4EKZTK064z5Ne8dMdPbycu3OAu7QqneEdZ2r9kU9O-5NP_yCcls7hSWXmyA" />
    <input value="18222" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bioplanete-sesamol-gerostet-250ml-bio-1-stuck-18223">
          <img alt="BioPlanète Sesamöl geröstet 250ml Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1b42e39e462ab3f790cad7b668d3a191.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1b42e39e462ab3f790cad7b668d3a191.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1b42e39e462ab3f790cad7b668d3a191.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1b42e39e462ab3f790cad7b668d3a191.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">BioPlanète</p>
          <a href="/products/bioplanete-sesamol-gerostet-250ml-bio-1-stuck-18223">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BioPlanète Sesamöl geröstet 250ml Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 11.50 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-18223-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8aynXBBNXS_hP968bK_ul7nzi_62tO1VGAOT5SXIggRNmoxgM0zv6hlcW6HpEV0CPYB2Rd3rtCav2-XL__OVHw" />
    <input value="18223" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bioplanete-walnussol-nativ-100ml-bio-1-stuck-18224">
          <img alt="BioPlanète Walnussöl nativ 100ml Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bb13dc081cbbf8ea865ad728e7b63402.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bb13dc081cbbf8ea865ad728e7b63402.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bb13dc081cbbf8ea865ad728e7b63402.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bb13dc081cbbf8ea865ad728e7b63402.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">BioPlanète</p>
          <a href="/products/bioplanete-walnussol-nativ-100ml-bio-1-stuck-18224">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BioPlanète Walnussöl nativ 100ml Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 9.90 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-18224-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YZmmaKs9P74T9M9IMG79X_jAjl18qBepKTFag-E-_0jdr41UiDyNe-uXSlW10E7KfLNz5hf3Ttqe6SytOwXoUw" />
    <input value="18224" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/brecht-anis-ganz-35g-bio-1-stuck-18257">
          <img alt="Brecht Anis ganz 35g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/41ca47933b0462c23a7441e02f1ff46f.webp 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/41ca47933b0462c23a7441e02f1ff46f.webp 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/41ca47933b0462c23a7441e02f1ff46f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/41ca47933b0462c23a7441e02f1ff46f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/brecht-anis-ganz-35g-bio-1-stuck-18257">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Anis ganz 35g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 6.40 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-18257-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NDDzxNGjfdQ8atWYSq5J5E4qzIIQAamCTkL9GzFNJa-IBtj48qLPEcQJUIXPEPpxylkxOXte8PH5mos163YytA" />
    <input value="18257" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/brecht-barlauch-geschnitten-6g-bio-1-stuck-18258">
          <img alt="Brecht Bärlauch geschnitten 6g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bbd7254d826c56cb59dc0c230f62905b.webp 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bbd7254d826c56cb59dc0c230f62905b.webp 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bbd7254d826c56cb59dc0c230f62905b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bbd7254d826c56cb59dc0c230f62905b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/brecht-barlauch-geschnitten-6g-bio-1-stuck-18258">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Bärlauch geschnitten 6g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 5.40 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-18258-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZsPuw3hwP7BYL0wjVzroMtNG_-aOdYC0JeVKHJE76G_a9cX_W3GNdaBMyT7ShFunVzUCXeUq2ceSPTwySwD_dA" />
    <input value="18258" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/brecht-basilikum-gerebelt-15g-bio-1-stuck-18259">
          <img alt="Brecht Basilikum gerebelt 15g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/8371e4b228e73fc048ea17bd39b47fbe.webp 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/8371e4b228e73fc048ea17bd39b47fbe.webp 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/8371e4b228e73fc048ea17bd39b47fbe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/8371e4b228e73fc048ea17bd39b47fbe.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/brecht-basilikum-gerebelt-15g-bio-1-stuck-18259">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Basilikum gerebelt 15g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.50 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-18259-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mRQaJsa3ubQuoQ_XazHSTfldsrQc7mzgdSsNuq6lzFslIjEa5bYLcdbCisruj2HYfS5PD3exNZPC83uUdJ7bQA" />
    <input value="18259" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/brecht-bengal-curry-sweet-60g-bio-1-stuck-18260">
          <img alt="Brecht Bengal Curry Sweet 60g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a053dc2f0647bb9b6526c16d14c76925.webp 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a053dc2f0647bb9b6526c16d14c76925.webp 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a053dc2f0647bb9b6526c16d14c76925.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a053dc2f0647bb9b6526c16d14c76925.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/brecht-bengal-curry-sweet-60g-bio-1-stuck-18260">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Bengal Curry Sweet 60g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.30
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 7.30 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-18260-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ftndwD7KkR0MK2YhrfaVj4fcRNG3u64aQxXedOMP6c7C7_b8Hcsj2PRI4zwoSCYaA6-5atzk92n0zahaOTT-1Q" />
    <input value="18260" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/brecht-bockshornkleesaat-gemahlen-40g-bio-1-stuck-18261">
          <img alt="Brecht Bockshornkleesaat gemahlen 40g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/251811f49882ede4d613f0998a9292f9.webp 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/251811f49882ede4d613f0998a9292f9.webp 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/251811f49882ede4d613f0998a9292f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/251811f49882ede4d613f0998a9292f9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/brecht-bockshornkleesaat-gemahlen-40g-bio-1-stuck-18261">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Bockshornkleesaat gemahlen 40g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.90 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-18261-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TrkWcxJexCgBlAZV-NM3d3iTn2jy8Y1LtOmUY70ojhfyjz1PMV927fn3g0h9bYTi_OBi05mu1DgDMeJNZxOZDA" />
    <input value="18261" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/brecht-bockshornkleesaat-gemahlen-nfp-80g-bio-1-stuck-18262">
          <img alt="Brecht Bockshornkleesaat gemahlen NFP 80g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/7dd9192532d9de088a5dc280d0a3ee84.webp 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/7dd9192532d9de088a5dc280d0a3ee84.webp 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/7dd9192532d9de088a5dc280d0a3ee84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/7dd9192532d9de088a5dc280d0a3ee84.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/brecht-bockshornkleesaat-gemahlen-nfp-80g-bio-1-stuck-18262">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Bockshornkleesaat gemahlen NFP 80g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 6.20 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-18262-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="edURM2NARJTUqiLWkKEqB9W_PUUHtWfABoroimpwq9nF4zoPQEH2USzJp8sVH5mSUczA_mzqPrOxUp6ksEu8wg" />
    <input value="18262" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/brecht-bunte-pfefferkorner-nfp-60g-bio-1-stuck-18263">
          <img alt="Brecht Bunte Pfefferkörner NFP 60g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/74f8a67cea414ab94f773456b0d8c994.webp 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/74f8a67cea414ab94f773456b0d8c994.webp 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/74f8a67cea414ab94f773456b0d8c994.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/74f8a67cea414ab94f773456b0d8c994.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/brecht-bunte-pfefferkorner-nfp-60g-bio-1-stuck-18263">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Bunte Pfefferkörner NFP 60g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 7.60 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-18263-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z1ESWKovkkq9asJir00_g9G35atr708trbQr75uqy73bZzlkiS4gj0UJR38q84wWVcQYEACwFl4abF3BQZHcpg" />
    <input value="18263" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/brecht-cayennepfeffer-grob-gemahlen-25g-bio-1-stuck-18264">
          <img alt="Brecht Cayennepfeffer grob gemahlen 25g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d4b3f2cf9a9bf0b230b518da71cbc180.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d4b3f2cf9a9bf0b230b518da71cbc180.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d4b3f2cf9a9bf0b230b518da71cbc180.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d4b3f2cf9a9bf0b230b518da71cbc180.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/brecht-cayennepfeffer-grob-gemahlen-25g-bio-1-stuck-18264">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Cayennepfeffer grob gemahlen 25g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 5.50 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-18264-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wtZMoMUQMDr6AodBZNhAqf_a7pRAtXU1_mbrqGJqcKl-4Gec5hGC_wJhAlzhZvM8e6kTLyvqLEZJvp2GuFFnsg" />
    <input value="18264" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      100 von 393 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel/wurzmittel?format=turbo_stream&amp;page=6">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>