<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">
    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="h039veSYlDdqPxvtEe9XP6POD3L8sD-21JblOoyg3as-jBlcMOQJrwYq0rymhStfHI55Z3fKDshS55aFgUHd1Q" />
    <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="gsfTqrnVMWWzR8I0DAvcLnvvsS-ro0WaYltsof5EyPk7BjdLbams_d9SC2W7YaBOxK_HOiDZdOTkKh8e86XIhw" />
    <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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/d-angelo-bolo-licious-ravioli-mit-veganer-bolognese-bio-250-g-mhd-aktion-29-07-2026-18160">
          <img alt="D&#39;Angelo Bolo-licious Ravioli mit veganer Bolognese Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7943/file/small-8084f959d173f32a1d82a9ae93415217.webp 600w, https://assets.fabulous.ch/public/variant_asset/7943/file/medium-58819af532482540b027c2db1abeba60.webp 900w, https://assets.fabulous.ch/public/variant_asset/7943/file/large-f9d7fb4a35bca3b5ca368b448ec0e659.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7943/file/medium-58819af532482540b027c2db1abeba60.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">D&#39;Angelo Pasteria</p>
          <a href="/de/products/d-angelo-bolo-licious-ravioli-mit-veganer-bolognese-bio-250-g-mhd-aktion-29-07-2026-18160">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">D&#39;Angelo Bolo-licious Ravioli mit veganer Bolognese Bio, 250 g (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 5.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.15</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P5PWUR6HtT4m9i_hFscXocCZIOr_FoBQBeLvoxNGYfGGUjKwyvsopkrj5rChrWvBf9lW_3RssS6Dk5wcHqdhjw" />
    <input value="18160" 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/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 4.70</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="3I4dENIBMyv5ttLj7W1220YL05XDP8Wx3h9GWqS9cKZlT_nxBn2us5WjG7JaBwq7-UulgEhF9M9YbjXlqVxw2A" />
    <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 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/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="ND5ntfXgk2YCsZUpbMqgu3_PGoQCqwmavM9rXumewZyN_4NUIZwO_m6kXHjboNzbwI9skYnROOQ6vhjh5H_B4g" />
    <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  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/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="rlFET6yXoPh3R7CB21DWtJ2YItBRqe1wjrNBrCA7ox0XkKCueOs9YBtSedBsOqrUIthUxdrT3A4IwjITLdqjYw" />
    <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 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/gondino-chili-vegane-alternative-zu-hartkase-bio-150-g-mhd-aktion-03-07-2026-18164">
          <img alt="Gondino Chili Vegane Alternative zu Hartkäse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4175/file/small-efa2bf63ace8757d696204448faa07fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4175/file/medium-1fc2a489dd7add5ac68e2ff28a559df7.webp 900w, https://assets.fabulous.ch/public/variant_asset/4175/file/large-13b0efed4a0fd41f0a2a2206b9d78489.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4175/file/medium-1fc2a489dd7add5ac68e2ff28a559df7.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">Pangea Food</p>
          <a href="/de/products/gondino-chili-vegane-alternative-zu-hartkase-bio-150-g-mhd-aktion-03-07-2026-18164">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gondino Chili Vegane Alternative zu Hartkäse Bio, 150 g (MHD-Aktion 03.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 7.10</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.27 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n7sgrAN4N39-khWH5SFXw4Aw9AjVWwj2S3m3aXR3KBUmesRN1wSq5xKH3NZSSyujP3CCHV4hOYjNCMTWeZYoaw" />
    <input value="18164" 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/fermentierte-vegane-mandel-alternative-zu-sauerrahm-bio-200-g-mhd-aktion-03-07-2026-18165">
          <img alt="Fermentierte vegane Mandel-Alternative zu Sauerrahm Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8089/file/small-6b2a66175e8a98275849e4702933c975.webp 600w, https://assets.fabulous.ch/public/variant_asset/8089/file/medium-633ad4e60af8bfdddf5aa323eab913b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/8089/file/large-d6ccaf54b5801e3b71f13b1e10768a7e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8089/file/medium-633ad4e60af8bfdddf5aa323eab913b5.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/fermentierte-vegane-mandel-alternative-zu-sauerrahm-bio-200-g-mhd-aktion-03-07-2026-18165">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fermentierte vegane Mandel-Alternative zu Sauerrahm Bio, 200 g (MHD-Aktion 03.07.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.60</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.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ro5WbL7stnbxurVoGPxWZAjq4rNW_j03meN_SbPNpFH_T7KNapAr7p2vfDmvlioEt6qUpt2EDEkfkgz2viykLw" />
    <input value="18165" 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-greek-vegane-alternative-zu-frischkase-bio-115-g-mhd-aktion-04-07-2026-18166">
          <img alt="New Roots Le Greek Vegane Alternative zu Frischkäse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2611/file/small-12d0809ce90c3390e20955286184b7f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2611/file/medium-bceef1e8a898bea79ead312b848ccac4.webp 900w, https://assets.fabulous.ch/public/variant_asset/2611/file/large-b4a988763eff38a7befb0611c30a88af.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2611/file/medium-bceef1e8a898bea79ead312b848ccac4.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-greek-vegane-alternative-zu-frischkase-bio-115-g-mhd-aktion-04-07-2026-18166">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots Le Greek Vegane Alternative zu Frischkäse Bio, 115 g (MHD-Aktion 04.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.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 6.09 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BTibKGE4lAKTN9FSfaKRq7qm16zcGtJ-8l5b8kslioi8-X_JtUQJmv8iGAPKyO3LBeahuVdg4wB0LyhNRsSK9g" />
    <input value="18166" 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;209 von 3&#39;209 Produkten
    </p>
  </div>
</div>

</template></turbo-stream>