<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%2Fekkharthof%3Fformat%3Dturbo_stream%26page%3D83">
    <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/vivani-chocolate-smooth-dark-99-cocoa-organic-80-g-7500">
          <img alt="Vivani Chocolate Smooth Dark , 99% Cocoa Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4309/file/small-1a6d090d53c6fa7341a7c9c8af70a2ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/4309/file/medium-fc5b064e123c54ed0bc78bdc3a30032b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4309/file/large-e1ab3682d3aa5f6270290590d50c3d48.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4309/file/medium-fc5b064e123c54ed0bc78bdc3a30032b.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">Vivani / Ichoc</p>
          <a href="/en/products/vivani-chocolate-smooth-dark-99-cocoa-organic-80-g-7500">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vivani Chocolate Smooth Dark , 99% Cocoa Organic, 80 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 6.56 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7500&quot;],&quot;content_name&quot;:&quot;Vivani Chocolate Smooth Dark , 99% Cocoa Organic, 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7500&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="XKVqJ-X1ZPdw8PSKaaHTeanqXYzdfgJjLe5PXne_wJ-o7zzBbKxBt4NQ0KFAe8K8gORjTaFUKRGH33ZyiSEjCg" />
    <input value="7500" 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%2Fekkharthof%3Fformat%3Dturbo_stream%26page%3D83">
    <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/bourbon-vanille-stickes-organic-2-pieces-2-piece-862">
          <img alt="Bourbon Vanille Stickes Organic, 2 pieces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/794/file/small-d34df3857f38bb304bf3988193b57821.webp 600w, https://assets.fabulous.ch/public/variant_asset/794/file/medium-fa5b99d9e394b3a616cc14dccc2b55fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/794/file/large-2d52aad8f8db1d39048cff50cbe3ce61.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/794/file/medium-fa5b99d9e394b3a616cc14dccc2b55fd.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/bourbon-vanille-stickes-organic-2-pieces-2-piece-862">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bourbon Vanille Stickes Organic, 2 pieces, 2 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;862&quot;],&quot;content_name&quot;:&quot;Bourbon Vanille Stickes Organic, 2 pieces, 2 pieces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;862&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bxYm5jSFYifYaTxV4Kr2ytVSDddJWZ17VTKZEN04Y0mbXHAAvdxHZyvJGH7JcOcP_FwzFjVztgn_A6A8I6aA3A" />
    <input value="862" 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%2Fekkharthof%3Fformat%3Dturbo_stream%26page%3D83">
    <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/peanuts-roasted-with-sea-salt-organic-150-g-10309">
          <img alt="Peanuts roasted with sea salt organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5546/file/small-46ef6e8de92f89c7d92de00763fc121f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5546/file/medium-9bf795788a364d62c2f9c4a1252668e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/5546/file/large-a8eaa8b624595c596997d04c9f084903.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5546/file/medium-9bf795788a364d62c2f9c4a1252668e2.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">Pakka</p>
          <a href="/en/products/peanuts-roasted-with-sea-salt-organic-150-g-10309">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peanuts roasted with sea salt organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10309&quot;],&quot;content_name&quot;:&quot;Peanuts roasted with sea salt organic, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10309&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9WL1hOCqDYwzL4BPPUwplGTHEgP9rG6SXUVS6IdM6yIBKKNiafMozMCPpGQUljhRTckswoGGReD3dGvEedIItw" />
    <input value="10309" 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%2Fekkharthof%3Fformat%3Dturbo_stream%26page%3D83">
    <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-57624265-517a-478a-9de9-3742e785753f-19042">
          <img alt="Soya Strips Curry Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9974/file/small-4cd3830fe50e895be6d2629c3a1104b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/9974/file/medium-e0b1a110a0ef8f1787f8764199e4aaed.webp 900w, https://assets.fabulous.ch/public/variant_asset/9974/file/large-44aa1f329f3e3cb83c3cd286cf0f7846.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9974/file/medium-e0b1a110a0ef8f1787f8764199e4aaed.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">Soyana</p>
          <a href="/en/products/200-g-57624265-517a-478a-9de9-3742e785753f-19042">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soya Strips Curry Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </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.73 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19042&quot;],&quot;content_name&quot;:&quot;Soya Strips Curry Organic, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19042&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vutXNidLeVcLKHY9TbNYC6NHp1-Z6Nd9JY_-H5SsOXtKoQHQrhJcF_iIUhZkaUnOikmZnuXC_A-PvsczajLa7g" />
    <input value="19042" 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%2Fekkharthof%3Fformat%3Dturbo_stream%26page%3D83">
    <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/vanille-bourbon-powder-organic-15-g-882">
          <img alt="Vanille Bourbon Powder Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/811/file/small-0c8f9b475f6f196865d4be5554c14c02.webp 600w, https://assets.fabulous.ch/public/variant_asset/811/file/medium-2b579c0b74e0c33242913dc47fdc0f9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/811/file/large-07875a9ec12702f2dba098fba69d83aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/811/file/medium-2b579c0b74e0c33242913dc47fdc0f9e.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/vanille-bourbon-powder-organic-15-g-882">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vanille Bourbon Powder Organic, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;882&quot;],&quot;content_name&quot;:&quot;Vanille Bourbon Powder Organic, 15 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;882&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qUj87QUFJPcJqnJoeSQGayx4ZIwAqKVN6lrjygIWWt9dAqoLjFwBt_oKVkNQ_heuBXZaTXyCjj9Aa9rm_Ii5Sg" />
    <input value="882" 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%2Fekkharthof%3Fformat%3Dturbo_stream%26page%3D83">
    <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/coconut-cream-organic-50-g-16528">
          <img alt="Coconut Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7618/file/small-94f0b8678e0320777af576fdb723782e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7618/file/medium-2bc29be5c2dcc072c5814d479f01018c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7618/file/large-6b1a596dbc1085145f91fe5640f70b31.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7618/file/medium-2bc29be5c2dcc072c5814d479f01018c.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/coconut-cream-organic-50-g-16528">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconut Cream Organic, 2 x 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16528&quot;],&quot;content_name&quot;:&quot;Coconut Cream Organic, 2 x 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16528&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cwhqyC19hW6mOdOrzM5XRdIUiEM_vDduy7TdNy32Ju6HQjwupCSgLlWZ94DlFEaA-xq2gkOWHBxhheQb02jFew" />
    <input value="16528" 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%2Fekkharthof%3Fformat%3Dturbo_stream%26page%3D83">
    <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/soup-natur-compagnie-tomato-soup-organic-20-g-7521">
          <img alt="Soup Natur Compagnie Tomato Soup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4330/file/small-70bd278278b6d516d15ad9e9eea57258.webp 600w, https://assets.fabulous.ch/public/variant_asset/4330/file/medium-7ed41bdea66a3a83a5d6fae0e02faa44.webp 900w, https://assets.fabulous.ch/public/variant_asset/4330/file/large-d2489ea3d226d6f89a73e170e7a8033c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4330/file/medium-7ed41bdea66a3a83a5d6fae0e02faa44.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">Natur Compagnie</p>
          <a href="/en/products/soup-natur-compagnie-tomato-soup-organic-20-g-7521">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soup Natur Compagnie Tomato Soup Organic, 20 g</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 17.75 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7521&quot;],&quot;content_name&quot;:&quot;Soup Natur Compagnie Tomato Soup Organic, 20 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7521&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xLG9U7pZxFi8lH7k-paKXNXwHe-KdlUdEJvmbTrBCKww--u1MwDhGE80Ws_TTJuZ_P4jLvZcfm-6qt9BxF_rOQ" />
    <input value="7521" 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%2Fekkharthof%3Fformat%3Dturbo_stream%26page%3D83">
    <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/almondbutter-organic-500-g-604">
          <img alt="Almondbutter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/555/file/small-bd95787fdb38a58ce833d8679215d3bb.webp 600w, https://assets.fabulous.ch/public/variant_asset/555/file/medium-72d3115229436b75ac6a46e9e38bf70d.webp 900w, https://assets.fabulous.ch/public/variant_asset/555/file/large-7892d177da07e4a375ee2abbd24cbdb4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/555/file/medium-72d3115229436b75ac6a46e9e38bf70d.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/almondbutter-organic-500-g-604">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Almondbutter Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;604&quot;],&quot;content_name&quot;:&quot;Almondbutter Organic, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;604&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-Wb_93PYlvoHJ7IoshAGymLk0YRBRtRNZLX9mzu81SENLKkR-oGzuvSHlgObyhcPS-rvRT1s_z_OhMS3xSI2tA" />
    <input value="604" 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%2Fekkharthof%3Fformat%3Dturbo_stream%26page%3D83">
    <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/tartex-pate-herb-tartex-organic-200-g-2043">
          <img alt="Tartex Pate Herb Tartex Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1603/file/small-1ddf0dcdcc788192573b89cb45c79f34.webp 600w, https://assets.fabulous.ch/public/variant_asset/1603/file/medium-d3b11e865d7c1483d7c1fbf3010a040e.webp 900w, https://assets.fabulous.ch/public/variant_asset/1603/file/large-c195bf477cf2e91d7db76a70aa4abfca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1603/file/medium-d3b11e865d7c1483d7c1fbf3010a040e.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">Tartex</p>
          <a href="/en/products/tartex-pate-herb-tartex-organic-200-g-2043">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tartex Pate Herb Tartex Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2043&quot;],&quot;content_name&quot;:&quot;Tartex Pate Herb Tartex Organic, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2043&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GDFNLmo_MTo2EquhMeywFCMFnb-Loib0WD0oKSSqY_TsexvI42YUesWyj4oYNqHRCgujfveIDYbyDBEF2jSAYQ" />
    <input value="2043" 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%2Fekkharthof%3Fformat%3Dturbo_stream%26page%3D83">
    <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/barley-organic-500-g-6726">
          <img alt="Barley Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3886/file/small-03d80a00c7008ae83f11ed753709e3e8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3886/file/medium-7b44e67c9fa7247125df85b99c4d552e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3886/file/large-e807c5ffdefd4eeb0075038eae8dadeb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3886/file/medium-7b44e67c9fa7247125df85b99c4d552e.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/barley-organic-500-g-6726">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Barley Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6726&quot;],&quot;content_name&quot;:&quot;Barley Organic, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6726&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MvRe8rN2f2gQVrk4D8UB3alRomZfIL7K0R5OY0aH_KfGvggUOi9aKOP2nRMmHxAYgF-cpyMKlbh7L3dPuBkfMg" />
    <input value="6726" 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%2Fekkharthof%3Fformat%3Dturbo_stream%26page%3D83">
    <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-18263">
          <img alt="Light Durum Wheat Penne Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9739/file/small-a8efeb7831ca9220148787d9c1372aa6.webp 600w, https://assets.fabulous.ch/public/variant_asset/9739/file/medium-500355151b84f584658e962be17b7b52.webp 900w, https://assets.fabulous.ch/public/variant_asset/9739/file/large-4fdd5c174a3d44fbf753ca48b01a985d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9739/file/medium-500355151b84f584658e962be17b7b52.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/500-g-18263">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Light Durum Wheat Penne Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18263&quot;],&quot;content_name&quot;:&quot;Light Durum Wheat Penne Organic, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18263&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MrIxe-0TsL_6ewxP4Xxe3zwjstd7JKlRUr1uSjemvq3G-GedZEqV_wnbKGTIpk8aFS2MFgcOgiP4jFdmyThdOA" />
    <input value="18263" 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%2Fekkharthof%3Fformat%3Dturbo_stream%26page%3D83">
    <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-20976bd9-3b2f-4a14-a0f9-3681d7a4d266-18264">
          <img alt="Light Durum Wheat Spaghetti Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9182/file/small-5c99481060d335ad8062bed470bc3505.webp 600w, https://assets.fabulous.ch/public/variant_asset/9182/file/medium-b423f7323449db0d83081f0b65a15c7d.webp 900w, https://assets.fabulous.ch/public/variant_asset/9182/file/large-7094ae60d91c1b491ffdde094b6ee132.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9182/file/medium-b423f7323449db0d83081f0b65a15c7d.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/500-g-20976bd9-3b2f-4a14-a0f9-3681d7a4d266-18264">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Light Durum Wheat Spaghetti Organic, 500 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 0.54 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18264&quot;],&quot;content_name&quot;:&quot;Light Durum Wheat Spaghetti Organic, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18264&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="348eVkNe16zXhsEy9DoauNBEzSxutycsJxxBW_hBEq4rxUiwygfy7CQm5Rnd4At9-Urz7RKdDF6NLXh3Bt_xOw" />
    <input value="18264" 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%2Fekkharthof%3Fformat%3Dturbo_stream%26page%3D83">
    <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-ml-f14aa669-10d0-4313-aa3c-99d71b97a17a-18653">
          <img alt="Aceto Balsamico Di Modena Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9245/file/small-399283e7604dbf94bf4975976cec5c44.webp 600w, https://assets.fabulous.ch/public/variant_asset/9245/file/medium-7deb4a0cad72e49d67bb4aa72f83e301.webp 900w, https://assets.fabulous.ch/public/variant_asset/9245/file/large-87f5f36f7dc343e98407352ff4c08089.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9245/file/medium-7deb4a0cad72e49d67bb4aa72f83e301.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">MORGA</p>
          <a href="/en/products/500-ml-f14aa669-10d0-4313-aa3c-99d71b97a17a-18653">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aceto Balsamico Di Modena Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18653&quot;],&quot;content_name&quot;:&quot;Aceto Balsamico Di Modena Organic, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18653&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dw6NMfG_TfVNfx7-x0WQBu9TBA_oAjE7xrZKfMHUAeGDRNvXeOZotb7fOtXun4HDxl06zpQoGklsh3NQP0ridA" />
    <input value="18653" 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%2Fekkharthof%3Fformat%3Dturbo_stream%26page%3D83">
    <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/65-g-7cfd88ae-eccc-4f87-8d90-54bc90efc6ef-18718">
          <img alt="Oat Cream Soup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9673/file/small-2e3906f68bd39d9dae0116cbb46a1277.webp 600w, https://assets.fabulous.ch/public/variant_asset/9673/file/medium-87d74c90d80d4e0b54aa2c2eda9052b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/9673/file/large-df2a176493b90ed8e1994c1a2c2c01f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9673/file/medium-87d74c90d80d4e0b54aa2c2eda9052b9.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">MORGA</p>
          <a href="/en/products/65-g-7cfd88ae-eccc-4f87-8d90-54bc90efc6ef-18718">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oat Cream Soup Organic, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18718&quot;],&quot;content_name&quot;:&quot;Oat Cream Soup Organic, 65 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18718&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HWb0vFgWwcbSpCsDD6nqlukffDvBlHzMRWlW1AbVNOjpLKJa0U_khiEEDygmc_tTwBFC-r2-V77vWG_4-EvXfQ" />
    <input value="18718" 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%2Fekkharthof%3Fformat%3Dturbo_stream%26page%3D83">
    <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-29ba456c-786f-4698-af28-8786188a95d9-18684">
          <img alt="Oat Groats Demeter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10240/file/small-5d058eadbf32ad6bb2bc158ec592c289.webp 600w, https://assets.fabulous.ch/public/variant_asset/10240/file/medium-0ab95551cb0bd24c9a736ecdcd5dff7d.webp 900w, https://assets.fabulous.ch/public/variant_asset/10240/file/large-82e8e5c108193beb1ea793dd5ccf037c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10240/file/medium-0ab95551cb0bd24c9a736ecdcd5dff7d.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">MORGA</p>
          <a href="/en/products/500-g-29ba456c-786f-4698-af28-8786188a95d9-18684">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oat Groats Demeter Organic, 500 g</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 0.96 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18684&quot;],&quot;content_name&quot;:&quot;Oat Groats Demeter Organic, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18684&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="39qmgW52dFw2I4loqPtUDNoNo7I5Hdj_9MieMwde4HYrkPBn5y9RHMWDrUOBIUXJ8wOdc0U3841e-acf-cAD4w" />
    <input value="18684" 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%2Fekkharthof%3Fformat%3Dturbo_stream%26page%3D83">
    <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/rhythm-108-sweet-n-salty-almond-chocolate-gluten-free-organic-33-g-4492">
          <img alt="Rhythm 108 Sweet &#39;N&#39; Salty Almond Chocolate 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/2777/file/small-56fa8b3854b211f8d3cb1f6ff211168b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2777/file/medium-8d963a30898700bbbed0eaff8dd8ac34.webp 900w, https://assets.fabulous.ch/public/variant_asset/2777/file/large-e9bd40e9487ed6b36398501f82044b91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2777/file/medium-8d963a30898700bbbed0eaff8dd8ac34.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="/en/products/rhythm-108-sweet-n-salty-almond-chocolate-gluten-free-organic-33-g-4492">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rhythm 108 Sweet &#39;N&#39; Salty Almond Chocolate Gluten Free Organic, 33 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4492&quot;],&quot;content_name&quot;:&quot;Rhythm 108 Sweet &#39;N&#39; Salty Almond Chocolate Gluten Free Organic, 33 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4492&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q8yywv3cSVyXQQLkOPnc7GNJYrKGj6lOXkkYpLuT3ttfhuQkdIVsHGThJs8RI80pSkdcc_qlgjz0eCGIRQ09Tg" />
    <input value="4492" 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%2Fekkharthof%3Fformat%3Dturbo_stream%26page%3D83">
    <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-ml-8f06510d-443e-44b9-a402-6fd20768dbe1-18652">
          <img alt="Aceto Balsamico Bianco Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9635/file/small-8293612e251a6bd4b726ce450df1c9b5.webp 600w, https://assets.fabulous.ch/public/variant_asset/9635/file/medium-79eaa157f562e95f95823339fc2d0849.webp 900w, https://assets.fabulous.ch/public/variant_asset/9635/file/large-ea2595c6402678288c6123a177b257bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9635/file/medium-79eaa157f562e95f95823339fc2d0849.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">MORGA</p>
          <a href="/en/products/500-ml-8f06510d-443e-44b9-a402-6fd20768dbe1-18652">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aceto Balsamico Bianco Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18652&quot;],&quot;content_name&quot;:&quot;Aceto Balsamico Bianco Organic, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18652&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3rG21jwbezEO_p3X1C4fSztTmzRVXvEjwHQMBQxZNIkq--AwtUJecf1eufz99A6OEl2l9Sl02lFqRTUp8sfXHA" />
    <input value="18652" 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%2Fekkharthof%3Fformat%3Dturbo_stream%26page%3D83">
    <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/250-g-261791e9-439a-48a0-8680-c731e5dae021-20014">
          <img alt="Cocoa Powder Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10710/file/small-c271b5489ee0fde5866d25d9f5d8ba11.webp 600w, https://assets.fabulous.ch/public/variant_asset/10710/file/medium-d02470f03a987fa0ebb3bca9c787c302.webp 900w, https://assets.fabulous.ch/public/variant_asset/10710/file/large-8f207b172a496850829367b11b2b6cf0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10710/file/medium-d02470f03a987fa0ebb3bca9c787c302.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">Sembrador</p>
          <a href="/en/products/250-g-261791e9-439a-48a0-8680-c731e5dae021-20014">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cocoa Powder Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20014&quot;],&quot;content_name&quot;:&quot;Cocoa Powder Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20014&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WfRRR1kUpVt-1AsdDe9lT9LZfjJIq7PB241rjxWMMletvgeh0E2AG410LzYkNXSK-9dA8zSBmLNxvFKj6xLRwg" />
    <input value="20014" 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%2Fekkharthof%3Fformat%3Dturbo_stream%26page%3D83">
    <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/300-ml-766cdc11-7bad-4e91-9d5c-f902088fea20-19618">
          <img alt="Dishwashing Liquid Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9401/file/small-6b2bf4a05c7b050d693b337d926c5459.webp 600w, https://assets.fabulous.ch/public/variant_asset/9401/file/medium-a155fd0e940387b109ba1d543ff8c55d.webp 900w, https://assets.fabulous.ch/public/variant_asset/9401/file/large-e66dc06768aec0edcf06e6dafac8f121.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9401/file/medium-a155fd0e940387b109ba1d543ff8c55d.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="/en/products/300-ml-766cdc11-7bad-4e91-9d5c-f902088fea20-19618">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dishwashing Liquid Calendula, 300 ml</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 1.20 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19618&quot;],&quot;content_name&quot;:&quot;Dishwashing Liquid Calendula, 300 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19618&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AfjbTV7-ByVJp_9IGqI0lMwPxc4VVzaoaHfjIEaKBNH1so2r16ciZboH22MzeCVR5QH7D2l9HdrCRtoMuBTnRA" />
    <input value="19618" 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%2Fekkharthof%3Fformat%3Dturbo_stream%26page%3D83">
    <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/peak-punk-oat-bar-chocolate-peanut-organic-60-g-13294">
          <img alt="Peak Punk Oat Bar Chocolate Peanut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6442/file/small-ea1bad4ec00127bcac06293e90ada00c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6442/file/medium-4151af30fa4129159c020c8a3f59ab39.webp 900w, https://assets.fabulous.ch/public/variant_asset/6442/file/large-7eb291f011c30bc3c4e59f42ba934609.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6442/file/medium-4151af30fa4129159c020c8a3f59ab39.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">Peak Punk</p>
          <a href="/en/products/peak-punk-oat-bar-chocolate-peanut-organic-60-g-13294">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peak Punk Oat Bar Chocolate Peanut Organic, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13294&quot;],&quot;content_name&quot;:&quot;Peak Punk Oat Bar Chocolate Peanut Organic, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13294&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G0Gu7nz-oIJH8rY8H-2Y8CQpYlMY2xm9948EG5yQZ-7vC_gI9aeFwrRSkhc2N4k1DSdckmTxMs9dvj03Yg6Eew" />
    <input value="13294" 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">
      1&#39;660 of 3&#39;774 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/ekkharthof?format=turbo_stream&amp;page=84">Show more</a>
  </div>
</div>

</template></turbo-stream>