<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%2Fbioturm%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="MNRvC4oQF07sKFu4NwQwxjGEqffDNGvVn0fXDNvmRunWhYFvpTC0rsTS1GELZJ_H16wtKuOSwRw7FVlq9YE4Ng" />
    <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%2Fbioturm%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="BTG6FBC53oBJ5Cg7E_Z0ysdo--NdwIuTofYoE7LH02PjYFRwP5l9YGEep-IvltvLIUB_Pn1mIVoFpKZ1nKCtvA" />
    <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%2Fbioturm%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="vqi5BW9syQJJZQ6FIC8nK02I0d5DJabIK-CTJpNFknVY-VdhQExq4mGfgVwcT4gqq6BVA2ODDAGPsh1AvSLsqg" />
    <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%2Fbioturm%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="skdVo98ZoDDbVbyy8sJ0RDnofbcblanGvM-Pqxbma11UFrvH8DkD0POvM2vOottF38D5ajszAw8YnQHNOIEVgg" />
    <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%2Fbioturm%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="Zn2xZx57i0CBsT_Z8a4mauCP3i1a3k9Jd1h9PeeuYxuALF8DMVsooKlLsADNzolrBqda8Hp45YDTCvNbyckdxA" />
    <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%2Fbioturm%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="DZEKJHzH6BgtiJL55-aIsYKQQRJRUmzADL7TGD_D2M3rwORAU-dL-AVyHSDbhiewZLjFz3H0xgmo7F1-EaSmEg" />
    <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%2Fbioturm%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="vyAras2-RcL0xPSbcYiFbAfyO-WCSUFu5WYUf003AIBZccUO4p7mItw-e0JN6Cpt4dq_OKLv66dBNJoZY1B-Xw" />
    <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%2Fbioturm%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="1M5MCdBYfxwQt3sZukUQcZt_yXmCnV4ETjgWwuMjsMoyn6Jt_3jc_DhN9MCGJb9wfVdNpKI79M3qapikzUTOFQ" />
    <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%2Fbioturm%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="5OfeTNcMYUYgBdbV9oNA1sKbktHa2RLDN-I6ANjdBf8CtjAo-CzCpgj_WQzK4-_XJLMWDPp_uAqTsLRm9rp7IA" />
    <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%2Fbioturm%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="1MixuCRT0bMw3F78ePXRNxYlcoWtR60cNkTbJbldURQymV_cC3NyUxgm0SVElX428A32WI3hB9WSFlVDlzovyw" />
    <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%2Fbioturm%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="I79FWMvtAIp4wSbcRqBqmIonIzSXQOUR9d3QcgUayfLF7qs85M2jalA7qQV6wMWZbA-n6bfmT9hRj14UK323LQ" />
    <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%2Fbioturm%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="oM_ksxN1Razo3EIvJ2sqwdITsQqR_MNw6YFd7OWCVhRGngrXPFXmTMAmzfYbC4XANDs117FaablN09OKy-Uoyw" />
    <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%2Fbioturm%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="xCWbwLWpn340Ea3dfesg4Wnsd0cZAYrwqrcqK6FWLW8idHWkmok8nhzrIgRBi4_gj8TzmjmnIDkO5aRNjzFTsA" />
    <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%2Fbioturm%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="f-EfF5Z6k5k00dmIub7EpS-5u4N64Bu7ClhGqbwbKO2ZsPFzuVoweRwrVlGF3mukyZE_XlpGsXKuCsjPknxWMg" />
    <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%2Fbioturm%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="It01yHgshg2suWWr6GDBySV1d9PmQqtNT7swKVoYIJvEjNusVwwl7YRD6nLUAG7Iw13zDsbkAYTr6b5PdH9eRA" />
    <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%2Fbioturm%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="7fMMnqRrQKv6AEcxel1YOgYNghR_k5JM3PdOWniG-FwLouL6i0vjS9L6yOhGPfc74CUGyV81OIV4pcA8VuGGgw" />
    <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%2Fbioturm%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="gmiVa_1z0pJfBSCzdmJSyUCYcPySuZicYMRDaPtSF9BkOXsP0lNxcnf_r2pKAv3IprD0IbIfMlXEls0O1TVpDw" />
    <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%2Fbioturm%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="ptwbzFm7kr0G1dmpFKSPd9Rtki7xweiTzi3YauZozFxAjfWodpsxXS4vVnAoxCB2MkUW89FnQlpqf1YMyA-ygw" />
    <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%2Fbioturm%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="CSlwuxzZqcDzO20I6FpOCd3ihihv-u6Yzk60Z4xcTajveJ7fM_kKINvB4tHUOuEIO8oC9U9cRFFqHDoBojszdw" />
    <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%2Fbioturm%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="zjLQPC4pcmGQu_OzBLJ2c_NI4oaJh0ORDpy1FkICBRUoYz5YAQnRgbhBfGo40tlyFWBmW6kh6ViqzjtwbGV7yg" />
    <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/bioturm?format=turbo_stream&amp;page=54">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>