<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">
    <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">
    23 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zitronensaft-lemon-plus-flasche-bio-200-ml-mhd-aktion-01-05-2026-17647">
          <img alt="Zitronensaft Lemon Plus Flasche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2863/file/small-32541cbdcf3ce004c000a9511d2c4393.webp 600w, https://assets.fabulous.ch/public/variant_asset/2863/file/medium-0143803d5a715f491b0d046eb80b73b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/2863/file/large-5b27b8bee831605487d1face7de43c68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2863/file/medium-0143803d5a715f491b0d046eb80b73b2.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">Lemon Plus</p>
          <a href="/de/products/zitronensaft-lemon-plus-flasche-bio-200-ml-mhd-aktion-01-05-2026-17647">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zitronensaft Lemon Plus Flasche Bio, 200 ml (MHD-Aktion 01.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 1.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.00</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r5xoF0BpOhSMdqMWRQZusdGffkNV6xUP5KgGqnw6PAq8Uw_lm8NUSs6TxWbeajPVqhKVxB1WE7z9X2AE1yrhzA" />
    <input value="17647" 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">
    <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/chips-coconut-chips-salted-caramel-bio-70-g-mhd-aktion-16-05-2026-17648">
          <img alt="Chips Coconut Chips Salted Caramel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2721/file/small-bfd10cdf9018f513736384f726043caf.webp 600w, https://assets.fabulous.ch/public/variant_asset/2721/file/medium-84acf8628904f043a8f50c2f3adc96cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/2721/file/large-2113eb12ef476fc997bf2396ca8f8d49.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2721/file/medium-84acf8628904f043a8f50c2f3adc96cd.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">bett&#39;r</p>
          <a href="/de/products/chips-coconut-chips-salted-caramel-bio-70-g-mhd-aktion-16-05-2026-17648">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Coconut Chips Salted Caramel Bio, 70 g (MHD-Aktion 16.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.35</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.00</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZGpPJW8OiHrhckcIyuo3R5Sxm722PeY0n5u55K_wK-13pSjXtKTmJKOXIXhRhmoj7zxwOv6A4IeGbN9KBOD2Kw" />
    <input value="17648" 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">
    <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/pasta-frisch-gnocchi-classic-bio-400-g-mhd-aktion-23-04-2026-17649">
          <img alt="Pasta Frisch Gnocchi Classic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/213/file/small-8f20dfe30c2f2eb360a2553b8eb42a9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/213/file/medium-28c50cce89a81a1d8a9f67faeae79845.webp 900w, https://assets.fabulous.ch/public/variant_asset/213/file/large-be9cd2519d3a934ffe9d6dbdd8756ba5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/213/file/medium-28c50cce89a81a1d8a9f67faeae79845.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">Pural</p>
          <a href="/de/products/pasta-frisch-gnocchi-classic-bio-400-g-mhd-aktion-23-04-2026-17649">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Frisch Gnocchi Classic Bio, 400 g (MHD-Aktion 23.04.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.15</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 1.23 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ogFyIQgNXlDQIPP669VDNn97vV8HbVT3LuWllr1JwQGxzhXT06cwDpLFlYpwuR5SBPZW2E_QUkQ3EsM4Flkcxw" />
    <input value="17649" 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">
    <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/wood-smoked-vegane-alternative-zu-lachs-bio-130-g-mhd-aktion-23-04-2026-17650">
          <img alt="Wood Smoked Vegane Alternative zu Lachs Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4244/file/small-dbc4db4032c532b58292c044c6d6a1e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/4244/file/medium-dfb163441ef0ffdebf6c91645506ccb8.webp 900w, https://assets.fabulous.ch/public/variant_asset/4244/file/large-9c51bcd5aee3654ec9dee9ac25f4564b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4244/file/medium-dfb163441ef0ffdebf6c91645506ccb8.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">Wild Foods</p>
          <a href="/de/products/wood-smoked-vegane-alternative-zu-lachs-bio-130-g-mhd-aktion-23-04-2026-17650">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wood Smoked Vegane Alternative zu Lachs Bio, 130 g (MHD-Aktion 23.04.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 9.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 8.40</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 7.62 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HEHs7Bz97GmU6ErICCCWVGQnwMFeQlg0DrFeDyR8ckoPjosex1eCN9YNLLiTTMswH6orRhb_XocXRjihj2yvjA" />
    <input value="17650" 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">
    <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/keksteig-cookie-dough-weisse-schokolade-streusel-bio-90-g-mhd-aktion-23-04-2026-17651">
          <img alt="Keksteig Cookie Dough Weisse Schokolade &amp; Streusel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4953/file/small-6d8165d92e339b74209a9e5dcb3c4040.webp 600w, https://assets.fabulous.ch/public/variant_asset/4953/file/medium-013796fecf3050aef56b325583897a73.webp 900w, https://assets.fabulous.ch/public/variant_asset/4953/file/large-1891087365d0782f825635c4aaaf0255.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4953/file/medium-013796fecf3050aef56b325583897a73.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">Freely Handustry</p>
          <a href="/de/products/keksteig-cookie-dough-weisse-schokolade-streusel-bio-90-g-mhd-aktion-23-04-2026-17651">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keksteig Cookie Dough Weisse Schokolade &amp; Streusel Bio, 90 g (MHD-Aktion 23.04.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.55</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.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t3cQzNQHQkoXqjYpNPo5vfnmvMox2p2bkojoN8dvCVSkuHc-D60sFFVPUFmvlmTZgmtXTXlnmyiLf46ZbH_Ukg" />
    <input value="17651" 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">
    <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/hamburger-buns-sesam-bio-50-g-mhd-aktion-26-04-2026-17652">
          <img alt="Hamburger-Buns Sesam Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7649/file/small-bbabc82a8e852d808ca56cd6478ef62f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7649/file/medium-a867c45534d2839b5946a11cffd2ae9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7649/file/large-32e8a10905ee344f9c16fff9a55575ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7649/file/medium-a867c45534d2839b5946a11cffd2ae9e.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">L&#39;Angelus</p>
          <a href="/de/products/hamburger-buns-sesam-bio-50-g-mhd-aktion-26-04-2026-17652">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hamburger-Buns Sesam Bio, 50 g (MHD-Aktion 26.04.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.90</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wrfmd6L0HScHc9sgen3cBUxur1Bz1OXEw96hw5GCwoXReIGFeV5zeUWWvVDhEYFhN-NE1ztp43faKcdtOpIfQw" />
    <input value="17652" 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">
    <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">
    10 %
  </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-24-04-2026-17653">
          <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-24-04-2026-17653">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soyananda Sonnengetrocknete Tomaten fermentiert Bio, 140 g (MHD-Aktion 24.04.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.70</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-17653-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zoGlk08_0f2F8LpafOgC9rd1tq9RdK6CdTYmQkoGHb_dTsJhlJW_o8cV3CrnhF-SzPhdKBnJqDFswUDs4RbAeQ" />
    <input value="17653" 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">
    <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">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kartoffelsalat-mit-essig-ol-bio-400-g-mhd-aktion-24-04-2026-17654">
          <img alt="Kartoffelsalat mit Essig &amp; Öl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7291/file/small-9f80de7cfa0c1eb8c29510d964574e99.webp 600w, https://assets.fabulous.ch/public/variant_asset/7291/file/medium-77532e9afaf6e64b0263cafc878fdeea.webp 900w, https://assets.fabulous.ch/public/variant_asset/7291/file/large-827df4ad673db852e0f7a88a6613a05f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7291/file/medium-77532e9afaf6e64b0263cafc878fdeea.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">Grünhof</p>
          <a href="/de/products/kartoffelsalat-mit-essig-ol-bio-400-g-mhd-aktion-24-04-2026-17654">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kartoffelsalat mit Essig &amp; Öl Bio, 400 g (MHD-Aktion 24.04.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.70</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 1.30 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nRJ82Dk5gjLyRrRCgvy20Rod0ZVw3GFz8cA6qgjwU4KO3Rsq4pPsbLCj0jIZkOu1YZA6EjhhZ8DoN1wEo-CORA" />
    <input value="17654" 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">
    <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">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bio-natto-nattosana-super-umami-paste-200-g-mhd-aktion-24-04-2026-17655">
          <img alt="Bio-Natto Nattosana Super-Umami Paste" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6855/file/small-a89d38bc1efbd7033ed41e31b42a8d15.webp 600w, https://assets.fabulous.ch/public/variant_asset/6855/file/medium-e676f3e3bb5d91aeae0a27a53814a581.webp 900w, https://assets.fabulous.ch/public/variant_asset/6855/file/large-c68473603e0247fdb65e64e32e385130.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6855/file/medium-e676f3e3bb5d91aeae0a27a53814a581.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/bio-natto-nattosana-super-umami-paste-200-g-mhd-aktion-24-04-2026-17655">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bio-Natto Nattosana Super-Umami Paste, 200 g (MHD-Aktion 24.04.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.65</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5BTr1hjAgTmD7xQprJoTSWgEqfhwbn0JU1EUSEhHgQX324wkw2rvZ8EKclk39k4tE4lCfzjTe7pKpnLm41dcww" />
    <input value="17655" 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">
    <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">
    5 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/new-roots-black-pfeffer-bio-115-g-mhd-aktion-25-04-2026-17656">
          <img alt="New Roots Black Pfeffer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4468/file/small-92a5ab6083e11ba69b8e4857624e9a30.webp 600w, https://assets.fabulous.ch/public/variant_asset/4468/file/medium-a59841e2a603fd0939bd812f4da759b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4468/file/large-747044413759e79f161992ebff7d46bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4468/file/medium-a59841e2a603fd0939bd812f4da759b0.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">New Roots</p>
          <a href="/de/products/new-roots-black-pfeffer-bio-115-g-mhd-aktion-25-04-2026-17656">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots Black Pfeffer Bio, 115 g (MHD-Aktion 25.04.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.10</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.75</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 6.17 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tKYMltOFww9cJkw5_3dQLshpXpiRatr25GcLRJDCGE2naWtkCC-tUR7DKklkGw1Ks-S1H9nX3EX9kG3qO9LFiw" />
    <input value="17656" 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">
    <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">
    5 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/new-roots-le-schnittlauch-extra-creamy-bio-115-g-mhd-aktion-25-04-2026-17657">
          <img alt="New Roots Le Schnittlauch Extra Creamy Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6937/file/small-6dfb9a44aade8d6223b5bbd0f00bd1dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6937/file/medium-5d952b8adc27cd7b1e9195c060de597b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6937/file/large-ef98308e5c18fdfebbbeed57ae74dbb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6937/file/medium-5d952b8adc27cd7b1e9195c060de597b.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">New Roots</p>
          <a href="/de/products/new-roots-le-schnittlauch-extra-creamy-bio-115-g-mhd-aktion-25-04-2026-17657">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots Le Schnittlauch Extra Creamy Bio, 115 g (MHD-Aktion 25.04.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.65</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 5.17 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q37Ka4G3IRxrVf2rCfhFuD4bLVgOnwNn8-6KH46tbtpQsa2ZWh1PQimwm9uSlBjcRZbG30YiBdTqGeyxJb2zHA" />
    <input value="17657" 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">
    <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/gelber-mango-multi-100-direktsaft-demeter-750-ml-mhd-aktion-17-05-2026-17658">
          <img alt="Gelber Mango Multi 100% Direktsaft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7377/file/small-bde6f571ec08056152aed8b1977deee8.webp 600w, https://assets.fabulous.ch/public/variant_asset/7377/file/medium-fb7ada891cded434110f985fdfea79a4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7377/file/large-0a57ad8da764f5ede5a4141d6ab7e984.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7377/file/medium-fb7ada891cded434110f985fdfea79a4.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/gelber-mango-multi-100-direktsaft-demeter-750-ml-mhd-aktion-17-05-2026-17658">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gelber Mango Multi 100% Direktsaft Demeter, 750 ml (MHD-Aktion 17.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.25</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ueIYOAXglIugzfu17DjIHJfgrXKiqxBbPwhyL-w81tuqLX_K3kr61eIoncV3VJV47G1G9eoWFugm_xSBRywLHQ" />
    <input value="17658" 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">
    <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/mandeldrink-ohne-zucker-bio-1-l-mhd-aktion-18-05-2026-17659">
          <img alt="Mandeldrink ohne Zucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7446/file/small-46138d2899e883eec23ef48ca86c7f4e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7446/file/medium-90dc98c90522dbb636ce5dd6ad4b908d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7446/file/large-a9ac65c2f756809588401bfad6c93988.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7446/file/medium-90dc98c90522dbb636ce5dd6ad4b908d.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">Alpro</p>
          <a href="/de/products/mandeldrink-ohne-zucker-bio-1-l-mhd-aktion-18-05-2026-17659">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mandeldrink ohne Zucker Bio, 1 l (MHD-Aktion 18.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.20</span>
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.00 / l
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OFVoKRIYjvKjbmRe9VI7CLd1x1djfx5lx9PyWVEtCIormg_bybLgrOGLAi5uPmZszPgs0CvCGNbeJJT3-j3VTA" />
    <input value="17659" 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">
    <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">
    11 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pinado-classic-vibe-250-ml-mhd-aktion-14-06-2026-17660">
          <img alt="Piñado Classic Vibe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6652/file/small-59ca2ee73d2d81b027fff2f626d2b2b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6652/file/medium-e1d6dbdedc7730a2b059f381207bfb85.webp 900w, https://assets.fabulous.ch/public/variant_asset/6652/file/large-df69b36620bf42ff228636408642d0af.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6652/file/medium-e1d6dbdedc7730a2b059f381207bfb85.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">Pinado AG</p>
          <a href="/de/products/pinado-classic-vibe-250-ml-mhd-aktion-14-06-2026-17660">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Piñado Classic Vibe, 250 ml (MHD-Aktion 14.06.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.05</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5Ab1s1akC0rspX_oHi9dxNfNe0Mhek93xo8u3k_uctD3yZJBjQ5lFK5AGZiFQwCgrECQxGnHScTfeEhw5P6vFg" />
    <input value="17660" 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">
    <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">
    19 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vegane-alternative-zu-mayonnaise-veganaise-di-riso-natur-bio-170-g-mhd-aktion-14-05-2026-17661">
          <img alt="Vegane Alternative zu Mayonnaise Veganaise di Riso NATUR Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/864/file/small-154cd520c67251f42e59055df74381c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/864/file/medium-854f837b5295163b15d0a2dddc8f5258.webp 900w, https://assets.fabulous.ch/public/variant_asset/864/file/large-800cfe6d04b28f807f784c891113cfaa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/864/file/medium-854f837b5295163b15d0a2dddc8f5258.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Gautschi</p>
          <a href="/de/products/vegane-alternative-zu-mayonnaise-veganaise-di-riso-natur-bio-170-g-mhd-aktion-14-05-2026-17661">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Alternative zu Mayonnaise Veganaise di Riso NATUR Bio, 170 g (MHD-Aktion 14.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.90</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mRs5UCVqFsXNbN19ECjx5TIq1C3nuYP8iFXVYViBjuyK1F6i_sB4m4-Juw2LRKyBSac_qq8EhU-RorPP85FTKg" />
    <input value="17661" 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">
    <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">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mani-grune-olivenpaste-bio-180-g-mhd-aktion-20-05-2026-17662">
          <img alt="Mani Grüne Olivenpaste Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4732/file/small-f605f884b5a010d6e4c0d6ccd1b298d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4732/file/medium-360b5501000adfb0e0a65ed9db018b03.webp 900w, https://assets.fabulous.ch/public/variant_asset/4732/file/large-cf60bdd9d79beb8676dbdd171d0d766b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4732/file/medium-360b5501000adfb0e0a65ed9db018b03.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">Mani</p>
          <a href="/de/products/mani-grune-olivenpaste-bio-180-g-mhd-aktion-20-05-2026-17662">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mani Grüne Olivenpaste Bio, 180 g (MHD-Aktion 20.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.85</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BCEdOeBkU8RuO_zaT8fzKUuH4uOTNbUk0PkO9ZUxc8YX7nrLO849mizemqrUq65NMAoJZNuIs5fJDmhbPiGuAA" />
    <input value="17662" 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">
    <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">
    11 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/apfel-holunderschorle-bio-500-ml-mhd-aktion-09-05-2026-17663">
          <img alt="Apfel-Holunderschorle Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7605/file/small-b880d431f4880270936a59e7c6e5d6fe.webp 600w, https://assets.fabulous.ch/public/variant_asset/7605/file/medium-734b810b9b56e9f61a2eda0f9f33e336.webp 900w, https://assets.fabulous.ch/public/variant_asset/7605/file/large-1602d1da64eec38751136a4b80bc5e1c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7605/file/medium-734b810b9b56e9f61a2eda0f9f33e336.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">Holderhof</p>
          <a href="/de/products/apfel-holunderschorle-bio-500-ml-mhd-aktion-09-05-2026-17663">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Apfel-Holunderschorle Bio, 500 ml (MHD-Aktion 09.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 1.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.70</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rCPia76mG5aBTBz-g5IRaEt5Mw3rJBX0KrCrsrdPzci_7IWZZQx1yMOpeo4Y_kwMMPTYiqOZE0czR80cHF8QDg" />
    <input value="17663" 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">
    <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/kartoffel-chips-papika-bio-125-g-mhd-aktion-09-05-2026-17664">
          <img alt="Kartoffel Chips Papika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7493/file/small-72dbf77367d13aff5156561428ac3adb.webp 600w, https://assets.fabulous.ch/public/variant_asset/7493/file/medium-d40e67876df505a1017b230a045df952.webp 900w, https://assets.fabulous.ch/public/variant_asset/7493/file/large-917804c3957c97361045e278b1a2957f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7493/file/medium-d40e67876df505a1017b230a045df952.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/kartoffel-chips-papika-bio-125-g-mhd-aktion-09-05-2026-17664">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kartoffel Chips Papika Bio, 125 g (MHD-Aktion 09.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.25</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.20</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7aUfImb_hn6EWwOPuquvrAX9H3cx24pVdtVlc2A8t_T-anjQvVXoIMa-Zf8hx_LIfnD08HlmjOZvIgPdyyxqMg" />
    <input value="17664" 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">
      78 von 78 Produkten
    </p>
  </div>
</div>

</template></turbo-stream>