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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hirse-feines-korn-rohkostqualitat-bio-500-g-mhd-aktion-10-08-2026-18133">
          <img alt="Hirse, feines Korn Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/399/file/small-941600e9d9d658b52080b8fca1e0abe8.webp 600w, https://assets.fabulous.ch/public/variant_asset/399/file/medium-112972a44092cb37d6b560a065aa7078.webp 900w, https://assets.fabulous.ch/public/variant_asset/399/file/large-24ae11c7fcb6fceac4bb17b9ca92c5a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/399/file/medium-112972a44092cb37d6b560a065aa7078.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">Davert</p>
          <a href="/de/products/hirse-feines-korn-rohkostqualitat-bio-500-g-mhd-aktion-10-08-2026-18133">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hirse, feines Korn Rohkostqualität Bio, 500 g (MHD-Aktion 10.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.75</span>
            </p>

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

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/candy-kittens-bonbons-wild-strawberry-140-g-mhd-aktion-09-07-2026-18134">
          <img alt="Candy Kittens Bonbons Wild Strawberry" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5441/file/small-d4b739174a6a71f7ca13398983bbaf3c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5441/file/medium-360930b374892f7aa75ffa0a2e1e857f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5441/file/large-4e6057a9f83e00aadbba32cb2d7456f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5441/file/medium-360930b374892f7aa75ffa0a2e1e857f.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">Candy Kittens</p>
          <a href="/de/products/candy-kittens-bonbons-wild-strawberry-140-g-mhd-aktion-09-07-2026-18134">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Candy Kittens Bonbons Wild Strawberry, 140 g (MHD-Aktion 09.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.95</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HtwIcrzD6Sq2W57sNkNPcvGspfD_lXQ3lGeHcyzUPrSDrooaK1LK3YFyD3zru_Km8Lg1iu10IC2AvfZvDkHdMg" />
    <input value="18134" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bisoja-1-sauglingsnahrung-refill-400-g-mhd-aktion-18-08-2026-18149">
          <img alt="Bisoja 1 Säuglingsnahrung Refill" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5849/file/small-97ded3740a2fa001eb65dba0373944fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5849/file/medium-684dcac2ed241378b04bc26484800f0f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5849/file/large-cc6b0ee3ff952076e2b151615de89b93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5849/file/medium-684dcac2ed241378b04bc26484800f0f.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">Bimbosan</p>
          <a href="/de/products/bisoja-1-sauglingsnahrung-refill-400-g-mhd-aktion-18-08-2026-18149">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bisoja 1 Säuglingsnahrung Refill, 400 g (MHD-Aktion 18.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 16.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 16.50</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fLqNeGkJW-aSf_VOiUAcyHEcXdBw3ZUVP9jh9F1d_xvhyA8Q_ph4EaVWZN5UuKEccAjNqmI8wQ8rApDof8gcnQ" />
    <input value="18149" 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/seife-rosmarin-handseife-pumpspender-300-ml-mhd-aktion-27-09-2026-18150">
          <img alt="Seife Rosmarin Handseife Pumpspender" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2620/file/small-c80f5b2a2953ce6a761e205eccba6e32.webp 600w, https://assets.fabulous.ch/public/variant_asset/2620/file/medium-6e0ebebb72a647b281c8b5ce2c816456.webp 900w, https://assets.fabulous.ch/public/variant_asset/2620/file/large-1c5ef148dc104bfd23590155753eb104.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2620/file/medium-6e0ebebb72a647b281c8b5ce2c816456.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">Sonett</p>
          <a href="/de/products/seife-rosmarin-handseife-pumpspender-300-ml-mhd-aktion-27-09-2026-18150">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seife Rosmarin Handseife Pumpspender, 300 ml (MHD-Aktion 27.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.10</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DYaJOKQMbleJGR5XTQCRopnZ86XsswZdqWavxtcjwuqQ9AtQM51NoL4wj8eQ-Cx2mM1j3_5SUke9vN7a9bYhbA" />
    <input value="18150" 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/schlagcreme-schokotraum-spruhdose-200-ml-mhd-aktion-17-07-2026-18151">
          <img alt="Schlagcreme Schokotraum Sprühdose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6241/file/small-76474dd20dfcb82f11d5b1fd0e12f216.webp 600w, https://assets.fabulous.ch/public/variant_asset/6241/file/medium-29d6a80c0d75495a286f8bd7d6ecf710.webp 900w, https://assets.fabulous.ch/public/variant_asset/6241/file/large-b1c3d15834ca7814de6bc1aae86bfd23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6241/file/medium-29d6a80c0d75495a286f8bd7d6ecf710.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">Schlagfix</p>
          <a href="/de/products/schlagcreme-schokotraum-spruhdose-200-ml-mhd-aktion-17-07-2026-18151">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schlagcreme Schokotraum Sprühdose, 200 ml (MHD-Aktion 17.07.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 3.60</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6URnuctDTX39_akxMJ0drFA2wBD_0TIraMTjxTq1Gzt0NuXRXNJuisrUOKHtZaB4USJQau0wZjF8HpLZGCD4vQ" />
    <input value="18151" 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/peak-punk-haferriegel-blueberry-muffin-bio-60-g-mhd-aktion-16-07-2026-18152">
          <img alt="Peak Punk Haferriegel Blueberry Muffin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6440/file/small-42d4ccaa0f4e73674c3077c7f33b4b14.webp 600w, https://assets.fabulous.ch/public/variant_asset/6440/file/medium-63b44898e5a678e32910593392e52a87.webp 900w, https://assets.fabulous.ch/public/variant_asset/6440/file/large-bba83cf14466ebf7c9d47c3520342361.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6440/file/medium-63b44898e5a678e32910593392e52a87.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">Peak Punk</p>
          <a href="/de/products/peak-punk-haferriegel-blueberry-muffin-bio-60-g-mhd-aktion-16-07-2026-18152">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peak Punk Haferriegel Blueberry Muffin Bio, 60 g (MHD-Aktion 16.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.35</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cd4riCIcKoD2b5tVl2OmWTfCN5WMGlqP7TkVmTY_-K3srKngtY0Jd8FGCsVKmxuNNtan7577DpX542SFFKobKw" />
    <input value="18152" 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/freche-freunde-laugensticks-karotte-bio-75-g-mhd-aktion-10-07-2026-18154">
          <img alt="Freche Freunde Laugensticks Karotte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5151/file/small-a5b6ae76374978eb1a9d209cb8227cea.webp 600w, https://assets.fabulous.ch/public/variant_asset/5151/file/medium-d5d80bef5dfc6641736039920c532fe9.webp 900w, https://assets.fabulous.ch/public/variant_asset/5151/file/large-d0d95bd7bf1c677551388ad32ae93f42.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5151/file/medium-d5d80bef5dfc6641736039920c532fe9.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">Freche Freunde</p>
          <a href="/de/products/freche-freunde-laugensticks-karotte-bio-75-g-mhd-aktion-10-07-2026-18154">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Freche Freunde Laugensticks Karotte Bio, 75 g (MHD-Aktion 10.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.55</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 3.40 / 100 g
            </p>
        </div>
      </div>

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/frucht-riegel-cranberry-cashew-40-g-mhd-aktion-10-07-2026-18155">
          <img alt="Frucht-Riegel Cranberry Cashew" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6143/file/small-4c5118ed75c7cf86d53b406a64876ff8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6143/file/medium-bc517f1aa81ff313374780c7f9d6cd8f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6143/file/large-151296cdf211b04a5b711963c8a48120.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6143/file/medium-bc517f1aa81ff313374780c7f9d6cd8f.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">Allos</p>
          <a href="/de/products/frucht-riegel-cranberry-cashew-40-g-mhd-aktion-10-07-2026-18155">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Frucht-Riegel Cranberry Cashew, 40 g (MHD-Aktion 10.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.10</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.25</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JrrhJvHWasEUBSGdJ9ZzCuZrZI7dfcCDPQz_RcFrW1O7yGNOZkdJNiMssA36Ls7e53_09M-clJkp1o5Z4_641Q" />
    <input value="18155" 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/peak-punk-haferriegel-brownie-cashew-bio-60-g-mhd-aktion-17-07-2026-18156">
          <img alt="Peak Punk Haferriegel Brownie Cashew Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6441/file/small-3a839b712f01ca1d9cc1769462d753be.webp 600w, https://assets.fabulous.ch/public/variant_asset/6441/file/medium-414ca80437dab52600e040dca677c61e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6441/file/large-2d645e6684e9a2a3932db9783649f6f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6441/file/medium-414ca80437dab52600e040dca677c61e.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">Peak Punk</p>
          <a href="/de/products/peak-punk-haferriegel-brownie-cashew-bio-60-g-mhd-aktion-17-07-2026-18156">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peak Punk Haferriegel Brownie Cashew Bio, 60 g (MHD-Aktion 17.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.35</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xn2s41PVLcL_Gg5trN2ejrriz2UFDeWlA1EYwX6UcczDDy6LxEQONcgzn_1xJSNau_ZfHxfssb8Xi2ndXAGSSg" />
    <input value="18156" 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/schorle-rhabarber-bio-500-ml-mhd-aktion-17-07-2026-18157">
          <img alt="Schorle Rhabarber Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7325/file/small-cd9b892c29bd422fe0cb07f58635508f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7325/file/medium-6852b5a5dc30c5acee7ed7d133c4629f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7325/file/large-304b17dcad5a6219ac9bba07dead18a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7325/file/medium-6852b5a5dc30c5acee7ed7d133c4629f.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">Vivitz</p>
          <a href="/de/products/schorle-rhabarber-bio-500-ml-mhd-aktion-17-07-2026-18157">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schorle Rhabarber Bio, 500 ml (MHD-Aktion 17.07.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.40</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Nvjz_16DtkeEjrydbJD76uychZSf0XgUMEAWFBoJ9B2rinGXyRKVsLOnLQ2xaEY-7YgV7o0wLA4kmmcIOJwXmw" />
    <input value="18157" 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/biobis-dinkel-doppelkeks-sanddorn-orange-palmolfrei-bio-320-g-mhd-aktion-23-07-2026-18158">
          <img alt="Biobis Dinkel Doppelkeks Sanddorn-Orange palmölfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8011/file/small-12cf9fbb7703369f2e7f53f40fec2b5e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8011/file/medium-0ef833571ea4d904fa021d86892c139c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8011/file/large-b18463744c0d78d8933b8de9a6d2ee12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8011/file/medium-0ef833571ea4d904fa021d86892c139c.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/biobis-dinkel-doppelkeks-sanddorn-orange-palmolfrei-bio-320-g-mhd-aktion-23-07-2026-18158">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biobis Dinkel Doppelkeks Sanddorn-Orange palmölfrei Bio, 320 g (MHD-Aktion 23.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.85</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kf6CJRDnKiJg8mR5lox0hwAG4bEe6ceJ1Wqgc2sygLoMjABNh3YJ1Vfb9elLdMlTARJxywwIk5PBsNFvSadjPA" />
    <input value="18158" 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/reisdrink-ungesusst-bio-1-l-mhd-aktion-29-07-2026-18159">
          <img alt="Reisdrink ungesüsst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7829/file/small-8bf8ae1e0d657df032ca197975b12b66.webp 600w, https://assets.fabulous.ch/public/variant_asset/7829/file/medium-a287ac76a93728ae7ee5e37c437a5b43.webp 900w, https://assets.fabulous.ch/public/variant_asset/7829/file/large-3e3e775917dd5915fd78be131dfb8e59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7829/file/medium-a287ac76a93728ae7ee5e37c437a5b43.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">Allos</p>
          <a href="/de/products/reisdrink-ungesusst-bio-1-l-mhd-aktion-29-07-2026-18159">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reisdrink ungesüsst Bio, 1 l (MHD-Aktion 29.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.65</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gbd4ON_kGDT2s4_3SKnArtI5SRJ2-CAoYBXOiI_XTEEcxfpQSHU7w8GaHmeVUX160y3ZaGQZdDJ0z7-UrUKvxw" />
    <input value="18159" 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">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/dj-a-zuckererbsen-chips-30-g-mhd-aktion-11-07-2026-18161">
          <img alt="DJ&amp;A Zuckererbsen Chips" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7277/file/small-c6ea5caffc6b2018f49df996b74b56c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7277/file/medium-f86173f519223eb08a9832b3338c371f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7277/file/large-c72d732d0641c7ab8d42945a1ff4c43b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7277/file/medium-f86173f519223eb08a9832b3338c371f.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">DJ&amp;A</p>
          <a href="/de/products/dj-a-zuckererbsen-chips-30-g-mhd-aktion-11-07-2026-18161">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">DJ&amp;A Zuckererbsen Chips, 30 g (MHD-Aktion 11.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.95</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Wf4KLSWYeGHiwWcBgsOxEIn2SHKYCNquR7sA6gw-W83EjIhFsglbltXo9pFfOwzEiOLYCIrpjrRTYXH2Lqu4Sw" />
    <input value="18161" 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/tortilla-wraps-6-st-aus-weizen-bio-240-g-mhd-aktion-18-07-2026-18162">
          <img alt="Tortilla Wraps (6 St.) aus Weizen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1610/file/small-82351e047c181e7cafa2bb7c7fe68409.webp 600w, https://assets.fabulous.ch/public/variant_asset/1610/file/medium-76351d29a4d305504f7a2632eb73fc90.webp 900w, https://assets.fabulous.ch/public/variant_asset/1610/file/large-a025e69422589577a118c36bdacf2c0e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1610/file/medium-76351d29a4d305504f7a2632eb73fc90.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">Acapulco</p>
          <a href="/de/products/tortilla-wraps-6-st-aus-weizen-bio-240-g-mhd-aktion-18-07-2026-18162">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tortilla Wraps (6 St.) aus Weizen Bio, 240 g (MHD-Aktion 18.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.55</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qi-a00kXDDPoU4ekEaI2Oe78blk8ePRNXj4WE1Bh5p_fXRi73oYvxN96FjTMWovt7-j-Iy6ZoFdK5GcPcvQFGQ" />
    <input value="18162" 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/life-crackers-carrot-glutenfrei-raw-bio-80-g-mhd-aktion-24-07-2026-18163">
          <img alt="Life Crackers Carrot Glutenfrei RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8821/file/small-7de77b8e2718bf51dc6435cd8ba8d432.webp 600w, https://assets.fabulous.ch/public/variant_asset/8821/file/medium-0c9ef09cef3d3aa642afa357c227d1b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/8821/file/large-652ac5475c6f92a65c45ee56dc7b3000.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8821/file/medium-0c9ef09cef3d3aa642afa357c227d1b2.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">Lifefood</p>
          <a href="/de/products/life-crackers-carrot-glutenfrei-raw-bio-80-g-mhd-aktion-24-07-2026-18163">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Life Crackers Carrot Glutenfrei RAW Bio, 80 g (MHD-Aktion 24.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 9.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 7.35</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RW4hsoTpfiqOGPUaMVjF6CLVgD6A7RHPVSG2-lOGLSTYHKPaE3hd3bkxZIrsoHg8I8EQRJIMRdVB-8fmcRPOog" />
    <input value="18163" 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/fredos-coole-lollies-bunter-mix-wassereis-bio-300-ml-b-ware-aktion-18171">
          <img alt="Fredos Coole Lollies &quot;Bunter Mix&quot; Wassereis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4741/file/small-d7c6cff55970387bd0d0dd0d31727257.webp 600w, https://assets.fabulous.ch/public/variant_asset/4741/file/medium-5b5336d4881b6c6a5ee9b67c855a4bf1.webp 900w, https://assets.fabulous.ch/public/variant_asset/4741/file/large-98b28c9cbff5801b4cebe8a9ba6306a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4741/file/medium-5b5336d4881b6c6a5ee9b67c855a4bf1.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">Fredos</p>
          <a href="/de/products/fredos-coole-lollies-bunter-mix-wassereis-bio-300-ml-b-ware-aktion-18171">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fredos Coole Lollies &quot;Bunter Mix&quot; Wassereis Bio, 300 ml (B-Ware-Aktion)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.80</span>
            </p>

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

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tomaten-sonnengetrocknet-bio-100-g-mhd-aktion-04-08-2026-18173">
          <img alt="Tomaten Sonnengetrocknet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2544/file/small-1dffa6ba9939bc5ce15496d97fb6546e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2544/file/medium-3d0378f0f03a25fae9dd36d25a7e59bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/2544/file/large-30e22caf590de824df05c5e176243fe8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2544/file/medium-3d0378f0f03a25fae9dd36d25a7e59bb.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">Terrasana</p>
          <a href="/de/products/tomaten-sonnengetrocknet-bio-100-g-mhd-aktion-04-08-2026-18173">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomaten Sonnengetrocknet Bio, 100 g (MHD-Aktion 04.08.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 2.95</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XiilbUiXERVr_C4jxsUcD1WK3TxZqenhHU9nbQ8UXrvDWicF3wYy4lzVv7MbPaHbVJ5NRktIvfsJlRZxLYG9PQ" />
    <input value="18173" 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/vego-melts-buttons-bio-180-g-mhd-aktion-30-07-2026-18174">
          <img alt="Vego Melts Buttons Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4591/file/small-c91802dbfb356c333e902a57fc7ccc3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4591/file/medium-52b25bf400bdd363260bc834d200752d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4591/file/large-5410af4ce69d5a0eae4ce273eaf9cc76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4591/file/medium-52b25bf400bdd363260bc834d200752d.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">Vego Chocolate</p>
          <a href="/de/products/vego-melts-buttons-bio-180-g-mhd-aktion-30-07-2026-18174">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vego Melts Buttons Bio, 180 g (MHD-Aktion 30.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.25</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1wMDGd2q6Oz16-KPtsycFIAjgjq5QZnJgQfq-wO024FKcYFxSjvLG8LCcx9rNCHAgTcSQKugzdOV3ZvnISE4Bw" />
    <input value="18174" 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/kokosraspeln-bio-250-g-mhd-aktion-30-07-2026-18175">
          <img alt="Kokosraspeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7664/file/small-7993c8c5439b3f7838e06a1f6dae3807.webp 600w, https://assets.fabulous.ch/public/variant_asset/7664/file/medium-1669eaf8758c5337f22448cf79b21e47.webp 900w, https://assets.fabulous.ch/public/variant_asset/7664/file/large-eb4d90f26fed982826d85884c348da0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7664/file/medium-1669eaf8758c5337f22448cf79b21e47.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">Rapunzel</p>
          <a href="/de/products/kokosraspeln-bio-250-g-mhd-aktion-30-07-2026-18175">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosraspeln Bio, 250 g (MHD-Aktion 30.07.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 3.60</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_GFbl9-Mi5AaDKUDhYS25afL1N9uY5WlvLEK1tcPOedhE9n_SB2oZy0lNJNYfAsxpt9EpXyCwb-oa3vK9ZraYQ" />
    <input value="18175" 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">
    21 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/scrambled-tofu-vegane-wurzmischung-bio-17-g-mhd-aktion-31-07-2026-18176">
          <img alt="Scrambled Tofu vegane Würzmischung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7157/file/small-03bc513826d22ae69a786ec7f7ac5754.webp 600w, https://assets.fabulous.ch/public/variant_asset/7157/file/medium-3dec6e7415c3d3609bf57fd8a995c850.webp 900w, https://assets.fabulous.ch/public/variant_asset/7157/file/large-d8abd5d6625b09a39aab1287a7dfc89d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7157/file/medium-3dec6e7415c3d3609bf57fd8a995c850.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">VITAM</p>
          <a href="/de/products/scrambled-tofu-vegane-wurzmischung-bio-17-g-mhd-aktion-31-07-2026-18176">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Scrambled Tofu vegane Würzmischung Bio, 17 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 1.70</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.35</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y8IjMnXej-4Dljg-wnFGA-3Z8HoMa5rjNhNPOCnyAD3-sKFa4k-sGTS_qa4fifvX7M1gAB6KzvkiyT4kC2fjuw" />
    <input value="18176" 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;180 von 3&#39;215 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/fupi?format=turbo_stream&amp;page=160">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>