<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/mandeldrink-ohne-zucker-bio-1-l-16163">
          <img alt="Mandeldrink 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/7446/file/small-46138d2899e883eec23ef48ca86c7f4e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7446/file/medium-90dc98c90522dbb636ce5dd6ad4b908d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7446/file/large-a9ac65c2f756809588401bfad6c93988.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7446/file/medium-90dc98c90522dbb636ce5dd6ad4b908d.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">Alpro</p>
          <a href="/de/products/mandeldrink-ohne-zucker-bio-1-l-16163">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mandeldrink ohne Zucker Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0BkItQZgtfmMifiIwJ-u0gF1d40IOzOcSCOB7CCvz3jWTw_HyDsMLk66l7pvEsFz-p5n0h4zBHRaxKuzTWTISQ" />
    <input value="16163" 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/vegane-alternative-zu-thun-visch-in-ol-bio-180-g-16174">
          <img alt="Vegane Alternative zu Thun-Visch in Öl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7447/file/small-0e1a3d17533cf8661ffdb95ce977aaef.webp 600w, https://assets.fabulous.ch/public/variant_asset/7447/file/medium-10bb428c40cda9511353e482e3d5399d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7447/file/large-7f64d959fd977def68d6bfde82a6b6b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7447/file/medium-10bb428c40cda9511353e482e3d5399d.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">followfood</p>
          <a href="/de/products/vegane-alternative-zu-thun-visch-in-ol-bio-180-g-16174">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Alternative zu Thun-Visch in Öl Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5yJQiN2IkqywRMvnOKNWwaabQO7HSZlPOzmXcxi9Sd7hdFf6E9Mre3J3pNWXLjlgXXBQsdFBrqcp3r0sdXZO7w" />
    <input value="16174" 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/vegane-alternative-zu-thun-visch-in-tomatensauce-bio-180-g-16175">
          <img alt="Vegane Alternative zu Thun-Visch in Tomatensauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7448/file/small-c12bf2b3063ac568c7a9d494191a6938.webp 600w, https://assets.fabulous.ch/public/variant_asset/7448/file/medium-35b7c628165e5914c5dcaa73d2c858a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7448/file/large-931e41623e48202ba9f827de1a17f55b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7448/file/medium-35b7c628165e5914c5dcaa73d2c858a8.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">followfood</p>
          <a href="/de/products/vegane-alternative-zu-thun-visch-in-tomatensauce-bio-180-g-16175">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Alternative zu Thun-Visch in Tomatensauce Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wV3rlyRxz53QD6_eUIQ3YRgDvzxhigrefYwXPxuq4MbHC-zl6ip2ShI8wOz_CVjA4-ivY3eCPTZvaz1gdmHn9w" />
    <input value="16175" 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/mie-nudeln-nach-teriyaki-art-bio-161-g-16176">
          <img alt="Mie-Nudeln nach Teriyaki-Art Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7449/file/small-f027e58ae3847cefd6b91d152f34f872.webp 600w, https://assets.fabulous.ch/public/variant_asset/7449/file/medium-e21c33c12fe6e1d077c1aeb056a81fb2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7449/file/large-1f280685d59ede9147b2074d3bbc8df7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7449/file/medium-e21c33c12fe6e1d077c1aeb056a81fb2.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">followfood</p>
          <a href="/de/products/mie-nudeln-nach-teriyaki-art-bio-161-g-16176">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mie-Nudeln nach Teriyaki-Art Bio, 161 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mZpA9qNo-UUxcilN9sVTl3B4YlP8E9cVqkdSwalm6RafzEeEbTNAkvNBRn9ZSDw2i5NyDOob4P24oHiexK3uJw" />
    <input value="16176" 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/mie-nudeln-nach-asiatischer-art-scharf-bio-159-g-16177">
          <img alt="Mie-Nudeln nach Asiatischer Art Scharf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7450/file/small-66fe1bd6b46a25f3c0c89eecb74aa94f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7450/file/medium-d9e98feaa38dda6dd17665b72e29881c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7450/file/large-fc5f4fd4744968310cfc29e38d3f9641.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7450/file/medium-d9e98feaa38dda6dd17665b72e29881c.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">followfood</p>
          <a href="/de/products/mie-nudeln-nach-asiatischer-art-scharf-bio-159-g-16177">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mie-Nudeln nach Asiatischer Art Scharf Bio, 159 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tr8ddDyikPSAfU31nzPnZq3H3xO8nHBy7sbrjv_0pHRI6RoG8vkpI0JOIscwvojHVizPTKqUR5r8IcHRkj-jRQ" />
    <input value="16177" 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/mummy-meegz-vegan-m-z-gems-80-g-16194">
          <img alt="Mummy Meegz Vegan M’z Gems" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7452/file/small-5e6260e8add69a26973fe7f35e97fc24.webp 600w, https://assets.fabulous.ch/public/variant_asset/7452/file/medium-330c0c3093d63a6380ff7672b97c876f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7452/file/large-3b9b7381e7e5d4efd0f4a5ab827ee095.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7452/file/medium-330c0c3093d63a6380ff7672b97c876f.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">Mummy Meagz</p>
          <a href="/de/products/mummy-meegz-vegan-m-z-gems-80-g-16194">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mummy Meegz Vegan M’z Gems, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bli6UYzObEO7HP-4E_wQ96_gckS3ZigWw4HmNjdJ0IVoDr0jQpXVlHkvkIq8cX9WVAtiG6FuH_7RZsxpWoLXtA" />
    <input value="16194" 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/life-crackers-carrot-glutenfrei-raw-bio-80-g-16195">
          <img alt="Life Crackers Carrot Glutenfrei RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7453/file/small-50802a7789e625fb4d714853e3654c1f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7453/file/medium-c2afa26104af09579c7ad833e04ba534.webp 900w, https://assets.fabulous.ch/public/variant_asset/7453/file/large-00013043289d3b24eed3baed68ed84b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7453/file/medium-c2afa26104af09579c7ad833e04ba534.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">Lifefood</p>
          <a href="/de/products/life-crackers-carrot-glutenfrei-raw-bio-80-g-16195">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Life Crackers Carrot Glutenfrei RAW Bio, 80 g</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 11.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JUaSlMVVS1Ww05FfBitg4KGOF8En_GsF97UQjdTbWPUjEJXmCw7ygnLg_m2ppg9BWmUHnjH0XO3lUjrSuRBfxA" />
    <input value="16195" 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/life-crackers-chia-hanf-glutenfrei-raw-bio-90-g-16204">
          <img alt="Life Crackers Chia Hanf Glutenfrei RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7454/file/small-e77b727c123c5af081ae80671a48e993.webp 600w, https://assets.fabulous.ch/public/variant_asset/7454/file/medium-a854c3a9df6723ab6b2ea2af14aca599.webp 900w, https://assets.fabulous.ch/public/variant_asset/7454/file/large-4c712799e88270366f0978e0c8829f3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7454/file/medium-a854c3a9df6723ab6b2ea2af14aca599.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">Lifefood</p>
          <a href="/de/products/life-crackers-chia-hanf-glutenfrei-raw-bio-90-g-16204">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Life Crackers Chia Hanf Glutenfrei RAW Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UNSEzqaW4Y0Vb2p0pLZ4D9R6p_Bqm1i5H7InP5iLzhFWgoO8aM1YWtdcBUYLOxeuL5G3r3yTb1ENVQ1g9UDJIA" />
    <input value="16204" 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/life-crackers-rosmarin-glutenfrei-raw-bio-90-g-16205">
          <img alt="Life Crackers Rosmarin Glutenfrei RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7455/file/small-401ad8c7c5e20c4af36d060578dd7eb7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7455/file/medium-86751bd5c5f299b2a0d942fe94a10c2d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7455/file/large-19c35cf001872a42a4d3a321e7d67db0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7455/file/medium-86751bd5c5f299b2a0d942fe94a10c2d.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">Lifefood</p>
          <a href="/de/products/life-crackers-rosmarin-glutenfrei-raw-bio-90-g-16205">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Life Crackers Rosmarin Glutenfrei RAW Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oEuV52dtaPqaViSmuCZplMmFcEi9no23AeI-Wzhwo3OmHZKVqTbRLVhlS5QXqwY1Mm5gF6uWul8TBRQEVbukQg" />
    <input value="16205" 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/life-crackers-sauerkraut-glutenfrei-raw-bio-90-g-16206">
          <img alt="Life Crackers Sauerkraut Glutenfrei RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7457/file/small-2dd9c98116fce4ade71707d1c34746b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7457/file/medium-5d65085e58a05facee59aa6657a029a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7457/file/large-1dc6f70d6f3dd4ff6ac3860f4beeb314.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7457/file/medium-5d65085e58a05facee59aa6657a029a2.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">Lifefood</p>
          <a href="/de/products/life-crackers-sauerkraut-glutenfrei-raw-bio-90-g-16206">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Life Crackers Sauerkraut Glutenfrei RAW Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xkiO6205NzGfCd8GJADQMRaTsKiLfks4u4z_GI-VMk7AHomZo2KO5l06sDSLjb-Q7Xig9512fNCpa9VH4l41fw" />
    <input value="16206" 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/winterzauber-creme-bio-250-g-16207">
          <img alt="Winterzauber Creme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7458/file/small-07681ab0f9fbfa4ce82bd4c9af2f4ce6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7458/file/medium-89630200de7a10ce95d61284186ddc99.webp 900w, https://assets.fabulous.ch/public/variant_asset/7458/file/large-9b4a56fd9669b5209ba54d09f79d6991.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7458/file/medium-89630200de7a10ce95d61284186ddc99.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/winterzauber-creme-bio-250-g-16207">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Winterzauber Creme Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R10KSqkiKFNTO8HJf-1VeyV9xddbxpXei9zThJmoLABBCw04Z3mRhJEIrvvQYDra3pbViE3OojaZO_nb9GMrMQ" />
    <input value="16207" 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/schwarze-knoblauchpaste-bio-100-g-16237">
          <img alt="Schwarze Knoblauchpaste Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7474/file/small-a723f99a39ac89e587dd22dd6b93009b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7474/file/medium-fc9a130e1bdc9ae56c3df33d1c59433e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7474/file/large-74f759543295145ca58e2fea0212271a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7474/file/medium-fc9a130e1bdc9ae56c3df33d1c59433e.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">Amanprana</p>
          <a href="/de/products/schwarze-knoblauchpaste-bio-100-g-16237">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schwarze Knoblauchpaste Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sDVky8bI1D5ine3IPNXuKHqdIrBF50whzGPJwuS3VaO2Y2O5CJNt6aCugvqTWIGJgXYy71Pve8nehOOdiXxSkg" />
    <input value="16237" 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/gigantes-riesenbohnen-in-tomatensauce-bio-400-g-16238">
          <img alt="Gigantes - Riesenbohnen in Tomatensauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7475/file/small-1714c30cdc9c5d89d9fb1bf01fde24b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7475/file/medium-2f82db3cb59c305ea02a01d39590e35c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7475/file/large-dde556e0badbb64d7b80f1df9f1036c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7475/file/medium-2f82db3cb59c305ea02a01d39590e35c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Davert</p>
          <a href="/de/products/gigantes-riesenbohnen-in-tomatensauce-bio-400-g-16238">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gigantes - Riesenbohnen in Tomatensauce Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </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-16238-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="V45KXO8lZfFx5FgnxobwxREG1UuGMHG8DV2tJug_QqtR2E0uIX7cJrPXNxVpC59k6u3FFJA4RlQfuod5hfRFmg" />
    <input value="16238" 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/waffeln-haselnuss-bio-175-g-16239">
          <img alt="Waffeln Haselnuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7476/file/small-4e40826da694a91575891f85298df88f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7476/file/medium-6176473d24e4460278e1b59f7b4c623d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7476/file/large-2ba6b132fb15d8246092a0e8dfdc192a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7476/file/medium-6176473d24e4460278e1b59f7b4c623d.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">Terrasana</p>
          <a href="/de/products/waffeln-haselnuss-bio-175-g-16239">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Waffeln Haselnuss Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gDH-fT6u0M1UXTtXBAPFhBZj0oT6kmRbl1B9-3nSC6iGZ_kP8PVpGpZuVGWrjqol7YjC2-yaU7OFt1ekFBkMmQ" />
    <input value="16239" 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/knoblauch-in-olivenol-krauter-bio-185-g-16240">
          <img alt="Knoblauch in Olivenöl Kräuter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7477/file/small-29c38102258c5e893a8dd8147becda4d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7477/file/medium-47803014d54eb4de31eb043cd961f3c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7477/file/large-cc6aa29faef0aed743f088940d11ea10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7477/file/medium-47803014d54eb4de31eb043cd961f3c1.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">Mani</p>
          <a href="/de/products/knoblauch-in-olivenol-krauter-bio-185-g-16240">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Knoblauch in Olivenöl Kräuter Bio, 185 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0awpH9KG5muKST6aGdW-jHayynGU4xgnoYX-7BFjqK3X-i5tHN1fvEh6Uai2WNEtjVnaLoLrL8-zYtSzfKivnA" />
    <input value="16240" 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/hafer-drink-popcorn-barista-edition-1-l-16241">
          <img alt="Hafer Drink Popcorn - Barista Edition" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7478/file/small-d4f1b0576b65189e95de1c5d08f8ec7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7478/file/medium-6e954a60f37dcea0a71718f95d04b0bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7478/file/large-26cfa5f13987ceaf6a590e8af47b4714.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7478/file/medium-6e954a60f37dcea0a71718f95d04b0bd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Oatly</p>
          <a href="/de/products/hafer-drink-popcorn-barista-edition-1-l-16241">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Drink Popcorn - Barista Edition, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Siouy1ORplLKYTRNPjGkDKEsYv0TX0uX8iwAeEdeZUlMfCm5ncofhQhSW3-RvMutWsdyogVXfH_gyyonKpVieA" />
    <input value="16241" 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/hafer-drink-matcha-1-l-16242">
          <img alt="Hafer Drink Matcha" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7479/file/small-12930d64f20033789b98da1034392540.webp 600w, https://assets.fabulous.ch/public/variant_asset/7479/file/medium-7b626a1d219ea11468c063fc9af0efd6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7479/file/large-cbb6e6d2384a8d3d011e3d30ab964b1a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7479/file/medium-7b626a1d219ea11468c063fc9af0efd6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Oatly</p>
          <a href="/de/products/hafer-drink-matcha-1-l-16242">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Drink Matcha, 1 l</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 0.42 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L1ilMQ-zWDwYKish8gsoYSL5fTgkkx9vNZlOoOStaiYpDqJDwejh69oZRBNdhkfA2RJtZzKbKIcnfmT_iWZtFw" />
    <input value="16242" 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/hafer-drink-matcha-250-ml-16243">
          <img alt="Hafer Drink Matcha" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7480/file/small-82cc5fe432dd30acbe2b77fb57f40ef8.webp 600w, https://assets.fabulous.ch/public/variant_asset/7480/file/medium-69d2f8ab8b40ac15529ed48f529204f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7480/file/large-181f0d87c516cfcea71fde6090ea6491.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7480/file/medium-69d2f8ab8b40ac15529ed48f529204f7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Oatly</p>
          <a href="/de/products/hafer-drink-matcha-250-ml-16243">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Drink Matcha, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xFrBRMCdW--YdY9CCB3SDp9VKUnLKuSB5km6ckS6CRDCDMY2DsbiOFpG4HCnkL2vZL45Ft0i02n0rpAtKXEOIQ" />
    <input value="16243" 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/barista-iced-flat-white-double-shot-235-ml-16244">
          <img alt="Barista Iced Flat White - Double Shot" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7483/file/small-2c9ac7b23162f84db7389d34093ea0e9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7483/file/medium-d66f057dd99f072bdd373f004f7990e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7483/file/large-0a80873abfbe91e06739dbc451c32dcf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7483/file/medium-d66f057dd99f072bdd373f004f7990e2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Oatly</p>
          <a href="/de/products/barista-iced-flat-white-double-shot-235-ml-16244">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barista Iced Flat White - Double Shot, 235 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-16244-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/liquid-smoke-hickory-flussigrauch-1-89-l-16245">
          <img alt="LIQUID SMOKE Hickory Flüssigrauch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7484/file/small-0ab85794886b4256c9ba50aefebf1c45.webp 600w, https://assets.fabulous.ch/public/variant_asset/7484/file/medium-f7981a70be164c6f261fc45923bbc4b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/7484/file/large-5065e28485fc226ddade127f1f856130.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7484/file/medium-f7981a70be164c6f261fc45923bbc4b3.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">Mex-AL</p>
          <a href="/de/products/liquid-smoke-hickory-flussigrauch-1-89-l-16245">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LIQUID SMOKE Hickory Flüssigrauch, 1.89 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GSdJGjoI_PzRu51uvavJ31-hK0ujV02tPsjqdEHTXUAfcU5o9FNFKxOI8lwSJqZ-pEo7FLVfekUsL8ArLBhacQ" />
    <input value="16245" 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">
      1&#39;900 von 2&#39;272 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/lebensmittel?format=turbo_stream&amp;page=96">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>