<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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D37">
    <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/wc-reiniger-zeder-citronella-0-75-l-540">
          <img alt="WC Reiniger Zeder-Citronella" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/489/file/small-c0edd928d76e9b93e62120baca09a372.webp 600w, https://assets.fabulous.ch/public/variant_asset/489/file/medium-ba2299c025d18160f84cfdebaf5bbd4d.webp 900w, https://assets.fabulous.ch/public/variant_asset/489/file/large-a723e2d35749f3f36cffdabcd870e6ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/489/file/medium-ba2299c025d18160f84cfdebaf5bbd4d.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">Sonett</p>
          <a href="/products/wc-reiniger-zeder-citronella-0-75-l-540">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">WC Reiniger Zeder-Citronella, 0.75 l</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 0.73 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;540&quot;],&quot;content_name&quot;:&quot;WC Reiniger Zeder-Citronella, 0.75 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;540&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="75QWrtgtdVwOM8qA2wg5EQRAS8vd6aF0hS4YYYcOijsDDKXNVxJJsDrAubitPdRHJTWrDVHaAzJLDduwKcmwDg" />
    <input value="540" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D37">
    <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/explore-cuisine-edamame-mung-bean-fettuccine-bio-200-g-14856">
          <img alt="Explore Cuisine Edamame &amp; Mung Bean Fettuccine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6797/file/small-a13999b05ef269de87ea015c8e80f819.webp 600w, https://assets.fabulous.ch/public/variant_asset/6797/file/medium-a89272b862cbafff1e1eaca8f07ac7aa.webp 900w, https://assets.fabulous.ch/public/variant_asset/6797/file/large-e79efa7366c4433fa275701af38254d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6797/file/medium-a89272b862cbafff1e1eaca8f07ac7aa.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">Explore Cuisine</p>
          <a href="/products/explore-cuisine-edamame-mung-bean-fettuccine-bio-200-g-14856">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Explore Cuisine Edamame &amp; Mung Bean Fettuccine Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14856&quot;],&quot;content_name&quot;:&quot;Explore Cuisine Edamame \u0026 Mung Bean Fettuccine Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14856&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4YxQQXaktRh9QAolXsBu4IBgyMQ2txkppUdJSnHdb4kNFOMi-ZuJ9EmzeR0o9YO2oRUoArqEu29rZIqb3xpVvA" />
    <input value="14856" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D37">
    <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/protein-chips-meersalz-bio-63-g-20216">
          <img alt="Protein Chips Meersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11349/file/small-b78e00a627b595ff2755d9018fb4f88a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11349/file/medium-7f7ec5995a1f94929210db627f27c8ea.webp 900w, https://assets.fabulous.ch/public/variant_asset/11349/file/large-de03bbeb4be0f249a6d91199cc1226dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11349/file/medium-7f7ec5995a1f94929210db627f27c8ea.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">Heimatgut</p>
          <a href="/products/protein-chips-meersalz-bio-63-g-20216">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Protein Chips Meersalz Bio, 63 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20216&quot;],&quot;content_name&quot;:&quot;Protein Chips Meersalz Bio, 63 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20216&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ts-WmXLTuj45FhLUIa0TTozulwNBHmw43hNVnLSEh16iVyX6_eyG0g3lYexXmP4YrZt3xc0tzn4QMJZNGkO9aw" />
    <input value="20216" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D37">
    <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/vegane-alternative-zu-mayonnaise-veganaise-di-riso-natur-bio-170-g-986">
          <img alt="Vegane Alternative zu Mayonnaise Veganaise di Riso NATUR Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/864/file/small-154cd520c67251f42e59055df74381c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/864/file/medium-854f837b5295163b15d0a2dddc8f5258.webp 900w, https://assets.fabulous.ch/public/variant_asset/864/file/large-800cfe6d04b28f807f784c891113cfaa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/864/file/medium-854f837b5295163b15d0a2dddc8f5258.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">Gautschi</p>
          <a href="/products/vegane-alternative-zu-mayonnaise-veganaise-di-riso-natur-bio-170-g-986">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegane Alternative zu Mayonnaise Veganaise di Riso NATUR Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;986&quot;],&quot;content_name&quot;:&quot;Vegane Alternative zu Mayonnaise Veganaise di Riso NATUR Bio, 170 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;986&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OPOeu9MhLQPqhe6oHhc3ABRlv4Wfvp3EeLijp9z2QZ7Uay3YXB4R7952nZBoItpWNRBfQxONP4K2m2B2cjF7qw" />
    <input value="986" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D37">
    <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/linsen-beluga-schwarz-grossgebinde-bio-5-kg-15514">
          <img alt="Linsen Beluga schwarz Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7074/file/small-6caecbafa030408790b6c7ff13de62e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7074/file/medium-97b525a3d4ca164beece1ff492fad687.webp 900w, https://assets.fabulous.ch/public/variant_asset/7074/file/large-8347bb95ff3fd9501aacb76f3d2b0413.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7074/file/medium-97b525a3d4ca164beece1ff492fad687.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/linsen-beluga-schwarz-grossgebinde-bio-5-kg-15514">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Linsen Beluga schwarz Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 55.55
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15514&quot;],&quot;content_name&quot;:&quot;Linsen Beluga schwarz Grossgebinde Bio, 5 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15514&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:55.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZmhlQD5ckxtiM8U8TqD8-DO6lr0Huod4W_Pdi_RNOJyK8NYjsWOv91bAtgQ4lRGuEs92e4uJJT6V0B5aWooCqQ" />
    <input value="15514" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D37">
    <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/joghurtalternative-kokos-mango-bio-150-g-18325">
          <img alt="Joghurtalternative Kokos Mango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9478/file/small-ddfcaacff70aa37344932b070d036ae4.webp 600w, https://assets.fabulous.ch/public/variant_asset/9478/file/medium-bb5ebd7110f05167cb8976534bc44501.webp 900w, https://assets.fabulous.ch/public/variant_asset/9478/file/large-273eb040452c24d1d51d18d73abe7d19.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9478/file/medium-bb5ebd7110f05167cb8976534bc44501.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">Biedermann Bio</p>
          <a href="/products/joghurtalternative-kokos-mango-bio-150-g-18325">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurtalternative Kokos Mango Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.85
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.23 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18325&quot;],&quot;content_name&quot;:&quot;Joghurtalternative Kokos Mango Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18325&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7dKGwhm3xxYD_qafm5CWCv1oHX77bNWQGEAimaiCtCoBSjWhloj7-jcN1aftpXtc3B39uHdfd9bWY-FIBkWOHw" />
    <input value="18325" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D37">
    <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/life-crackers-italian-glutenfrei-raw-bio-90-g-6140">
          <img alt="Life Crackers Italian Glutenfrei RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8822/file/small-73b6fe8e19263570f94ce7fd441ffbb5.webp 600w, https://assets.fabulous.ch/public/variant_asset/8822/file/medium-c3042df68fa43c57c0a6dd37227da751.webp 900w, https://assets.fabulous.ch/public/variant_asset/8822/file/large-07682291bce8d1b875c428fa0aee6bbb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8822/file/medium-c3042df68fa43c57c0a6dd37227da751.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/life-crackers-italian-glutenfrei-raw-bio-90-g-6140">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Life Crackers Italian Glutenfrei RAW Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6140&quot;],&quot;content_name&quot;:&quot;Life Crackers Italian Glutenfrei RAW Bio, 90 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6140&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u8nCzIQAfV16AAx0B3obZ3WMM5JJRmjym0JQuqvy-vJXUXGvCz9BsU7zf0xxT_YxVPnTVMV1yrRVYZNrBTXAxw" />
    <input value="6140" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D37">
    <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/chips-kichererbsen-paprika-bio-75-g-4242">
          <img alt="Chips Kichererbsen Paprika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9004/file/small-44d7507282a27bcf3b7ebbd7f00c917b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9004/file/medium-7884ca3425d29aaa6bf0966eb957da9b.webp 900w, https://assets.fabulous.ch/public/variant_asset/9004/file/large-b04532eaf5a918361ecc421ebbe404a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9004/file/medium-7884ca3425d29aaa6bf0966eb957da9b.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">de Rit</p>
          <a href="/products/chips-kichererbsen-paprika-bio-75-g-4242">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chips Kichererbsen Paprika Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4242&quot;],&quot;content_name&quot;:&quot;Chips Kichererbsen Paprika Bio, 75 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4242&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hpzJQc1x7_vDz5FrsauM-Wd3avdIwmfzhkxuX-DssX5qBHoiQk7TF_c84lPHnmGvRgKKMcTxxbVIb62OTiuLSw" />
    <input value="4242" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D37">
    <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/biscuit-double-choco-hazelnut-bio-135-g-4141">
          <img alt="Biscuit Double Choco-Hazelnut Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2613/file/small-bbd9b558274fcb23ba49be40737b7e3b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2613/file/medium-258b65ce1f9b2e65ef1f7d2402b8e115.webp 900w, https://assets.fabulous.ch/public/variant_asset/2613/file/large-7dd08e5851ae5019563d60df635bd483.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2613/file/medium-258b65ce1f9b2e65ef1f7d2402b8e115.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">Rhythm 108</p>
          <a href="/products/biscuit-double-choco-hazelnut-bio-135-g-4141">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biscuit Double Choco-Hazelnut Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4141&quot;],&quot;content_name&quot;:&quot;Biscuit Double Choco-Hazelnut Bio, 135 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4141&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lZZ5aqTIulPRaSaDGSwkOH91s6VH633jf6eC_i508gx5DsoJK_eGv-WaVbtvGcluXgBTY8vY36WxhEEvgLPIOQ" />
    <input value="4141" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D37">
    <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/desinfizierungsmittel-flachendesinfektion-500-ml-3980">
          <img alt="Desinfizierungsmittel Flächendesinfektion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9138/file/small-c1c02b9e549da13569757d24a1e09d51.webp 600w, https://assets.fabulous.ch/public/variant_asset/9138/file/medium-e6af80d3ad91fe2776b181ecc01883f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/9138/file/large-9847534cc242adb37687778430fb5d16.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9138/file/medium-e6af80d3ad91fe2776b181ecc01883f9.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">Sonett</p>
          <a href="/products/desinfizierungsmittel-flachendesinfektion-500-ml-3980">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Desinfizierungsmittel Flächendesinfektion, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3980&quot;],&quot;content_name&quot;:&quot;Desinfizierungsmittel Flächendesinfektion, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3980&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iZKAy7SuT1sxp2CCLrdV_lHcBmwJjhRjsUmkoOZUtIllCjOoO5FztwVUE7pYgriocKnmqoW9tiV_amdxSJOOvA" />
    <input value="3980" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D37">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tofu-spiessli-bio-190-g-110">
          <img alt="Tofu-Spiessli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/120/file/small-6e2ea13608ad56ebfe5be47ed9a2ad4d.webp 600w, https://assets.fabulous.ch/public/variant_asset/120/file/medium-d33cad24f07cc5f5de9dc01910c85b5f.webp 900w, https://assets.fabulous.ch/public/variant_asset/120/file/large-858843ebef8f0770ab08ba74de582442.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/120/file/medium-d33cad24f07cc5f5de9dc01910c85b5f.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">Engel-Tofu</p>
          <a href="/products/tofu-spiessli-bio-190-g-110">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu-Spiessli Bio, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.16 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D37">
    <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/tofu-alpenkrauter-schweiz-bio-250-g-16643">
          <img alt="Tofu Alpenkräuter Schweiz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7702/file/small-15313378055797bf19d095a6f7ab95db.webp 600w, https://assets.fabulous.ch/public/variant_asset/7702/file/medium-99294d53828ac580795e588c3dab1554.webp 900w, https://assets.fabulous.ch/public/variant_asset/7702/file/large-67457a663d1b96635037209124d32dd7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7702/file/medium-99294d53828ac580795e588c3dab1554.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">Futur</p>
          <a href="/products/tofu-alpenkrauter-schweiz-bio-250-g-16643">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Alpenkräuter Schweiz Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.08 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16643&quot;],&quot;content_name&quot;:&quot;Tofu Alpenkräuter Schweiz Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16643&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A39C9LDiAbyUXh_cFvQvOyd9tgsbQvJKxTCSk9a0DV3v5_GXP909UKCtbORgwcJtBghWzZdxUAwLE1FCeHM3aA" />
    <input value="16643" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D37">
    <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/nut-butter-zimtschnecke-bio-250-g-14340">
          <img alt="Nut Butter Zimtschnecke Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6667/file/small-7dfa18c251e80ed8140ba7aec12a513d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6667/file/medium-e2c982f56b62b69d67322c34dc30ecc4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6667/file/large-e89f14b0153f07635994ab5e0b47b350.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6667/file/medium-e2c982f56b62b69d67322c34dc30ecc4.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">Davert</p>
          <a href="/products/nut-butter-zimtschnecke-bio-250-g-14340">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nut Butter Zimtschnecke Bio, 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-14340-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14340&quot;],&quot;content_name&quot;:&quot;Nut Butter Zimtschnecke Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14340&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C_mke5HdCP1lvPcH62JiW8uxP4a9ozNtfH6lY-ig_n7nYRcYHuI0EVFPhD-dV48N6sTfQDGQkSuyXWayRmfESw" />
    <input value="14340" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D37">
    <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/dr-antonio-martins-cocojuice-pur-kokosnusssaft-bio-500-ml-7499">
          <img alt="Dr. Antonio Martins CocoJuice Pur Kokosnusssaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4308/file/small-709cb934801d5bdec0fb363c6532e096.webp 600w, https://assets.fabulous.ch/public/variant_asset/4308/file/medium-819828d1632fc0c84e305242ecae45aa.webp 900w, https://assets.fabulous.ch/public/variant_asset/4308/file/large-de444bbb4fd2e16568de60ef4f767b15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4308/file/medium-819828d1632fc0c84e305242ecae45aa.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">Dr. Antonio Martins</p>
          <a href="/products/dr-antonio-martins-cocojuice-pur-kokosnusssaft-bio-500-ml-7499">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dr. Antonio Martins CocoJuice Pur Kokosnusssaft Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.55
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7499&quot;],&quot;content_name&quot;:&quot;Dr. Antonio Martins CocoJuice Pur Kokosnusssaft Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7499&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iaoi442fEQ876vD03A_iybHLaljAimGz9G2xTSIdDptlMpGAAqAt4w8Zg8yqOg-fkL6Knky5w_U6TnKcjNo0rg" />
    <input value="7499" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D37">
    <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/apero-sticks-salzstangen-bio-200-g-9385">
          <img alt="Apero Sticks Salzstangen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5317/file/small-0f4638b0e5459a5f8469709cda294965.webp 600w, https://assets.fabulous.ch/public/variant_asset/5317/file/medium-22d03dd8bffc462fa4e774a6cc7f4970.webp 900w, https://assets.fabulous.ch/public/variant_asset/5317/file/large-f465092b28279055dc17e683dc799a20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5317/file/medium-22d03dd8bffc462fa4e774a6cc7f4970.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">Mayka</p>
          <a href="/products/apero-sticks-salzstangen-bio-200-g-9385">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apero Sticks Salzstangen Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9385&quot;],&quot;content_name&quot;:&quot;Apero Sticks Salzstangen Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9385&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fVN1w-qgoXO9Kj2Ki1IGgTJESexyz834eULeedG3lpaRy8agZZ-dn4nZTrL9Z-vXEzGpKv78b763YR2of3Csow" />
    <input value="9385" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D37">
    <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/couscous-lazzaretti-grune-erbsen-bio-400-g-7633">
          <img alt="Couscous Lazzaretti Grüne Erbsen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4419/file/small-a67d358c166f63443d0a3938f505a702.webp 600w, https://assets.fabulous.ch/public/variant_asset/4419/file/medium-9fdb989c4fc72b93fd6694764ff281df.webp 900w, https://assets.fabulous.ch/public/variant_asset/4419/file/large-a803bcb868717e1853235c9ee9450c22.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4419/file/medium-9fdb989c4fc72b93fd6694764ff281df.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">Lazzaretti</p>
          <a href="/products/couscous-lazzaretti-grune-erbsen-bio-400-g-7633">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Couscous Lazzaretti Grüne Erbsen Bio, 400 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 1.73 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7633&quot;],&quot;content_name&quot;:&quot;Couscous Lazzaretti Grüne Erbsen Bio, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7633&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ONtR_bo4QFiFc5j8xUrJAZRZdJEzm0EFLE7gp_m7FP_UQ-KeNQd8tLGA68SzfyRXtSyUV7-o40PibSN2V3wuyg" />
    <input value="7633" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D37">
    <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/fruchtgarten-waldbeere-bio-225-g-7749">
          <img alt="Fruchtgarten Waldbeere Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4473/file/small-9d5ff68ca633fe0ba1637666a8d09d8f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4473/file/medium-8ad1b67508026472236e54f70ce44ea4.webp 900w, https://assets.fabulous.ch/public/variant_asset/4473/file/large-57d377c842ee84aa2a3943e1e0351502.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4473/file/medium-8ad1b67508026472236e54f70ce44ea4.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/fruchtgarten-waldbeere-bio-225-g-7749">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruchtgarten Waldbeere Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7749&quot;],&quot;content_name&quot;:&quot;Fruchtgarten Waldbeere Bio, 225 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7749&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xvGdjFzpnsXUv-kEYz5pUGsO-P1Rzd17QNGZ0M1aoSIqaS7v09aiKeBMmjwVC4QGSnsYO93-fz2O8loBY52bFw" />
    <input value="7749" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D37">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/protein-iced-coffe-moccachino-bio-220-ml-20258">
          <img alt="Protein Iced Coffe Moccachino Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11431/file/small-e1bb6912b0edaea57996baa3f5c608d2.webp 600w, https://assets.fabulous.ch/public/variant_asset/11431/file/medium-d26d846c8d850b9e5fbde99f91fad3a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/11431/file/large-50e54d75892dcd0fdfd508b4f7d2daeb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11431/file/medium-d26d846c8d850b9e5fbde99f91fad3a6.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">Harvest Moon</p>
          <a href="/products/protein-iced-coffe-moccachino-bio-220-ml-20258">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Protein Iced Coffe Moccachino Bio, 220 ml</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 1.45 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20258&quot;],&quot;content_name&quot;:&quot;Protein Iced Coffe Moccachino Bio, 220 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20258&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1SbMSQoV0pvhH8vwVWgXq8uAjMReWoGSJesu08M7C205vn8qhSrud9XsuMgjXfr96vVsAtJpI9TryO0CbfwxWA" />
    <input value="20258" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D37">
    <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/heidelbeer-muttersaft-bio-330-ml-19700">
          <img alt="Heidelbeer Muttersaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10177/file/small-bec1bbf8686edb63ff34f1ad97187102.webp 600w, https://assets.fabulous.ch/public/variant_asset/10177/file/medium-5ace99d4e35b611062890f8dca05287b.webp 900w, https://assets.fabulous.ch/public/variant_asset/10177/file/large-6ce58ed74f93ac2810ca3830d2f1f854.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10177/file/medium-5ace99d4e35b611062890f8dca05287b.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">Beutelsbacher</p>
          <a href="/products/heidelbeer-muttersaft-bio-330-ml-19700">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Heidelbeer Muttersaft Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19700&quot;],&quot;content_name&quot;:&quot;Heidelbeer Muttersaft Bio, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19700&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tr4CGRYdTqWUDYgaPhxcmqbaQRA6FInO-56oXhtJbYqiJrF6mSJySaD--yJIKbHMh6-h1rYnK4g1vWuPtY5Xvw" />
    <input value="19700" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D37">
    <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/klarspuler-fur-geschirrspulmaschine-500-ml-7581">
          <img alt="Klarspüler für Geschirrspülmaschine" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4375/file/small-b00460da3ce1cd53e4c0d00204044450.webp 600w, https://assets.fabulous.ch/public/variant_asset/4375/file/medium-21da1d5edff2adf593823aba85dad5b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/4375/file/large-412c7dc90f38ab8adf77c0f33a5c353e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4375/file/medium-21da1d5edff2adf593823aba85dad5b3.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">Sonett</p>
          <a href="/products/klarspuler-fur-geschirrspulmaschine-500-ml-7581">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Klarspüler für Geschirrspülmaschine, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7581&quot;],&quot;content_name&quot;:&quot;Klarspüler für Geschirrspülmaschine, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7581&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gQ84F1o9VUundwWgkjlo-Nbrqf9AFO_fdATpbKCFVzdtl4t01QJpp5OEdpjkDIWu955JOcwnTZm6Jyq9DkJtAg" />
    <input value="7581" 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">
      740 von 2&#39;977 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/products?format=turbo_stream&amp;page=38">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>