<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/almond-cinnamon-butter-cup-bio-39-g-15433">
          <img alt="Almond Cinnamon Butter Cup Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7055/file/small-eeea27918924ad6c22de6335f7900e3f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7055/file/medium-bcb84d329e9df4f83f745910b4574e82.webp 900w, https://assets.fabulous.ch/public/variant_asset/7055/file/large-d3a3fae6b4a96f6c469d96921cb70de1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7055/file/medium-bcb84d329e9df4f83f745910b4574e82.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">Naughty Nuts</p>
          <a href="/de/products/almond-cinnamon-butter-cup-bio-39-g-15433">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Almond Cinnamon Butter Cup Bio, 39 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6T67t-E2wqdLWPUxKTHLSB1SRVtddIquXyCkGOHjVVZqQVjL7ZxiY87cWcIaacs06LdCxjm_ogn9Air7pGzjbw" />
    <input value="15433" 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/uno-mate-super-natural-club-bio-330-ml-15464">
          <img alt="Uno Mate Super Natural Club Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7060/file/small-cb6922c72d5a9efe0c554eb63169ef7f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7060/file/medium-5ad7b866d8c804ee9824b20fc45e5aa8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7060/file/large-89c84e607494d80e27794d049c09893b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7060/file/medium-5ad7b866d8c804ee9824b20fc45e5aa8.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">Super Natural Club</p>
          <a href="/de/products/uno-mate-super-natural-club-bio-330-ml-15464">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Uno Mate Super Natural Club Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BvDfUhfINYgean8x8ymftK9jSdqQGvp2eUERP3Mj3AeFjzwuG2KVTJvu08LAcZ_IWoZOR_TR0tHbY5_cNqxqPg" />
    <input value="15464" 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/taurin-kapseln-raab-kapseln-100-stuck-15465">
          <img alt="Taurin Kapseln Raab" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7062/file/small-ea858fa5203ecc9d723b0eef06e70129.webp 600w, https://assets.fabulous.ch/public/variant_asset/7062/file/medium-dc993b8ae67b9882f7cd3384e8533c41.webp 900w, https://assets.fabulous.ch/public/variant_asset/7062/file/large-a40c33e4e5f05ce6b7670f5454cb4cfb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7062/file/medium-dc993b8ae67b9882f7cd3384e8533c41.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">Raab</p>
          <a href="/de/products/taurin-kapseln-raab-kapseln-100-stuck-15465">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Taurin Kapseln Raab, 100 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g1VNYW9OKny5-2w8SD5AJeLehkjPiB3GjKgd2ENVO-AAKq4dY-SKuDx_wM97ZkBZFzuB1atDNWEuipM7BtqN2Q" />
    <input value="15465" 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-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/champs-coconut-creme-riegel-bio-38-g-15466">
          <img alt="Champs Coconut Creme Riegel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7063/file/small-e1aff08deff6e74ad2822e506ef3cd4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7063/file/medium-b03c08f9e578361c8bcdfb3a989affb2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7063/file/large-7caaab1d20fb61d8b277a6cfc53baaad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7063/file/medium-b03c08f9e578361c8bcdfb3a989affb2.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">Champs</p>
          <a href="/de/products/champs-coconut-creme-riegel-bio-38-g-15466">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Champs Coconut Creme Riegel Bio, 38 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FTjd2moTY3oOPdpDWmPOo20WQrqtZMKndPhn-gsaJOSWRz6mZrnDvou5drBpO87fmPNFJ8mv6gDW2ukZTpWS3Q" />
    <input value="15466" 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-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/linsen-rot-grossgebinde-bio-5-kg-e7a8b05d-c9e0-4f24-8a4e-d9255a1a59ec-15513">
          <img alt="Linsen Rot Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7071/file/small-4b33747650603b85b6c9326f4cb4369c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7071/file/medium-d44d7a43f0a606bbdb8897eba4fa1392.webp 900w, https://assets.fabulous.ch/public/variant_asset/7071/file/large-f905ed3c6cba89a4222a2f3ac46ea49c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7071/file/medium-d44d7a43f0a606bbdb8897eba4fa1392.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/linsen-rot-grossgebinde-bio-5-kg-e7a8b05d-c9e0-4f24-8a4e-d9255a1a59ec-15513">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Linsen Rot Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.70
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-15513-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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/linsen-beluga-schwarz-grossgebinde-bio-5-kg-15514">
          <img alt="Linsen Beluga schwarz Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7074/file/small-6caecbafa030408790b6c7ff13de62e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7074/file/medium-97b525a3d4ca164beece1ff492fad687.webp 900w, https://assets.fabulous.ch/public/variant_asset/7074/file/large-8347bb95ff3fd9501aacb76f3d2b0413.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7074/file/medium-97b525a3d4ca164beece1ff492fad687.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">Biofarm</p>
          <a href="/de/products/linsen-beluga-schwarz-grossgebinde-bio-5-kg-15514">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Linsen Beluga schwarz Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 55.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OLqgG0ZcsvuUa_ETzbtruBGXfbRPnx-0q4MCIHm8Tcu7xUNnSvYSPxHvXeD-42vE5HJ6KStUNxMJoYzDPDP78g" />
    <input value="15514" 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/garam-masala-indische-kuche-bio-40-g-15521">
          <img alt="Garam Masala - Indische Küche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7079/file/small-cff83c4f3b31f9455151d36447120f14.webp 600w, https://assets.fabulous.ch/public/variant_asset/7079/file/medium-64f306f40e010ef86d128de5ad18841a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7079/file/large-a945f46b6e435c72be4e80db2b8fb0ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7079/file/medium-64f306f40e010ef86d128de5ad18841a.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">Lebensbaum</p>
          <a href="/de/products/garam-masala-indische-kuche-bio-40-g-15521">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Garam Masala - Indische Küche Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hHrPzUzPNgN-4-w1eVt_Y4osA6USN9xQPNAyeXozq5gHBSyxQGWWx_tnQMZKA38ff8kEOHb89Pee8ryaP7wdoQ" />
    <input value="15521" 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/yarrah-trockenfutter-hunde-vegan-bio-2-kg-15563">
          <img alt="Yarrah Trockenfutter Hunde Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7103/file/small-4f638d8413492dabf21b6fcf1ea0c28d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7103/file/medium-540ab670c640017cfc42041608b43f31.webp 900w, https://assets.fabulous.ch/public/variant_asset/7103/file/large-e80579978975767b02320acd293e67bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7103/file/medium-540ab670c640017cfc42041608b43f31.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">Yarrah</p>
          <a href="/de/products/yarrah-trockenfutter-hunde-vegan-bio-2-kg-15563">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yarrah Trockenfutter Hunde Vegan Bio, 2 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XD1ntiCRL0ZyHTNR7wWLXGnMr2tM7PcCr7RT_79eISPfQoTKLDuPgveZn6LcXYsgnCmo9ign36UNlt0c-tGXGg" />
    <input value="15563" 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/geschirrspulmittel-lemon-grossgebinde-20-l-15567">
          <img alt="Geschirrspülmittel Lemon Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7107/file/small-844741c88fbf0d41607b81e9899a3ba0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7107/file/medium-508a887596344a2e8de6d3dc06c5acfd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7107/file/large-10df6903fd07a9fb0fe5b1dc1b3c270d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7107/file/medium-508a887596344a2e8de6d3dc06c5acfd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/de/products/geschirrspulmittel-lemon-grossgebinde-20-l-15567">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geschirrspülmittel Lemon Grossgebinde, 20 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 92.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Fm56mBI7XW6RVHt2aWV5iNWDVo6XTgE9J0GdC1TXZO6VEZnkHpH9qhTQ14VaPXn0IGZRE_OFKZqFYxPoEVjS1w" />
    <input value="15567" 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/leinsamen-bio-500-g-15568">
          <img alt="Leinsamen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7110/file/small-c012945d283952678a997d8340c0cc46.webp 600w, https://assets.fabulous.ch/public/variant_asset/7110/file/medium-d1e07be8131d8c0be7dbe2021835f681.webp 900w, https://assets.fabulous.ch/public/variant_asset/7110/file/large-6df97132fdd561d9667ad429ad1625ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7110/file/medium-d1e07be8131d8c0be7dbe2021835f681.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">Rapunzel</p>
          <a href="/de/products/leinsamen-bio-500-g-15568">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Leinsamen Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DGlAoA1zFltTuYJafIEhqD8kDjoTmjy1Qjo932fCUU6PFqPcAdm2n9Y9LqlP2SHUysEJp3dRFBLgGLM8Ik3ndw" />
    <input value="15568" 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/joghurtferment-my-yo-lactopro-inulin-bio-6-beutel-25-g-15576">
          <img alt="Joghurtferment My.Yo LactoPro + Inulin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7113/file/small-0cd75e8d628cb7bfa35acca6df68bbbe.webp 600w, https://assets.fabulous.ch/public/variant_asset/7113/file/medium-8bf3347ed953536b9d20677392674be5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7113/file/large-7a9c889002072afbd7058b8afc235f60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7113/file/medium-8bf3347ed953536b9d20677392674be5.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">my.yo</p>
          <a href="/de/products/joghurtferment-my-yo-lactopro-inulin-bio-6-beutel-25-g-15576">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Joghurtferment My.Yo LactoPro + Inulin Bio, 6 x 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IxO4Kcwi0uJt8LncE7VVeQiWvXyde2PYHhG0u55Do0ygbFtVwIhyJuh0FS8g7VUF_XO64fmwS3-8MzpY28wVdQ" />
    <input value="15576" 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/popcorn-salzig-bio-60-g-15601">
          <img alt="Popcorn Salzig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7123/file/small-6a1802ff4ab9a4a56565904e5217a6c0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7123/file/medium-90256f02aa15fa07129cd67bd5d4801e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7123/file/large-4637cb9dae3171a5303b0738f5ce755f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7123/file/medium-90256f02aa15fa07129cd67bd5d4801e.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">Heimatgut</p>
          <a href="/de/products/popcorn-salzig-bio-60-g-15601">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Popcorn Salzig Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EJXoDNZi37WI6tnQ0hg2qvSizeleiMxySp8t9H7UqI6T6gtw2sh_cQ1udSPhQDbWAUfKdDpD5NXovaMXO1setw" />
    <input value="15601" 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/zubehor-sonett-auslauf-hahn-fur-kanister-20-l-15613">
          <img alt="Zubehör Sonett Auslauf-Hahn für Kanister" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7121/file/small-e39394556fa08812af2adbbef83d830c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7121/file/medium-764e7e672a2e3e36f7f39cbd704fa28d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7121/file/large-8efc8d7307354825af7af7d70250f6a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7121/file/medium-764e7e672a2e3e36f7f39cbd704fa28d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/de/products/zubehor-sonett-auslauf-hahn-fur-kanister-20-l-15613">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zubehör Sonett Auslauf-Hahn für Kanister, 20 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KhmQFOCEB9srsAqwtGuH_KRw2mLhHFmkry7h1S7ECFWpZnNo7C6nH640pkOHM4eAUZXd_4XXcQMNDG82a0u-bA" />
    <input value="15613" 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/tafel-rapunzel-zartbitter-schokolade-mit-pfefferminzfullung-bio-100-g-15614">
          <img alt="Tafel Rapunzel Zartbitter Schokolade mit Pfefferminzfüllung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7122/file/small-95e8a9f7040b64bfa0c960ebd9d7a6a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7122/file/medium-ef78b1e854d52d895270e172202535d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7122/file/large-2c4ef9b57498e0a3a86aba7bb8cb977d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7122/file/medium-ef78b1e854d52d895270e172202535d7.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">Rapunzel</p>
          <a href="/de/products/tafel-rapunzel-zartbitter-schokolade-mit-pfefferminzfullung-bio-100-g-15614">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tafel Rapunzel Zartbitter Schokolade mit Pfefferminzfüllung Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZcRGDzM_7fIRQZRfVXfjAmNOEn7yYnNwTqZUziWP88nmu6VzP5VNNpTFOKxmL-N-lqsV45apW9fshNotYABF8A" />
    <input value="15614" 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/kokoscreme-zartbitter-bio-250-g-15615">
          <img alt="Kokoscreme Zartbitter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7125/file/small-21daf745d704ed37e81be59abd373da1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7125/file/medium-77231b4655bf3d29c713598f8fbc9403.webp 900w, https://assets.fabulous.ch/public/variant_asset/7125/file/large-7e5a6de86012123269a93c6b2c1fe167.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7125/file/medium-77231b4655bf3d29c713598f8fbc9403.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">Rapunzel</p>
          <a href="/de/products/kokoscreme-zartbitter-bio-250-g-15615">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokoscreme Zartbitter Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iiCi95Gxkb9JfAo9knzz8SK9oWsnIIdkW_wI-An1QM8JX0GLnRsxe8z4ps6hJPON11im9kPrr8P53oYbTHr29g" />
    <input value="15615" 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/schokotropfen-zartbitter-bio-100-g-15616">
          <img alt="Schokotropfen Zartbitter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7126/file/small-71d2a7399752e9b680430b9a8329c7ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/7126/file/medium-6d8ba40412f5098b07c7e31f65edc7d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7126/file/large-285875e7013ef43b7a268bcc3a5ca062.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7126/file/medium-6d8ba40412f5098b07c7e31f65edc7d0.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">Rapunzel</p>
          <a href="/de/products/schokotropfen-zartbitter-bio-100-g-15616">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schokotropfen Zartbitter Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ehwgk1ouYwn3JcrpYIcg2TosLTOd3Qvd3uF5u5CzDb2RY8PvVoTDzXKhZhpT3yClz8kqrvkWI3p8w_dY1Ty7hA" />
    <input value="15616" 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/erdnussbutter-peanut-butter-creamy-bio-310-g-15618">
          <img alt="Erdnussbutter Peanut Butter Creamy Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7128/file/small-684c0c79d148099a478524088693bc22.webp 600w, https://assets.fabulous.ch/public/variant_asset/7128/file/medium-172becec30d17c1636a0d9e9b33a3e1e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7128/file/large-f57766b624e5462c4e18ee20a7979765.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7128/file/medium-172becec30d17c1636a0d9e9b33a3e1e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/de/products/erdnussbutter-peanut-butter-creamy-bio-310-g-15618">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Erdnussbutter Peanut Butter Creamy Bio, 310 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hTrR17HGERa3urspCO5QwlLgpJQQuD7it7AJejKsQFYGRTKrvWyx0jI-F9o7tlC-pwWjCXRzFkUVkoeZdyP2bw" />
    <input value="15618" 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/dattel-schoko-haselnuss-tafel-56-bio-85-g-15625">
          <img alt="Dattel Schoko Haselnuss Tafel 56% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7131/file/small-f8311605cdc9d30aa8af93f638572b0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7131/file/medium-e624fca4dea5bc6cba22d23a995c60e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7131/file/large-460a5bb417f6a43ae41956fdd744c367.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7131/file/medium-e624fca4dea5bc6cba22d23a995c60e8.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">MAKRi</p>
          <a href="/de/products/dattel-schoko-haselnuss-tafel-56-bio-85-g-15625">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattel Schoko Haselnuss Tafel 56% Bio, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ObUzdjE3psNj3Q8ZtXp85ITA5OoeUtY088BF5gFXiSS6ytAKPZ0GB-ZZo-qGInyYcSXjd3qZ_pNR4ssFRNg_HQ" />
    <input value="15625" 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/dattel-schoko-dunkel-tafel-72-bio-85-g-15629">
          <img alt="Dattel Schoko Dunkel Tafel 72% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7135/file/small-da1172d2821902ae96ce6d7be99dade5.webp 600w, https://assets.fabulous.ch/public/variant_asset/7135/file/medium-6b707a34158a14159ea92eac6c791442.webp 900w, https://assets.fabulous.ch/public/variant_asset/7135/file/large-f07f16dedc2bd65b823d68b65d3b29ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7135/file/medium-6b707a34158a14159ea92eac6c791442.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">MAKRi</p>
          <a href="/de/products/dattel-schoko-dunkel-tafel-72-bio-85-g-15629">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattel Schoko Dunkel Tafel 72% Bio, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jah38bQB3ATBOXbRYW28cE2Ot8-4e8FJuyCOFccxKBgO15SNuKt8wES92iJSNbwMuGuwUtyw6e4ZAgD2gr6eIQ" />
    <input value="15629" 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/nassfutter-ami-dog-purple-vegan-400-g-15680">
          <img alt="Nassfutter Ami Dog PURPLE Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7142/file/small-b0f23a8ecea36c70b52e7421b011ab86.webp 600w, https://assets.fabulous.ch/public/variant_asset/7142/file/medium-0da662de4cc64d4e9b404956b9c6b64e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7142/file/large-923e401c62282757c54e4bef199c31df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7142/file/medium-0da662de4cc64d4e9b404956b9c6b64e.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">AMI</p>
          <a href="/de/products/nassfutter-ami-dog-purple-vegan-400-g-15680">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nassfutter Ami Dog PURPLE Vegan, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e2u8P_YqG3OthivC2kSSl3RZ1YOJ6-9RJmWZa4mj24T4FF9D-oC7tygChzHpHJLrgbzSHu0gx_aERxeIzCxtvQ" />
    <input value="15680" 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">
      2&#39;760 von 3&#39;201 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/spa-vivent?format=turbo_stream&amp;page=139">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>