<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%3D16">
    <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/pommes-frites-gewurzsalz-bio-60-g-18451">
          <img alt="Pommes Frites Gewürzsalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9826/file/small-ead747bea507e6503f524da69ef52873.webp 600w, https://assets.fabulous.ch/public/variant_asset/9826/file/medium-9942c11daf0d4b9c746e3a1a60383d79.webp 900w, https://assets.fabulous.ch/public/variant_asset/9826/file/large-6abc3af8c6e5217ef78eb549c63efee4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9826/file/medium-9942c11daf0d4b9c746e3a1a60383d79.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/pommes-frites-gewurzsalz-bio-60-g-18451">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pommes Frites Gewürzsalz Bio, 60 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 9.83 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18451&quot;],&quot;content_name&quot;:&quot;Pommes Frites Gewürzsalz Bio, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18451&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="CrRfZHz5adO_3IJRDIZjnvWQVqVAdbET-vT7T6Qqoan3zIzjdk7Rg05E9NbOxH2y5Qum8BbDlN3gvf7thjWENw" />
    <input value="18451" 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%3D16">
    <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/ras-el-hanout-gewurz-bio-55-g-18452">
          <img alt="Ras el Hanout Gewürz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9827/file/small-79acea151d06bc4598e2d1002d8f468e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9827/file/medium-6251a0edf6594c9836f1808c6d28d88e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9827/file/large-a975a29efed7ef1a9fbd69589fd8c020.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9827/file/medium-6251a0edf6594c9836f1808c6d28d88e.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/ras-el-hanout-gewurz-bio-55-g-18452">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ras el Hanout Gewürz Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18452&quot;],&quot;content_name&quot;:&quot;Ras el Hanout Gewürz Bio, 55 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18452&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7SU-51wniUb9WAJaDDnwgxGD8zaiBDSw6R2c6JTjsCAQXe1gVpAxFgzAdN3Oe-6vARgDY_SyEX7zVJlKtvyVvg" />
    <input value="18452" 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%3D16">
    <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/rosmarin-geschnitten-bio-20-g-18453">
          <img alt="Rosmarin geschnitten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9611/file/small-638ad558c812d1b57a7090aafebd4408.webp 600w, https://assets.fabulous.ch/public/variant_asset/9611/file/medium-b9a33a5a4956ab1e6d29e1e14ee94f5a.webp 900w, https://assets.fabulous.ch/public/variant_asset/9611/file/large-e95726aeb55d5584c9427e3f4aa896d9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9611/file/medium-b9a33a5a4956ab1e6d29e1e14ee94f5a.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/rosmarin-geschnitten-bio-20-g-18453">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosmarin geschnitten Bio, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18453&quot;],&quot;content_name&quot;:&quot;Rosmarin geschnitten Bio, 20 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18453&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="Comb7VWbu-0pc8IDUt2HOd0l0VhwpYzmShfj5XzEmtD38UhqXywDvdjrtISQn5kVzb4hDSYTqShQXuZHXtu_Tg" />
    <input value="18453" 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%3D16">
    <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/salatkrauter-grob-gemahlen-25-g-18454">
          <img alt="Salatkräuter grob gemahlen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10132/file/small-022c08cf8969e465d317e11dc0a0eefc.webp 600w, https://assets.fabulous.ch/public/variant_asset/10132/file/medium-4c0957b01a0bb4bf0ae2216d88e12363.webp 900w, https://assets.fabulous.ch/public/variant_asset/10132/file/large-a05dd533d8e69d687c12b258a5076e0d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10132/file/medium-4c0957b01a0bb4bf0ae2216d88e12363.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/salatkrauter-grob-gemahlen-25-g-18454">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salatkräuter grob gemahlen, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18454&quot;],&quot;content_name&quot;:&quot;Salatkräuter grob gemahlen, 25 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18454&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_APw0Ch81hlXZCFrm9DaeYZcsmyeK-uI4_wopTTCKFcBeyNXIstuSab8V-xZksRVlsdCOcidzkb5tS0HFt0NyQ" />
    <input value="18454" 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%3D16">
    <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/schwarzkummel-ganz-bio-40-g-18455">
          <img alt="Schwarzkümmel ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9612/file/small-287d9f38fe6b5378a152c5373cb7c1b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/9612/file/medium-db2e152a0fe13d688f93a4abe1a4c061.webp 900w, https://assets.fabulous.ch/public/variant_asset/9612/file/large-73a933993af1686354958a8058d7049d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9612/file/medium-db2e152a0fe13d688f93a4abe1a4c061.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/schwarzkummel-ganz-bio-40-g-18455">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarzkümmel ganz Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18455&quot;],&quot;content_name&quot;:&quot;Schwarzkümmel ganz Bio, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18455&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ArQTkEzjkczyM6Ufy4v5GTsq1WxSPeRNxppLDvZGwhP_zMAXRlQpnAOr05gJyec1K7ElOQSLwYPc006s1FnnjQ" />
    <input value="18455" 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%3D16">
    <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-gemahlen-bio-27-g-18456">
          <img alt="Sternanis gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10133/file/small-865bf61f240daaa52dcd101ed04f5307.webp 600w, https://assets.fabulous.ch/public/variant_asset/10133/file/medium-c8d7cfe562367b36f1e46d38fc188025.webp 900w, https://assets.fabulous.ch/public/variant_asset/10133/file/large-b45783878ee571d9a57e84bb32e04150.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10133/file/medium-c8d7cfe562367b36f1e46d38fc188025.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-gemahlen-bio-27-g-18456">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sternanis gemahlen Bio, 27 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18456&quot;],&quot;content_name&quot;:&quot;Sternanis gemahlen Bio, 27 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18456&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="egtNyDRCyhnWNAmP2_5QfvzUbm43pDT58Wr3IROonR-Hc55PPvVySSesfwgZvE5S7E-eO2ESETfrI_KDMbe4gQ" />
    <input value="18456" 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%3D16">
    <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/wacholderbeeren-ganz-nfp-bio-35-g-18458">
          <img alt="Wacholderbeeren ganz NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10407/file/small-8cc7d317daa145b3ca7e2782083b99a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/10407/file/medium-70236125097df7e8dfb4a07efb21f13c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10407/file/large-f27f52876a5c73fbd7beb7feecf588db.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10407/file/medium-70236125097df7e8dfb4a07efb21f13c.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/wacholderbeeren-ganz-nfp-bio-35-g-18458">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wacholderbeeren ganz NFP Bio, 35 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 15.71 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18458&quot;],&quot;content_name&quot;:&quot;Wacholderbeeren ganz NFP Bio, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18458&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="Cz8AERGKNTMuVsS_K65EZlIKg_II_HraLiMvlRgVk2_2R9OWGz2NY9_Osjjp7FpKQpFzp15KXxQ0aio3Ogq28Q" />
    <input value="18458" 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%3D16">
    <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-cassia-gemahlen-bio-35-g-18459">
          <img alt="Zimt Cassia gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9610/file/small-c063c0ef7f80a7b1c98dcb15c65c4f9c.webp 600w, https://assets.fabulous.ch/public/variant_asset/9610/file/medium-a4c66088aa40f1c55e0cc966a65bf6b7.webp 900w, https://assets.fabulous.ch/public/variant_asset/9610/file/large-144da08c9d63bedd881980ea20d5c404.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9610/file/medium-a4c66088aa40f1c55e0cc966a65bf6b7.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-cassia-gemahlen-bio-35-g-18459">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zimt Cassia gemahlen Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18459&quot;],&quot;content_name&quot;:&quot;Zimt Cassia gemahlen Bio, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18459&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ePO_oNtb6f50pwp8-8uFY3akRRKjqLJrN4Un--GgYBOFi2wn0exRroU_fPs5iZtPZj-1R_Uel6UtzCJZw79FjQ" />
    <input value="18459" 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%3D16">
    <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/zimt-ceylon-gemahlen-bio-27-g-18460">
          <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/9609/file/small-9ea5f2c0e1ee2510ff81c1de1a5387e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/9609/file/medium-b7beb96847b9ca8760f860846a78ac58.webp 900w, https://assets.fabulous.ch/public/variant_asset/9609/file/large-81cfe6acef40df4132b3ce29dbf834d8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9609/file/medium-b7beb96847b9ca8760f860846a78ac58.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-27-g-18460">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zimt Ceylon gemahlen Bio, 27 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-18460-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=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D16">
    <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-nfp-bio-45-g-18461">
          <img alt="Zimt Ceylon gemahlen NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10301/file/small-787377db44fac01979f078c503c374af.webp 600w, https://assets.fabulous.ch/public/variant_asset/10301/file/medium-c0b37c2753fd211884a2ddf6ad9aa58b.webp 900w, https://assets.fabulous.ch/public/variant_asset/10301/file/large-3a6511b85c24d5ae2b060083b47d41bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10301/file/medium-c0b37c2753fd211884a2ddf6ad9aa58b.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-nfp-bio-45-g-18461">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zimt Ceylon gemahlen NFP Bio, 45 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 13.78 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18461&quot;],&quot;content_name&quot;:&quot;Zimt Ceylon gemahlen NFP Bio, 45 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18461&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="OUULNV7rqLAS8mRMgGOpHgKFpHaYnO0GtNsR8-8YrKTEPdiyVFwQ4ONqEstCIbcyEh5UI84qyMiukhRRzQeJOg" />
    <input value="18461" 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%3D16">
    <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-stangen-bio-5-stuck-18462">
          <img alt="Zimt Stangen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10134/file/small-b6ff3e3d47e3491daf02b699b6f9ec78.webp 600w, https://assets.fabulous.ch/public/variant_asset/10134/file/medium-3de83fb9f63da80e356635d7fcc57681.webp 900w, https://assets.fabulous.ch/public/variant_asset/10134/file/large-f6233871d271b856ac82ffb60f0e9e4d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10134/file/medium-3de83fb9f63da80e356635d7fcc57681.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-stangen-bio-5-stuck-18462">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zimt Stangen Bio, 5 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18462&quot;],&quot;content_name&quot;:&quot;Zimt Stangen Bio, 5 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18462&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I2_sIGI_6gVfdBnuqd5pWmUEeUxKgJdpU6lwz5qWIxreFz-naIhSVa7sb2lrnHd2dZ-JGRw2sqdJ4HVtuIkGhA" />
    <input value="18462" 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%3D16">
    <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/zitronenpfeffer-grob-gemahlen-bio-40-g-18463">
          <img alt="Zitronenpfeffer grob gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9608/file/small-d4b9a9af6a27ad3872cd04f41988453d.webp 600w, https://assets.fabulous.ch/public/variant_asset/9608/file/medium-42600c8b8d4bd4a775322d33a7cc539e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9608/file/large-0a1dbed6a2ab9c1380361da67ba1e043.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9608/file/medium-42600c8b8d4bd4a775322d33a7cc539e.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/zitronenpfeffer-grob-gemahlen-bio-40-g-18463">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zitronenpfeffer grob gemahlen Bio, 40 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 14.00 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18463&quot;],&quot;content_name&quot;:&quot;Zitronenpfeffer grob gemahlen Bio, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18463&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="SP9L76OPgml3Pz8N_A3Vzw1yNN1XvB_31QJsdCfdKk21h5hoqTg6OYanSYo-T8vjHenEiAEKOjnPS2nWBcIP0w" />
    <input value="18463" 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%3D16">
    <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/apfel-balsam-5-saure-bio-250-ml-18465">
          <img alt="Apfel Balsam 5% Säure Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9990/file/small-82efb5ba6c9a6315a9339c2eea261b46.webp 600w, https://assets.fabulous.ch/public/variant_asset/9990/file/medium-34f0d9e2b0ac479e5b84f917646d556a.webp 900w, https://assets.fabulous.ch/public/variant_asset/9990/file/large-0a27986ec420fac74840db96e8458cf6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9990/file/medium-34f0d9e2b0ac479e5b84f917646d556a.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/apfel-balsam-5-saure-bio-250-ml-18465">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apfel Balsam 5% Säure Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18465&quot;],&quot;content_name&quot;:&quot;Apfel Balsam 5% Säure Bio, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18465&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AB3mPSyDtNlj1WxqeQvqu4189ufeXDdPsYkDt1ZB9379ZTW6JjQMiZJNGu27SfSXnecGsojqEoGrwAYVdF7S4A" />
    <input value="18465" 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%3D16">
    <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/brat-olive-ol-mediterran-bio-750-ml-18466">
          <img alt="Brat Olive Öl mediterran Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10201/file/small-38700ded321ecc98b97e4a92b0c0d203.webp 600w, https://assets.fabulous.ch/public/variant_asset/10201/file/medium-e2a0f9629eeb190e55274c72df1f6482.webp 900w, https://assets.fabulous.ch/public/variant_asset/10201/file/large-25d9277d6c72edd3fd2eca8922eb03f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10201/file/medium-e2a0f9629eeb190e55274c72df1f6482.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/brat-olive-ol-mediterran-bio-750-ml-18466">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brat Olive Öl mediterran Bio, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18466&quot;],&quot;content_name&quot;:&quot;Brat Olive Öl mediterran Bio, 750 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18466&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:21.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pWp5xk9WQQl4QtszalXBmH48RLxde4Eqk4xylDgUmOBYEqpBReH5WYnarbSoF9-0bqe06QvNpOSJxXc2Ggu9fg" />
    <input value="18466" 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%3D16">
    <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/crema-con-aceto-di-balsamico-bio-150-ml-18467">
          <img alt="Crema con Aceto di Balsamico Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9991/file/small-87a4cea8be9bc6782a3c75d4c3cea9d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/9991/file/medium-e3de33ae1623e40e22a22e19e18508a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/9991/file/large-2b94f4f9b6938b28b4295e3b448b9509.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9991/file/medium-e3de33ae1623e40e22a22e19e18508a8.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/crema-con-aceto-di-balsamico-bio-150-ml-18467">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crema con Aceto di Balsamico 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-18467-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18467&quot;],&quot;content_name&quot;:&quot;Crema con Aceto di Balsamico Bio, 150 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18467&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="8tPW6FawY-hXGiDVTre439BA3gVnMB8XS4fOqd4MIicPqwVvXAfbuKaCVlKM9abzwNsuUDGGOtlRzssL_BMHuQ" />
    <input value="18467" 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%3D16">
    <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-mango-balsamico-bio-125-ml-18469">
          <img alt="Senf Mango Balsamico Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9993/file/small-0f7b7d23d28e19a3886c0efadefeaf19.webp 600w, https://assets.fabulous.ch/public/variant_asset/9993/file/medium-73c59bfb97c6fb0b7a0180294a7ea960.webp 900w, https://assets.fabulous.ch/public/variant_asset/9993/file/large-7f6c0ec62aac1c2525a653cf007b091e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9993/file/medium-73c59bfb97c6fb0b7a0180294a7ea960.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-mango-balsamico-bio-125-ml-18469">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senf Mango Balsamico Bio, 125 ml</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.92 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18469&quot;],&quot;content_name&quot;:&quot;Senf Mango Balsamico Bio, 125 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18469&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="DBSwnnrAIxsJsyxRuuwaJcmKQ0NNr_OLxsZbtrTVOJTxbGMZcHebS_grWtZ4rgQJ2RGzFhsZ1kXcj14UlsodCg" />
    <input value="18469" 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%3D16">
    <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/atlantik-salz-fein-1-kg-18510">
          <img alt="Atlantik Salz fein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9600/file/small-739c4a6d0ca8237606e8722231cf5d09.webp 600w, https://assets.fabulous.ch/public/variant_asset/9600/file/medium-4bce9bc5fd9b2415a99c0acaaf8d3da5.webp 900w, https://assets.fabulous.ch/public/variant_asset/9600/file/large-335c0a24cc0f914ca5858adcea5b2258.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9600/file/medium-4bce9bc5fd9b2415a99c0acaaf8d3da5.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">Danival</p>
          <a href="/products/atlantik-salz-fein-1-kg-18510">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Atlantik Salz fein, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18510&quot;],&quot;content_name&quot;:&quot;Atlantik Salz fein, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18510&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WsrIFaW0ZXfP9ZslGXsujCOeO0mKOehn9QiL4gRtISanshuSrwPdJz5t7aLbOTCgMwXLHNyPzanvQY5AJnIEuA" />
    <input value="18510" 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%3D16">
    <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-tube-bio-200-g-18545">
          <img alt="Senf Tube Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9971/file/small-df856f38a69b3c5c3881ede09765d0f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/9971/file/medium-ee2544d0c248dd084613f17b2cb89a6f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9971/file/large-a6e6ed6c5ba44c15ef85bc4bb94a1d76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9971/file/medium-ee2544d0c248dd084613f17b2cb89a6f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Gautschi</p>
          <a href="/products/senf-tube-bio-200-g-18545">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senf Tube Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18545&quot;],&quot;content_name&quot;:&quot;Senf Tube Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18545&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uovPIPNXfLZRFQoAGni40--Y0RBYIMxBULiXWq-te1BH8xyn-eDE5qCNfIfYOqb__wMhRQ6W6Y9K8ZL4jbJezg" />
    <input value="18545" 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%3D16">
    <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/plantex-paste-nr-3-glas-konv-450-g-18579">
          <img alt="Plantex Paste Nr. 3 Glas konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10050/file/small-93fdcdeaf8818d0db2de4fac8b381afc.webp 600w, https://assets.fabulous.ch/public/variant_asset/10050/file/medium-80c2ff150d8fde037a68c7160a1840bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/10050/file/large-ef52c4d82c7bd14b35a5364a1fae9839.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10050/file/medium-80c2ff150d8fde037a68c7160a1840bc.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">Harmona</p>
          <a href="/products/plantex-paste-nr-3-glas-konv-450-g-18579">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Plantex Paste Nr. 3 Glas konv, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18579&quot;],&quot;content_name&quot;:&quot;Plantex Paste Nr. 3 Glas konv, 450 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18579&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-6GAK86rIq5RPlrFRVoEg5O9BLDnh3koDF10ZYvM-dAG2VOsxBya_qCmLEKHGBqvgyb05bExXOYWFHHHqdPcTg" />
    <input value="18579" 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%3D16">
    <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/plantex-paste-nr-1-bouillon-dose-konv-250-g-18580">
          <img alt="Plantex Paste Nr. 1 Bouillon Dose konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10043/file/small-c566656e13a74a137522733889ab4c1c.webp 600w, https://assets.fabulous.ch/public/variant_asset/10043/file/medium-c8f845ff942888a6bed7fbfddc68457b.webp 900w, https://assets.fabulous.ch/public/variant_asset/10043/file/large-42a2422488294f905c51dd400e87f485.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10043/file/medium-c8f845ff942888a6bed7fbfddc68457b.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">Harmona</p>
          <a href="/products/plantex-paste-nr-1-bouillon-dose-konv-250-g-18580">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Plantex Paste Nr. 1 Bouillon Dose konv, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18580&quot;],&quot;content_name&quot;:&quot;Plantex Paste Nr. 1 Bouillon Dose konv, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18580&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NWfdTIUzcL5eLkZUa_tkTyNqjtG3pKxsLx78gWlbL_PIHw7Lj4TI7q-2MNOpuXpjM_F-hOESiaI1V_kjS0QKbQ" />
    <input value="18580" 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">
      320 von 432 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel/wurzmittel?format=turbo_stream&amp;page=17">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>