<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/streudose-leer-1-stuck-18011">
          <img alt="Streudose leer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8931/file/small-3f9c14b9c67c3b8c1e43e1529704ee3a.webp 600w, https://assets.fabulous.ch/public/variant_asset/8931/file/medium-e84088202eaf72549003cde4276b809f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8931/file/large-3d41428e988e012b0403f1aae7e879c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8931/file/medium-e84088202eaf72549003cde4276b809f.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">Sonnentor</p>
          <a href="/de/products/streudose-leer-1-stuck-18011">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Streudose leer, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/streueinsatz-19-loch-fein-fur-streudose-1-stuck-18012">
          <img alt="Streueinsatz 19-Loch fein für Streudose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8934/file/small-f007d5570f3d0f2cb36486a9d3c018e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/8934/file/medium-fd34f868e95a818482ba688019a52f62.webp 900w, https://assets.fabulous.ch/public/variant_asset/8934/file/large-15388ab3efcd5219549b246019f5049b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8934/file/medium-fd34f868e95a818482ba688019a52f62.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">Sonnentor</p>
          <a href="/de/products/streueinsatz-19-loch-fein-fur-streudose-1-stuck-18012">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Streueinsatz 19-Loch fein für Streudose, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.50
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/wood-smoked-vegane-alternative-zu-lachs-asian-style-bio-130-g-18034">
          <img alt="Wood Smoked Vegane Alternative zu Lachs Asian Style Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8989/file/small-2a60fdbac3d681824e2ae9225f8fa4f1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8989/file/medium-a511d653c8cd9853baece7dbdebf338c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8989/file/large-391b8bbd974cf79edb9b4ca3145e89c6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8989/file/medium-a511d653c8cd9853baece7dbdebf338c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wild Foods</p>
          <a href="/de/products/wood-smoked-vegane-alternative-zu-lachs-asian-style-bio-130-g-18034">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wood Smoked Vegane Alternative zu Lachs Asian Style Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.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 7.62 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pasta-konjak-spaghetti-bio-270-g-mhd-aktion-10-07-2026-18035">
          <img alt="Pasta Konjak Spaghetti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4824/file/small-5122a7a3f1346daa51cdaf4f541e51b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/4824/file/medium-2f496d5271e6dc26a83cc63b7f8f642b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4824/file/large-36376ada5d7ceac4345d1baeb9380377.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4824/file/medium-2f496d5271e6dc26a83cc63b7f8f642b.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">Vitanu</p>
          <a href="/de/products/pasta-konjak-spaghetti-bio-270-g-mhd-aktion-10-07-2026-18035">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Konjak Spaghetti Bio, 270 g (MHD-Aktion 10.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.70</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oGDP-y6oUgjWFkPrqZdwIzEAu_LJcLWHsAat_OlJBhqpgQ57CSWGQmRqXCTCUgVWiyNo5RsCk6SyaDwQ-BiCYQ" />
    <input value="18035" 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/reis-konjak-reis-bio-270-g-mhd-aktion-10-07-2026-18036">
          <img alt="Reis Konjak-Reis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4833/file/small-fb168b85cce5e7ac46e6326cf715e479.webp 600w, https://assets.fabulous.ch/public/variant_asset/4833/file/medium-172a7a71785ae01d3fd010810080e8ed.webp 900w, https://assets.fabulous.ch/public/variant_asset/4833/file/large-6929feaf171e3bd6ef38bef4c9ddef88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4833/file/medium-172a7a71785ae01d3fd010810080e8ed.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">Vitanu</p>
          <a href="/de/products/reis-konjak-reis-bio-270-g-mhd-aktion-10-07-2026-18036">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reis Konjak-Reis Bio, 270 g (MHD-Aktion 10.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.70</span>
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pasta-konjak-tagliatelle-bio-270-g-mhd-aktion-10-07-2026-18037">
          <img alt="Pasta Konjak Tagliatelle Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4832/file/small-45b7091a88c392bfacc8f2231a18c240.webp 600w, https://assets.fabulous.ch/public/variant_asset/4832/file/medium-1d54594097530c8522f68553ad3e9be6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4832/file/large-85e78110febe891e9fe84b482a0cb4a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4832/file/medium-1d54594097530c8522f68553ad3e9be6.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">Vitanu</p>
          <a href="/de/products/pasta-konjak-tagliatelle-bio-270-g-mhd-aktion-10-07-2026-18037">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Konjak Tagliatelle Bio, 270 g (MHD-Aktion 10.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.70</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lxiNqlFAfBdYC9-DscPkhw-T6zvYSItgrjGuW-rsc5ie-Uwqds2oXep3wEzaBpHytbA4LAo6rUOsXz-3-7334w" />
    <input value="18037" 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/pasta-konjak-nudeln-bio-270-g-mhd-aktion-10-07-2026-18038">
          <img alt="Pasta Konjak Nudeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4825/file/small-e4c033148a0da35aea3ff35467ee9635.webp 600w, https://assets.fabulous.ch/public/variant_asset/4825/file/medium-d431aceb0e4bd0b6383ed93b25a6c719.webp 900w, https://assets.fabulous.ch/public/variant_asset/4825/file/large-768d3edda84c85b49fe39e049628e092.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4825/file/medium-d431aceb0e4bd0b6383ed93b25a6c719.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">Vitanu</p>
          <a href="/de/products/pasta-konjak-nudeln-bio-270-g-mhd-aktion-10-07-2026-18038">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Konjak Nudeln Bio, 270 g (MHD-Aktion 10.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.70</span>
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kokosnuss-pudding-400-g-mhd-aktion-11-07-2026-18043">
          <img alt="Kokosnuss Pudding" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6589/file/small-650d4a706c6970d4a24c16325f674aeb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6589/file/medium-d1e97fd3e066b5966e14631456e72275.webp 900w, https://assets.fabulous.ch/public/variant_asset/6589/file/large-369e550d880c4a4e90830c7b9efff42f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6589/file/medium-d1e97fd3e066b5966e14631456e72275.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/kokosnuss-pudding-400-g-mhd-aktion-11-07-2026-18043">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosnuss Pudding, 400 g (MHD-Aktion 11.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.90</span>
            </p>

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

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/xylit-sirup-bio-himbeeren-ohne-zucker-gesusst-500-ml-mhd-aktion-07-07-2026-18060">
          <img alt="Xylit Sirup Bio Himbeeren ohne Zucker gesüsst" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2767/file/small-c3dd3ac6f1cfcabf2ac1a1708cb49be8.webp 600w, https://assets.fabulous.ch/public/variant_asset/2767/file/medium-b9181df24a4f62cd0b949bafc772eb9f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2767/file/large-4185af99456f0a83c0bf6a6c8b646c7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2767/file/medium-b9181df24a4f62cd0b949bafc772eb9f.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">Tautona</p>
          <a href="/de/products/xylit-sirup-bio-himbeeren-ohne-zucker-gesusst-500-ml-mhd-aktion-07-07-2026-18060">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Sirup Bio Himbeeren ohne Zucker gesüsst, 500 ml (MHD-Aktion 07.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 12.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 8.95</span>
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hafer-drink-fettarm-1-5-fett-1-l-mhd-aktion-15-07-2026-18061">
          <img alt="Hafer Drink Fettarm 1.5% Fett" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6005/file/small-5725e23f074362e54092e68cef5a21ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/6005/file/medium-50f3b94680cfdf68d2502743555e4676.webp 900w, https://assets.fabulous.ch/public/variant_asset/6005/file/large-eb507edd657d694521bba85d3c6ce329.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6005/file/medium-50f3b94680cfdf68d2502743555e4676.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-fettarm-1-5-fett-1-l-mhd-aktion-15-07-2026-18061">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Drink Fettarm 1.5% Fett, 1 l (MHD-Aktion 15.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.15</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j8q4eTSUmBycDjT6vp-qtN3SL5fSUo9yPF3v00yYktKGK3n5ExlMVi5yKzXVWt_BZ_H8gAAgqVE-M34_XckWqQ" />
    <input value="18061" 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/freely-cookie-lemon-glutenfreie-kekse-vegan-bio-65-g-mhd-aktion-06-07-2026-18063">
          <img alt="Freely Cookie Lemon Glutenfreie Kekse Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4132/file/small-e62740eed66cf89d89d87c80c55c7caa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4132/file/medium-d7d5d6d59bea27c91ccef2e08ece7eae.webp 900w, https://assets.fabulous.ch/public/variant_asset/4132/file/large-86428df38f4430283ce3b679e9c07313.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4132/file/medium-d7d5d6d59bea27c91ccef2e08ece7eae.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Freely Handustry</p>
          <a href="/de/products/freely-cookie-lemon-glutenfreie-kekse-vegan-bio-65-g-mhd-aktion-06-07-2026-18063">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Freely Cookie Lemon Glutenfreie Kekse Vegan Bio, 65 g (MHD-Aktion 06.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.55</span>
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/basisches-kristallbad-1-kg-ca2150f1-fac5-4a0a-9a13-221efe0d14f2-18065">
          <img alt="Basisches Kristallbad" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9020/file/small-dde1a5158a95bfb01768101d907a860a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9020/file/medium-1e1b53b6fc226e735259751a257560a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/9020/file/large-ec95570bc9c1cba05c8053746e04931c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9020/file/medium-1e1b53b6fc226e735259751a257560a8.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/basisches-kristallbad-1-kg-ca2150f1-fac5-4a0a-9a13-221efe0d14f2-18065">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Basisches Kristallbad, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.00
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/basisches-kristallbad-60-g-f0850c8d-727d-4245-b0d1-b7200b7aa710-18066">
          <img alt="Basisches Kristallbad" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9021/file/small-d0902b59816b9e96f64631afed6eab2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9021/file/medium-39958995a174d74a4bfce811ac54c7ae.webp 900w, https://assets.fabulous.ch/public/variant_asset/9021/file/large-000a52b594d2c959ad70f4ca434ede1c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9021/file/medium-39958995a174d74a4bfce811ac54c7ae.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/basisches-kristallbad-60-g-f0850c8d-727d-4245-b0d1-b7200b7aa710-18066">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Basisches Kristallbad, 60 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 6.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wvdc24YMhxmrTnoBlX7bsf3XXytR3cOTuDBJVEfzbGvLFp1boYFTUxkyZc7-u67ER_SMPIOv5bC6Xti4VqLoEA" />
    <input value="18066" 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/sandwich-burgersauce-glutenfrei-bio-210-g-mhd-aktion-31-07-2026-18074">
          <img alt="Sandwich- &amp; Burgersauce glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5880/file/small-2b7b27edecab12a9e314acb8c447418d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5880/file/medium-d8122671c58d37372ed5497bf692ee5e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5880/file/large-9a973a84d5daf0557e714785e3227cec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5880/file/medium-d8122671c58d37372ed5497bf692ee5e.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">Naturata</p>
          <a href="/de/products/sandwich-burgersauce-glutenfrei-bio-210-g-mhd-aktion-31-07-2026-18074">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sandwich- &amp; Burgersauce glutenfrei Bio, 210 g (MHD-Aktion 31.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.20</span>
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/grill-und-wurzsauce-suss-sauer-glutenfrei-bio-210-ml-mhd-aktion-31-07-2026-18075">
          <img alt="Grill- und Würzsauce Süss-Sauer Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6842/file/small-fb04ef736cb7a10080928203ca524c72.webp 600w, https://assets.fabulous.ch/public/variant_asset/6842/file/medium-0d8224ba246f0cb6017d0c4dcbc37c4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6842/file/large-c1f3d62f85274f93b32ec31e792e8442.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6842/file/medium-0d8224ba246f0cb6017d0c4dcbc37c4e.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">Naturata</p>
          <a href="/de/products/grill-und-wurzsauce-suss-sauer-glutenfrei-bio-210-ml-mhd-aktion-31-07-2026-18075">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Grill- und Würzsauce Süss-Sauer Glutenfrei Bio, 210 ml (MHD-Aktion 31.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.00</span>
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vitamin-d3-vegan-spray-5-g-200iu-50-portionen-mhd-aktion-31-08-2026-18076">
          <img alt="Vitamin D3 Vegan Spray 5µg / 200iu" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8804/file/small-ba9a4468e1e96295421662ebab4357f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/8804/file/medium-bd0cffe6c9f702c77eb2cec04379fa5e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8804/file/large-f4a28fdf09165959f5bbdcea9ef73caa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8804/file/medium-bd0cffe6c9f702c77eb2cec04379fa5e.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">Vegetology</p>
          <a href="/de/products/vitamin-d3-vegan-spray-5-g-200iu-50-portionen-mhd-aktion-31-08-2026-18076">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin D3 Vegan Spray 5µg / 200iu, 50 Portionen (MHD-Aktion 31.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 15.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 11.05</span>
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/radiant-skin-concealer-medium-03-5-5-ml-mhd-aktion-31-08-2026-18077">
          <img alt="Radiant Skin Concealer - Medium 03 -" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6530/file/small-21095698fae96b1834f9d5488a4f9b5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6530/file/medium-644e2d87a11adae9242c70dc88a34d5e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6530/file/large-deb994fef84e697757ba55e3af260972.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6530/file/medium-644e2d87a11adae9242c70dc88a34d5e.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">Lavera</p>
          <a href="/de/products/radiant-skin-concealer-medium-03-5-5-ml-mhd-aktion-31-08-2026-18077">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Radiant Skin Concealer - Medium 03 -, 5.5 ml (MHD-Aktion 31.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 17.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 14.60</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GL2CO2VDI1gzvpetLBPp3RzGs9FCbz61qm7QEyCMI8gRXEO7Qs73EoHCiGJH1pyopuVgxpAdGJaoAEH_Md2nsw" />
    <input value="18077" 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/backmischung-wunderbrod-glutenfrei-bio-600-g-mhd-aktion-11-07-2026-18078">
          <img alt="Backmischung Wunderbrød glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2988/file/small-759e4a2627a3e568ac401e4c5ec8e4df.webp 600w, https://assets.fabulous.ch/public/variant_asset/2988/file/medium-b9fdad422f8763a8d1d357e988c47798.webp 900w, https://assets.fabulous.ch/public/variant_asset/2988/file/large-0f724ee644e251ed9cc763723699e45d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2988/file/medium-b9fdad422f8763a8d1d357e988c47798.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">Bauckhof</p>
          <a href="/de/products/backmischung-wunderbrod-glutenfrei-bio-600-g-mhd-aktion-11-07-2026-18078">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Backmischung Wunderbrød glutenfrei Bio, 600 g (MHD-Aktion 11.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 8.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.80</span>
            </p>

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

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/loveraw-peanut-caramel-bar-40-g-mhd-aktion-30-06-2026-18079">
          <img alt="LoveRaw Peanut Caramel Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5941/file/small-a58913abba4e49eea45858b669e62443.webp 600w, https://assets.fabulous.ch/public/variant_asset/5941/file/medium-7a5a3b13fbb5cc68ea2a55c73f5661c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/5941/file/large-3b243972f960895b74f625d29e2281c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5941/file/medium-7a5a3b13fbb5cc68ea2a55c73f5661c8.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">Love Raw</p>
          <a href="/de/products/loveraw-peanut-caramel-bar-40-g-mhd-aktion-30-06-2026-18079">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LoveRaw Peanut Caramel Bar, 40 g (MHD-Aktion 30.06.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 1.75</span>
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/keep-calm-wellness-hundeleckerli-100-g-mhd-aktion-18-07-2026-18081">
          <img alt="Keep Calm! Wellness Hundeleckerli" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6154/file/small-bdac92657253b2f2e57af9d37cfb03ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/6154/file/medium-e40c254ebde273ade1cb2bf5e08bc5dc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6154/file/large-997c0d95836bc2be448313a8d34fb1ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6154/file/medium-e40c254ebde273ade1cb2bf5e08bc5dc.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">HOWND</p>
          <a href="/de/products/keep-calm-wellness-hundeleckerli-100-g-mhd-aktion-18-07-2026-18081">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keep Calm! Wellness Hundeleckerli, 100 g (MHD-Aktion 18.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.65</span>
            </p>

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

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

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

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



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

</template></turbo-stream>