<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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D101">
    <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="/en/products/sauce-hollandaise-organic-170-ml-6795">
          <img alt="Sauce Hollandaise Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3926/file/small-a97c25145a30c8855197044e45d67224.webp 600w, https://assets.fabulous.ch/public/variant_asset/3926/file/medium-f1fb0c92c4fb39ffe096fb7cd6e577cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/3926/file/large-de4c29d086243e78570d0ba1455a7d7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3926/file/medium-f1fb0c92c4fb39ffe096fb7cd6e577cc.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">Sanchon</p>
          <a href="/en/products/sauce-hollandaise-organic-170-ml-6795">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauce Hollandaise Organic, 170 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6795&quot;],&quot;content_name&quot;:&quot;Sauce Hollandaise Organic, 170 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6795&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E7LCeJGb7MD478qpdy1j1DgcVbOy-YEvLbKmfWm2eaak-oiYP2HTAh7HqGOGMcGLA2ZmPrr7sAvS8jx28SgD-Q" />
    <input value="6795" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D101">
    <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="/en/products/240-g-dfc7e7c2-e2b4-4075-84bf-1eceec55bc92-20013">
          <img alt="Wrap Piadina Spelt &amp;amp; Oat Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10709/file/small-5c963a9fa32607b1e939767559b7f8f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/10709/file/medium-4f6e7fe622ab376974ba64f857d33a49.webp 900w, https://assets.fabulous.ch/public/variant_asset/10709/file/large-998c5198e031f0dfe919890ecdf69761.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10709/file/medium-4f6e7fe622ab376974ba64f857d33a49.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">Terrasana</p>
          <a href="/en/products/240-g-dfc7e7c2-e2b4-4075-84bf-1eceec55bc92-20013">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wrap Piadina Spelt &amp;amp; Oat Organic, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20013&quot;],&quot;content_name&quot;:&quot;Wrap Piadina Spelt \u0026amp; Oat Organic, 240 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20013&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O9xCsFXobRKwKsWaatB7vAZ0XuauxOtxyh_1llVt87yMlAhQ-xJS0FYCp1CbzNnjPQ5ta6bG2lU1X2-dzfOJ4w" />
    <input value="20013" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D101">
    <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="/en/products/tomato-sauce-bolognese-with-seitan-organic-350-g-6020">
          <img alt="Tomato Sauce Bolognese with Seitan Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3463/file/small-6c1f14df6beb7e1467c0d3788277a691.webp 600w, https://assets.fabulous.ch/public/variant_asset/3463/file/medium-71ff495a121de9a35b638110748f02b7.webp 900w, https://assets.fabulous.ch/public/variant_asset/3463/file/large-18baf336648daf608b781a00c61ecb28.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3463/file/medium-71ff495a121de9a35b638110748f02b7.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">LaSelva</p>
          <a href="/en/products/tomato-sauce-bolognese-with-seitan-organic-350-g-6020">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tomato Sauce Bolognese with Seitan Organic, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6020&quot;],&quot;content_name&quot;:&quot;Tomato Sauce Bolognese with Seitan Organic, 350 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6020&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dLJ46903czKzGeluATTgprwCvHcIyy27ZMLwgLkkdBvD-jILc81M8FUxi6TwKEL5h3iP-gDJHJ-bgmqLIboORA" />
    <input value="6020" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D101">
    <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="/en/products/date-chocolate-raspberry-bar-57-organic-85-g-15628">
          <img alt="Date Chocolate Raspberry Bar 57% Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7136/file/small-7fc8e581f74ab6947dce847ec19d633c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7136/file/medium-fd99110855c2293769657aca300a7dad.webp 900w, https://assets.fabulous.ch/public/variant_asset/7136/file/large-51fab79387d467b9faaafa2ff95f641b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7136/file/medium-fd99110855c2293769657aca300a7dad.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">MAKRi</p>
          <a href="/en/products/date-chocolate-raspberry-bar-57-organic-85-g-15628">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Date Chocolate Raspberry Bar 57% Organic, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15628&quot;],&quot;content_name&quot;:&quot;Date Chocolate Raspberry Bar 57% Organic, 85 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15628&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dqWwbdLiLEN8_0dTXYaty3-bvrd3OeEWqEjW8PMDlRnB7fqNfBgTgZrXJZmsmg-UROGNOn870DJXCEz7a53vRg" />
    <input value="15628" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D101">
    <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="/en/products/date-dark-chocolate-bar-72-organic-85-g-15629">
          <img alt="Date Dark Chocolate Bar 72% Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7135/file/small-da1172d2821902ae96ce6d7be99dade5.webp 600w, https://assets.fabulous.ch/public/variant_asset/7135/file/medium-6b707a34158a14159ea92eac6c791442.webp 900w, https://assets.fabulous.ch/public/variant_asset/7135/file/large-f07f16dedc2bd65b823d68b65d3b29ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7135/file/medium-6b707a34158a14159ea92eac6c791442.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">MAKRi</p>
          <a href="/en/products/date-dark-chocolate-bar-72-organic-85-g-15629">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Date Dark Chocolate Bar 72% Organic, 85 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 8.12 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15629&quot;],&quot;content_name&quot;:&quot;Date Dark Chocolate Bar 72% Organic, 85 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15629&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AV5B82qkd0v254kmd4_n1MdAMNp_r822ku-xOmHkppe2FgsTxF5IiRDP6-yGk0WL_DoDV3et_JJtrysx-XrcyA" />
    <input value="15629" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D101">
    <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">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/mountain-lentil-tempeh-organic-185-g-17200">
          <img alt="Mountain Lentil Tempeh Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8026/file/small-58f2439242a68ac4f00cc4829f438e06.webp 600w, https://assets.fabulous.ch/public/variant_asset/8026/file/medium-3431619496a9dd3f45100e1d078312b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/8026/file/large-d694cbc9b90e2267adf9de8d32567208.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8026/file/medium-3431619496a9dd3f45100e1d078312b9.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">Tempehmanufaktur</p>
          <a href="/en/products/mountain-lentil-tempeh-organic-185-g-17200">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mountain Lentil Tempeh Organic, 185 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.86 / 100 g
            </p>
        </div>
      </div>

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

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

      </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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D101">
    <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="/en/products/200-g-774049dc-23b3-490f-bc98-d5c359ae6cdb-19657">
          <img alt="Flax Seeds CH Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10899/file/small-f80562a1304c685942bdf6354c61b53a.webp 600w, https://assets.fabulous.ch/public/variant_asset/10899/file/medium-ce59dc891965f801bcfec754901171c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/10899/file/large-54e3b59633d9f82fdbca31a9e2967c12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10899/file/medium-ce59dc891965f801bcfec754901171c6.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="/en/products/200-g-774049dc-23b3-490f-bc98-d5c359ae6cdb-19657">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flax Seeds CH Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19657&quot;],&quot;content_name&quot;:&quot;Flax Seeds CH Organic, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19657&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nA2GmDrZ0mM705U9N50QgQOzGz1NXVeFBlCmQDWK8UgrRcx4lCPtod379_fGgbLeOMkosEVfZqH5EDxLrRSLFw" />
    <input value="19657" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D101">
    <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">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/anti-insect-spray-summ-summ-stopp-75-ml-20334">
          <img alt="Anti-Insect Spray Summ Summ Stopp" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11546/file/small-d5a03648daa6980b30b7eb088406be46.webp 600w, https://assets.fabulous.ch/public/variant_asset/11546/file/medium-f79dd30e07f8df52fa30a95ac93cd2f2.webp 900w, https://assets.fabulous.ch/public/variant_asset/11546/file/large-59811c9359d8e9948d9f39976c67c355.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11546/file/medium-f79dd30e07f8df52fa30a95ac93cd2f2.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">farfalla</p>
          <a href="/en/products/anti-insect-spray-summ-summ-stopp-75-ml-20334">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Anti-Insect Spray Summ Summ Stopp, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20334&quot;],&quot;content_name&quot;:&quot;Anti-Insect Spray Summ Summ Stopp, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20334&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rMU086F2Z68bKrrlKw9tKoCvJy5UgA520VlKvfVOipgbjX4TD4xYbf0C2C_aE891u9UUo1yCP1IuGdC2bdDwxw" />
    <input value="20334" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D101">
    <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="/en/products/360-g-f2c6f58c-7ec1-43fc-8ef2-54c43d1b6920-20101">
          <img alt="Apple Sauce Demeter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10832/file/small-712e4e607fa9570f728ee68d1b828166.webp 600w, https://assets.fabulous.ch/public/variant_asset/10832/file/medium-23f5b66799bccef5d8064ad6addbb637.webp 900w, https://assets.fabulous.ch/public/variant_asset/10832/file/large-ae4c7cd5da6f510ffe8aa02f58ea6c49.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10832/file/medium-23f5b66799bccef5d8064ad6addbb637.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="/en/products/360-g-f2c6f58c-7ec1-43fc-8ef2-54c43d1b6920-20101">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apple Sauce Demeter Organic, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20101&quot;],&quot;content_name&quot;:&quot;Apple Sauce Demeter Organic, 360 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20101&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RHrraoNDpJpYPjxzs8idTBGQTDkZp2zUv2Y9dTxmNmjzMqGKLbmbWL4WXrlC1D8TKup_tBGlXfBAJqd-pPhMNw" />
    <input value="20101" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D101">
    <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="/en/products/500-g-7a113fc2-84c7-4621-ba65-a847e383ca6c-19925">
          <img alt="Oat Grains CH Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10582/file/small-ffb92bec56b380cc51fa43659a68c951.webp 600w, https://assets.fabulous.ch/public/variant_asset/10582/file/medium-6302fbcf22dd479591e5a43cf03d0f35.webp 900w, https://assets.fabulous.ch/public/variant_asset/10582/file/large-bc5eef5a85ab76f0643402e97ff92088.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10582/file/medium-6302fbcf22dd479591e5a43cf03d0f35.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="/en/products/500-g-7a113fc2-84c7-4621-ba65-a847e383ca6c-19925">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oat Grains CH Organic, 500 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 0.86 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19925&quot;],&quot;content_name&quot;:&quot;Oat Grains CH Organic, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19925&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J7rwXzpD5lbEo-tCMklAPFdTP2zkRBzsElTHNGOLw2SQ8rq_lLnZlCKLiYjDVeJjbCkM4exGLcjtFF0_-xW5Ow" />
    <input value="19925" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D101">
    <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="/en/products/potato-chips-paprika-organic-125-g-16262">
          <img alt="Potato Chips Paprika Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7493/file/small-72dbf77367d13aff5156561428ac3adb.webp 600w, https://assets.fabulous.ch/public/variant_asset/7493/file/medium-d40e67876df505a1017b230a045df952.webp 900w, https://assets.fabulous.ch/public/variant_asset/7493/file/large-917804c3957c97361045e278b1a2957f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7493/file/medium-d40e67876df505a1017b230a045df952.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="/en/products/potato-chips-paprika-organic-125-g-16262">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Potato Chips Paprika Organic, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16262&quot;],&quot;content_name&quot;:&quot;Potato Chips Paprika Organic, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16262&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vGVl9ewCgkrR_BRuLLHum8oVXQwChP7T-uaLISyT7dcLLS8VQvi9iDfUdqTdrUzE8W9ugQqGz_cFphEqtA2XiA" />
    <input value="16262" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D101">
    <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="/en/products/risotto-rice-fairtrade-bulk-organic-5-kg-17207">
          <img alt="Risotto Rice Fairtrade Bulk Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8038/file/small-2302dc95363cdf349d41cd556e7e6b67.webp 600w, https://assets.fabulous.ch/public/variant_asset/8038/file/medium-d4c2ea9070de8576e01f768949d3ee47.webp 900w, https://assets.fabulous.ch/public/variant_asset/8038/file/large-505c8581edb6368dd9ec56933c9d4cda.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8038/file/medium-d4c2ea9070de8576e01f768949d3ee47.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">Bio Grosshandel</p>
          <a href="/en/products/risotto-rice-fairtrade-bulk-organic-5-kg-17207">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Risotto Rice Fairtrade Bulk Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17207&quot;],&quot;content_name&quot;:&quot;Risotto Rice Fairtrade Bulk Organic, 5 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17207&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:33.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oJXh9Ztcb7Y7biwBuNy53oSOwUHOFnQS9ftzhNoQXx8X3asVNaZQdN1GTstJwBuBv_TyzMYURTYKu-mPQo4lQA" />
    <input value="17207" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D101">
    <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="/en/products/27-g-9b56d970-14b2-4553-ab1a-8b202c64513f-19644">
          <img alt="Sesamini Brittle Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10886/file/small-f249c7c9afdb33d20f05ef96a53561de.webp 600w, https://assets.fabulous.ch/public/variant_asset/10886/file/medium-ca6f06914812ef93de68203474ed00ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/10886/file/large-07adde4bd767baf703338135e674d8fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10886/file/medium-ca6f06914812ef93de68203474ed00ca.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">Rapunzel</p>
          <a href="/en/products/27-g-9b56d970-14b2-4553-ab1a-8b202c64513f-19644">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sesamini Brittle Organic, 27 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19644&quot;],&quot;content_name&quot;:&quot;Sesamini Brittle Organic, 27 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19644&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:0.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AlYaWwA_Y_lxwDz9hDHK_KGI48_RcriEHTYqIBwxXfC1HlC7rsVcO5foXjd1LWijmvLQQtlwiaDidrArhK8nrw" />
    <input value="19644" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D101">
    <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="/en/products/artichokes-in-olive-oil-organic-330-g-8071">
          <img alt="Artichokes in Olive Oil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4734/file/small-64eb6b71259dd9a0d0eaf26ed5c550e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/4734/file/medium-f62cfac7dd8f769439c1d8b2c2c28119.webp 900w, https://assets.fabulous.ch/public/variant_asset/4734/file/large-85ff887ced863591f2b40007be73d615.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4734/file/medium-f62cfac7dd8f769439c1d8b2c2c28119.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">Alce Nero</p>
          <a href="/en/products/artichokes-in-olive-oil-organic-330-g-8071">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Artichokes in Olive Oil Organic, 330 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8071&quot;],&quot;content_name&quot;:&quot;Artichokes in Olive Oil Organic, 330 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8071&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vuKaSs-cldwazhbzi28Jb9Q92VH6P7mdZ8XmM_Mk6-4JqtCqYWaqHvzmdDl6c6sw70fq3PI9iLmYhXw4a7qRsQ" />
    <input value="8071" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D101">
    <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="/en/products/kookie-cat-chia-lemon-cookie-gluten-free-organic-50-g-2285">
          <img alt="KOOKIE CAT Chia Lemon Cookie Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1686/file/small-bcb254ec950152618ccb6503a7e50f02.webp 600w, https://assets.fabulous.ch/public/variant_asset/1686/file/medium-cf6466ca35429b4a8ec5695ab407efb8.webp 900w, https://assets.fabulous.ch/public/variant_asset/1686/file/large-a1a68aff2e0707e7b010c012fbf937d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1686/file/medium-cf6466ca35429b4a8ec5695ab407efb8.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">Kookie Cat</p>
          <a href="/en/products/kookie-cat-chia-lemon-cookie-gluten-free-organic-50-g-2285">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">KOOKIE CAT Chia Lemon Cookie Gluten Free Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2285&quot;],&quot;content_name&quot;:&quot;KOOKIE CAT Chia Lemon Cookie Gluten Free Organic, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2285&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZiOodxzHgjktIqTOXiE6yAP22RBJyXlzz00iy_XJL7XRa-KXsj29-8sKxgSvPZiXOIzqnUHLSFcwDbjAbVdV6g" />
    <input value="2285" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D101">
    <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">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/buckwheat-pineapple-bar-organic-35-g-21947">
          <img alt="Buckwheat &amp; Pineapple Bar Organic " class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11560/file/small-a89245992d4e01cab103ce48f71c7a83.webp 600w, https://assets.fabulous.ch/public/variant_asset/11560/file/medium-12fa860f705fc7e495ed9eb5c3b60549.webp 900w, https://assets.fabulous.ch/public/variant_asset/11560/file/large-915ff9e5b39029db4d90e5d8c51d98b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11560/file/medium-12fa860f705fc7e495ed9eb5c3b60549.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">NaturKraftWerke</p>
          <a href="/en/products/buckwheat-pineapple-bar-organic-35-g-21947">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Buckwheat &amp; Pineapple Bar Organic , 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21947&quot;],&quot;content_name&quot;:&quot;Buckwheat \u0026 Pineapple Bar Organic , 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21947&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XJRMOeDQycxtbpOZn7kadjsPWKLmQO8Qi7VGpNG1MhPr3AbZTir2DotG8VNupbgpAHVrL-5C3jR09dyvSStITA" />
    <input value="21947" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D101">
    <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="/en/products/120-g-0b6b6edc-6d60-4923-ae20-b5e0ec62f2cd-18852">
          <img alt="Dried Tomatoes in Olive Oil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10009/file/small-6fc183c6250e3300bf2daa8b73c54510.webp 600w, https://assets.fabulous.ch/public/variant_asset/10009/file/medium-1e885129f06f68bc5d571bf21125e337.webp 900w, https://assets.fabulous.ch/public/variant_asset/10009/file/large-dfb617ba2dade089e6c5d6b3eedb5e8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10009/file/medium-1e885129f06f68bc5d571bf21125e337.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">Rapunzel</p>
          <a href="/en/products/120-g-0b6b6edc-6d60-4923-ae20-b5e0ec62f2cd-18852">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dried Tomatoes in Olive Oil Organic, 120 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 5.75 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18852&quot;],&quot;content_name&quot;:&quot;Dried Tomatoes in Olive Oil Organic, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18852&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sW_xBfbE1RuLGznW0HAuM2lD5rGlHZ7QT6nb8loJiMQGJ7vlWD7q2W0zWxwhbIxsUjnVPK0fr_Sw6UH5wpfymw" />
    <input value="18852" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D101">
    <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="/en/products/50-g-4fca653d-96d2-4398-a269-f772c05a80da-18601">
          <img alt="Snack Mix Original Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10922/file/small-759b9c66a776124e527f29c5493af1ae.webp 600w, https://assets.fabulous.ch/public/variant_asset/10922/file/medium-bd7dd9939b4e02d54c56e07d38f8d034.webp 900w, https://assets.fabulous.ch/public/variant_asset/10922/file/large-9e2fdcdfe5268cbb5572d7b7ee280c50.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10922/file/medium-bd7dd9939b4e02d54c56e07d38f8d034.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">Landgarten</p>
          <a href="/en/products/50-g-4fca653d-96d2-4398-a269-f772c05a80da-18601">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Snack Mix Original Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18601&quot;],&quot;content_name&quot;:&quot;Snack Mix Original Organic, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18601&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rZeaaBz9r2QcJQlw4U3pfxOVhQaBDC96CCqLG26NiQka39CIsgeQpvoNa7oQUUsgKO-2i4kOHl73ahEQ9hPzVg" />
    <input value="18601" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D101">
    <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="/en/products/date-chocolate-bar-72-organic-90-g-16668">
          <img alt="Date Chocolate Bar 72% Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7716/file/small-1922d063f122bbfac2c5e41c9fffd7a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7716/file/medium-0a792fc7f3082513f6921436da4fb040.webp 900w, https://assets.fabulous.ch/public/variant_asset/7716/file/large-344fb4c0e6aa0b4c30a921d6bd92fad5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7716/file/medium-0a792fc7f3082513f6921436da4fb040.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">BioeCacao</p>
          <a href="/en/products/date-chocolate-bar-72-organic-90-g-16668">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Date Chocolate Bar 72% Organic, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16668&quot;],&quot;content_name&quot;:&quot;Date Chocolate Bar 72% Organic, 90 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16668&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VoXmi2hdLC2T00frllKGxaWihPZee0MRm0Erqi0xIyDhzaxrxqcT73X7JSFnTiSanti3e1Z5cjVkAbGhta9Zfw" />
    <input value="16668" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D101">
    <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="/en/products/rapunzel-coconut-dark-chocolate-organic-50-g-4173">
          <img alt="Rapunzel Coconut Dark Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2632/file/small-b72a89e655a19a592b078ad7e7515bca.webp 600w, https://assets.fabulous.ch/public/variant_asset/2632/file/medium-15031d56fda64dc3a0dd1e7780acfef2.webp 900w, https://assets.fabulous.ch/public/variant_asset/2632/file/large-f0a243728b4c35d9b96e437e62811a51.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2632/file/medium-15031d56fda64dc3a0dd1e7780acfef2.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">Rapunzel</p>
          <a href="/en/products/rapunzel-coconut-dark-chocolate-organic-50-g-4173">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Coconut Dark Chocolate Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4173&quot;],&quot;content_name&quot;:&quot;Rapunzel Coconut Dark Chocolate Organic, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4173&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="toFDT60BhPE1ONrLgYyHiDCm2rOnpfV8xYykoxaTvF0ByQmvA_u7M9MQuAFwkCXXC9zpPq-nxFg6zD6ojg3GAg" />
    <input value="4173" 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>
          Add to cart
</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">
      2&#39;020 of 3&#39;983 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/haltbarmacherei?format=turbo_stream&amp;page=102">Show more</a>
  </div>
</div>

</template></turbo-stream>