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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D74">
    <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/filippo-filippi-linguine-aglio-e-basilico-250-g-20275">
          <img alt="Filippo Filippi Linguine Aglio e Basilico" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10931/file/small-3c969e0e0c1907b89629e4fada5b0031.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10931/file/medium-6469568c14c4b0a70fa473011a7ba3ea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10931/file/large-b5a18efca948676233234623e7454f1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10931/file/medium-6469568c14c4b0a70fa473011a7ba3ea.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">Filippo Filippi</p>
          <a href="/products/filippo-filippi-linguine-aglio-e-basilico-250-g-20275">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Filippo Filippi Linguine Aglio e Basilico, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D74">
    <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/mahler-co-ginger-balls-bio-140-g-20284">
          <img alt="Mahler &amp; Co. Ginger Balls Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10938/file/small-c76e865f57370f90ef19b0895ae4ea14.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10938/file/medium-91b96b6841b32b3a200b1603d9333003.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10938/file/large-4e826b3df2052a1c2071bbb49cbe8466.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10938/file/medium-91b96b6841b32b3a200b1603d9333003.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">Mahler &amp; Co.</p>
          <a href="/products/mahler-co-ginger-balls-bio-140-g-20284">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mahler &amp; Co. Ginger Balls Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ft1tViQMHfpdS4gfhx5S-yYKag-OQGTEFXKlBzC1Wte2DgCGHhU-ABwpl4KM1ipk1LUJue76Kogv0LtkSdM1QA" />
    <input value="20284" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D74">
    <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/mahler-co-kichererbsen-snack-japanese-tamari-bio-140-g-20285">
          <img alt="Mahler &amp; Co. Kichererbsen Snack Japanese Tamari Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10936/file/small-721b00b5479786274470619c7d270258.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10936/file/medium-4a2f19e669b11c393dec316e6c86874a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10936/file/large-5925e5714924ce21c6493a5e0a57acfd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10936/file/medium-4a2f19e669b11c393dec316e6c86874a.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">Mahler &amp; Co.</p>
          <a href="/products/mahler-co-kichererbsen-snack-japanese-tamari-bio-140-g-20285">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mahler &amp; Co. Kichererbsen Snack Japanese Tamari Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D74">
    <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/mahler-co-hirnpower-bio-200-g-20286">
          <img alt="Mahler &amp; Co. Hirnpower Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10937/file/small-d81037c8b967f78b49e85cf9f3d677e2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10937/file/medium-234d4cde553d5a8ab7a3286e11b7ffa6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10937/file/large-21797253483ede159c2b8827f203ce93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10937/file/medium-234d4cde553d5a8ab7a3286e11b7ffa6.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">Mahler &amp; Co.</p>
          <a href="/products/mahler-co-hirnpower-bio-200-g-20286">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mahler &amp; Co. Hirnpower Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D74">
    <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/wheaty-snacker-salami-style-bio-vegan-30-g-20293">
          <img alt="Wheaty Snacker Salami Style Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10944/file/small-3f06169d4e3915b7d011b68e648678ad.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10944/file/medium-275f8451536975ca976037470d829f36.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10944/file/large-6c1b84171a37534ddd4758cde2ba51e3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10944/file/medium-275f8451536975ca976037470d829f36.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">Wheaty</p>
          <a href="/products/wheaty-snacker-salami-style-bio-vegan-30-g-20293">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wheaty Snacker Salami Style Bio vegan, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D74">
    <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/zwergenwiese-aufstrich-currika-bio-135-g-20294">
          <img alt="Zwergenwiese Aufstrich Currika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10946/file/small-026e931492ae42a201e6f4a7d6e76760.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10946/file/medium-749c0c5f63774d00d08a64ab9a55bbb3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10946/file/large-be1fe08c54d413228f403fcbdadbb8dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10946/file/medium-749c0c5f63774d00d08a64ab9a55bbb3.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">Zwergenwiese</p>
          <a href="/products/zwergenwiese-aufstrich-currika-bio-135-g-20294">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zwergenwiese Aufstrich Currika Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D74">
    <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/zwergenwiese-aufstrich-tomesan-bio-135-g-20295">
          <img alt="Zwergenwiese Aufstrich Tomesan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10947/file/small-2c8bb692e0033f476c9667b92309f17b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10947/file/medium-946147070fafeb03dcf458846f33a995.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10947/file/large-500d649618fc9eb64945ec11ee1820a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10947/file/medium-946147070fafeb03dcf458846f33a995.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">Zwergenwiese</p>
          <a href="/products/zwergenwiese-aufstrich-tomesan-bio-135-g-20295">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zwergenwiese Aufstrich Tomesan Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D74">
    <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/mahler-co-protein-topping-mediterran-bio-200-g-20296">
          <img alt="Mahler &amp; Co. Protein Topping Mediterran Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10983/file/small-c6fe1ed516a2687194647a59a9b63fc8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10983/file/medium-31522f42d6108334538e4c9e9e6f9e30.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10983/file/large-77d893e7da200ae1f39e3d27fbcb82bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10983/file/medium-31522f42d6108334538e4c9e9e6f9e30.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">Mahler &amp; Co.</p>
          <a href="/products/mahler-co-protein-topping-mediterran-bio-200-g-20296">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mahler &amp; Co. Protein Topping Mediterran Bio, 200 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 4.15 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D74">
    <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/roobar-protein-riegel-cherry-maca-bio-roh-vegan-60-g-20299">
          <img alt="Roobar Protein Riegel Cherry &amp; Maca Bio roh vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10986/file/small-7712c4462506ff22158b0ac72fdf952e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10986/file/medium-bfe7a0229b62c2e0d7b7f7a0d26990c3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10986/file/large-117fc14fbd22d7cb371e7f927002386a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10986/file/medium-bfe7a0229b62c2e0d7b7f7a0d26990c3.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">Roobar</p>
          <a href="/products/roobar-protein-riegel-cherry-maca-bio-roh-vegan-60-g-20299">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Roobar Protein Riegel Cherry &amp; Maca Bio roh vegan, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D74">
    <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/chalira-alpensalz-glas-85-g-20304">
          <img alt="Chalira Alpensalz Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10992/file/small-13284b93e7b45a89c18c0a0b57215c5c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10992/file/medium-85850c5a35831c5362bf5733b107de78.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10992/file/large-7a829462ccc4776c9ddb71b3032e773e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10992/file/medium-85850c5a35831c5362bf5733b107de78.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">Chalira</p>
          <a href="/products/chalira-alpensalz-glas-85-g-20304">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Alpensalz Glas, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D74">
    <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/alcenero-pistaziencreme-bio-180-g-20305">
          <img alt="AlceNero Pistaziencrème Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10993/file/small-82cfe54079f62ad9beb317f05d2fc6ab.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10993/file/medium-1e4f83c41d3a5748c6ef5f8409a08d69.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10993/file/large-6d5e2e1cce77a7b5b22d2fc3321709ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10993/file/medium-1e4f83c41d3a5748c6ef5f8409a08d69.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">AlceNero</p>
          <a href="/products/alcenero-pistaziencreme-bio-180-g-20305">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlceNero Pistaziencrème Bio, 180 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 5.50 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D74">
    <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/vanadis-leinsamen-geschrotet-demeter-400-g-20306">
          <img alt="Vanadis Leinsamen geschrotet Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10995/file/small-745b41c5415a9c52bad9192a4fff0951.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10995/file/medium-422ff7e8ee81e9e39ce9bc01d3df895b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10995/file/large-f428d6209283d9fa692f6fb6128b1f0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10995/file/medium-422ff7e8ee81e9e39ce9bc01d3df895b.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">Vanadis</p>
          <a href="/products/vanadis-leinsamen-geschrotet-demeter-400-g-20306">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vanadis Leinsamen geschrotet Demeter, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/biofarm-dinkel-vollgriess-chbio-knospe-500-g-20307">
          <img alt="Biofarm Dinkel-Vollgriess CHBio Knospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10996/file/small-05893c5e95909185c693194a39f29b3e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10996/file/medium-a84778c04c31765627a68a3e98455cc4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10996/file/large-c1d56d0d16533f67509ef6838b86eb08.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10996/file/medium-a84778c04c31765627a68a3e98455cc4.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">Biofarm</p>
          <a href="/products/biofarm-dinkel-vollgriess-chbio-knospe-500-g-20307">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Dinkel-Vollgriess CHBio Knospe, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/allos-cuisine-soja-bio-vegan-200-ml-20308">
          <img alt="Allos Cuisine Soja Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10997/file/small-d1cc7f49dbf2c309b51a8316945d84b4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10997/file/medium-835a67517fa83f5126ba11737656e817.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10997/file/large-d73286b38656b08fa53d873f307fab5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10997/file/medium-835a67517fa83f5126ba11737656e817.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">Allos</p>
          <a href="/products/allos-cuisine-soja-bio-vegan-200-ml-20308">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Cuisine Soja Bio vegan, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D74">
    <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/sommer-cookies-hafer-schoko-haselnuss-bio-vegan-125-g-20325">
          <img alt="Sommer Cookies Hafer Schoko Haselnuss Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11015/file/small-be7700721b55415cc2f954d95fc109ca.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11015/file/medium-499809a1668c3b6c6995b9df44686ed6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11015/file/large-8b6ee7ef8a2b24f6040f7b8b8e20e882.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11015/file/medium-499809a1668c3b6c6995b9df44686ed6.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">Sommer</p>
          <a href="/products/sommer-cookies-hafer-schoko-haselnuss-bio-vegan-125-g-20325">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sommer Cookies Hafer Schoko Haselnuss Bio vegan, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7pPK-2O7dpCz3XXwha5N7bNwHAqmtaY-Ompjq-xO4adOQKcrWaJVavK_am2OZjVyQc9_vMYP6HIAyH3IlSiOMA" />
    <input value="20325" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D74">
    <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/bett-r-kakaonibs-roh-bio-200-g-20328">
          <img alt="Bett&#39;r Kakaonibs 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/11020/file/small-140b6b8c8e3761a4cc5a366a41bd5c85.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11020/file/medium-00aa667b7da515dcd55d3d66ab8fda40.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11020/file/large-8c393eb72eb13d84ad38a6efc55cf243.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11020/file/medium-00aa667b7da515dcd55d3d66ab8fda40.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">bett&#39;r</p>
          <a href="/products/bett-r-kakaonibs-roh-bio-200-g-20328">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bett&#39;r Kakaonibs roh Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D74">
    <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/nkw-traubenkerne-gemahlen-demeter-250-g-20329">
          <img alt="NKW Traubenkerne gemahlen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11018/file/small-56bf3ac4b4b19c8dd04e45b5be1d90ff.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11018/file/medium-f911777c1869a71fbc752a106cc0f11c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11018/file/large-38cb5cabc8a40e68da26bdf67654e1ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11018/file/medium-f911777c1869a71fbc752a106cc0f11c.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">NKW</p>
          <a href="/products/nkw-traubenkerne-gemahlen-demeter-250-g-20329">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Traubenkerne gemahlen Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.80
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D74">
    <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/villiger-blutenhonig-cremig-bio-250-g-20340">
          <img alt="Villiger Blütenhonig cremig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11040/file/small-94b6e3873f501bad05625cd2550dfbd6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11040/file/medium-fe4abe7a32e42c1a019695c316a6c27c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11040/file/large-28b914ee184f65da4a3b63e3125633dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11040/file/medium-fe4abe7a32e42c1a019695c316a6c27c.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">Villiger</p>
          <a href="/products/villiger-blutenhonig-cremig-bio-250-g-20340">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Villiger Blütenhonig cremig Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D74">
    <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/villiger-blutenhonig-cremig-bio-500-g-20341">
          <img alt="Villiger Blütenhonig cremig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11043/file/small-1e7128cc40caa3b37366c7eb67c5dc7b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11043/file/medium-34c45595aabd1176a4df62fab5aa5a19.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11043/file/large-5f2c7354daf0560155f3a057f1afc224.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11043/file/medium-34c45595aabd1176a4df62fab5aa5a19.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">Villiger</p>
          <a href="/products/villiger-blutenhonig-cremig-bio-500-g-20341">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Villiger Blütenhonig cremig Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D74">
    <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/villiger-sommerhonig-cremig-bio-250-g-20342">
          <img alt="Villiger Sommerhonig cremig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11042/file/small-b7fe9b30f6418805b2053889534237e3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11042/file/medium-66d65b3f3007ace871b91a0234c1bb11.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11042/file/large-a1b1ed212219244ce157b63dbf6c093f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11042/file/medium-66d65b3f3007ace871b91a0234c1bb11.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">Villiger</p>
          <a href="/products/villiger-sommerhonig-cremig-bio-250-g-20342">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Villiger Sommerhonig cremig Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1Ueqmy8I9OicXUHYjiKSmGfxyhBhNtpaso90Y3Rs2bB1lMdLFRHXEt0_XkWF6uoHlU6ppgGMlBaILWoADQq2Jw" />
    <input value="20342" 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;480 von 1&#39;583 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel?format=turbo_stream&amp;page=75">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>