<turbo-stream action="append" target="products_grid"><template>
    

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D181">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/xucker-light-erythrit-dose-1-kg-mhd-aktion-31-10-2026-22120">
          <img alt="Xucker Light Erythrit Dose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4486/file/small-e389acc2220121a84b08c5830676a9cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/4486/file/medium-c59b0f1105af2ec80850425b0b8eb572.webp 900w, https://assets.fabulous.ch/public/variant_asset/4486/file/large-1688da8b5ab2d560d9074f9d94c78bbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4486/file/medium-c59b0f1105af2ec80850425b0b8eb572.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">Xucker</p>
          <a href="/de/products/xucker-light-erythrit-dose-1-kg-mhd-aktion-31-10-2026-22120">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Xucker Light Erythrit Dose, 1 kg (MHD-Aktion 31.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 14.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 13.30</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22120&quot;],&quot;content_name&quot;:&quot;Xucker Light Erythrit Dose, 1 kg (MHD-Aktion 31.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22120&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JgI1B3LjT1-zBDRU3avM5snGJ4fUqzs4lVo4yt6ij6SoihGZIBM3JpCajTA7wUaOqdPEqzfOOlJ4bG0VE8lUHA" />
    <input value="22120" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D181">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-regenerierendes-gesichtswasser-mit-hyaluronsaure-200-ml-mhd-aktion-31-10-2026-22121">
          <img alt="Pill Kosmetik - Regenerierendes Gesichtswasser mit Hyaluronsäure" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6416/file/small-ea0f6c806dd4c5cb0951ca048c068ce7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6416/file/medium-9a5f7eee6933283feac15511df5189c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6416/file/large-332c185d9235b4cd93d3728b78422a11.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6416/file/medium-9a5f7eee6933283feac15511df5189c6.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/de/products/pill-kosmetik-regenerierendes-gesichtswasser-mit-hyaluronsaure-200-ml-mhd-aktion-31-10-2026-22121">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Regenerierendes Gesichtswasser mit Hyaluronsäure, 200 ml (MHD-Aktion 31.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 25.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 20.50</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22121&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Regenerierendes Gesichtswasser mit Hyaluronsäure, 200 ml (MHD-Aktion 31.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22121&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mgOe35lyq-VFL3ELrQ0a_RRiC0eBrEigXxGXAaaJYpwUi7pBy4LTnGaxyG9LZ5CVdHfoa2LJScqyJ8Lea-K5JA" />
    <input value="22121" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D181">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/petit-biscuit-digestion-getreidefrei-100-g-mhd-aktion-06-11-2026-22122">
          <img alt="Petit Biscuit - Digestion getreidefrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7353/file/small-96f2e357cecff34deae652238f0eb32b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7353/file/medium-d0b62aea8f121387fe87aa1f45070819.webp 900w, https://assets.fabulous.ch/public/variant_asset/7353/file/large-08262ba861d0bb530e2971f74472f295.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7353/file/medium-d0b62aea8f121387fe87aa1f45070819.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">Little Chef</p>
          <a href="/de/products/petit-biscuit-digestion-getreidefrei-100-g-mhd-aktion-06-11-2026-22122">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Petit Biscuit - Digestion getreidefrei, 100 g (MHD-Aktion 06.11.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 4.75</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22122&quot;],&quot;content_name&quot;:&quot;Petit Biscuit - Digestion getreidefrei, 100 g (MHD-Aktion 06.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22122&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1ffot9f8weneG6FAPu4unk04eqQG67aUfQP70hfxTzNbf8wphQy5kP2FGCTYhKT2LS2ZiOWOt_6QNa4N2pqUiw" />
    <input value="22122" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D181">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/petit-biscuit-energy-getreidefrei-100-g-mhd-aktion-06-11-2026-22123">
          <img alt="Petit Biscuit - Energy getreidefrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7354/file/small-dfd6a8db43dc0a5c4337f218a175a3b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7354/file/medium-ba8419d08c3a7fff77533fd729a91f2a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7354/file/large-8b8dab4a4b288caaf3e828664aa588cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7354/file/medium-ba8419d08c3a7fff77533fd729a91f2a.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">Little Chef</p>
          <a href="/de/products/petit-biscuit-energy-getreidefrei-100-g-mhd-aktion-06-11-2026-22123">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Petit Biscuit - Energy getreidefrei, 100 g (MHD-Aktion 06.11.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 4.75</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22123&quot;],&quot;content_name&quot;:&quot;Petit Biscuit - Energy getreidefrei, 100 g (MHD-Aktion 06.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22123&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lll6LUsK4PzXcIPS9Ix-rT4EHxHRHdrl591is54ipGgY0V6zGfqYhfTuOrYS5vTFXhH8PTJ4248K6zdsU0l_0A" />
    <input value="22123" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D181">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/petit-biscuit-dental-fresh-getreidefrei-100-g-mhd-aktion-06-11-2026-22124">
          <img alt="Petit Biscuit - Dental Fresh getreidefrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7355/file/small-e19e2b21313f94cf00620080857d425c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7355/file/medium-c9e3bde15d2880156c9b8895a582a10b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7355/file/large-5bfb03b275a41c6877faedd51269e694.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7355/file/medium-c9e3bde15d2880156c9b8895a582a10b.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">Little Chef</p>
          <a href="/de/products/petit-biscuit-dental-fresh-getreidefrei-100-g-mhd-aktion-06-11-2026-22124">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Petit Biscuit - Dental Fresh getreidefrei, 100 g (MHD-Aktion 06.11.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 4.75</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22124&quot;],&quot;content_name&quot;:&quot;Petit Biscuit - Dental Fresh getreidefrei, 100 g (MHD-Aktion 06.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22124&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Sb4SQsc5J1sWXSSIVZLAUC1RsD8VCVXdPgdYFZUmdrnHNjbclclfIjXDneyz-Eo4TURTE_ZsVLfTMQ3KWE2tAQ" />
    <input value="22124" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D181">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/petit-biscuit-immunity-getreidefrei-100-g-mhd-aktion-06-11-2026-22126">
          <img alt="Petit Biscuit - Immunity getreidefrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7358/file/small-3d083d80588d0cc2874db99a291e0ace.webp 600w, https://assets.fabulous.ch/public/variant_asset/7358/file/medium-0d4d197f21308abf35031e1fbf618acf.webp 900w, https://assets.fabulous.ch/public/variant_asset/7358/file/large-e333be6409ca98bcc1a2bc6818e27494.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7358/file/medium-0d4d197f21308abf35031e1fbf618acf.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">Little Chef</p>
          <a href="/de/products/petit-biscuit-immunity-getreidefrei-100-g-mhd-aktion-06-11-2026-22126">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Petit Biscuit - Immunity getreidefrei, 100 g (MHD-Aktion 06.11.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 4.75</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22126&quot;],&quot;content_name&quot;:&quot;Petit Biscuit - Immunity getreidefrei, 100 g (MHD-Aktion 06.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22126&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o1NBYpfQx8lCVDc-RXVVRn0Q8hzObK1hdGV-5xgt8IEt22X8xSC_sGHKjlqjH98uHQURMC0JrAuZUys41UYrOQ" />
    <input value="22126" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D181">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/petit-biscuit-calming-getreidefrei-100-g-mhd-aktion-06-11-2026-22127">
          <img alt="Petit Biscuit - Calming getreidefrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7359/file/small-98bf29678fac9f568e662ac1a12ff768.webp 600w, https://assets.fabulous.ch/public/variant_asset/7359/file/medium-83f74b4f6fa377b4d00e0b1df812a641.webp 900w, https://assets.fabulous.ch/public/variant_asset/7359/file/large-ad45aa457552f2571b9648f25408c3c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7359/file/medium-83f74b4f6fa377b4d00e0b1df812a641.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">Little Chef</p>
          <a href="/de/products/petit-biscuit-calming-getreidefrei-100-g-mhd-aktion-06-11-2026-22127">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Petit Biscuit - Calming getreidefrei, 100 g (MHD-Aktion 06.11.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 4.75</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22127&quot;],&quot;content_name&quot;:&quot;Petit Biscuit - Calming getreidefrei, 100 g (MHD-Aktion 06.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22127&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="79IU0WFlTuOHskyANp8YGxevh8gT36LUUWr1O4YgU2BhWjBPM5U2mqQs9eTQ9ZJzd7pk5PC6o768XKDkS0uI2A" />
    <input value="22127" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D181">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/petit-biscuit-puppy-power-getreidefrei-100-g-mhd-aktion-06-11-2026-22128">
          <img alt="Petit Biscuit - Puppy Power getreidefrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7371/file/small-961faa5b17013cd2571490df4c35695e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7371/file/medium-82c07ef62d459b0aa6ced208c2b05159.webp 900w, https://assets.fabulous.ch/public/variant_asset/7371/file/large-597f469a709b1f18d9de1c7c2efa97de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7371/file/medium-82c07ef62d459b0aa6ced208c2b05159.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">Little Chef</p>
          <a href="/de/products/petit-biscuit-puppy-power-getreidefrei-100-g-mhd-aktion-06-11-2026-22128">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Petit Biscuit - Puppy Power getreidefrei, 100 g (MHD-Aktion 06.11.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 4.75</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22128&quot;],&quot;content_name&quot;:&quot;Petit Biscuit - Puppy Power getreidefrei, 100 g (MHD-Aktion 06.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22128&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7a6QQzq0z0sJZLZPH4C1eQDdAQ_bt9F5_MS1xpxRHvZjJrTdaES3Mir6Dyv56j8RYMjiIzjS0BMR8uAZUTrFTg" />
    <input value="22128" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D181">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vegdog-trockenfutter-green-crunch-10-kg-mhd-aktion-21-10-2026-22129">
          <img alt="VEGDOG Trockenfutter Green Crunch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8627/file/small-523a674a602c2e9d9b88dbe8d75fea21.webp 600w, https://assets.fabulous.ch/public/variant_asset/8627/file/medium-ef4f82ea5f7999ab367ac66008bd6b77.webp 900w, https://assets.fabulous.ch/public/variant_asset/8627/file/large-1b7c8f568969112ab489e640e897e7ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8627/file/medium-ef4f82ea5f7999ab367ac66008bd6b77.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">VEGDOG</p>
          <a href="/de/products/vegdog-trockenfutter-green-crunch-10-kg-mhd-aktion-21-10-2026-22129">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">VEGDOG Trockenfutter Green Crunch, 10 kg (MHD-Aktion 21.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 79.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 71.55</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22129&quot;],&quot;content_name&quot;:&quot;VEGDOG Trockenfutter Green Crunch, 10 kg (MHD-Aktion 21.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22129&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:71.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vJ_YnUvo1px_tZRWp54ufzkfhy9I9hvqZ7bgFmjfX2oyF_wDGRiu5VwrLTJB9KQXWQpkA6uTGoCKgLXJpbSE0g" />
    <input value="22129" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D181">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/d-angelo-tofutastic-cappelletti-mit-rauchertofu-bio-250-g-mhd-aktion-06-10-2026-22131">
          <img alt="D&#39;Angelo Tofutastic Cappelletti mit Räuchertofu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7949/file/small-2c3a56e0abac295a037c41edd4d63e8a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7949/file/medium-231e3c82beb7e63f611d78f6dd8ee2ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/7949/file/large-b6af96b1bb8eb196310b554764f33025.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7949/file/medium-231e3c82beb7e63f611d78f6dd8ee2ab.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-tofutastic-cappelletti-mit-rauchertofu-bio-250-g-mhd-aktion-06-10-2026-22131">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">D&#39;Angelo Tofutastic Cappelletti mit Räuchertofu Bio, 250 g (MHD-Aktion 06.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.10</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.60</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22131&quot;],&quot;content_name&quot;:&quot;D&#39;Angelo Tofutastic Cappelletti mit Räuchertofu Bio, 250 g (MHD-Aktion 06.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22131&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wXBzggMuDrULj5RH1GLuALkJp-8SRrSQXqw7UDJb295P-FccUd52zCgRLSMyCGRo2RxEw_Ejtfqzmm6P_zAAZg" />
    <input value="22131" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D181">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/cottage-protein-vegane-alternative-zu-huttenkase-150-g-22134">
          <img alt="Cottage Protein+ Vegane Alternative zu Hüttenkäse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11637/file/small-bf2a7dedca6e8f9d5bdb1b2f1cd63fb0.webp 600w, https://assets.fabulous.ch/public/variant_asset/11637/file/medium-a5e0cffd3e25dcf709d0547b9072f80d.webp 900w, https://assets.fabulous.ch/public/variant_asset/11637/file/large-7ac442deec822cec3903660c4907ab4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11637/file/medium-a5e0cffd3e25dcf709d0547b9072f80d.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">Revo Foods</p>
          <a href="/de/products/cottage-protein-vegane-alternative-zu-huttenkase-150-g-22134">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cottage Protein+ Vegane Alternative zu Hüttenkäse, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </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.93 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22134&quot;],&quot;content_name&quot;:&quot;Cottage Protein+ Vegane Alternative zu Hüttenkäse, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22134&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nLJyoDvreViW4N6wONUSUkjzkrOufJc2xj5TLy2oiggSOlY-aRsBIbV-Z9Tev5g6KOZxn00ZllwrCAbw4MNRsA" />
    <input value="22134" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D181">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    30 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/reis-risotto-arborio-weiss-bio-500-g-mhd-aktion-19-10-2026-22140">
          <img alt="Reis Risotto Arborio Weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2003/file/small-956c463d3a609b1a2592359ace86d1af.webp 600w, https://assets.fabulous.ch/public/variant_asset/2003/file/medium-e8e50035f9470d10722f47d5a4fd68ec.webp 900w, https://assets.fabulous.ch/public/variant_asset/2003/file/large-9d6b9fddf3f66ff3ee5a9e6ab46e4d24.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2003/file/medium-e8e50035f9470d10722f47d5a4fd68ec.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/reis-risotto-arborio-weiss-bio-500-g-mhd-aktion-19-10-2026-22140">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reis Risotto Arborio Weiss Bio, 500 g (MHD-Aktion 19.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.10</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22140&quot;],&quot;content_name&quot;:&quot;Reis Risotto Arborio Weiss Bio, 500 g (MHD-Aktion 19.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22140&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rLLGHZcfLdg6Y_w2es6jS9H-rJbOxDzJIMgAS0Y-iMIiOuKDxe9VoRn9RVKcpCkjsetPui2hPaPN_lWUi1VTeg" />
    <input value="22140" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D181">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    30 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tomatenpuree-in-der-tube-bio-120-g-mhd-aktion-09-10-2026-22141">
          <img alt="Tomatenpüree in der Tube Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4648/file/small-6aa5f64a3da5ee71ce2cbcc00862fb83.webp 600w, https://assets.fabulous.ch/public/variant_asset/4648/file/medium-fcb38e5a269aed80b35a4b0343715fd6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4648/file/large-8dabbbb77fb1bc879961524bb7d55f38.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4648/file/medium-fcb38e5a269aed80b35a4b0343715fd6.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/tomatenpuree-in-der-tube-bio-120-g-mhd-aktion-09-10-2026-22141">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tomatenpüree in der Tube Bio, 120 g (MHD-Aktion 09.10.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.30</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22141&quot;],&quot;content_name&quot;:&quot;Tomatenpüree in der Tube Bio, 120 g (MHD-Aktion 09.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22141&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_VaixhrFe5OGc8zlhYs-r7_XAhz1YIgeF3a3gUtoHx5z3oZYSDUD6qXtdYFj4bTH38LhMBYFiXT6QOJehgPEpg" />
    <input value="22141" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D181">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/chakra-ol-no-1-root-grounding-30-ml-22142">
          <img alt="Chakra Öl No. 1 Root Grounding" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11672/file/small-576f48d16963d903c1ffda25102cda97.webp 600w, https://assets.fabulous.ch/public/variant_asset/11672/file/medium-7ddbf0567fb4665931d5056133550e04.webp 900w, https://assets.fabulous.ch/public/variant_asset/11672/file/large-e99230d9fa72d664d2467174911a6155.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11672/file/medium-7ddbf0567fb4665931d5056133550e04.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">SeelenLiebe</p>
          <a href="/de/products/chakra-ol-no-1-root-grounding-30-ml-22142">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chakra Öl No. 1 Root Grounding, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22142&quot;],&quot;content_name&quot;:&quot;Chakra Öl No. 1 Root Grounding, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22142&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:30.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AZYHexRfHVDm6u860VPBN26rhmLF8D_ElkfyqRNd-gyPHiPlRq9lKcV0Vl43OUtfDr5lTiaVPq57cad23jYhtA" />
    <input value="22142" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D181">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/petit-biscuit-anti-parasitic-getreidefrei-100-g-mhd-aktion-08-11-2026-22143">
          <img alt="Petit Biscuit - Anti-Parasitic getreidefrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7352/file/small-5b5d4a87db5fa7fd9014f62c27ebf3c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/7352/file/medium-5cb602cd1a3c98d7db78d98e93779f54.webp 900w, https://assets.fabulous.ch/public/variant_asset/7352/file/large-888a28cb6868eb77f51d3a25f7213e18.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7352/file/medium-5cb602cd1a3c98d7db78d98e93779f54.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">Little Chef</p>
          <a href="/de/products/petit-biscuit-anti-parasitic-getreidefrei-100-g-mhd-aktion-08-11-2026-22143">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Petit Biscuit - Anti-Parasitic getreidefrei, 100 g (MHD-Aktion 08.11.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 4.75</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22143&quot;],&quot;content_name&quot;:&quot;Petit Biscuit - Anti-Parasitic getreidefrei, 100 g (MHD-Aktion 08.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22143&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qpbh_dr_UWAZSI_qV9NskEelVOMHSmgFA148u3LxhfXMHsVjiA8pGTrWNo6xueb4J7C3z-QvaW_uaGlkv5peTQ" />
    <input value="22143" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D181">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/petit-biscuit-skin-coat-getreidefrei-100-g-mhd-aktion-08-11-2026-22144">
          <img alt="Petit Biscuit - Skin &amp; Coat getreidefrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7364/file/small-d7a54608219cff0a17d19cf89c7b78f5.webp 600w, https://assets.fabulous.ch/public/variant_asset/7364/file/medium-ef59057017381652f813a1b7f0e811e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7364/file/large-92af7adc7ce1e365c0f4da18583f9fde.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7364/file/medium-ef59057017381652f813a1b7f0e811e4.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">Little Chef</p>
          <a href="/de/products/petit-biscuit-skin-coat-getreidefrei-100-g-mhd-aktion-08-11-2026-22144">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Petit Biscuit - Skin &amp; Coat getreidefrei, 100 g (MHD-Aktion 08.11.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 4.75</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22144&quot;],&quot;content_name&quot;:&quot;Petit Biscuit - Skin \u0026 Coat getreidefrei, 100 g (MHD-Aktion 08.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22144&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ug2hQScGoFEYXOEmUjgTceV69zqgls0MXqyE9iihTwQ0hYXfdfbYKDvCWEK0UpkZhW8UFkPzzGazmtEp5cqUvA" />
    <input value="22144" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D181">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </p>
</div>


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

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/de/products/soyananda-frischecreme-natur-fermentiert-bio-140-g-mhd-aktion-18-09-2026-22158">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soyananda Frischecreme Natur fermentiert Bio, 140 g (MHD-Aktion 18.09.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 2.05</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-22158-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22158&quot;],&quot;content_name&quot;:&quot;Soyananda Frischecreme Natur fermentiert Bio, 140 g (MHD-Aktion 18.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22158&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cYB_CeJcfB5bBK6dRU0-rSub5Z2M1xa02DZ-BTFvnMX_CFuXsKwEZ3iaF_mjJ7TFS44GsW-yF941ACva_ARHfQ" />
    <input value="22158" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D181">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/soja-dessert-vanille-bio-4-x-100-g-mhd-aktion-19-09-2026-22162">
          <img alt="Soja Dessert Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8879/file/small-9451a17495dd630cfb1ba77b782712fe.webp 600w, https://assets.fabulous.ch/public/variant_asset/8879/file/medium-5f89614d32698a0aac66a273ff2bb9be.webp 900w, https://assets.fabulous.ch/public/variant_asset/8879/file/large-3e74ae0db838f84f2a9c206ac6d928d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8879/file/medium-5f89614d32698a0aac66a273ff2bb9be.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">Sojade</p>
          <a href="/de/products/soja-dessert-vanille-bio-4-x-100-g-mhd-aktion-19-09-2026-22162">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja Dessert Vanille Bio, 4 x 100 g (MHD-Aktion 19.09.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 2.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 1.33 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22162&quot;],&quot;content_name&quot;:&quot;Soja Dessert Vanille Bio, 4 x 100 g (MHD-Aktion 19.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22162&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eSvOeJWxj62WegcpUg2CwY9eN3QuIYtClWlacRGeQrP3o-rmx0H31LXkvk20Zwip70vUWM1Eiih4Xw-u3PWZCw" />
    <input value="22162" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D181">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kondensierte-kokosmilch-zuckerfrei-320-g-mhd-aktion-11-10-2026-22163">
          <img alt="Kondensierte Kokosmilch zuckerfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6583/file/small-86a01f83da8287204fbb64416820bc4a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6583/file/medium-78eb870b56f95e0abfbc08901872b9a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6583/file/large-c9756e29cbb207b9aa1cdc8f3011bfec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6583/file/medium-78eb870b56f95e0abfbc08901872b9a2.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">Nature&#39;s Charm</p>
          <a href="/de/products/kondensierte-kokosmilch-zuckerfrei-320-g-mhd-aktion-11-10-2026-22163">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kondensierte Kokosmilch zuckerfrei, 320 g (MHD-Aktion 11.10.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.40</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22163&quot;],&quot;content_name&quot;:&quot;Kondensierte Kokosmilch zuckerfrei, 320 g (MHD-Aktion 11.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22163&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qqVsV_fT-_KTxQvqy7x-yuaa-qAi5fmI7lZFHwf3Ao8kLUjJpSODi7Bbso4t1vSiho8ZjMGA-OIDYBDAypzZNw" />
    <input value="22163" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D181">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    21 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bio-energy-drink-bio-250-ml-mhd-aktion-11-10-2026-22164">
          <img alt="Bio-Energy Drink Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7975/file/small-4357da517ecead9094a5fb667f2fd946.webp 600w, https://assets.fabulous.ch/public/variant_asset/7975/file/medium-1e6a70cbbd40affa199ef0ada3847ebd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7975/file/large-ef6143ec86892b627a81763299fa2664.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7975/file/medium-1e6a70cbbd40affa199ef0ada3847ebd.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">Biotta</p>
          <a href="/de/products/bio-energy-drink-bio-250-ml-mhd-aktion-11-10-2026-22164">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bio-Energy Drink Bio, 250 ml (MHD-Aktion 11.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.30</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22164&quot;],&quot;content_name&quot;:&quot;Bio-Energy Drink Bio, 250 ml (MHD-Aktion 11.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22164&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="op6z0cG4LdEmFS5OFRKMqcV9fu25X_aebl3EhNk88YEsFpdPk0hVqAWLlyrzeAbBpWidwVo69_SDa5FbFFcqOQ" />
    <input value="22164" 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;620 von 3&#39;680 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/food?format=turbo_stream&amp;page=182">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>