<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="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%2Fbakery-ingredients%3Fformat%3Dturbo_stream%26page%3D164">
    <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="/de/products/druiden-salz-grob-50-g-f9596f16-c973-4c39-aafb-08bdbb6c804c-20206">
          <img alt="Druiden Salz grob" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11309/file/small-9b20f15c9056c9e0782d16941f6d614c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11309/file/medium-16a44842e3cc3096dac0ad66f628e6ea.webp 900w, https://assets.fabulous.ch/public/variant_asset/11309/file/large-56eea8c01f5159657ff5c783595e834b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11309/file/medium-16a44842e3cc3096dac0ad66f628e6ea.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">Chalira</p>
          <a href="/de/products/druiden-salz-grob-50-g-f9596f16-c973-4c39-aafb-08bdbb6c804c-20206">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Druiden Salz grob, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="67yGIdYh-1Ul71l8NafQ0K9KFwo0yxfYuMHLZShXkh5CR2iGih8phJUUCcTT5GWC1SAq10J0Cnw1hchz-pNYag" />
    <input value="20206" 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="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%2Fbakery-ingredients%3Fformat%3Dturbo_stream%26page%3D164">
    <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="/de/products/sustain-natural-electrolytes-pink-lemonade-15-x-9-3-g-20207">
          <img alt="SUSTAIN Natural Electrolytes Pink Lemonade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11310/file/small-6f5981288ef84ff64cefbe5e7c85fd7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11310/file/medium-0523c1eaed3360fd05094083a10cdee8.webp 900w, https://assets.fabulous.ch/public/variant_asset/11310/file/large-fff5c472fd5d3dfa2151424987969a44.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11310/file/medium-0523c1eaed3360fd05094083a10cdee8.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">Vivo Life</p>
          <a href="/de/products/sustain-natural-electrolytes-pink-lemonade-15-x-9-3-g-20207">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SUSTAIN Natural Electrolytes Pink Lemonade, 15 x 9.3 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3RV2Wkb9Pzl50Cj4lZkwmEAUoCaUnfDRsYE0HKPSS0N07pj9GsPt6MkreEBz2oXKOn6d--Ii7XU8xTcKcRaBNw" />
    <input value="20207" 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="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%2Fbakery-ingredients%3Fformat%3Dturbo_stream%26page%3D164">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    25 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/premium-macadamia-nusse-bio-75-g-mhd-aktion-20-08-2026-20208">
          <img alt="Premium Macadamia Nüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/602/file/small-23c97ddda35465d8ad9a71c2df60b01a.webp 600w, https://assets.fabulous.ch/public/variant_asset/602/file/medium-491148e8aa170c8280b7f7ac4e50e452.webp 900w, https://assets.fabulous.ch/public/variant_asset/602/file/large-997732b054f0efc67c91ed102ccc5c47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/602/file/medium-491148e8aa170c8280b7f7ac4e50e452.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">Flores Farm</p>
          <a href="/de/products/premium-macadamia-nusse-bio-75-g-mhd-aktion-20-08-2026-20208">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Premium Macadamia Nüsse Bio, 75 g (MHD-Aktion 20.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.10</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.60</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GEsjurC4BhGbvlOR9kiJKpH9lfRVWQRpR07a5Ukr8yqxsM0d7IbUwCtFAykQCzx465eoKSPmGc3KCtnzm-85Xg" />
    <input value="20208" 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="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%2Fbakery-ingredients%3Fformat%3Dturbo_stream%26page%3D164">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    29 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/backmischung-wunderbrod-gold-glutenfrei-bio-600-g-mhd-aktion-26-08-2026-20209">
          <img alt="Backmischung Wunderbrød GOLD glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3612/file/small-3f944cfa1b88e6cbe561d18d15d6d78c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3612/file/medium-3bb7584622079d9c5dbdda97aa9b53dc.webp 900w, https://assets.fabulous.ch/public/variant_asset/3612/file/large-c6b7fd3adb43b5f860c11cca08e3fbdb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3612/file/medium-3bb7584622079d9c5dbdda97aa9b53dc.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="/de/products/backmischung-wunderbrod-gold-glutenfrei-bio-600-g-mhd-aktion-26-08-2026-20209">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Backmischung Wunderbrød GOLD glutenfrei Bio, 600 g (MHD-Aktion 26.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.75</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.50</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QMnIyBFDJuMGiFONGFJtz03qRhtCCzY60sPYzVmQJ8fpMiZvTX30MrZzAzX-EdidN4B7xjS0K55fh9vbi1Ttsw" />
    <input value="20209" 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="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%2Fbakery-ingredients%3Fformat%3Dturbo_stream%26page%3D164">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/shot-ingwer-beeren-demeter-280-ml-mhd-aktion-27-08-2026-20210">
          <img alt="Shot Ingwer &amp; Beeren Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4438/file/small-eb2bb1fb666b79e241617657412c1138.webp 600w, https://assets.fabulous.ch/public/variant_asset/4438/file/medium-e38661476feb1ea1be183c6374b25055.webp 900w, https://assets.fabulous.ch/public/variant_asset/4438/file/large-9fef23a5aa43d23d4e09567dcdbd1896.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4438/file/medium-e38661476feb1ea1be183c6374b25055.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Voelkel</p>
          <a href="/de/products/shot-ingwer-beeren-demeter-280-ml-mhd-aktion-27-08-2026-20210">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shot Ingwer &amp; Beeren Demeter, 280 ml (MHD-Aktion 27.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.15</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.30</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BEcriq_Thd7itb6JojKWjEBi9cEuS_Bw7ZkC-o1n8gatvMUt8-1XD1JO7jFEcSPeOgjIHFj07dRg3QHsX6M4cg" />
    <input value="20210" 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="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%2Fbakery-ingredients%3Fformat%3Dturbo_stream%26page%3D164">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    15 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/soyananda-frischecreme-natur-fermentiert-bio-140-g-mhd-aktion-31-07-2026-20211">
          <img alt="Soyananda Frischecreme Natur fermentiert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/228/file/small-90a86b445a75ebf6bac0d3fa3ce6eb68.webp 600w, https://assets.fabulous.ch/public/variant_asset/228/file/medium-f09f08c0ddb7cd2adbe50eecd95b6682.webp 900w, https://assets.fabulous.ch/public/variant_asset/228/file/large-6b06fe509700f721b7e87111b37851b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/228/file/medium-f09f08c0ddb7cd2adbe50eecd95b6682.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/de/products/soyananda-frischecreme-natur-fermentiert-bio-140-g-mhd-aktion-31-07-2026-20211">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soyananda Frischecreme Natur fermentiert Bio, 140 g (MHD-Aktion 31.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.10</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.50</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NfeYuXNhfaqRQaHFq_lAq1O5fhvbEj3MwZBMAEHkEmycDHYeL1-veyG68X1NuvX5KdNDxq2tIGhM1E8WkyDYGA" />
    <input value="20211" 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="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%2Fbakery-ingredients%3Fformat%3Dturbo_stream%26page%3D164">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    15 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/soyananda-sonnengetrocknete-tomaten-fermentiert-bio-140-g-mhd-aktion-31-07-2026-20212">
          <img alt="Soyananda Sonnengetrocknete Tomaten fermentiert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3316/file/small-7e865003fa8387ad19d36c2c7dad6f5a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3316/file/medium-9d48b95860574f589d73ce34aacb13ee.webp 900w, https://assets.fabulous.ch/public/variant_asset/3316/file/large-a76dc1cd40ff0b350e25c00bd3a652a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3316/file/medium-9d48b95860574f589d73ce34aacb13ee.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/de/products/soyananda-sonnengetrocknete-tomaten-fermentiert-bio-140-g-mhd-aktion-31-07-2026-20212">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soyananda Sonnengetrocknete Tomaten fermentiert Bio, 140 g (MHD-Aktion 31.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.10</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.50</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e6TzZQhy0Y-4Wv0AGNoJVhr0NsZXAoN4HL64reZGLrzSXx3CVEwDXgihrbj-mbwEYJ4LGyG9ntyR-ru7NILkyA" />
    <input value="20212" 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="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%2Fbakery-ingredients%3Fformat%3Dturbo_stream%26page%3D164">
    <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="/de/products/protein-chips-meersalz-bio-63-g-20216">
          <img alt="Protein Chips Meersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11349/file/small-b78e00a627b595ff2755d9018fb4f88a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11349/file/medium-7f7ec5995a1f94929210db627f27c8ea.webp 900w, https://assets.fabulous.ch/public/variant_asset/11349/file/large-de03bbeb4be0f249a6d91199cc1226dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11349/file/medium-7f7ec5995a1f94929210db627f27c8ea.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">Heimatgut</p>
          <a href="/de/products/protein-chips-meersalz-bio-63-g-20216">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Protein Chips Meersalz Bio, 63 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ML4G-NynUYI8SNhPTRjnfMFVS8TRAfIGtJrFkyRtAN6ZRehfgJmDU4yziPerW1Iuuz92Gae-76I53saF9qnKqg" />
    <input value="20216" 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="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%2Fbakery-ingredients%3Fformat%3Dturbo_stream%26page%3D164">
    <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="/de/products/protein-chips-paprika-bio-63-g-20217">
          <img alt="Protein Chips Paprika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11353/file/small-bd89d18ded2ede5635b85ef9b154d082.webp 600w, https://assets.fabulous.ch/public/variant_asset/11353/file/medium-404c610940cc4a7ca3b38e4af6b6e03b.webp 900w, https://assets.fabulous.ch/public/variant_asset/11353/file/large-5f36a66a153103170ec0edf7baec54be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11353/file/medium-404c610940cc4a7ca3b38e4af6b6e03b.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">Heimatgut</p>
          <a href="/de/products/protein-chips-paprika-bio-63-g-20217">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Protein Chips Paprika Bio, 63 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gZcSg0dNl6UsN3kIAAF7D40GLaocit-u74H7BklJj8gobPwkG3NFdJzMKbDmQs5d92wQd2o1wgpixfgQm41FvA" />
    <input value="20217" 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="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%2Fbakery-ingredients%3Fformat%3Dturbo_stream%26page%3D164">
    <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="/de/products/vegemite-hefeextrakt-235-g-20220">
          <img alt="Vegemite Hefeextrakt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11362/file/small-54166bd96c27f584469ded540c5cc1df.webp 600w, https://assets.fabulous.ch/public/variant_asset/11362/file/medium-08ab0dcc61c863b81a636561481f6c04.webp 900w, https://assets.fabulous.ch/public/variant_asset/11362/file/large-4d70629c89991c7e5ad14966cb9b0959.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11362/file/medium-08ab0dcc61c863b81a636561481f6c04.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">Vegemite</p>
          <a href="/de/products/vegemite-hefeextrakt-235-g-20220">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegemite Hefeextrakt, 235 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 2.21 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H3Qcr6t9A1KUDYXuFIzFo2xZf7X32X3dTz35iHCjK3u2j_II90PRgyT21Vbyz3DxFjNCaIFmYHnCefqeomfhDw" />
    <input value="20220" 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="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%2Fbakery-ingredients%3Fformat%3Dturbo_stream%26page%3D164">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/loveraw-haselnuss-weisse-schokolade-aufstrich-250-g-20221">
          <img alt="LoveRaw Haselnuss &amp; Weisse Schokolade Aufstrich" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11363/file/small-a190814e3bde105b49135cc6a8739393.webp 600w, https://assets.fabulous.ch/public/variant_asset/11363/file/medium-54ae17298e0b097db1cc4611e642f2af.webp 900w, https://assets.fabulous.ch/public/variant_asset/11363/file/large-f3943dc683fe2f50df80e59b28256142.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11363/file/medium-54ae17298e0b097db1cc4611e642f2af.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">Love Raw</p>
          <a href="/de/products/loveraw-haselnuss-weisse-schokolade-aufstrich-250-g-20221">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LoveRaw Haselnuss &amp; Weisse Schokolade Aufstrich, 250 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 3.04 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CHhvR-NwsE3W-l5O27G9ZSMhGCVtVx2jD6kL7ecH4qShg4Hgv05inGYBDvY98gg3WUsl-BvoAAeC7Qj7NcMo0A" />
    <input value="20221" 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="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%2Fbakery-ingredients%3Fformat%3Dturbo_stream%26page%3D164">
    <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="/de/products/vegantics-large-mallows-100-g-20222">
          <img alt="Vegantics Grosse Marshmallows" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11364/file/small-6f3b736006156bb386507d6ab068a448.webp 600w, https://assets.fabulous.ch/public/variant_asset/11364/file/medium-9e726662d44fc770956f7e5fb49a1e36.webp 900w, https://assets.fabulous.ch/public/variant_asset/11364/file/large-1451508065cce98b3b62cd5133ae7a6c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11364/file/medium-9e726662d44fc770956f7e5fb49a1e36.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">Freedom Mallows</p>
          <a href="/de/products/vegantics-large-mallows-100-g-20222">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegantics Grosse Marshmallows, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6W9vc_5txPe9vYHiLEUmAmtw9CxhMMZ5ng5tWoE1cnNAlIHUolMWJg1G0VrKBpNQERrJ8ReP290TSm5MU_G4Bw" />
    <input value="20222" 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="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%2Fbakery-ingredients%3Fformat%3Dturbo_stream%26page%3D164">
    <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="/de/products/pink-white-mini-marshmallows-100-g-20223">
          <img alt="Pink &amp; White Mini Marshmallows" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11365/file/small-2a390105ad45d60c3d21ca90c46050aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/11365/file/medium-e96b14dcca4e51e7ce0a2534a9f92155.webp 900w, https://assets.fabulous.ch/public/variant_asset/11365/file/large-9fda3045f7096d9f96bcca4bc15c0129.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11365/file/medium-e96b14dcca4e51e7ce0a2534a9f92155.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">Freedom Mallows</p>
          <a href="/de/products/pink-white-mini-marshmallows-100-g-20223">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pink &amp; White Mini Marshmallows, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MPSStH4V34nT_-GcxG2xF8X-8R2LM25P5xF17l1gKTWZD3wTIisNWGMEsSQiLgRFv5TMwP2Mc-tqVXb4j6TjQQ" />
    <input value="20223" 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="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%2Fbakery-ingredients%3Fformat%3Dturbo_stream%26page%3D164">
    <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="/de/products/peanut-nougat-choc-bar-50-g-20224">
          <img alt="Peanut Nougat Choc Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11366/file/small-2f59c8274aee455ff2f93f247f262693.webp 600w, https://assets.fabulous.ch/public/variant_asset/11366/file/medium-f11c778a9d9dd5a6516594115032b4e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/11366/file/large-54caec1321f75c8ccfd1fd7cca8627ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11366/file/medium-f11c778a9d9dd5a6516594115032b4e5.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">Buttermilk Confectionary</p>
          <a href="/de/products/peanut-nougat-choc-bar-50-g-20224">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peanut Nougat Choc Bar, 50 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 5.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BpllswciwndT2mClmgmXr6fVvCPV_8rIMaU1CDcBTDWvYosUWxwQpuMhMB18SiL93b-B_qNA12y84TYe5cWGQQ" />
    <input value="20224" 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="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%2Fbakery-ingredients%3Fformat%3Dturbo_stream%26page%3D164">
    <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="/de/products/coconut-choc-bar-45-g-20227">
          <img alt="Coconut Choc Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11370/file/small-00e3b3cbbaa65eac0f2b17f3ceddb4c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/11370/file/medium-b2ca8c34dc362725ea94f188920415ef.webp 900w, https://assets.fabulous.ch/public/variant_asset/11370/file/large-7aa1d597cb063432eab73d3a5db5fce2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11370/file/medium-b2ca8c34dc362725ea94f188920415ef.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">Buttermilk Confectionary</p>
          <a href="/de/products/coconut-choc-bar-45-g-20227">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconut Choc Bar, 45 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 6.22 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1s_rfxuB1j37L0qJf_g8-etddK9ftRQKo2bFcsS4HUp_NAXYR78E7EvUGjGZu4mrkTdJcikKCa4uIsZkFnzXPg" />
    <input value="20227" 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="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%2Fbakery-ingredients%3Fformat%3Dturbo_stream%26page%3D164">
    <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="/de/products/honeycomb-blast-choc-bar-45-g-20228">
          <img alt="Honeycomb Blast Choc Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11371/file/small-45fea5a4761a375c6228c866164dec80.webp 600w, https://assets.fabulous.ch/public/variant_asset/11371/file/medium-ff223df6c2a64d0a07048f51cac02b57.webp 900w, https://assets.fabulous.ch/public/variant_asset/11371/file/large-aa31e5747f70edf1a0c12983f290249b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11371/file/medium-ff223df6c2a64d0a07048f51cac02b57.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">Buttermilk Confectionary</p>
          <a href="/de/products/honeycomb-blast-choc-bar-45-g-20228">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Honeycomb Blast Choc Bar, 45 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 6.22 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q1Vmq3xZ5noVCJEHYln99ez6DSpuoY2NL3Ru_p62s5PqrogMIGc0q6Xzwb-EGkinlpAw9xgekCmiMG3oTHJ55w" />
    <input value="20228" 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="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%2Fbakery-ingredients%3Fformat%3Dturbo_stream%26page%3D164">
    <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="/de/products/choc-wafer-bar-38-g-20229">
          <img alt="Choc Wafer Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11373/file/small-0ac255ec35d0678f17f5a4125d2eb810.webp 600w, https://assets.fabulous.ch/public/variant_asset/11373/file/medium-8e547b4155f5a3c65e416d838e1ed1cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/11373/file/large-12376660fe7b444d254d0ec089c465a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11373/file/medium-8e547b4155f5a3c65e416d838e1ed1cb.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">Buttermilk Confectionary</p>
          <a href="/de/products/choc-wafer-bar-38-g-20229">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Choc Wafer Bar, 38 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 7.37 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5CUDxErdUauhRlDZLnih1YyTS0H948cp3XMN1sntCqdN3u1jFuODehG9AGHIOxSH9vl2nItc2o1QNw7AGynA0w" />
    <input value="20229" 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="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%2Fbakery-ingredients%3Fformat%3Dturbo_stream%26page%3D164">
    <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="/de/products/caramel-nougat-choc-bar-50-g-20230">
          <img alt="Caramel Nougat Choc Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11374/file/small-e171120ed9145570399f8d4fc4fb798a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11374/file/medium-912d533cd55ed514a7d08bc7ffe4aeab.webp 900w, https://assets.fabulous.ch/public/variant_asset/11374/file/large-9f858ca052b0188dc6bc5761777707db.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11374/file/medium-912d533cd55ed514a7d08bc7ffe4aeab.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">Buttermilk Confectionary</p>
          <a href="/de/products/caramel-nougat-choc-bar-50-g-20230">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Caramel Nougat Choc Bar, 50 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 5.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rLf6ycqxMivPyCiYwDCS1kLwhxp1La6UGHuOejvWEx8FTBRulo_g-n8zeCAmcyeEOJq6xwOSszCVP41s6RLZaw" />
    <input value="20230" 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="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%2Fbakery-ingredients%3Fformat%3Dturbo_stream%26page%3D164">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    4 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tofu-thuna-vegane-alternative-zu-fisch-thon-bio-110-g-mhd-aktion-02-08-2026-20231">
          <img alt="Tofu Thuna Vegane Alternative zu Fisch Thon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2487/file/small-f6b942d15439c6d3ad82a8b3c9c684e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/2487/file/medium-76aafea6b0bcb858476abaf20ff0374e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2487/file/large-1c71fa3f3e5a6bf59b11346707000473.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2487/file/medium-76aafea6b0bcb858476abaf20ff0374e.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">Lord of Tofu</p>
          <a href="/de/products/tofu-thuna-vegane-alternative-zu-fisch-thon-bio-110-g-mhd-aktion-02-08-2026-20231">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Thuna Vegane Alternative zu Fisch Thon Bio, 110 g (MHD-Aktion 02.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.25</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f9TWIzNHFJHTzjFhqg8T3JVdNPsbdwDllxxt-o-D2TfWLziEb3nGQGM1YdlMTKaO7zcJJm3IHUEaWG7sXUcTQw" />
    <input value="20231" 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="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%2Fbakery-ingredients%3Fformat%3Dturbo_stream%26page%3D164">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    4 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/philosophen-tofu-vegane-alternative-zu-feta-bio-170-g-mhd-aktion-02-08-2026-20232">
          <img alt="Philosophen Tofu Vegane Alternative zu Feta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3151/file/small-31e0cb2210d63783492c193dbc4a358b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3151/file/medium-017c9783cd15b517724864084e631ad8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3151/file/large-e924cd23b66219e7fbb022895ca91641.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3151/file/medium-017c9783cd15b517724864084e631ad8.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">Lord of Tofu</p>
          <a href="/de/products/philosophen-tofu-vegane-alternative-zu-feta-bio-170-g-mhd-aktion-02-08-2026-20232">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Philosophen Tofu Vegane Alternative zu Feta Bio, 170 g (MHD-Aktion 02.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.30</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PVSA8Cgy_UHT1Sbj18FL8ndQvVUHlYPdqAy1Wt5rEp6Ur25XdAwvkGMudlsxgv6gDTqAiHEqnnklSLZMDK_Y6g" />
    <input value="20232" 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">
      3&#39;280 von 3&#39;290 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/food/bakery-ingredients?format=turbo_stream&amp;page=165">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>