<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/soja-medaillons-glutenfrei-800-g-17734">
          <img alt="Soja Medaillons" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8650/file/small-68d66e7eb6c8158721b4e1b4500caf48.webp 600w, https://assets.fabulous.ch/public/variant_asset/8650/file/medium-f4357d74cf9828df7f54c9cc5539d68d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8650/file/large-94db3a01b319f02caa2141c911c42fb1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8650/file/medium-f4357d74cf9828df7f54c9cc5539d68d.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">Vantastic</p>
          <a href="/de/products/soja-medaillons-glutenfrei-800-g-17734">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Medaillons, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-17734-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/soja-schnetzel-glutenfrei-1-kg-17735">
          <img alt="Soja Schnetzel Glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8652/file/small-b707ac2a43c5d83039c93685bbb8d8c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/8652/file/medium-8aa6f9ed6ef1a3f8aa2f0bca14799b74.webp 900w, https://assets.fabulous.ch/public/variant_asset/8652/file/large-be6c471145c35b57f218afa8a8d5022f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8652/file/medium-8aa6f9ed6ef1a3f8aa2f0bca14799b74.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">Vantastic</p>
          <a href="/de/products/soja-schnetzel-glutenfrei-1-kg-17735">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Schnetzel Glutenfrei, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-17735-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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/soja-medaillons-big-500-g-17736">
          <img alt="Soja Medaillons BIG" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8653/file/small-28b98198f8581a4edc7af7e6c1f985d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/8653/file/medium-88ab6e85b22796c94a9441db3d6eda61.webp 900w, https://assets.fabulous.ch/public/variant_asset/8653/file/large-90c243fec85ba36eec3018018d0f0ce2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8653/file/medium-88ab6e85b22796c94a9441db3d6eda61.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">Vantastic</p>
          <a href="/de/products/soja-medaillons-big-500-g-17736">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Medaillons BIG, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T0bk06TPG4NxzQ19DgbrWkGHuEWWyFWSXzQzxOuQmjYaJnig-ayesSDrlxDq-CAbDYYTFfP49_Kcx8dB-CNobw" />
    <input value="17736" 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/soja-wurfel-1500-g-17737">
          <img alt="Soja Würfel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8656/file/small-92f16073e8b19ade3e6718c231996538.webp 600w, https://assets.fabulous.ch/public/variant_asset/8656/file/medium-43a4234b2a0db590bfbfbe21e9127a31.webp 900w, https://assets.fabulous.ch/public/variant_asset/8656/file/large-4e4b65ffc3a8b31dcabf9e575b75ca42.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8656/file/medium-43a4234b2a0db590bfbfbe21e9127a31.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">Vantastic</p>
          <a href="/de/products/soja-wurfel-1500-g-17737">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Würfel, 1500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-17737-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/granulat-soja-15-kg-17738">
          <img alt="Granulat Soja" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8658/file/small-15f0697dda1a25131d58f6704ccd5a68.webp 600w, https://assets.fabulous.ch/public/variant_asset/8658/file/medium-62862362a9cbe36b9d779b519a2f5978.webp 900w, https://assets.fabulous.ch/public/variant_asset/8658/file/large-e3971db511be6e88f5c5149089101b84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8658/file/medium-62862362a9cbe36b9d779b519a2f5978.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">Vantastic</p>
          <a href="/de/products/granulat-soja-15-kg-17738">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Granulat Soja, 15 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 120.00
            </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-17738-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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    80 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bone-care-knochengesundheit-kapseln-60-stuck-mhd-aktion-30-06-2026-17743">
          <img alt="Bone Care &quot;Knochengesundheit&quot; Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8806/file/small-45ede961c7640c635cba28b794c2f8c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/8806/file/medium-ee66ce9a067e43eba77bc57fc6bc96b7.webp 900w, https://assets.fabulous.ch/public/variant_asset/8806/file/large-5a447a764b3511f9c4692856005713cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8806/file/medium-ee66ce9a067e43eba77bc57fc6bc96b7.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/bone-care-knochengesundheit-kapseln-60-stuck-mhd-aktion-30-06-2026-17743">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bone Care &quot;Knochengesundheit&quot; Kapseln, 60 Tabletten (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 22.90</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 0.38 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Oyv5NyAWqbAOm6UubIlb3J5h986X-ZcdM5mMB0uCm_ZuS2VEfXUsgl-9P0OId5Cd0mBcnvLJNX3waniCWDFprw" />
    <input value="17743" 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">
    80 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-physio-shampoo-mild-200-ml-mhd-aktion-30-06-2026-17785">
          <img alt="Pill Kosmetik - Physio-Shampoo mild" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6396/file/small-2ec5cff59e8d28967a329258d84af9f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6396/file/medium-d4d2d86bca688d19235f9ff4ae10b55d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6396/file/large-405f07d9d7d7974d60837a5b9b70018a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6396/file/medium-d4d2d86bca688d19235f9ff4ae10b55d.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-physio-shampoo-mild-200-ml-mhd-aktion-30-06-2026-17785">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Kosmetik - Physio-Shampoo mild, 200 ml (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 18.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.65</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="20dNH1uY-PbTP_n6mW0m0clR1C-z-48qIBrhhSB1JW6OJ9FsBvt9xIIZY5d9k-2QhVB_f9bLLUrj6RUAM8bXNw" />
    <input value="17785" 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/pill-kosmetik-anti-rotungen-creme-lsf-15-50-ml-mhd-aktion-31-07-2026-17786">
          <img alt="Pill Kosmetik - Anti-Rötungen Creme LSF 15" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6413/file/small-b2e71a59c63ac45c92e134b082ebdec6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6413/file/medium-6b3411320327af16f4f974492bd48fbf.webp 900w, https://assets.fabulous.ch/public/variant_asset/6413/file/large-2448fa199550b5c9d3c78e1aef060010.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6413/file/medium-6b3411320327af16f4f974492bd48fbf.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-anti-rotungen-creme-lsf-15-50-ml-mhd-aktion-31-07-2026-17786">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Kosmetik - Anti-Rötungen Creme LSF 15, 50 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 31.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 21.70</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8vVVgAkANvq-1A-IzkPI8TvC6dLg_eL3CtESi90PwiKnlcnzVGOzyO_yleUqvQOwd8NCgoXNQJfJIuYOzrwwew" />
    <input value="17786" 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/brennnessel-krautertee-bio-50-g-17823">
          <img alt="Brennnessel Kräutertee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8839/file/small-653c5b0affd3b7a93a87a65df53e4851.webp 600w, https://assets.fabulous.ch/public/variant_asset/8839/file/medium-a09b3926140a8c0cec7aef404eefed2b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8839/file/large-843437853c7f4758f412127a2ecbf500.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8839/file/medium-a09b3926140a8c0cec7aef404eefed2b.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/brennnessel-krautertee-bio-50-g-17823">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brennnessel Kräutertee Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hundeleckerli-vegan-soopa-papaya-85-g-mhd-aktion-25-06-2026-17832">
          <img alt="Hundeleckerli Vegan Soopa Papaya" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4925/file/small-b4e72c38bb066bb9157b075366fa9d05.webp 600w, https://assets.fabulous.ch/public/variant_asset/4925/file/medium-b658a038a96773182fc733ebf4f9555d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4925/file/large-e245b67352c974528a8e102c03c262f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4925/file/medium-b658a038a96773182fc733ebf4f9555d.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">Soopa</p>
          <a href="/de/products/hundeleckerli-vegan-soopa-papaya-85-g-mhd-aktion-25-06-2026-17832">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hundeleckerli Vegan Soopa Papaya, 85 g (MHD-Aktion 25.06.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 8.80</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 10.35 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qoR0HUQlVLdUDqa-B6VSLZt0pCyp8mcN66jCecJ_ecf_5OhuGUbRhQUoPNPjW5ls13UPfMzCxW0oWzb80cyLng" />
    <input value="17832" 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/datteln-mit-stein-deglet-nour-grossgebinde-bio-5-kg-98436988-b2f7-4bfc-afcc-1c240fd57d17-17849">
          <img alt="Datteln mit Stein Deglet Nour Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8860/file/small-6fd8cf4589aeb9042831381e49183e5c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8860/file/medium-7bac583185ef9cdfd667b47580e2d13b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8860/file/large-d7fa40d65d84b6743637909671fb26f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8860/file/medium-7bac583185ef9cdfd667b47580e2d13b.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">Bio Grosshandel</p>
          <a href="/de/products/datteln-mit-stein-deglet-nour-grossgebinde-bio-5-kg-98436988-b2f7-4bfc-afcc-1c240fd57d17-17849">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Datteln mit Stein Deglet Nour Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 43.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8AyltD0VubsXXoZT2HBikKMwk-aqcpYeD20FkNg8Nn2lbDnHYHY8iUZ4HD48jqnR7zE4ts9CNH7MnvEVy4_EJA" />
    <input value="17849" 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/evaporierter-haferdrink-360-ml-b-ware-aktion-17850">
          <img alt="Evaporierter Haferdrink" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6586/file/small-4cf674a29ea5a334ee15c10b896dd8cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/6586/file/medium-0063904d4e38c9216a30506ea55a3579.webp 900w, https://assets.fabulous.ch/public/variant_asset/6586/file/large-b351347190c0766c8e1b6185e263accb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6586/file/medium-0063904d4e38c9216a30506ea55a3579.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/evaporierter-haferdrink-360-ml-b-ware-aktion-17850">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Evaporierter Haferdrink, 360 ml (B-Ware-Aktion)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.30</span>
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zuckerrubenfasern-glutenfrei-300-g-mhd-aktion-29-06-2026-17860">
          <img alt="Zuckerrübenfasern glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3222/file/small-d6f7bc0cab63b7c27ff63568c5829aad.webp 600w, https://assets.fabulous.ch/public/variant_asset/3222/file/medium-7fa9290b16e3f794fa96f09b225ba911.webp 900w, https://assets.fabulous.ch/public/variant_asset/3222/file/large-d74d8919f1ce3cb6f4085516d545968b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3222/file/medium-7fa9290b16e3f794fa96f09b225ba911.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">MORGA</p>
          <a href="/de/products/zuckerrubenfasern-glutenfrei-300-g-mhd-aktion-29-06-2026-17860">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zuckerrübenfasern glutenfrei, 300 g (MHD-Aktion 29.06.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.95</span>
            </p>

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

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/cashewkerne-gf-bio-500-g-mhd-aktion-30-06-2026-17862">
          <img alt="Cashewkerne GF Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2754/file/small-d6939199d55cd397614950f3842d3c2a.webp 600w, https://assets.fabulous.ch/public/variant_asset/2754/file/medium-225c54090582757e203f0dfd8b5d0636.webp 900w, https://assets.fabulous.ch/public/variant_asset/2754/file/large-692d91934927d2a450097e333c5a75c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2754/file/medium-225c54090582757e203f0dfd8b5d0636.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">Naturkostbar</p>
          <a href="/de/products/cashewkerne-gf-bio-500-g-mhd-aktion-30-06-2026-17862">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cashewkerne GF Bio, 500 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 22.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 11.00</span>
            </p>

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

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/chlorella-vegicaps-kapseln-100-stuck-mhd-aktion-29-06-2026-17869">
          <img alt="Chlorella Vegicaps" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/852/file/small-7a9bc40712168b29b401b645e6e198b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/852/file/medium-7da52e4e9095dfaa10450dc6f47b7369.webp 900w, https://assets.fabulous.ch/public/variant_asset/852/file/large-c0a53a6c2e19a441f590434b346536eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/852/file/medium-7da52e4e9095dfaa10450dc6f47b7369.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">MORGA</p>
          <a href="/de/products/chlorella-vegicaps-kapseln-100-stuck-mhd-aktion-29-06-2026-17869">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chlorella Vegicaps, 100 Kapseln (MHD-Aktion 29.06.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 21.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.55</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B7j2ua_CyrErJLO_NwO8qt-c4ZFqBNd3bzrQ5M_Gzw9S2GrK8qFPg3oCKdLT_Xfrk51KwQ80dResySRh3HU9Vg" />
    <input value="17869" 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/after-sun-lotion-200-ml-mhd-aktion-31-07-2026-17903">
          <img alt="After Sun Lotion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6638/file/small-933e2c8a6dc78c8b3fdf80a780aee472.webp 600w, https://assets.fabulous.ch/public/variant_asset/6638/file/medium-fe1eb229262205e694d03938fb6b7a5a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6638/file/large-05a01e8d7fc819bfc1d282c8da0fd00a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6638/file/medium-fe1eb229262205e694d03938fb6b7a5a.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/after-sun-lotion-200-ml-mhd-aktion-31-07-2026-17903">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">After Sun Lotion, 200 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 9.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 7.50</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7ZXgLUNpu4fjD6iaXNIHwruWEuPJxSapl-fdSyCZvNC49XxeHgo-tbIpMve4LMyD95e5s6z1hMlUFCnOMypOiQ" />
    <input value="17903" 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/xylitol-kaugummi-zimt-28-g-mhd-aktion-23-07-2026-17905">
          <img alt="Xylitol Kaugummi ZIMT" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5295/file/small-a59a99273f7b55030b3a0bf27b855ac4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5295/file/medium-2974d23ae66e483f19f512b4add38037.webp 900w, https://assets.fabulous.ch/public/variant_asset/5295/file/large-03230c398bd1b2b6323dc6e35ca4e452.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5295/file/medium-2974d23ae66e483f19f512b4add38037.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">Birkengold</p>
          <a href="/de/products/xylitol-kaugummi-zimt-28-g-mhd-aktion-23-07-2026-17905">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Kaugummi ZIMT, 28 g (MHD-Aktion 23.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.60</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QSTpL2M9UIQcgj1lI8jXKmcJz6ufnrTyqKolx4nFMu0URHVcPl7Vtk2kpwjHNhxrKwhk-_quFpJrWdFCmnbAtA" />
    <input value="17905" 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/cuisine-kokosmilch-ohne-zucker-bio-200-ml-mhd-aktion-08-07-2026-17906">
          <img alt="Cuisine Kokosmilch Ohne Zucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1170/file/small-c343976b868bfd229bf39355d0ff5dd0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1170/file/medium-63df1d30197812a7a80383f248c7dd0c.webp 900w, https://assets.fabulous.ch/public/variant_asset/1170/file/large-67f499a5bd96200f1089bca3c89710f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1170/file/medium-63df1d30197812a7a80383f248c7dd0c.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">Ecomil</p>
          <a href="/de/products/cuisine-kokosmilch-ohne-zucker-bio-200-ml-mhd-aktion-08-07-2026-17906">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Kokosmilch Ohne Zucker Bio, 200 ml (MHD-Aktion 08.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.70</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.15</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Vk4VuFtnlSDgucnM4I4567odieT4tuuaJrm0_nDYUcYDLonLBgQQErGfU6EEcPKq9hwitJ2GSfrlSkB7Y2ujnw" />
    <input value="17906" 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/new-roots-la-cotta-nature-bio-1-kg-17940">
          <img alt="New Roots La Cotta Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8881/file/small-85f7ab671fc9a432e291a6b0dc6eefe5.webp 600w, https://assets.fabulous.ch/public/variant_asset/8881/file/medium-e972c5989926dd93baa6d923cccc1b18.webp 900w, https://assets.fabulous.ch/public/variant_asset/8881/file/large-4982daed4f97008123f67537213749a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8881/file/medium-e972c5989926dd93baa6d923cccc1b18.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">New Roots</p>
          <a href="/de/products/new-roots-la-cotta-nature-bio-1-kg-17940">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots La Cotta Nature Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.25
            </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 3.13 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ySkiFKt1LYks2njkF0ogDf2PUf9itpSdLhRI6Wr0ZMacSb5n9haou3384onztOtMsY76rweGNv3t57xseUeWnw" />
    <input value="17940" 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/sleep-support-fur-einen-besseren-schlaf-kapseln-60-kapseln-mhd-aktion-31-07-2026-17943">
          <img alt="Sleep Support &quot;für einen besseren Schlaf&quot; Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8801/file/small-e77237a3d91bdad5538169012d3efc5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8801/file/medium-edcb2336481aae8b32d5414cc3dd9853.webp 900w, https://assets.fabulous.ch/public/variant_asset/8801/file/large-fd28c722b2191bc82d4f3a531a06896f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8801/file/medium-edcb2336481aae8b32d5414cc3dd9853.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/sleep-support-fur-einen-besseren-schlaf-kapseln-60-kapseln-mhd-aktion-31-07-2026-17943">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sleep Support &quot;für einen besseren Schlaf&quot; Kapseln, 60 Kapseln (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 25.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 18.15</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A38nf3jfVXa8FQ1yMJWQWWm-MjR-Cb9p7MQp9vyMrIlWH7sMJbzQRO0zlx_Ua1sYJb-ZZBs5HQkvN91z7z9e0A" />
    <input value="17943" 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;140 von 3&#39;217 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/loma-linda?format=turbo_stream&amp;page=158">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>