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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D20">
    <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/himalaya-kristallsalz-fein-streudose-250-g-19167">
          <img alt="Himalaya Kristallsalz fein Streudose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9324/file/small-93105f88f87439e9bfe6e65c43d411c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/9324/file/medium-47302ed2da7fccd23da3f103f8b9c97d.webp 900w, https://assets.fabulous.ch/public/variant_asset/9324/file/large-7f91711c50af63bbdf9c91344310634b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9324/file/medium-47302ed2da7fccd23da3f103f8b9c97d.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">VitaSal</p>
          <a href="/products/himalaya-kristallsalz-fein-streudose-250-g-19167">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Himalaya Kristallsalz fein Streudose, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.30
            </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-19167-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19167&quot;],&quot;content_name&quot;:&quot;Himalaya Kristallsalz fein Streudose, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19167&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HvALG7nO5A_J0XgRXnTcZIQijtakTevV6vdBzgXlMO0SyIAiYQL2rnMVhbeK0taJAurwcm5tnhmX2g04m8pTgw" />
    <input value="19167" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D20">
    <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-cuisine-glas-demeter-330-ml-19190">
          <img alt="Hafer Cuisine Glas Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9444/file/small-66c4015cd2b9e86d270c7ec52d8dab2a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9444/file/medium-7de1ec09525467f90162c21323aa7446.webp 900w, https://assets.fabulous.ch/public/variant_asset/9444/file/large-a31a992843f624573d56b890a885bba7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9444/file/medium-7de1ec09525467f90162c21323aa7446.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">Voelkel</p>
          <a href="/products/hafer-cuisine-glas-demeter-330-ml-19190">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer Cuisine Glas Demeter, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19190&quot;],&quot;content_name&quot;:&quot;Hafer Cuisine Glas Demeter, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19190&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z2MOCGLh9LIc2tGK8c38LZzHLnjWNXl3XsmkPBaeaPtrW4Uxui3mE6YeLCwla_bAGg9Q3BwVDLsj5OjKiLELlQ" />
    <input value="19190" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D20">
    <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/herbadiat-bio-125-g-19200">
          <img alt="Herbadiät Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9950/file/small-b4a509e0624ba6132d5a42d145cc5099.webp 600w, https://assets.fabulous.ch/public/variant_asset/9950/file/medium-14f1cb203a8bf3418b5fe9f4749d8344.webp 900w, https://assets.fabulous.ch/public/variant_asset/9950/file/large-3853162f013fea2dbd42fd682f4b86e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9950/file/medium-14f1cb203a8bf3418b5fe9f4749d8344.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">Vogel</p>
          <a href="/products/herbadiat-bio-125-g-19200">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Herbadiät Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19200&quot;],&quot;content_name&quot;:&quot;Herbadiät Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19200&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PdKX6LpyUA4NCzd4SAH2Jd51E6s17kuoPWS_nheTPGgx6hzRYr5Cr7fPyt6cp_zIWL1tD__OPmRASfNoibxfBg" />
    <input value="19200" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D20">
    <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/herbamare-bio-125-g-19201">
          <img alt="Herbamare Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9468/file/small-28de27b8b9c4672d3c3455ccbb57ffbe.webp 600w, https://assets.fabulous.ch/public/variant_asset/9468/file/medium-2b9186310672552085aacefb4510d3b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/9468/file/large-5cad875c54be22b85c1c1395be4a33f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9468/file/medium-2b9186310672552085aacefb4510d3b2.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">Vogel</p>
          <a href="/products/herbamare-bio-125-g-19201">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Herbamare Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.85
            </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-19201-card">
        

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

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


  

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


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

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D20">
    <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/herbamare-bouillon-bio-1-kg-19203">
          <img alt="Herbamare Bouillon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10014/file/small-2beefd84c40061b85693f4ba976bbab6.webp 600w, https://assets.fabulous.ch/public/variant_asset/10014/file/medium-ecd5fb10dd8df31b97e8758f7a0e9798.webp 900w, https://assets.fabulous.ch/public/variant_asset/10014/file/large-010b3e5bbdaa68c13d1f583eaeae14eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10014/file/medium-ecd5fb10dd8df31b97e8758f7a0e9798.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">Vogel</p>
          <a href="/products/herbamare-bouillon-bio-1-kg-19203">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Herbamare Bouillon Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19203&quot;],&quot;content_name&quot;:&quot;Herbamare Bouillon Bio, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19203&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:28.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s4iG_xoDh3H7zyAraxgttYWhImS_SUBeofC3J6G6a2i_sA3Gws-V0EEL3Y2_vidYA2lcwHVpNZLc3fvRP5UIBg" />
    <input value="19203" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D20">
    <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/kelpamare-500-ml-19204">
          <img alt="Kelpamare" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9452/file/small-18e99188a3d321deb28b3695f5e9874b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9452/file/medium-02835262ccaf65ab64f29dbbe769552a.webp 900w, https://assets.fabulous.ch/public/variant_asset/9452/file/large-01f38ac4464d5928c2fdf5664f8959e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9452/file/medium-02835262ccaf65ab64f29dbbe769552a.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">Vogel</p>
          <a href="/products/kelpamare-500-ml-19204">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kelpamare, 500 ml</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 2.96 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19204&quot;],&quot;content_name&quot;:&quot;Kelpamare, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19204&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0XFvaMwa5Vvw0Fb97JNYDzrMfZvT3-Lb6J14_J96jr3dSeRRFNb3-koUq1s4NVLivAQDPxn_lxeVsDQKAVXt0w" />
    <input value="19204" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D20">
    <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/kelpamare-85-ml-19205">
          <img alt="Kelpamare" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9454/file/small-8030cdb96353999170146d2e90e4b041.webp 600w, https://assets.fabulous.ch/public/variant_asset/9454/file/medium-f420378abce294f4befc06edb7b942ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/9454/file/large-e862727a75cb87ec2f7aa1b9d45437d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9454/file/medium-f420378abce294f4befc06edb7b942ac.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">Vogel</p>
          <a href="/products/kelpamare-85-ml-19205">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kelpamare, 85 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19205&quot;],&quot;content_name&quot;:&quot;Kelpamare, 85 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19205&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0-wA2Z4bdauQnz6oBmyS6XdNs2_y_hTkVZkPH7lGOwvf1IvgRtdnCipbww7SypgE8YXNyzjeYSgotEPpJ2lYZQ" />
    <input value="19205" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D20">
    <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/zimt-ceylon-gemahlen-bio-120-g-19670">
          <img alt="Zimt Ceylon gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10885/file/small-da6f7ceff95dd05d23d8d08ee941b1ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/10885/file/medium-f63f4b61d82d1bf399521b2b184c5453.webp 900w, https://assets.fabulous.ch/public/variant_asset/10885/file/large-ffcf30628a59e46e37659c1c09d39d83.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10885/file/medium-f63f4b61d82d1bf399521b2b184c5453.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/zimt-ceylon-gemahlen-bio-120-g-19670">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zimt Ceylon gemahlen Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19670&quot;],&quot;content_name&quot;:&quot;Zimt Ceylon gemahlen Bio, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19670&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZnzG-GgoYJNO3nTJR9DVRonbUht-45AjOWs3ve-HW4RqRE3BsORyMvQaiW-Tdt-rDxMsv7TD5e9ERntLcag46g" />
    <input value="19670" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D20">
    <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/sternanis-ganz-bio-25-g-19671">
          <img alt="Sternanis ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10135/file/small-7902286033ff89435c4fef5541715ebc.webp 600w, https://assets.fabulous.ch/public/variant_asset/10135/file/medium-9efa7de38d36e3cad241b4b573cefd4a.webp 900w, https://assets.fabulous.ch/public/variant_asset/10135/file/large-6b567b48f63f7645cc636033d7826735.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10135/file/medium-9efa7de38d36e3cad241b4b573cefd4a.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/sternanis-ganz-bio-25-g-19671">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sternanis ganz Bio, 25 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 27.60 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19671&quot;],&quot;content_name&quot;:&quot;Sternanis ganz Bio, 25 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19671&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="9oD51FEUN9o9eC4YbIcPteoXry2a9FrMD96r5Lb2vRD6uHLtidgle4e80764IQVYbN_RiVDULwBy8-cSKNnefg" />
    <input value="19671" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D20">
    <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/schabzigerklee-gemahlen-bio-40-g-3f753f4b-c53b-4e98-89c2-2a0f6f21def7-19742">
          <img alt="Schabzigerklee gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10339/file/small-f7d625d7a8e31f2a62f5d2165867be50.webp 600w, https://assets.fabulous.ch/public/variant_asset/10339/file/medium-d56f78b36e1d2ea6c506422d2f957fed.webp 900w, https://assets.fabulous.ch/public/variant_asset/10339/file/large-043213cf04f291d073bde3c2185b9d1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10339/file/medium-d56f78b36e1d2ea6c506422d2f957fed.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/schabzigerklee-gemahlen-bio-40-g-3f753f4b-c53b-4e98-89c2-2a0f6f21def7-19742">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schabzigerklee gemahlen Bio, 40 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 17.25 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19742&quot;],&quot;content_name&quot;:&quot;Schabzigerklee gemahlen Bio, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19742&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="6Fc_1h-uF7CgL_l3jLbhFOkYR8h8-iOXnrvmmLLcLU_kb7Tvx2IFERrrBNFYEOv5b9A5bLbaVlvjlqpuLPNOIQ" />
    <input value="19742" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D20">
    <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/senf-feigen-bio-125-ml-19758">
          <img alt="Senf Feigen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10818/file/small-5716a4bf654018ac79693334ef597177.webp 600w, https://assets.fabulous.ch/public/variant_asset/10818/file/medium-a9c52e2225567a49c7b3b4e57ce0986d.webp 900w, https://assets.fabulous.ch/public/variant_asset/10818/file/large-d85ef4a2d530d68f78d4a726525eb08b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10818/file/medium-a9c52e2225567a49c7b3b4e57ce0986d.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">Byodo</p>
          <a href="/products/senf-feigen-bio-125-ml-19758">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senf Feigen Bio, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19758&quot;],&quot;content_name&quot;:&quot;Senf Feigen Bio, 125 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19758&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gmVa6qSRNZrSZ0xTMdV0RWTF8NEnyn76hxqkdm8u-WWOXdHTfF0nO2ijsfXlc36o4g2Ode3qCzb6N-iA8QGaCw" />
    <input value="19758" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D20">
    <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/liebstockelkraut-geschnitten-bio-12-5-g-19782">
          <img alt="Liebstöckelkraut geschnitten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10246/file/small-add2bd288acec0d1482208cbe9bb88cb.webp 600w, https://assets.fabulous.ch/public/variant_asset/10246/file/medium-15e4416602e786e097c0c325ebbadb1e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10246/file/large-450ae6fd6560ce29459f7fb584763710.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10246/file/medium-15e4416602e786e097c0c325ebbadb1e.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/liebstockelkraut-geschnitten-bio-12-5-g-19782">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liebstöckelkraut geschnitten Bio, 12.5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19782&quot;],&quot;content_name&quot;:&quot;Liebstöckelkraut geschnitten Bio, 12.5 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19782&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Oi1Y-ZYVKw7yHFueDzMS0bZKh0FKnZgIa0CulalDICo2FdPATtk5r0jYpjjblRg8MIL55YC97cQWbeJjN2xDRA" />
    <input value="19782" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D20">
    <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/delikatess-mayonnaise-tube-demeter-185-ml-19805">
          <img alt="Delikatess Mayonnaise Tube Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10368/file/small-660d29a7b4fc4e0e896f12c49fc43919.webp 600w, https://assets.fabulous.ch/public/variant_asset/10368/file/medium-55b4126531ef436c793d43163d69fef3.webp 900w, https://assets.fabulous.ch/public/variant_asset/10368/file/large-0a3040b358fb77ac263f2475261e6023.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10368/file/medium-55b4126531ef436c793d43163d69fef3.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">Naturata</p>
          <a href="/products/delikatess-mayonnaise-tube-demeter-185-ml-19805">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Delikatess Mayonnaise Tube Demeter, 185 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19805&quot;],&quot;content_name&quot;:&quot;Delikatess Mayonnaise Tube Demeter, 185 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19805&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iZv64S1YHN6A7DNTMTsy2RWzwrVrs6la3etYwPIUSxWFo3HY9ZQOfzoozvXlnTg0k3u8EaGT3JagxhQ2bDsoew" />
    <input value="19805" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D20">
    <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/gewurz-salattopping-nfp-bio-30-g-19824">
          <img alt="Gewürz Salattopping NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10388/file/small-c1bb3c90a17ef119e15861bf8da1ed5c.webp 600w, https://assets.fabulous.ch/public/variant_asset/10388/file/medium-ac78d26a384937f54dd0239f587a75bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/10388/file/large-6bda3a9ad0fb7b18f48cd59a54c5f76b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10388/file/medium-ac78d26a384937f54dd0239f587a75bf.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">Sonnentor</p>
          <a href="/products/gewurz-salattopping-nfp-bio-30-g-19824">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürz Salattopping NFP Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19824&quot;],&quot;content_name&quot;:&quot;Gewürz Salattopping NFP Bio, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19824&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="W2X8WeM_4xQiHYIet7JvW8GqhdxJRHQJvTdTicgumtRXXXdgO_PxtZjZf7hjFGW2R2L7eINkAcXAGh9_VgH5ug" />
    <input value="19824" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D20">
    <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/hanfol-demeter-250-ml-19829">
          <img alt="Hanföl Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10390/file/small-a1d9988cf6a61e1c863cc48be155c24f.webp 600w, https://assets.fabulous.ch/public/variant_asset/10390/file/medium-10ec57cfdc77e7cf09cd27b755588fd2.webp 900w, https://assets.fabulous.ch/public/variant_asset/10390/file/large-43545db38f22a00d484acfb97b66e79f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10390/file/medium-10ec57cfdc77e7cf09cd27b755588fd2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/hanfol-demeter-250-ml-19829">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hanföl Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19829&quot;],&quot;content_name&quot;:&quot;Hanföl Demeter, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19829&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:22.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hkfcDypXuwCYcHY-b5Y89YxkNFA8U8rmf_6r4f4h_RCKf1c28pupoSK0i5i7MDYYCqxK9PZzvyoC0-cXYA6efg" />
    <input value="19829" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D20">
    <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/salatdressing-tandoori-bio-500-ml-19845">
          <img alt="Salatdressing Tandoori Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10413/file/small-53ca4c1e75cda567c0fc38f9f55fac76.webp 600w, https://assets.fabulous.ch/public/variant_asset/10413/file/medium-24cb989bbd78d7523dc56bbbc9c8abeb.webp 900w, https://assets.fabulous.ch/public/variant_asset/10413/file/large-11d4a56f48e17d7269514a359cdd4634.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10413/file/medium-24cb989bbd78d7523dc56bbbc9c8abeb.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">huusgmacht</p>
          <a href="/products/salatdressing-tandoori-bio-500-ml-19845">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salatdressing Tandoori Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19845&quot;],&quot;content_name&quot;:&quot;Salatdressing Tandoori Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19845&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nM6zOvyRfnDIfw2TehrfrrsgPtGGkcVy_P1ZjEW_6C6Q9jgDJF1s0XK78DWuvNVDPehAdUyxsL6B0BV625CLQA" />
    <input value="19845" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D20">
    <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/kokosnussol-mct-demeter-250-ml-19846">
          <img alt="Kokosnussöl MCT Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10414/file/small-6b9d952a4795a7b0e25e04cf0a8cf139.webp 600w, https://assets.fabulous.ch/public/variant_asset/10414/file/medium-875b61525aa825e08b9b159011462a68.webp 900w, https://assets.fabulous.ch/public/variant_asset/10414/file/large-1a3eec9b08cb53e9dfac43e991ada674.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10414/file/medium-875b61525aa825e08b9b159011462a68.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/kokosnussol-mct-demeter-250-ml-19846">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosnussöl MCT Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19846&quot;],&quot;content_name&quot;:&quot;Kokosnussöl MCT Demeter, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19846&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ebXCwOfnbPSOATkBEgniRawbyhilJXFHKOWmfkN0abh1jUn5Pyt-VTTFxKfGr-ioKtO0vG8FBItVyOqI3VsK1g" />
    <input value="19846" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D20">
    <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/gewurzbluten-flower-power-nachfullbeutel-bio-35-g-19867">
          <img alt="Gewürzblüten Flower Power Nachfüllbeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10434/file/small-e3096929301bd54d6fc5da8e87a26c24.webp 600w, https://assets.fabulous.ch/public/variant_asset/10434/file/medium-71ee6cfb9c24c54f54263c8a5ecf0a1a.webp 900w, https://assets.fabulous.ch/public/variant_asset/10434/file/large-9344143ac5ed613d51b891e567a5c70b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10434/file/medium-71ee6cfb9c24c54f54263c8a5ecf0a1a.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">Sonnentor</p>
          <a href="/products/gewurzbluten-flower-power-nachfullbeutel-bio-35-g-19867">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürzblüten Flower Power Nachfüllbeutel Bio, 35 g</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 16.86 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19867&quot;],&quot;content_name&quot;:&quot;Gewürzblüten Flower Power Nachfüllbeutel Bio, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19867&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gCQ45pRAC-vx8R16L5JWpZDY49x3P9Toba5drw1A3oiMHLPfTIwZSks14Nz7NFxIFhCdeL0foSQQgxFZk2-95g" />
    <input value="19867" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D20">
    <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/pesto-alla-puttanesca-bio-130-g-19903">
          <img alt="Pesto alla Puttanesca Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10545/file/small-f31f382a30f6b7a75e24e3042d22511b.webp 600w, https://assets.fabulous.ch/public/variant_asset/10545/file/medium-9888088f1c90ec5730cff28a98084d4a.webp 900w, https://assets.fabulous.ch/public/variant_asset/10545/file/large-4eb463a22a7fbdda17e62eeb64073cd7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10545/file/medium-9888088f1c90ec5730cff28a98084d4a.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">Nabio</p>
          <a href="/products/pesto-alla-puttanesca-bio-130-g-19903">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pesto alla Puttanesca Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19903&quot;],&quot;content_name&quot;:&quot;Pesto alla Puttanesca Bio, 130 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19903&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4BgR4IdLnKy0SdgY_gXIijuHOMgcPjZMjHK9JBNGmozsIJrZX4eODQ6NJb4qo8JnvU9GbNYeQ4DxX_HSjWn54g" />
    <input value="19903" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      400 von 432 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel/wurzmittel?format=turbo_stream&amp;page=21">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>