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

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chakra-ol-no-3-solar-plexus-emotions-30-ml-22254">
          <img alt="Chakra Öl No. 3 Solar Plexus Emotions" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11750/file/small-394d0456a7a695d07d556563de56aee1.webp 600w, https://assets.fabulous.ch/public/variant_asset/11750/file/medium-c1bbba951e9d50d6bb65a58303745eae.webp 900w, https://assets.fabulous.ch/public/variant_asset/11750/file/large-43c9d6d51f04c9ef154f9ee3a621e4ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11750/file/medium-c1bbba951e9d50d6bb65a58303745eae.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">SeelenLiebe</p>
          <a href="/products/chakra-ol-no-3-solar-plexus-emotions-30-ml-22254">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chakra Öl No. 3 Solar Plexus Emotions, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22254&quot;],&quot;content_name&quot;:&quot;Chakra Öl No. 3 Solar Plexus Emotions, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22254&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:30.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3IXfG2kA47MTdlp041_lJYoBgWtCr7q_uadBspTOJHKV6Fib_oPkDAK1OKMPkoeEhMMmV6c517jD2zt-XECJ-A" />
    <input value="22254" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chakra-ol-no-2-sacral-sensuality-30-ml-22253">
          <img alt="Chakra Öl No. 2 Sacral Sensuality" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11749/file/small-f1887d21aef5a5ee8fdc15f1235dbe1a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11749/file/medium-7c367611064198616b5a5b8462a3d7d9.webp 900w, https://assets.fabulous.ch/public/variant_asset/11749/file/large-af2268cc93e57e7f964fbe3a67a6bdb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11749/file/medium-7c367611064198616b5a5b8462a3d7d9.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">SeelenLiebe</p>
          <a href="/products/chakra-ol-no-2-sacral-sensuality-30-ml-22253">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chakra Öl No. 2 Sacral Sensuality, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22253&quot;],&quot;content_name&quot;:&quot;Chakra Öl No. 2 Sacral Sensuality, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22253&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:30.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9Y33GetxIk5c1hnYhoELFDNthI0CekdVlC00-DVu2oS84HCZfPIl8U0Vew9qTGm1Pa8jsefsKlLuUU40_eB3Dg" />
    <input value="22253" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D44">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chakra-ol-no-1-root-grounding-100-ml-22252">
          <img alt="Chakra Öl No. 1 Root Grounding" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11748/file/small-d6acdd26c9f3ecf898a1e88ea8e6eed3.webp 600w, https://assets.fabulous.ch/public/variant_asset/11748/file/medium-9d054c767ccc8e77cc5615c39ab11221.webp 900w, https://assets.fabulous.ch/public/variant_asset/11748/file/large-ab1c87a6f841bc3718834af35e0a93a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11748/file/medium-9d054c767ccc8e77cc5615c39ab11221.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">SeelenLiebe</p>
          <a href="/products/chakra-ol-no-1-root-grounding-100-ml-22252">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chakra Öl No. 1 Root Grounding, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 60.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22252&quot;],&quot;content_name&quot;:&quot;Chakra Öl No. 1 Root Grounding, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22252&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:60.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6MUMujDUKO7l_uYeYANa2WqnmEHH-8K6vj34nMnajiehqIs6p1cvUfQ9hMmMzjh4ZGU_fSJtr73EQYJQAVQjrQ" />
    <input value="22252" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chakra-ol-no-2-sacral-sensuality-100-ml-22251">
          <img alt="Chakra Öl No. 2 Sacral Sensuality" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11747/file/small-cee734c8ae52da647a631ced9ecca0f5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11747/file/medium-5b37722c67917332a6b88b99a3802ba2.webp 900w, https://assets.fabulous.ch/public/variant_asset/11747/file/large-aac882999bffdf7a6194e7bd986af2fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11747/file/medium-5b37722c67917332a6b88b99a3802ba2.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">SeelenLiebe</p>
          <a href="/products/chakra-ol-no-2-sacral-sensuality-100-ml-22251">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chakra Öl No. 2 Sacral Sensuality, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 60.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22251&quot;],&quot;content_name&quot;:&quot;Chakra Öl No. 2 Sacral Sensuality, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22251&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:60.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BK3Lz5x5_VfQPhETZu8s3Lpb2l7S8Txdhruh3wyQdR9NwExPC_r66MH9c8SKIk59tJl9YjdnUVr8x9sTxB7YlQ" />
    <input value="22251" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/wild-seeds-100-brennnesselsamen-bio-60-g-20018">
          <img alt="Wild Seeds 100% Brennnesselsamen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11521/file/small-5c028aae2fd76a2d3172b7f0106d4968.webp 600w, https://assets.fabulous.ch/public/variant_asset/11521/file/medium-0c5341e7b1e9e45a74ffea1f566e57b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/11521/file/large-638fbb15578ec47534f9ec8b9664fef5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11521/file/medium-0c5341e7b1e9e45a74ffea1f566e57b3.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">Kruut</p>
          <a href="/products/wild-seeds-100-brennnesselsamen-bio-60-g-20018">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wild Seeds 100% Brennnesselsamen Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20018&quot;],&quot;content_name&quot;:&quot;Wild Seeds 100% Brennnesselsamen Bio, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20018&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LpYEuIN3tKLLFLnu7HHE6ORJuPQD10q3X-ssCPbO1zhn-4M4FPSzHdrX2zkAvKZJ6osfyOZBJ7All1bEPkB6sg" />
    <input value="20018" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/hafer-muesli-protein-glutenfrei-bio-425-g-7995">
          <img alt="Hafer Müsli Protein glutenfrei ungesüsst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11332/file/small-43cfc167aface0db2bd353a4a37f6089.webp 600w, https://assets.fabulous.ch/public/variant_asset/11332/file/medium-0395be38e61ebc4e0068a3ce7993db55.webp 900w, https://assets.fabulous.ch/public/variant_asset/11332/file/large-72994a41cff8904d6333db2f1d548752.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11332/file/medium-0395be38e61ebc4e0068a3ce7993db55.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">Bauckhof</p>
          <a href="/products/hafer-muesli-protein-glutenfrei-bio-425-g-7995">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer Müsli Protein glutenfrei ungesüsst Bio, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7995&quot;],&quot;content_name&quot;:&quot;Hafer Müsli Protein glutenfrei ungesüsst Bio, 425 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7995&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CgDLVTkl3EJ6LGvdSRZLI-abJOCHuMPpCUF35Gq8I5hDbUzVrqbb_WvvCQql2ymC6FmD3GIuru5zPQ0oojKOEg" />
    <input value="7995" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/energieriegel-hafer-snack-zitrone-bio-40-g-11841">
          <img alt="Energieriegel Hafer-Snack Zitrone Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6041/file/small-086e08ae4718cb0a22f7eb6cef76facb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6041/file/medium-4608922216c2b12c9f98c02ba4643feb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6041/file/large-356602ec9447d683575780b3826356b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6041/file/medium-4608922216c2b12c9f98c02ba4643feb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lifefood</p>
          <a href="/products/energieriegel-hafer-snack-zitrone-bio-40-g-11841">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Energieriegel Hafer-Snack Zitrone Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11841&quot;],&quot;content_name&quot;:&quot;Energieriegel Hafer-Snack Zitrone Bio, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11841&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1id9TVaVQfwxoXmGSi6AmRZsjCtkBney8iw0mDmfFUWfSvrNwRZGQyBiG1Gm4-I4GK4rF4GQGrWIUE5U8RG4zw" />
    <input value="11841" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/gruntee-pur-offen-demeter-100-g-19785">
          <img alt="Grüntee Pur offen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10250/file/small-5bb82482438ff93afbaafca35ae94d08.webp 600w, https://assets.fabulous.ch/public/variant_asset/10250/file/medium-b125f9066c74289ff0356f6f9df04cb8.webp 900w, https://assets.fabulous.ch/public/variant_asset/10250/file/large-58ded0501c412bdb40fe03b36244c7e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10250/file/medium-b125f9066c74289ff0356f6f9df04cb8.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">Hampstead Tea</p>
          <a href="/products/gruntee-pur-offen-demeter-100-g-19785">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grüntee Pur offen Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19785&quot;],&quot;content_name&quot;:&quot;Grüntee Pur offen Demeter, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19785&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G6lrO3zejgkQDN6ByAEiUhpqsejqAqGikMORAZCivWBSxOy7612JtgHPvFYkzEDzFKgW1A-UzKXqv-vNWCwQ6g" />
    <input value="19785" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/cayennepfeffer-grob-gemahlen-bio-25-g-18408">
          <img alt="Cayennepfeffer gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10829/file/small-27fd4d35f0aee354545f401107a6f8b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/10829/file/medium-e9bb3ebeafad1cd6c2fcb2e12ff65c6e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10829/file/large-595e96cce1d6c74cc5813516f6470158.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10829/file/medium-e9bb3ebeafad1cd6c2fcb2e12ff65c6e.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">Brecht</p>
          <a href="/products/cayennepfeffer-grob-gemahlen-bio-25-g-18408">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cayennepfeffer gemahlen Bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18408&quot;],&quot;content_name&quot;:&quot;Cayennepfeffer gemahlen Bio, 25 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18408&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oDCOLKuyLgMyGsoaPudjNuoazBqWfvymV9s4tiW8GzfpXQmsPDEpvCPZqM3SKgGX5NhrJnPokaEtp0J67TK2vQ" />
    <input value="18408" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/soul-kitchen-gemuse-curry-bio-370-g-19262">
          <img alt="Soul Kitchen Gemüse Curry Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9467/file/small-a9877882ad78cf3db48f1c868ec8aaa7.webp 600w, https://assets.fabulous.ch/public/variant_asset/9467/file/medium-12b71e61636298c4555d654b1b130155.webp 900w, https://assets.fabulous.ch/public/variant_asset/9467/file/large-22032b9a865ee0627ee2b04bebfb1d03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9467/file/medium-12b71e61636298c4555d654b1b130155.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/products/soul-kitchen-gemuse-curry-bio-370-g-19262">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soul Kitchen Gemüse Curry Bio, 370 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19262&quot;],&quot;content_name&quot;:&quot;Soul Kitchen Gemüse Curry Bio, 370 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19262&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1sYAnxLwC29QSg3EeTnUBDchgGMfzcLxhONYXmeSlhyfq4cfhXMM0EGJbxOV9LalOeMnX_pbr_b-nyKSrxw7lg" />
    <input value="19262" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/soul-kitchen-tikka-masala-bio-370-g-19263">
          <img alt="Soul Kitchen Tikka Masala Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9461/file/small-6c87290d0ab8140577c8ba9b49ac9b15.webp 600w, https://assets.fabulous.ch/public/variant_asset/9461/file/medium-b6f2202ba476bdc490d0788742797d8f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9461/file/large-b5e8508bc0c8ede8fa61c8fa9c5070e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9461/file/medium-b6f2202ba476bdc490d0788742797d8f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/products/soul-kitchen-tikka-masala-bio-370-g-19263">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soul Kitchen Tikka Masala Bio, 370 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19263&quot;],&quot;content_name&quot;:&quot;Soul Kitchen Tikka Masala Bio, 370 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19263&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N5eP7bp8M_TV_GCRIYQpHnNF80VNMqkdGejNFDhONjl--ghtLf80S8Q_AkbNSUu_fYdUeaikxBpjlLfY8MCbsw" />
    <input value="19263" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tomatensauce-kinder-mit-apfelsusse-bio-334-ml-8884">
          <img alt="Tomatensauce Kinder mit Apfelsüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5146/file/small-0a7c55b98c191319ed15c3bd8bd0a9b5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5146/file/medium-8302bde8a5d57cdf7fc61275067520f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/5146/file/large-3190d7a4bfe8bc4937c13c3cebcccd80.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5146/file/medium-8302bde8a5d57cdf7fc61275067520f9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/products/tomatensauce-kinder-mit-apfelsusse-bio-334-ml-8884">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tomatensauce Kinder mit Apfelsüsse Bio, 334 ml</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 1.68 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8884&quot;],&quot;content_name&quot;:&quot;Tomatensauce Kinder mit Apfelsüsse Bio, 334 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8884&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3X5Jxb944_ZdlVaoXjf2xXLUNQed8Ggc-OSMozv1NsSUE85FKPvkSUxWNH-y-pRkfBaSO3hmBRuCmPZv83ubTg" />
    <input value="8884" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/hustensirup-holunder-380-ml-18689">
          <img alt="Hustensirup Holunder" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9656/file/small-a92575a5a660e71a6899196f6e40fc18.webp 600w, https://assets.fabulous.ch/public/variant_asset/9656/file/medium-bebfdf418f1cc794e3db58087c33716e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9656/file/large-fa64fb7f670f9c30225d16c991356bfe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9656/file/medium-bebfdf418f1cc794e3db58087c33716e.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="/products/hustensirup-holunder-380-ml-18689">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hustensirup Holunder, 380 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18689&quot;],&quot;content_name&quot;:&quot;Hustensirup Holunder, 380 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18689&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k1nTDjStJKOBFyjrjzSIl9YFNr6l0nojjYfb9r9IWcHaNFSOoy4jHJDUSjxj-eo22MeRgkBEFyT3-6E6d8b0Sw" />
    <input value="18689" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/biona-apfelessig-4-5-pet-1-l-18659">
          <img alt="Biona Apfelessig 4.5% PET" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9638/file/small-8250cd18389c63015d9f85c3b32f34b5.webp 600w, https://assets.fabulous.ch/public/variant_asset/9638/file/medium-f92b9962f8b2ae077afe593b85e50443.webp 900w, https://assets.fabulous.ch/public/variant_asset/9638/file/large-98b5576ac07d085faa103637af5a6e18.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9638/file/medium-f92b9962f8b2ae077afe593b85e50443.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="/products/biona-apfelessig-4-5-pet-1-l-18659">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biona Apfelessig 4.5% PET, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18659&quot;],&quot;content_name&quot;:&quot;Biona Apfelessig 4.5% PET, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18659&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x8m5fxEqVYVMT-jupoACMbsvCFn8QladEH_OnRFZ9i2OpD7_hqlSOl2MijlKTWCQte2vZRnUO5pqA7RR2ddbpw" />
    <input value="18659" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/weizenkleie-naturrein-bio-knospe-250-g-19874">
          <img alt="Weizenkleie naturrein Bio Knospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10513/file/small-3c1f2c4bd51c59d92132f37c2f97e88b.webp 600w, https://assets.fabulous.ch/public/variant_asset/10513/file/medium-05866bb3244b8ad338e82dc3e7d9a499.webp 900w, https://assets.fabulous.ch/public/variant_asset/10513/file/large-358c030a168f8528f0056f51b20f563b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10513/file/medium-05866bb3244b8ad338e82dc3e7d9a499.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="/products/weizenkleie-naturrein-bio-knospe-250-g-19874">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weizenkleie naturrein Bio Knospe, 250 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 1.56 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19874&quot;],&quot;content_name&quot;:&quot;Weizenkleie naturrein Bio Knospe, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19874&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CUz-H8JTjtKBYuKG8MOVde3pxHQTgcyQf4KVkHXzeN9AIXmfVdCJbZChgFEcDvfU4ytjSPYXoZcF_u9cvX3VVQ" />
    <input value="19874" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/acerola-80mg-vitamin-c-180-stuck-18651">
          <img alt="Acerola 80mg Vitamin C" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9244/file/small-6ffdb48c7c7a008a7c4e92eb8e0d1dcd.webp 600w, https://assets.fabulous.ch/public/variant_asset/9244/file/medium-514bb9175c3403fb14cdda7c9857a6ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/9244/file/large-c30074093c46b0250bbfa183b3f3ca40.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9244/file/medium-514bb9175c3403fb14cdda7c9857a6ab.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="/products/acerola-80mg-vitamin-c-180-stuck-18651">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Acerola 80mg Vitamin C, 180 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18651&quot;],&quot;content_name&quot;:&quot;Acerola 80mg Vitamin C, 180 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18651&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qo15Pou1YNTjnHfhjxQRhb9l3LlT0wI6G6QSJn83FTbj4P6-HDZna_JfFTZj2XMksad7hbZFbz1h2Gjqt7m4vA" />
    <input value="18651" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D44">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/birnel-birnen-dicksaft-bio-500-g-18660">
          <img alt="Birnel Birnen-Dicksaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9631/file/small-65153ac770684690615cb7fdfae56c2f.webp 600w, https://assets.fabulous.ch/public/variant_asset/9631/file/medium-076069da1d7e63c954a52644ccd88361.webp 900w, https://assets.fabulous.ch/public/variant_asset/9631/file/large-7f6e7c00d22f4c428efdee0fdb249878.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9631/file/medium-076069da1d7e63c954a52644ccd88361.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="/products/birnel-birnen-dicksaft-bio-500-g-18660">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Birnel Birnen-Dicksaft Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

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

      </div>
    </div>
  </div>


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sesamol-bio-150-ml-18709">
          <img alt="Sesamöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9662/file/small-f29d26ba7f2d3e80a6cb72af6f506fe0.webp 600w, https://assets.fabulous.ch/public/variant_asset/9662/file/medium-91e23fbb19baa830cd7ba0c5e51283a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/9662/file/large-db6fce7643d5e35274b063e493f300f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9662/file/medium-91e23fbb19baa830cd7ba0c5e51283a5.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="/products/sesamol-bio-150-ml-18709">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sesamöl Bio, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18709&quot;],&quot;content_name&quot;:&quot;Sesamöl Bio, 150 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18709&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n1a51GGyZpARIzSr5xxLVvtnGwl_lRlymePW1AdzVNfWOz5U9jFhLwDgVnwL0Sn39aW8NZoDdHXjn6wYz_35XQ" />
    <input value="18709" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/kastanienflocken-100-g-18692">
          <img alt="Kastanienflocken" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9623/file/small-ff030d66bb061ec08000e85de8a53e2a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9623/file/medium-9013628c79ce6780b1e4c04a43fd966b.webp 900w, https://assets.fabulous.ch/public/variant_asset/9623/file/large-c343943393cb7c98aaf3b489fac9b2d8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9623/file/medium-9013628c79ce6780b1e4c04a43fd966b.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="/products/kastanienflocken-100-g-18692">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kastanienflocken, 100 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 6.90 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18692&quot;],&quot;content_name&quot;:&quot;Kastanienflocken, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18692&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BPN8UxoRfoUx8jmk7bfh9RKuQm0ypW3BxLAD7L5VL6BNnvvTjZJ5OiAxW3MBeoNUHGzlUdczAMa-zHkgdtuCKg" />
    <input value="18692" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D44">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/hirsegriess-demeter-500-g-18687">
          <img alt="Hirsegriess Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9629/file/small-aa19a299e99e7a8ac21d2962f2a6fa04.webp 600w, https://assets.fabulous.ch/public/variant_asset/9629/file/medium-702776a373164522042a2f7a41a80978.webp 900w, https://assets.fabulous.ch/public/variant_asset/9629/file/large-0a018a34c487a43ce85ebe3876601ed9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9629/file/medium-702776a373164522042a2f7a41a80978.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="/products/hirsegriess-demeter-500-g-18687">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hirsegriess Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

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

      </div>
    </div>
  </div>



</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">
      880 von 2&#39;978 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/products?format=turbo_stream&amp;page=45">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>