<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%2Fnaturetec%3Fformat%3Dturbo_stream%26page%3D53">
    <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/lesirupier-holunderbluten-350-ml-18586">
          <img alt="LeSirupier Holunderblüten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10189/file/small-0060c52c680b2d81219369c3400ae8dd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10189/file/medium-fc8cfa6a1719a7d81f54324382c89d63.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10189/file/large-9dbd7305a15e223eec4a95d88eab07e7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10189/file/medium-fc8cfa6a1719a7d81f54324382c89d63.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-holunderbluten-350-ml-18586">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Holunderblüten, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.49 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VF_dLaKIFMp3qEJbRsHTRvLMClqSEMvk7KvbjcmSXEScowm0Fzkf_loDcNhSIj2Q_ozoWbVQRWOydEGUgAsQ0A" />
    <input value="18586" 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%2Fnaturetec%3Fformat%3Dturbo_stream%26page%3D53">
    <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/lesirupier-holunderbluten-700-ml-18587">
          <img alt="LeSirupier Holunderblüten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10187/file/small-774c7f983454524efd256b0ba2105795.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10187/file/medium-5f7a92aa668d9b3fdc441f9a9397e73d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10187/file/large-54219a5fb778906fc2db9013cf1b396d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10187/file/medium-5f7a92aa668d9b3fdc441f9a9397e73d.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-holunderbluten-700-ml-18587">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Holunderblüten, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.16 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jFPuaV2_EB1hPuRyET4EXTbh4_vC_rAIcHTBMtF5-69Erzrw6A4bKUyV1vEF3eqLOqEB-OW-Po8uq1srmOC3Ow" />
    <input value="18587" 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%2Fnaturetec%3Fformat%3Dturbo_stream%26page%3D53">
    <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/lesirupier-ingwer-apfel-700-ml-18588">
          <img alt="LeSirupier Ingwer-Apfel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10188/file/small-461fce44cafb2a19f6a774afdb912b35.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10188/file/medium-a6a36d93217467b750dc25c1687109b3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10188/file/large-09d4af4b05c449a04c320f0114c61742.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10188/file/medium-a6a36d93217467b750dc25c1687109b3.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-ingwer-apfel-700-ml-18588">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Ingwer-Apfel, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.16 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-YQMqntnPdKzhfs480PsBfrfNfOedwK1DJefV0XTqasxeNgzztY25p4uybvnoALT9p_X8Lk3jDJSSAVODErlPw" />
    <input value="18588" 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%2Fnaturetec%3Fformat%3Dturbo_stream%26page%3D53">
    <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/lesirupier-quer-dur-d-hoschtet-350-ml-18589">
          <img alt="LeSirupier Quer dür d&#39;Hoschtet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10191/file/small-490d2d1fcc8f6ff4ad46f3c75f4617b7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10191/file/medium-ff27cdb0492f14f96808754ff805efdc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10191/file/large-c9b9fd4d72f29fc6e24bd5e107f20c89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10191/file/medium-ff27cdb0492f14f96808754ff805efdc.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-quer-dur-d-hoschtet-350-ml-18589">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Quer dür d&#39;Hoschtet, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.49 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hhmn7n9RFcB4cbhd0lSLdZ9Vp5nUMjQvvqAi0GXFUfpO5XN3yuAe9FXait7Gt2WjkxVFmvNyuqjgf7jJLFwdbg" />
    <input value="18589" 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%2Fnaturetec%3Fformat%3Dturbo_stream%26page%3D53">
    <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/lesirupier-quer-dur-d-hoschtet-700-ml-18590">
          <img alt="LeSirupier Quer dür d&#39;Hoschtet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10192/file/small-115f465a600c4ddb9086e8235e363600.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10192/file/medium-d6ad4caa6cd699d0994311eaacf90eda.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10192/file/large-f47d5dfb9de387dd6149e2d35050a658.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10192/file/medium-d6ad4caa6cd699d0994311eaacf90eda.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-quer-dur-d-hoschtet-700-ml-18590">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Quer dür d&#39;Hoschtet, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.10
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.01 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QfjVE6E3dxxVlKIvXQasSE2w97amMGOeiWj3UgOJ5kaJBAGKFIZ8KHg_kKxJ5UKeQfAVtYFw7RnXt21LShCq0g" />
    <input value="18590" 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%2Fnaturetec%3Fformat%3Dturbo_stream%26page%3D53">
    <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/lesirupier-quitten-350-ml-18591">
          <img alt="LeSirupier Quitten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10193/file/small-a09917ed25fa584c6d3b582b6bdf5daa.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10193/file/medium-306e72c5c040e96a5ac65484921d78ee.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10193/file/large-5bdb9d8de7632e9ba3e2a10e4bd1c1a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10193/file/medium-306e72c5c040e96a5ac65484921d78ee.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-quitten-350-ml-18591">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Quitten, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.49 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qk_yQJfCKkVeQJ-sh-3HYqWj-J2lZ_vH0bA9E06Hj8OKsybZInMhcXPrrS-TDim0qeManoIndUCPb6cKBx7DVw" />
    <input value="18591" 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%2Fnaturetec%3Fformat%3Dturbo_stream%26page%3D53">
    <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/lesirupier-rhabarber-350-ml-18592">
          <img alt="LeSirupier Rhabarber" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10194/file/small-1cf3af047a7613b4dad69e89843ffb7a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10194/file/medium-5337385e0cd0fe3157a1c7ddbd0ad83d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10194/file/large-422003310b9a8480ad19da599e6769a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10194/file/medium-5337385e0cd0fe3157a1c7ddbd0ad83d.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-rhabarber-350-ml-18592">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Rhabarber, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.49 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x-6HZe9SwF6nqtbbDx175aoOVXjk9urCwHE_rJRcDMUPElP8WuPLaooB5Fgb_pUzpk63e8O2ZEWerqW13cVAUQ" />
    <input value="18592" 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%2Fnaturetec%3Fformat%3Dturbo_stream%26page%3D53">
    <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/lesirupier-rhabarber-700-ml-18593">
          <img alt="LeSirupier Rhabarber" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10195/file/small-97e4ce1601412e50b6132b96c08e6107.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10195/file/medium-c40e776f4704424a6ae553f3147350f4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10195/file/large-eae282c2efdfd266b5bff93f97453d00.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10195/file/medium-c40e776f4704424a6ae553f3147350f4.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-rhabarber-700-ml-18593">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Rhabarber, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.16 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6_cPDhpjgpc6meaQd7QhPySBLsUJiEz-GpRoQRzAKiQjC9uXr9KJoxcy1BNjV8_pKMHMxi7IwnlES_JYVVlmsA" />
    <input value="18593" 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%2Fnaturetec%3Fformat%3Dturbo_stream%26page%3D53">
    <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/liebhart-s-bonbons-die-scharfen-zwei-bio-100-g-18594">
          <img alt="Liebhart&#39;s Bonbons &#39;Die scharfen Zwei&#39; Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9223/file/small-b22517716da8822ec1ec8f1ad2aae49d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9223/file/medium-1977863f78d97b2c352858e573c5c5a5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9223/file/large-123a11ed2821e98e3a8c171b41085d9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9223/file/medium-1977863f78d97b2c352858e573c5c5a5.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">Liebharts</p>
          <a href="/products/liebhart-s-bonbons-die-scharfen-zwei-bio-100-g-18594">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liebhart&#39;s Bonbons &#39;Die scharfen Zwei&#39; Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yRAjH6nLNYUvZGwMjuiGoe5nZtv_SrfVF5sYePdAzYMB7PeGHHo-sQLPXo-aC2h34ieE2NgKOVJJRIJhvtmBFw" />
    <input value="18594" 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%2Fnaturetec%3Fformat%3Dturbo_stream%26page%3D53">
    <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/liebhart-s-bonbons-sanddorn-granatapfel-bio-100-g-18595">
          <img alt="Liebhart&#39;s Bonbons Sanddorn-Granatapfel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10598/file/small-577d611f4c263a3ea7d9c8af942e94d5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10598/file/medium-6d4b2122359c95adcda71ac65963af8f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10598/file/large-d2c31045be06c5cee9b003604a2a705e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10598/file/medium-6d4b2122359c95adcda71ac65963af8f.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">Liebharts</p>
          <a href="/products/liebhart-s-bonbons-sanddorn-granatapfel-bio-100-g-18595">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liebhart&#39;s Bonbons Sanddorn-Granatapfel Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3fBZpmb8vba1QpyY2Ni4xuXhgw3xCvoDC1Lx4VUe0sQVDI0_0022gpjprhvMO1YQ6aFhDtZKdIRVjWv4HIeeUA" />
    <input value="18595" 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%2Fnaturetec%3Fformat%3Dturbo_stream%26page%3D53">
    <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/liebhart-s-dinkel-zwieback-ungesusst-bio-200-g-18596">
          <img alt="Liebhart&#39;s Dinkel Zwieback ungesüsst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9222/file/small-aa3ba963cc2d4d6485d448de5e9336f5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9222/file/medium-98f01a5d465a06da4ee81f4bb3f5fc3c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9222/file/large-26d082e5a679eae1f529530b68713999.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9222/file/medium-98f01a5d465a06da4ee81f4bb3f5fc3c.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">Liebharts</p>
          <a href="/products/liebhart-s-dinkel-zwieback-ungesusst-bio-200-g-18596">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liebhart&#39;s Dinkel Zwieback ungesüsst Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.85 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iZGEyoQiLMkH_1qsaHuAGnlQm1-G3glIwHVXeU6DXMVBbVBTMZMn_SpUaC98mG7MdRB5XKGeh8-eqs1gBxoQUQ" />
    <input value="18596" 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%2Fnaturetec%3Fformat%3Dturbo_stream%26page%3D53">
    <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/lifebar-riegel-acai-banane-roh-bio-40-g-18597">
          <img alt="Lifebar Riegel Açai + Banane ROH Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10520/file/small-3d0c8856fbf1f5a42fea8de99bd1def3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10520/file/medium-0d5a0d50802d03b1b0d9d8f6e17218c4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10520/file/large-be6b0d6947c7639301519a5bcdf6275b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10520/file/medium-0d5a0d50802d03b1b0d9d8f6e17218c4.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">Lifefood</p>
          <a href="/products/lifebar-riegel-acai-banane-roh-bio-40-g-18597">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lifebar Riegel Açai + Banane ROH Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 8.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Wt1hcq8H3LGbYCvvAEJabOUCICCgzKFA5zO4zoR-_cWSIbXrGrbXhbbLGWwUobS66ULCI4eML8e57CLXzeexUQ" />
    <input value="18597" 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%2Fnaturetec%3Fformat%3Dturbo_stream%26page%3D53">
    <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/lifebar-proteinriegel-schokolade-bio-40-g-18598">
          <img alt="Lifebar Proteinriegel Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10521/file/small-b784b99eb4f4add30d6931392a405f2f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10521/file/medium-1f4bf827534f89c60f83d813f738bfa8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10521/file/large-7c73d7d7e3eeff3c0836e47beb39c981.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10521/file/medium-1f4bf827534f89c60f83d813f738bfa8.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">Lifefood</p>
          <a href="/products/lifebar-proteinriegel-schokolade-bio-40-g-18598">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lifebar Proteinriegel Schokolade Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 6.88 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oEgOz00K3qcleBh520CflKdPhUN-JkNwPYP-vt0LF3lotNpW-LvVkwjTKvrPo3FCqw9nQFlmzfdjXGSnlJJb7Q" />
    <input value="18598" 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%2Fnaturetec%3Fformat%3Dturbo_stream%26page%3D53">
    <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/sencha-gruntee-teebeutel-bio-10-stuck-18599">
          <img alt="Sencha Grüntee Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11111/file/small-c07654ea143746a85a8839de2ae6f77b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11111/file/medium-9d26deee1637699074e0cf047f3bb6e4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11111/file/large-1fdd4e5bc8ffa9c48f9f5b1da4c1b0b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11111/file/medium-9d26deee1637699074e0cf047f3bb6e4.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">Lima</p>
          <a href="/products/sencha-gruntee-teebeutel-bio-10-stuck-18599">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sencha Grüntee Teebeutel Bio, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eoqgCPqce4DOg-cZztaGyTT9JLeIgL9je7iX6xQS4_KydnSRTy1wtOMo1ZraNWgfOL3GtK_AMeQlZw3yXYuvZg" />
    <input value="18599" 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%2Fnaturetec%3Fformat%3Dturbo_stream%26page%3D53">
    <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/vollkorn-reiswaffeln-ohne-salz-bio-100-g-18600">
          <img alt="Vollkorn-Reiswaffeln ohne Salz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11388/file/small-6caed2c410bcbc1ef990a8c001fa713a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11388/file/medium-3e265e0ea7961d93951b985358a6e33c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11388/file/large-d9d69994178fecfb3876fdacd01f6216.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11388/file/medium-3e265e0ea7961d93951b985358a6e33c.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">Lima</p>
          <a href="/products/vollkorn-reiswaffeln-ohne-salz-bio-100-g-18600">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vollkorn-Reiswaffeln ohne Salz Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TGghcdr-2JNxbiZ4eKzxFXD6QhzDsaCEhDTvLnTwK6mElPXob0_Tp1zFFPtsTx_DfLqgH-TxLgPa63U3PWlnPQ" />
    <input value="18600" 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%2Fnaturetec%3Fformat%3Dturbo_stream%26page%3D53">
    <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/salade-du-pecheur-streuer-bio-40-g-18601">
          <img alt="Salade Du Pêcheur Streuer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10606/file/small-215493e9178dc883209ec62a5e37ce0c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10606/file/medium-6d66f5e30a4bc24744cdbc97974e8b2b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10606/file/large-3edc85183e8f2da54290f5892ed04a7a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10606/file/medium-6d66f5e30a4bc24744cdbc97974e8b2b.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">Lima</p>
          <a href="/products/salade-du-pecheur-streuer-bio-40-g-18601">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salade Du Pêcheur Streuer Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 20.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oaCAuvbE0ZvjQc-wqGsEBLASWLuQ6N0d6Wzc39EMYNtpXFQjQ3Xar87q_TO8iOrSvFK6uLeoU5q3s0bGmJUsTw" />
    <input value="18601" 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%2Fnaturetec%3Fformat%3Dturbo_stream%26page%3D53">
    <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/tamari-50-weniger-salz-bio-500-ml-18602">
          <img alt="Tamari 50% weniger Salz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11413/file/small-c6c1293ad7798849f3ef9fe0afc431dc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11413/file/medium-3ea40c655c48e1bec459bbe3b9b16f2f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11413/file/large-40267e6310244ba2989c10d258db1745.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11413/file/medium-3ea40c655c48e1bec459bbe3b9b16f2f.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">Lima</p>
          <a href="/products/tamari-50-weniger-salz-bio-500-ml-18602">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tamari 50% weniger Salz Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.58 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IyaAoXmD_CY1jKBIJ6TG1buvEeSb3O-zv_TP5mFJB63r2lQ4zDL3EhgnksszRygDt-_z57ycYTThK1X_KNBLOQ" />
    <input value="18602" 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%2Fnaturetec%3Fformat%3Dturbo_stream%26page%3D53">
    <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/gold-leinsamen-konv-250-g-18603">
          <img alt="Gold Leinsamen konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10528/file/small-485d17fa1860876fd6b94f94f3b8a895.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10528/file/medium-a4ad20d4cddfff719100d0948c72025a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10528/file/large-33a0d20ff47068f1032781a8e5a69b50.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10528/file/medium-a4ad20d4cddfff719100d0948c72025a.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">Linusit</p>
          <a href="/products/gold-leinsamen-konv-250-g-18603">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gold Leinsamen konv, 250 g</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 3.96 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LOJeAB2eQpWwyvRr48Kp98LSUG8fa9X7JcG7usJt69PkHoqZqC9JoZ1hxuj3IUchzpKybDgrW3x7HiGji_SnRw" />
    <input value="18603" 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%2Fnaturetec%3Fformat%3Dturbo_stream%26page%3D53">
    <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/hagebuttenpulver-in-kapseln-150-stuck-18604">
          <img alt="Hagebuttenpulver in Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9225/file/small-61f79fe54481ff70a388cd0a77b8a9a5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9225/file/medium-cb2d3580d14094efa2e86244233c0886.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9225/file/large-94a9510dc2f653c31b7dcea3b39fd1aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9225/file/medium-cb2d3580d14094efa2e86244233c0886.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">Litoflex</p>
          <a href="/products/hagebuttenpulver-in-kapseln-150-stuck-18604">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hagebuttenpulver in Kapseln, 150 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 54.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PoSUzWoRJIq3rqWBipiT_GrcPWcjbCNxb87OnDT_iln2eEBU36AvvpoFlwKee30qZpzfZAQsrfYxEVSFfWbGzQ" />
    <input value="18604" 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%2Fnaturetec%3Fformat%3Dturbo_stream%26page%3D53">
    <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/hagebuttenpulver-300-g-18605">
          <img alt="Hagebuttenpulver" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9224/file/small-d49d9c3c981e081337fe6e4fb25eb7c1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9224/file/medium-8c3a7d05ac003ab01194583494e134ed.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9224/file/large-336c2047e1fdb439ae7cd033d0903ab3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9224/file/medium-8c3a7d05ac003ab01194583494e134ed.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">Litoflex</p>
          <a href="/products/hagebuttenpulver-300-g-18605">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hagebuttenpulver, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 83.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 27.97 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IRpyQ7xjfnvdKL7ahWgsXoIW3_nMuOJehr3GC-d5hDHp5qbaCdJ1T_CDjFmRi8KIjlY9-uv4bNnYYlwSruDIpQ" />
    <input value="18605" 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">
      1&#39;060 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/naturetec?format=turbo_stream&amp;page=54">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>