<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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/polpa-di-pomodoro-demeter-690-g-20056">
          <img alt="Polpa di Pomodoro Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10764/file/small-e3127417a8ccc4636142c619503e4560.webp 600w, https://assets.fabulous.ch/public/variant_asset/10764/file/medium-28904dd057f9781a6d99702d6acbb436.webp 900w, https://assets.fabulous.ch/public/variant_asset/10764/file/large-e57bab1e3d79eb11315535d1d7048779.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10764/file/medium-28904dd057f9781a6d99702d6acbb436.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">Giancarlo Ceci</p>
          <a href="/de/products/polpa-di-pomodoro-demeter-690-g-20056">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Polpa di Pomodoro Demeter, 690 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/passata-di-pomodoro-demeter-690-g-20057">
          <img alt="Passata di Pomodoro Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10765/file/small-d933b6eec2f4cff03d573314e448cd6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/10765/file/medium-b47808e31b6d706a869c04c3fea7fe12.webp 900w, https://assets.fabulous.ch/public/variant_asset/10765/file/large-0690f08f27c353f8fb52010fb60fef42.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10765/file/medium-b47808e31b6d706a869c04c3fea7fe12.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">Giancarlo Ceci</p>
          <a href="/de/products/passata-di-pomodoro-demeter-690-g-20057">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Passata di Pomodoro Demeter, 690 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/sugo-al-basilico-demeter-330-g-20059">
          <img alt="Sugo al Basilico Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10767/file/small-27d2c9a2fbecd91641b972180479a604.webp 600w, https://assets.fabulous.ch/public/variant_asset/10767/file/medium-393d4cacf928a4017cea93b1e40f3f07.webp 900w, https://assets.fabulous.ch/public/variant_asset/10767/file/large-200bdd5164398792f695485b0eca5358.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10767/file/medium-393d4cacf928a4017cea93b1e40f3f07.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">Giancarlo Ceci</p>
          <a href="/de/products/sugo-al-basilico-demeter-330-g-20059">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sugo al Basilico Demeter, 330 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/sugo-arrabiata-demeter-330-g-20060">
          <img alt="Sugo Arrabiata Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10768/file/small-c217bc4d80b32602d4c26d1cb24c576d.webp 600w, https://assets.fabulous.ch/public/variant_asset/10768/file/medium-9100fe17ce6217f2561a3084dd4663c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/10768/file/large-4d3be3130f3632b601aed4d3db4c5935.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10768/file/medium-9100fe17ce6217f2561a3084dd4663c6.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">Giancarlo Ceci</p>
          <a href="/de/products/sugo-arrabiata-demeter-330-g-20060">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sugo Arrabiata Demeter, 330 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/sugo-pizzaiola-demeter-330-g-20061">
          <img alt="Sugo Pizzaiola Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10769/file/small-db69d7cdb05462dceac37aed108979c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/10769/file/medium-d3bf20009ea7394aa805d5128718bdcf.webp 900w, https://assets.fabulous.ch/public/variant_asset/10769/file/large-7521ca47866bc1e0ac05601edc7f669f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10769/file/medium-d3bf20009ea7394aa805d5128718bdcf.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">Giancarlo Ceci</p>
          <a href="/de/products/sugo-pizzaiola-demeter-330-g-20061">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sugo Pizzaiola Demeter, 330 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </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-20061-card">
        

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/soja-sauce-shoyu-mild-bio-1-l-mhd-aktion-30-07-2026-20110">
          <img alt="Soja Sauce Shoyu mild Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6949/file/small-5bc43bb4f877cfd0d2e2ac4b0bb989f1.webp 600w, https://assets.fabulous.ch/public/variant_asset/6949/file/medium-868e9ce5b92f56f995586887ca210732.webp 900w, https://assets.fabulous.ch/public/variant_asset/6949/file/large-54e1478697e9c06551401f23bbd8ae54.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6949/file/medium-868e9ce5b92f56f995586887ca210732.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">Lima</p>
          <a href="/de/products/soja-sauce-shoyu-mild-bio-1-l-mhd-aktion-30-07-2026-20110">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Sauce Shoyu mild Bio, 1 l (MHD-Aktion 30.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 16.70</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 11.70</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4g-vCQF4yqrbirCA5T9eGV8AL3bYzpKpNWIo7sIC4_3uzyxXl7i8GUajaW99F0QG_YjDf2fkjcESi42Mz2CdLw" />
    <input value="20110" 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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/leere-glaser-fur-gewurze-original-5-x-1-stuck-20113">
          <img alt="Leere Gläser für Gewürze Original" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11184/file/small-6d8371b4d7eb45dad0030f9db5d359c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11184/file/medium-f9181816f81de470050ca6f614b6d2d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/11184/file/large-65f0a3d2a238c773c0de8de4b32e2147.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11184/file/medium-f9181816f81de470050ca6f614b6d2d0.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">Brecht</p>
          <a href="/de/products/leere-glaser-fur-gewurze-original-5-x-1-stuck-20113">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Leere Gläser für Gewürze Original, 5 x 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.00 / Stk.
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </div>
    </div>
  </div>


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/nukleotide-hepacell-180-kapseln-20116">
          <img alt="Nukleotide Hepacell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11191/file/small-fe0500dd7ae4a1762a7fc07469157c59.webp 600w, https://assets.fabulous.ch/public/variant_asset/11191/file/medium-c7967269ffb82fbd6d7244d223035c33.webp 900w, https://assets.fabulous.ch/public/variant_asset/11191/file/large-0ac6063655aea69aa8c682d325d97c08.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11191/file/medium-c7967269ffb82fbd6d7244d223035c33.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">Erva Medica AG</p>
          <a href="/de/products/nukleotide-hepacell-180-kapseln-20116">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nukleotide Hepacell, 180 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 89.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.49 / Stk.
            </p>
        </div>
      </div>

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hafer-drink-barista-edition-1-l-mhd-aktion-11-08-2026-20118">
          <img alt="Hafer Drink Barista Edition" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2298/file/small-2918a7db64d4fae4aa469b24fd5e7a70.webp 600w, https://assets.fabulous.ch/public/variant_asset/2298/file/medium-2a7f68c6fad608245380699fe04d4b68.webp 900w, https://assets.fabulous.ch/public/variant_asset/2298/file/large-4e88dce3d94c6cdec5a701cddf5af337.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2298/file/medium-2a7f68c6fad608245380699fe04d4b68.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">Oatly</p>
          <a href="/de/products/hafer-drink-barista-edition-1-l-mhd-aktion-11-08-2026-20118">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Drink Barista Edition, 1 l (MHD-Aktion 11.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.45</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.75</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WgR7jSTSEYZTyn8gLRpQpNoUy_yOrqBQ-9S3SWalsr9WxPjTshJnNc7jps-1Mkq7eJwn9TGEvzjcPRIra8fMbQ" />
    <input value="20118" 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/seife-lavendel-handseife-gesicht-korper-grossgebinde-10-l-mhd-aktion-09-11-2026-20119">
          <img alt="Seife Lavendel Handseife, Gesicht, Körper Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2845/file/small-36e7e64d0893e1cdd8d207630ff13361.webp 600w, https://assets.fabulous.ch/public/variant_asset/2845/file/medium-a676988d3afb42fcde9211ebb37fc13b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2845/file/large-5c7cdce4bdbed1b1b00f5a90eee7d55a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2845/file/medium-a676988d3afb42fcde9211ebb37fc13b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/de/products/seife-lavendel-handseife-gesicht-korper-grossgebinde-10-l-mhd-aktion-09-11-2026-20119">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seife Lavendel Handseife, Gesicht, Körper Grossgebinde, 10 l (MHD-Aktion 09.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 127.55</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 102.05</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VEvN0JvkAgYCf7f6JSSt7xojFwXFv99pwNuguiBqJDFYi06ODSR0tZ9WbhW9DLfwuKv7DHqVwAHnMgXYLQha4w" />
    <input value="20119" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    15 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mocha-latte-bio-235-ml-mhd-aktion-05-08-2026-20120">
          <img alt="Mocha Latte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6082/file/small-ba07d6ecd94abc14fb4fc4dba5f8f228.webp 600w, https://assets.fabulous.ch/public/variant_asset/6082/file/medium-d5090078cf9c0d779bedfea52dc6e786.webp 900w, https://assets.fabulous.ch/public/variant_asset/6082/file/large-ac71959650fdcfb1d15871b0db38079c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6082/file/medium-d5090078cf9c0d779bedfea52dc6e786.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">Oatly</p>
          <a href="/de/products/mocha-latte-bio-235-ml-mhd-aktion-05-08-2026-20120">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mocha Latte Bio, 235 ml (MHD-Aktion 05.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.50</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3oIZxpAxZSDFfXYNujW5zFCUy5c-YlTGEvsDhOHYlUDSQpqYBvETk1hUr-IiHaPT8hwnnoFIS641Eqbm7Lrrkg" />
    <input value="20120" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      3&#39;280 von 3&#39;308 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/heylife?format=turbo_stream&amp;page=165">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>