<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%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D7">
    <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/zuckerrohr-melasse-bio-680-g-18303">
          <img alt="Zuckerrohr Melasse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9745/file/small-31a55edc9a3850a849b2874cdbe47265.webp 600w, https://assets.fabulous.ch/public/variant_asset/9745/file/medium-301e23147f694ed03248197b72c20dae.webp 900w, https://assets.fabulous.ch/public/variant_asset/9745/file/large-0c7536c34a9f38b6958e5419ebc144f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9745/file/medium-301e23147f694ed03248197b72c20dae.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">Appleford&#39;s</p>
          <a href="/products/zuckerrohr-melasse-bio-680-g-18303">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zuckerrohr Melasse Bio, 680 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18303&quot;],&quot;content_name&quot;:&quot;Zuckerrohr Melasse Bio, 680 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18303&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M1TvGmimAG2xahA0c7SO-5okFcb-4I7-647cGQeiiv5JqpfSejEPJCWiUHXlvpyciwqd06JXMi_PzqhwBLvH6w" />
    <input value="18303" 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%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D7">
    <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/backmischung-schneller-obstkuchen-bio-450-g-18306">
          <img alt="Backmischung schneller Obstkuchen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10775/file/small-90406c5da285e52da40671d9859362d4.webp 600w, https://assets.fabulous.ch/public/variant_asset/10775/file/medium-93fe51afa4fe3530c12fd3136a890587.webp 900w, https://assets.fabulous.ch/public/variant_asset/10775/file/large-50c4ba87c9a6dc23a8c7b6ab8dade02b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10775/file/medium-93fe51afa4fe3530c12fd3136a890587.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/products/backmischung-schneller-obstkuchen-bio-450-g-18306">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Backmischung schneller Obstkuchen Bio, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18306&quot;],&quot;content_name&quot;:&quot;Backmischung schneller Obstkuchen Bio, 450 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18306&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NkxFjbMNlTPthcczBanSHsJUcfyHIsofIM6TBXMlFl5Msj1FoZqaenlNh3KTo8B503r56duVds4EjudscDxbSw" />
    <input value="18306" 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%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D7">
    <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/dinkelmehl-type-1050-demeter-1-kg-18310">
          <img alt="Dinkelmehl Type 1050 Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9432/file/small-689b7e6201efe476e597c67235a08ee1.webp 600w, https://assets.fabulous.ch/public/variant_asset/9432/file/medium-fc8eaec4d6e8301395f1f6670c19faa3.webp 900w, https://assets.fabulous.ch/public/variant_asset/9432/file/large-ea0b2c03d2f34d4f03d493fdd0af914c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9432/file/medium-fc8eaec4d6e8301395f1f6670c19faa3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/products/dinkelmehl-type-1050-demeter-1-kg-18310">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkelmehl Type 1050 Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18310&quot;],&quot;content_name&quot;:&quot;Dinkelmehl Type 1050 Demeter, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18310&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_TAdRLVY26ynNSQblFVHaTaR79ajtvlvRtujyWjhG-WHzmWMp8_U5TP9ZFoCX1UOJ79nw_8BRb5im9ega_hW8A" />
    <input value="18310" 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%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D7">
    <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/kastanienmehl-bio-350-g-18311">
          <img alt="Kastanienmehl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9190/file/small-96f97fd840ac1eb6863eac1eaa406747.webp 600w, https://assets.fabulous.ch/public/variant_asset/9190/file/medium-9685e556c441457b43fbd1fadae90b49.webp 900w, https://assets.fabulous.ch/public/variant_asset/9190/file/large-4438e1f2675404c168a4b573b866d050.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9190/file/medium-9685e556c441457b43fbd1fadae90b49.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/products/kastanienmehl-bio-350-g-18311">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kastanienmehl Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18311&quot;],&quot;content_name&quot;:&quot;Kastanienmehl Bio, 350 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18311&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZiwV4q0frBMWJ0xx17HFUfDHdF-u4ViS5faPyk7dzmEc0m0qv4ijWoLvDDBBu9c24en8SvJW5EPBtvujTcSDdA" />
    <input value="18311" 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%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D7">
    <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/weizenmehl-hell-type-405-demeter-1-kg-18312">
          <img alt="Weizenmehl hell Type 405 Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9430/file/small-8dba7443ad08d962e5717e43a868c7a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/9430/file/medium-818eac409a762a87c05a83cb7af9cd4b.webp 900w, https://assets.fabulous.ch/public/variant_asset/9430/file/large-ad6f898a1d0e9c46421d61b7c99b5665.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9430/file/medium-818eac409a762a87c05a83cb7af9cd4b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/products/weizenmehl-hell-type-405-demeter-1-kg-18312">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weizenmehl hell Type 405 Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18312&quot;],&quot;content_name&quot;:&quot;Weizenmehl hell Type 405 Demeter, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18312&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GDDk35tPZ52acVhpx0pexvxDRpFjIeY3atpQwF4Rui5izpwXidho1A65GChRQEyh7W3OhD-WWuZOmiSpXQj3Ow" />
    <input value="18312" 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%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D7">
    <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/speisestarke-mais-bio-250-g-18319">
          <img alt="Speisestärke Mais Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9193/file/small-9733cce62397bbfb86f6b612fc762523.webp 600w, https://assets.fabulous.ch/public/variant_asset/9193/file/medium-ff35e628bcd47aaab0e6fd2187f73c0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/9193/file/large-505c516a451ce4bc0f1e4314de311af9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9193/file/medium-ff35e628bcd47aaab0e6fd2187f73c0a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/products/speisestarke-mais-bio-250-g-18319">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Speisestärke Mais Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18319&quot;],&quot;content_name&quot;:&quot;Speisestärke Mais Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18319&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iX7EBoLvO-SyMFmhKXO4ntHjuFTLGeEKnoAF2qtZW-XzgLzOkHg0rSb4GeC_ear5wM0wQZeuXdu6wHGzqEAW8A" />
    <input value="18319" 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%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D7">
    <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/golden-light-zucker-bio-1-kg-18327">
          <img alt="Golden Light Zucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9789/file/small-cd068a65302d721af3cf34beeece0580.webp 600w, https://assets.fabulous.ch/public/variant_asset/9789/file/medium-52bfc059cf4afa5fbbc1b6823c24d8b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/9789/file/large-ecb575f5a6d6bbd34cdb8e8f1befbbb5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9789/file/medium-52bfc059cf4afa5fbbc1b6823c24d8b0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/products/golden-light-zucker-bio-1-kg-18327">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Golden Light Zucker Bio, 1 kg</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 0.56 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18327&quot;],&quot;content_name&quot;:&quot;Golden Light Zucker Bio, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18327&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="04h6bUaSSDQST--wBXKmhcKEcF-kcpcXfZK9HUQUtkepdgKlVAVHfYaHr_GTeLTi06r4SvjFK8ZZ0sl0Rw37Ug" />
    <input value="18327" 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%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D7">
    <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/unigel-geliermittel-konv-500-g-18337">
          <img alt="Unigel Geliermittel konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9794/file/small-458fa56d15a2a984f540b92abca48c96.webp 600w, https://assets.fabulous.ch/public/variant_asset/9794/file/medium-8923b21ca9edd595ad7e8c44e366f8f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/9794/file/large-3a9cc2e63348321081549e0072be85de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9794/file/medium-8923b21ca9edd595ad7e8c44e366f8f9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/products/unigel-geliermittel-konv-500-g-18337">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Unigel Geliermittel konv, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18337&quot;],&quot;content_name&quot;:&quot;Unigel Geliermittel konv, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18337&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:26.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZjFyAewDVkPBu0Gl85cGV9ub0TgdRowaR6Bwnm0_P9cczwrJ_pRZClVzAeRlnRQwyrVZLUHxMMtj4AT3biZywg" />
    <input value="18337" 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%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D7">
    <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/unigel-geliermittel-bio-500-g-18338">
          <img alt="Unigel Geliermittel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9194/file/small-b8a50fd7759f5f7eb547f2f899830290.webp 600w, https://assets.fabulous.ch/public/variant_asset/9194/file/medium-3d8311202de87344efe56daf6478ef43.webp 900w, https://assets.fabulous.ch/public/variant_asset/9194/file/large-c28cfc17e1dbabdf838e60a4d596e853.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9194/file/medium-3d8311202de87344efe56daf6478ef43.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/products/unigel-geliermittel-bio-500-g-18338">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Unigel Geliermittel Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.55
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18338&quot;],&quot;content_name&quot;:&quot;Unigel Geliermittel Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18338&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:22.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VoRl3v780q2gFl9rHCfd4_NQjM3rsqTYlhHAR62WJpEseh0W7Gvd5DTeHyqKLc-E4n4E2LcFGAmyUbQuro9rhA" />
    <input value="18338" 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%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D7">
    <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/unigel-geliermittel-bio-50-g-18339">
          <img alt="Unigel Geliermittel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9195/file/small-93cae33bb588c2c20b9bf4db16d498bd.webp 600w, https://assets.fabulous.ch/public/variant_asset/9195/file/medium-623508ce77967304be2743d86f1cd668.webp 900w, https://assets.fabulous.ch/public/variant_asset/9195/file/large-3a356a69212aa41c99eb1b549a1b0e76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9195/file/medium-623508ce77967304be2743d86f1cd668.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/products/unigel-geliermittel-bio-50-g-18339">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Unigel Geliermittel Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18339&quot;],&quot;content_name&quot;:&quot;Unigel Geliermittel Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18339&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9-PwE3ParzDoTazOAd3YfXFb09qPwwW-urE9PvzaQUKNHYjbYU2geXyF7I-X18oaYHVbz9N0uW-e8UlX_8MMVw" />
    <input value="18339" 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%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D7">
    <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/vollrohrzucker-jacutinga-bio-750-g-18340">
          <img alt="Vollrohrzucker Jacutinga Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9795/file/small-ba9ce4edbeec9e20e4bd0dbf86c02b02.webp 600w, https://assets.fabulous.ch/public/variant_asset/9795/file/medium-7a6d400cacc368c89d7d46427065492b.webp 900w, https://assets.fabulous.ch/public/variant_asset/9795/file/large-a14c896014c6ac9d383a0000dfeecc9d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9795/file/medium-7a6d400cacc368c89d7d46427065492b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/products/vollrohrzucker-jacutinga-bio-750-g-18340">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vollrohrzucker Jacutinga Bio, 750 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 0.88 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18340&quot;],&quot;content_name&quot;:&quot;Vollrohrzucker Jacutinga Bio, 750 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18340&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="HVjTryHdj4uEURYokFtrK43pFt7PIwiMwP5EELC-gZJnpqtnM0qAwhCZVmkGUXlMnMeey5OUtF3kvjB5s6fMhw" />
    <input value="18340" 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%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D7">
    <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/sauerteig-flussig-150-ml-18387">
          <img alt="Sauerteig flüssig" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10921/file/small-b7fa92ca2246fa54534f989931993e97.webp 600w, https://assets.fabulous.ch/public/variant_asset/10921/file/medium-b8d9479a067ec76cf502e2f7df1cd191.webp 900w, https://assets.fabulous.ch/public/variant_asset/10921/file/large-e73969e38ae68efb9a62b75307dd8d38.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10921/file/medium-b8d9479a067ec76cf502e2f7df1cd191.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">Biovegan</p>
          <a href="/products/sauerteig-flussig-150-ml-18387">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauerteig flüssig, 150 ml</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 3.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18387&quot;],&quot;content_name&quot;:&quot;Sauerteig flüssig, 150 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18387&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="LpdtjDzSzjN3x1q_Pko5RXrU_BrF8SVc_jxLTSnXxaNUaRVELkXBeuMPGv6oQCsia_p0D5lGmY3afD8kKs6Itg" />
    <input value="18387" 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%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D7">
    <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="YCq5igk4xZ8p9NNvBY82tLeDHYSwzmklyqN8dHF2Yzca1MFCG6_K1r08ky6ThSTTpq2Vkex51fTu4wgdcm8uIg" />
    <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  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%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D7">
    <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 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%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D7">
    <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="rPD2ditIXgCX83sQXu6h1qCbKtwWVIyXDq94jt-S1UTWDo6-Od9RSQM7O1HI5LOxsbWiyUrjMEYq7wzn3IuYUQ" />
    <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  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%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D7">
    <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="xQFxbcxQU68m_NR0P6vOn5z3cSifkdVvPRifCe6x6N-__wml3sdc5rI0lDWpodz4jdn5PcMmab4ZWOtg7ailyg" />
    <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 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%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D7">
    <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/mascobado-vollrohrzucker-bio-1-kg-18503">
          <img alt="Mascobado Vollrohrzucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10720/file/small-58a9ff73b79984a58a6e124d15183e49.webp 600w, https://assets.fabulous.ch/public/variant_asset/10720/file/medium-e03c59cb934a2149ec888d095f462d93.webp 900w, https://assets.fabulous.ch/public/variant_asset/10720/file/large-503a0af480d4c54c763d950f55a5d528.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10720/file/medium-e03c59cb934a2149ec888d095f462d93.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">claro fair trade</p>
          <a href="/products/mascobado-vollrohrzucker-bio-1-kg-18503">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mascobado Vollrohrzucker Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18503&quot;],&quot;content_name&quot;:&quot;Mascobado Vollrohrzucker Bio, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18503&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-H-DLbenthid3ljBbK5t6aJLppkuTKJsOP5a4PP-JSmCgfvlpTC5UQkWGID6pH-Os2UujHL7Hr0cvi6J8OdoPA" />
    <input value="18503" 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%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D7">
    <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/rosenwasser-bio-250-ml-18508">
          <img alt="Rosenwasser Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10231/file/small-f8e7866815d7c36449346b43936c4a09.webp 600w, https://assets.fabulous.ch/public/variant_asset/10231/file/medium-3159bf39ff438ee95d9828adf1b90c43.webp 900w, https://assets.fabulous.ch/public/variant_asset/10231/file/large-f0822fa0cfebf820474f2afb017757d0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10231/file/medium-3159bf39ff438ee95d9828adf1b90c43.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">ClassicAyurveda</p>
          <a href="/products/rosenwasser-bio-250-ml-18508">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosenwasser Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18508&quot;],&quot;content_name&quot;:&quot;Rosenwasser Bio, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18508&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O6R1Tv1C2vlUBFQ4v070n7wxtvHC3EtXZ_SNpsuilgxBWg2G79XVsMDMFHkpROb4rR8-5J5r94ZDtPnPyLvbGQ" />
    <input value="18508" 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%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D7">
    <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/dattelsusse-bio-300-g-18669">
          <img alt="Dattelsüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9646/file/small-1109a41803ef2c6f9b7eaa703c4f8837.webp 600w, https://assets.fabulous.ch/public/variant_asset/9646/file/medium-50525681fd7b9665a658fe598c3f01e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/9646/file/large-3e470b8b5822416ecda90105bcdbbda6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9646/file/medium-50525681fd7b9665a658fe598c3f01e8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/dattelsusse-bio-300-g-18669">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dattelsüsse Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-18669-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%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D7">
    <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/bourbon-vanille-extrakt-bio-100-ml-18746">
          <img alt="Bourbon Vanille Extrakt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9262/file/small-5d8b66a92e2a5f071e74ab59015e4ac9.webp 600w, https://assets.fabulous.ch/public/variant_asset/9262/file/medium-cbc8d15901a99105016676d5b74b7d42.webp 900w, https://assets.fabulous.ch/public/variant_asset/9262/file/large-32441c0e1348d22af4b5cd028648fb81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9262/file/medium-cbc8d15901a99105016676d5b74b7d42.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/bourbon-vanille-extrakt-bio-100-ml-18746">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bourbon Vanille Extrakt Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18746&quot;],&quot;content_name&quot;:&quot;Bourbon Vanille Extrakt Bio, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18746&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:39.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yCP3FLpa_3GLAP0u08j3OuQ--qzb-oOcIm2kdYlZvo6y3Y_cqM3wOB_IvW9FwuVd9RByuYdNP00GLdAcikDzmw" />
    <input value="18746" 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">
      140 von 170 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel/backzutaten?format=turbo_stream&amp;page=8">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>