<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/vitaleo-entsafter-da-1000-schwarz-1-stuck-2381">
          <img alt="Vitaleo Entsafter DA-1000 Schwarz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1719/file/small-7e863b2986f986826e036eb36c3860f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/1719/file/medium-d768ef64525340934ab683705fcd5467.webp 900w, https://assets.fabulous.ch/public/variant_asset/1719/file/large-80ebd17014c8ecf17a0397381f0ed8ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1719/file/medium-d768ef64525340934ab683705fcd5467.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">Vitaleo</p>
          <a href="/de/products/vitaleo-entsafter-da-1000-schwarz-1-stuck-2381">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitaleo Entsafter DA-1000 Schwarz, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 340.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K5pat8l6xGCVakjE7yR7NtnQLdXagfmy24O-ddZBX4VwTWSCp8xDeFG8fhj8dO0Gu9U61AhiXnE-ZnKY3zwpIw" />
    <input value="2381" 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/vitaleo-entsafter-da-1000-weinrot-1-stuck-2382">
          <img alt="Vitaleo Entsafter DA-1000 Weinrot" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1720/file/small-e6878cb7ac22aec987f20bdf4fa52298.webp 600w, https://assets.fabulous.ch/public/variant_asset/1720/file/medium-2242a72d5325d152c08a480028954afb.webp 900w, https://assets.fabulous.ch/public/variant_asset/1720/file/large-1743a27723535d348007f3354099fe0d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1720/file/medium-2242a72d5325d152c08a480028954afb.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">Vitaleo</p>
          <a href="/de/products/vitaleo-entsafter-da-1000-weinrot-1-stuck-2382">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitaleo Entsafter DA-1000 Weinrot, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 339.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Lhm6xN-zN7SeO210MYXKgzsAWdfj68FGHVKkuccD7891zoTxsQWwrFrtW6gi1VyzWQVO1jEIZoX4t2hUzn6ZaQ" />
    <input value="2382" 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/veg-info-probeheft-deutsch-1-stuck-2458">
          <img alt="Veg Info Probeheft (deutsch)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1792/file/small-b3356e8f66ae64e6ddc083a8eda079b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/1792/file/medium-831379cc5608e3b05a277ac30084dc3a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1792/file/large-187a6eae52d7b673bd2f6ae1c7baee5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1792/file/medium-831379cc5608e3b05a277ac30084dc3a.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">Swissveg</p>
          <a href="/de/products/veg-info-probeheft-deutsch-1-stuck-2458">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veg Info Probeheft (deutsch), 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9YZArWoKunV3u33uWwDJWX1CTx3V5NDFO1tHL6652L-uUX6YBLw9bbNtSzJIUF9pH0dYHAcHdwbevovCp8SuGQ" />
    <input value="2458" 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/cranberries-premium-bio-100-g-2470">
          <img alt="Cranberries Premium Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1803/file/small-d4ee03bf15e45522ad8f5f0e85b13b73.webp 600w, https://assets.fabulous.ch/public/variant_asset/1803/file/medium-95a3752bad1ecf1697d831362be08877.webp 900w, https://assets.fabulous.ch/public/variant_asset/1803/file/large-aab9aabdac53292aa66c88b76df3a2ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1803/file/medium-95a3752bad1ecf1697d831362be08877.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">Flores Farm</p>
          <a href="/de/products/cranberries-premium-bio-100-g-2470">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cranberries Premium Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ORybjhRjqCTM6_5siLY46JyKUuItqYJ2_9b6TQnuMuRiy6W7etUvPAg9yLCb5q7Y_o9F4_9KJbUaMzagAJNEQg" />
    <input value="2470" 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/susslupinen-weiss-ganz-demeter-400-g-2485">
          <img alt="Süsslupinen Weiss Ganz Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1814/file/small-ff7593963236dd610bc5a8f8bfdb48d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1814/file/medium-40f1e52bc28bc876a84a99a9bcf28f9a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1814/file/large-6c6d1abfaef065c3f7c0ab595fbb1082.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1814/file/medium-40f1e52bc28bc876a84a99a9bcf28f9a.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">NaturKraftWerke</p>
          <a href="/de/products/susslupinen-weiss-ganz-demeter-400-g-2485">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Süsslupinen Weiss Ganz Demeter, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TSJ5ZLD9jfrTRCd-BDtdJsaz44zOe0keuwiZgABopioW9UdR3ksK4heSEaIXa8sWpLb0jRyY7t1e7VVtCRXQjA" />
    <input value="2485" 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/kokosmilch-mit-joghurt-kulturen-schokolade-bio-125-g-2512">
          <img alt="Kokosmilch mit Joghurt Kulturen Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1819/file/small-ea0156cf3f17af924dcab774422f0508.webp 600w, https://assets.fabulous.ch/public/variant_asset/1819/file/medium-db2539ac90f58a7f8647460a323cad80.webp 900w, https://assets.fabulous.ch/public/variant_asset/1819/file/large-228731d1d465fcf2108100c901246a5c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1819/file/medium-db2539ac90f58a7f8647460a323cad80.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">Harvest Moon</p>
          <a href="/de/products/kokosmilch-mit-joghurt-kulturen-schokolade-bio-125-g-2512">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosmilch mit Joghurt Kulturen Schokolade Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eamHMgCWATkAtUe2V7CxB8t5A1FzUuXfVqugZxGpap4ifrkHbiCGIcRjcWpE4Cc3qXwUUKGxQhyzTmyKGNQcOA" />
    <input value="2512" 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/vitamin-b12-500-g-methylcobalamin-vegan-kapseln-90-stuck-2520">
          <img alt="Vitamin B12 500µg Methylcobalamin Vegan Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1820/file/small-2a6ffed86d2e9a0ea64b55d00aa6850d.webp 600w, https://assets.fabulous.ch/public/variant_asset/1820/file/medium-cc24548dfed2ac331c3c239e4fb30195.webp 900w, https://assets.fabulous.ch/public/variant_asset/1820/file/large-dc2c36f2c5ac52af4d85eb7a6aa16ff3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1820/file/medium-cc24548dfed2ac331c3c239e4fb30195.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">energybalance</p>
          <a href="/de/products/vitamin-b12-500-g-methylcobalamin-vegan-kapseln-90-stuck-2520">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin B12 500µg Methylcobalamin Vegan Kapseln, 90 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5NE1dCOAiz08MRmKFHgS1TQuar94y2e3_1cCMYjmNCW_BgtBTTYMJfjnL1YHKITlVit9vqoowHQass7cgZtCgw" />
    <input value="2520" 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/vitamin-b12-methylcobalamin-vegan-3-g-kinder-spray-25-ml-2521">
          <img alt="Vitamin B12 Methylcobalamin Vegan 3µg Kinder Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1821/file/small-8482fb98c3f10d5d4bc1a41a113161e2.webp 600w, https://assets.fabulous.ch/public/variant_asset/1821/file/medium-ce1dc44a8d0c7304879cb80fb4b08a53.webp 900w, https://assets.fabulous.ch/public/variant_asset/1821/file/large-e0a34abbada6c17f4e27c22927733633.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1821/file/medium-ce1dc44a8d0c7304879cb80fb4b08a53.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">energybalance</p>
          <a href="/de/products/vitamin-b12-methylcobalamin-vegan-3-g-kinder-spray-25-ml-2521">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin B12 Methylcobalamin Vegan 3µg Kinder Spray, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6TToUA-haL-deI0MrHCev4uteU93juj0MiR7USTDAvGy49ZlYRfvp1muu9C_IAiP6ahuTqVtTzfXwbe8Lb50Vw" />
    <input value="2521" 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/vitamin-b-complex-plus-bio-vitamin-c-magnesium-kapseln-90-stuck-2523">
          <img alt="Vitamin B Complex plus Bio Vitamin C &amp; Magnesium Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1823/file/small-66073734f6403118cfea9eda6d173e36.webp 600w, https://assets.fabulous.ch/public/variant_asset/1823/file/medium-d7e858d2d0a1ecd99a7ebccc86dc7410.webp 900w, https://assets.fabulous.ch/public/variant_asset/1823/file/large-8f9f26dc7a57264c6ebd5b6fcd0ac11f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1823/file/medium-d7e858d2d0a1ecd99a7ebccc86dc7410.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">energybalance</p>
          <a href="/de/products/vitamin-b-complex-plus-bio-vitamin-c-magnesium-kapseln-90-stuck-2523">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin B Complex plus Bio Vitamin C &amp; Magnesium Kapseln, 90 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 43.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OOWHbzvUDC4N9uEZ07Y0WHXMs3pXgD9b7YWJYGMNzA1jMrlaVWKLNskg18XA5qJoF8mke4VjmJgIYEWNanC6qw" />
    <input value="2523" 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/ovega3-life-drink-mit-omega-3-algenol-250-ml-2524">
          <img alt="Ovega3 life Drink mit Omega-3 Algenöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1824/file/small-1c1a5ce2ba08310aa90f153557671e62.webp 600w, https://assets.fabulous.ch/public/variant_asset/1824/file/medium-e69977d78150c8abe58dffb6f89b3d18.webp 900w, https://assets.fabulous.ch/public/variant_asset/1824/file/large-c8fba242bc5caf2e7c529d0d40a99b1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1824/file/medium-e69977d78150c8abe58dffb6f89b3d18.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">energybalance</p>
          <a href="/de/products/ovega3-life-drink-mit-omega-3-algenol-250-ml-2524">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ovega3 life Drink mit Omega-3 Algenöl, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2TYlcjdxIR55FCS8ZKOBBdA0lyx6EZIg2P29FJF5bNaC4RtHWcemBr3CEmB38xc1sjGALajyNeM9GHH5mAQacA" />
    <input value="2524" 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/sticker-go-vegan-gross-1-stuck-2525">
          <img alt="Sticker: Go Vegan Gross" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1826/file/small-c6a0cbf5c73fe449efa0ccaf74626564.webp 600w, https://assets.fabulous.ch/public/variant_asset/1826/file/medium-f709b4002f7955aa8152fc7bcf8a8141.webp 900w, https://assets.fabulous.ch/public/variant_asset/1826/file/large-aa4850c9f2cf0f83136a768903c0931f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1826/file/medium-f709b4002f7955aa8152fc7bcf8a8141.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">Swissveg</p>
          <a href="/de/products/sticker-go-vegan-gross-1-stuck-2525">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sticker: Go Vegan Gross, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/t-shirt-swissveg-schwarz-small-1-stuck-2529">
          <img alt="T-Shirt Swissveg schwarz SMALL" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1833/file/small-ab11be20a6aa0f973727686da16bbd48.webp 600w, https://assets.fabulous.ch/public/variant_asset/1833/file/medium-5cdceb088a0c0944454bc957e7bc0999.webp 900w, https://assets.fabulous.ch/public/variant_asset/1833/file/large-65d68ef214a02de9e322286ba749deeb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1833/file/medium-5cdceb088a0c0944454bc957e7bc0999.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">Swissveg</p>
          <a href="/de/products/t-shirt-swissveg-schwarz-small-1-stuck-2529">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">T-Shirt Swissveg schwarz SMALL, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

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

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

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


  

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

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

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aK67Lrxc0xaRXci8rA1GjAWvmpINYwB3RD2X4QtyFGUzeYUb0upUDlWL_mC_XdC8Z6qNk9-Ap7Sh2FsMAg9iww" />
    <input value="2538" 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/t-shirt-swissveg-grun-1-stuck-2539">
          <img alt="T-Shirt Swissveg grün" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1844/file/small-91a055e3691f27d844e1c924dcf3f1e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/1844/file/medium-c619472a81027a7d125ec8553b10da5f.webp 900w, https://assets.fabulous.ch/public/variant_asset/1844/file/large-caff5a610d4b2c406aa0f9168629c6f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1844/file/medium-c619472a81027a7d125ec8553b10da5f.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">Swissveg</p>
          <a href="/de/products/t-shirt-swissveg-grun-1-stuck-2539">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">T-Shirt Swissveg grün, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J9ypyP0qZRfnmeyOdjextncc7MCvaUl38TWd_syPkqZ8C5f9k5ziDyNP2lJlZyeGFRn7wX2K7rQU0FETxfLkAA" />
    <input value="2539" 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/magnet-go-vegan-1-stuck-2547">
          <img alt="Magnet: Go Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1853/file/small-feebb14c5fb26be4a76f81bd761bdf12.webp 600w, https://assets.fabulous.ch/public/variant_asset/1853/file/medium-33babc8db207bb6a85d7317b502c3d8c.webp 900w, https://assets.fabulous.ch/public/variant_asset/1853/file/large-2ef87b8d6c2dbe862677cfd89ab66442.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1853/file/medium-33babc8db207bb6a85d7317b502c3d8c.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">Swissveg</p>
          <a href="/de/products/magnet-go-vegan-1-stuck-2547">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Magnet: Go Vegan, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D1ntugit5IZL4d760Pn340v2TE8aDQUJ7bzpalN7tiZUjtOPZhtjno836CbDqWHTKfNbTsjuosoIWSWHWgbAgA" />
    <input value="2547" 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/magnet-swissveg-1-stuck-2550">
          <img alt="Magnet: Swissveg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1856/file/small-5fa93749442604d8fa9c04b9f56ca352.webp 600w, https://assets.fabulous.ch/public/variant_asset/1856/file/medium-c29c14238c662598a6b9307ceb9056d5.webp 900w, https://assets.fabulous.ch/public/variant_asset/1856/file/large-0a5db7027f8e45ee497dcc1203997d6a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1856/file/medium-c29c14238c662598a6b9307ceb9056d5.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">Swissveg</p>
          <a href="/de/products/magnet-swissveg-1-stuck-2550">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Magnet: Swissveg, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GUSEWgxR2VW5CnUjg8kS8ztM_GSPmm2JS4Z4z9-1wKtCk7pvYudeTX3cQ_-QmYTDWUnrZV15ykquY7Qi1si2DQ" />
    <input value="2550" 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/lanyard-schlusselanhanger-swissveg-1-stuck-2553">
          <img alt="Lanyard / Schlüsselanhänger Swissveg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1857/file/small-3e0086693f220d65d633d81dac05bf70.webp 600w, https://assets.fabulous.ch/public/variant_asset/1857/file/medium-dc1c7049043942c1aecc807cc6da3055.webp 900w, https://assets.fabulous.ch/public/variant_asset/1857/file/large-a0562054d0e4f46491999efc07744231.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1857/file/medium-dc1c7049043942c1aecc807cc6da3055.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">Swissveg</p>
          <a href="/de/products/lanyard-schlusselanhanger-swissveg-1-stuck-2553">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lanyard / Schlüsselanhänger Swissveg, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_cFwQ3VwT-OLRRDDuhEQT0KmRHEDVu27T8yCIyWBy4imFk52G8bI-0-TJh-pQYZ_IKNTcNG1SniqKU7OLPy9Lg" />
    <input value="2553" 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/mehl-mandelmehl-natur-nicht-entolt-bio-250-g-2568">
          <img alt="Mehl Mandelmehl natur Nicht entölt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1863/file/small-ac376f425291341047f3bc867750b35f.webp 600w, https://assets.fabulous.ch/public/variant_asset/1863/file/medium-3c5b344302f008c205a8fa56c7e997f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1863/file/large-2508a68c549a36dc738b8e36b2516278.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1863/file/medium-3c5b344302f008c205a8fa56c7e997f7.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">Erdschwalbe</p>
          <a href="/de/products/mehl-mandelmehl-natur-nicht-entolt-bio-250-g-2568">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Mandelmehl natur Nicht entölt Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CiuIHYpOo_bv4ffl7tKBif31fkoOefTF2tXqaW5VRplR_LYo5Pgk7is3wTn9ghe5n_BpS9yaUwY_MCaEZygwPw" />
    <input value="2568" 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/kokosflakes-premium-rohkostqualitat-bio-300-g-2570">
          <img alt="Kokosflakes Premium Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1865/file/small-2b0f9e56d62f8bc65af00617b557918b.webp 600w, https://assets.fabulous.ch/public/variant_asset/1865/file/medium-883bb3c01eace31e55949ddb6baa4084.webp 900w, https://assets.fabulous.ch/public/variant_asset/1865/file/large-4aaec18fa54c000792647a51aabfe860.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1865/file/medium-883bb3c01eace31e55949ddb6baa4084.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">Dr. Goerg</p>
          <a href="/de/products/kokosflakes-premium-rohkostqualitat-bio-300-g-2570">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosflakes Premium Rohkostqualität Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sa1ibfbuI1uybbpF0cNiJAanRc5QVGWw0YTnEUqEbGTqelxYmFikQ3a7jJnCk_QUZKJSz4K3wnM0YSv8Q_kawg" />
    <input value="2570" 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/bonbons-salbei-glutenfrei-bio-100-g-2575">
          <img alt="Bonbons Salbei Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1867/file/small-e8e9d6327cf8e1d0ec117ef3e2ac1538.webp 600w, https://assets.fabulous.ch/public/variant_asset/1867/file/medium-62453a0b2f1148f3271dd6582ceec852.webp 900w, https://assets.fabulous.ch/public/variant_asset/1867/file/large-56e6a9c57dc3f45952661eedc45c8470.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1867/file/medium-62453a0b2f1148f3271dd6582ceec852.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">Liebhart&#39;s</p>
          <a href="/de/products/bonbons-salbei-glutenfrei-bio-100-g-2575">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bonbons Salbei Glutenfrei Bio, 100 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 2.95 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l81zzqm9bXU-elAJxpipr0t5cS_N_y0gG9oaWBn7ORPMGk37xwvqbfqsZtXVyD-fKXxmLh8ciuP-P9a1EIZPtQ" />
    <input value="2575" 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">
      480 von 3&#39;173 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/eos-bio?format=turbo_stream&amp;page=25">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>