<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="pmbuwUa9KlwPi_yn5uynCmKthwo17lo8hzyIZwLoVirrTp-CnNnOD3Knhw-kYjExtiMu_WXtA1a2Cp1qi8ecgg" />
    <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="C2y82iUjJMCuHO95xffEXH_Z25WhAQe--jR93lJ3YK9GRM2Z_0fAk9MwlNGHeVJnq1dyYvECXtTLAmjT21iqBw" />
    <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="_yrJw3OHAmvvpJJe19CVv7rz7jNehtbRG7wqrmHeUhayAriAqePmOJKI6faVXgOEbn1HxA6Fj7sqij-j6PGYvg" />
    <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="3slzdML_7GGJa571u-r7rosDWKjM1SeSUnyZUEX7jU-T4QI3GJsIMvRH5V35ZG2VX43xX5zWfvhjSoxdzNRH5w" />
    <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="4CC_GuxxFDDScgV9aPzt-NwG8Z7VBY6AYXvq2y6daB6tCM5ZNhXwY69eftUqcnvDCIhYaYUG1-pQTf_Wp7Kitg" />
    <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="gnlqhggKazluCAQRviYgzNvVi_SjbS5aVI_PaD9-afvPURvF0m6PahMkf7n8qLb3D1siA_NudzBludpltlGjUw" />
    <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="SZRICI3i-S0GKTY3oDKi45lVkusdG1QS0sYvZu74DuMEvDlLV4YdfnsFTZ_ivDTYTds7HE0YDXjj8DprZ9fESw" />
    <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="5fqWRXlJPtuw79L-0uO-DqozaZh0wYlBhFaLeN7WxEuo0ucGoy3aiM3DqVaQbSg1fr3AbyTC0Cu1YJ51V_kO4w" />
    <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="CwZqbjeCx2WHA0QDIzqws1AYH3fCh1uvZuhF1ckSneFGLhst7eYjNvovP6thtCaIhJa2gJKEAsVX3lDYQD1XSQ" />
    <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="eGIMII5m03H7NIttPr9q3Y01BB9RbWEwuCd-0uhnBw81Sn1jVAI3IoYY8MV8MfzmWbut6AFuOFqJEWvfYUjNpw" />
    <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="zwgHatxRC2kQSIUTs5VU65VYi5W6-6k4oX_bCZHAvRGCIHYpBjXvOm1k_rvxG8LQQdYiYur48FKQSc4EGO93uQ" />
    <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="W5eOTGDiScZzNEoOSdvstipwHuD2XeaDlF8MHe4flH4Wv_8PuoatlQ4YMaYLVXqN_v63F6Zev-mlaRkQZzBe1g" />
    <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="9moTA-pX1KtkjFwuShGnlfeqjKly8wF3ychNXJErbs27QmJAMDMw-BmgJ4YInzGuIyQlXiLwWB34_lhRGASkZQ" />
    <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="CHCxSav5fbD7HLSjc0J9R6co3mTdwqExC3NsV1uGLg1FWMAKcZ2Z44YwzwsxzOt8c6Z3k43B-Fs6RXla0qnkpQ" />
    <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="AzW3eOMvWhJITEJxGsNMeAz_dRnFu0wBxD35kGhzZtdOHcY7OUu-QTVgOdlYTdpD2HHc7pW4FWv1C-yd4Vysfw" />
    <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="oKfmQpjO0eYaFVD501bdDFe5wPKV7BGdNeRisS6BiYTtj5cBQqo1tWc5K1GR2Es3gzdpBcXvSPcE0ne8p65DLA" />
    <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="4YuT-UIK5dhA-W-eTJXLMgx-vx928rx5OFnGp7nsUNuso-K6mG4Biz3VFDYOG10J2PAW6Cbx5RMJb9OqMMOacw" />
    <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="0JDGvnPxHU8luVnYrFzBYGmPRoS_-iIqltJgaj26isOduLf9qZX5HFiVInDu0ldbvQHvc-_5e0Cn5HVntJVAaw" />
    <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="MT-bd1JIKPhX-2wnCt8dAQt7KCy5t33Y04tgVrrL1WR8F-o0iCzMqyrXF49IUYs63_WB2-m0JLLivXVbM-QfzA" />
    <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/wilmersburger?format=turbo_stream&amp;page=25">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>