<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/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="g0mUhWL8-SdFiJpbbKo44PFL89DUWMe1xBNxv8xMyKigZkcbH9i16WOfqBtDa0dwhwB4vbDP9hD1ZnrH3JQPyQ" />
    <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  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-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="C6jCjiKXLzmtAzl18UXzt-Z8NrnHcQ8mpAuDElmknSwohxEQX7Nj94sUCzXehIwnkDe91KPmPoOVfohqSXxaTQ" />
    <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 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/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="qsYLy6tepibAnj3fW5tmhr60ENvupFIzqxwxK8TF3SyJ6dhV1nrq6OaJD590WhkWyP-btoozY5aaaTpT1B0aTQ" />
    <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  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/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="7vmuE1duEGoDIyiL-CK8sGt0tIFrv69f-vA5JgqKTWDN1n2NKkpcpCU0GsvX48MgHT8_7A8onvrLhTJeGlKKAQ" />
    <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 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/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  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-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="35oqhSTwS7pS7ras4TQC-zLyfyuZ5VX9eExcULRljrX8tfkbWdQHdHT5hOzO9X1rRLn0Rv1yZFhJOVcopL1J1A" />
    <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 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-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="pAvAP9anPqnNGAKs5s_ZLcnCBOvlLlG8ENb-_DY62keHJBOhq4NyZ-sPMOzJDqa9v4mPhoG5YBkho_WEJuIdJg" />
    <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  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-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="MCEak7HMhSPBsAeK2PE3Y3wAAjdueSR40ilpi4C8rUsTDskNzOjJ7eenNcr3MEjzCkuJWgruFd3jXGLzkGRqKg" />
    <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 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-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="3d8uNyqnbVy4676AL5-MT41uDcEheo4_TS37J1meSk3-8P2pV4Mhkp78jMAAXvPf-yWGrEXtv5p8WPBfSUaNLA" />
    <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  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/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="9hudFnpNLIvRgnFgZSyINENtx-FzwnSSIfARFxvenWnVNE6IB2lgRfeVQyBK7fekNSZMjBdVRTcQhRpvCwZaCA" />
    <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 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/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="FpxYAA06v7wXLxOdqxphiCOvsf696Sryu-BDadjGiio1s4uecB7zcjE4Id2E2x4YVeQ6k9l-G1eKlUgRyB5NSw" />
    <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  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/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="OEUGvS8oeclAZf_Wm4fPGeSeGWTW2G73KFdHTTfnOXEbatUjUgw1B2ZyzZa0RrCJktWSCbJPX1IZIkw1Jz_-EA" />
    <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 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/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="hUxUVPFW_jilmbGhliBx1-kvmrmAVcV6El2TYj6BKSqmY4fKjHKy9oOOg-G54Q5Hn2QR1OTC9N8jKJgaLlnuSw" />
    <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>


  

  <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-ingwer-glutenfrei-bio-100-g-2576">
          <img alt="Bonbons Ingwer Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1871/file/small-ece036dcbded5cea71faae7407652dfc.webp 600w, https://assets.fabulous.ch/public/variant_asset/1871/file/medium-253d3150e743c981c84051d871135e42.webp 900w, https://assets.fabulous.ch/public/variant_asset/1871/file/large-7a93cf66b39e518599bd212dc18264ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1871/file/medium-253d3150e743c981c84051d871135e42.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-ingwer-glutenfrei-bio-100-g-2576">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bonbons Ingwer 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-2576-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d8NyAmjCLxh782cMx4n9kbwPVNX1_hTa0culPewgKL5U7KGcFeZj1l3kVUzoSIIBykTfuJFpJX_gvq5F_Pjv3w" />
    <input value="2576" 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/lovechock-schokolade-93-kakao-raw-bio-70-g-2577">
          <img alt="Lovechock Schokolade 93% Kakao RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1869/file/small-cde52eb58800fccdbb6ecd0a6d7e1508.webp 600w, https://assets.fabulous.ch/public/variant_asset/1869/file/medium-87f907386ea18b3733135e12f4113170.webp 900w, https://assets.fabulous.ch/public/variant_asset/1869/file/large-7adb7d9dc16ace0d279055bae3f19c35.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1869/file/medium-87f907386ea18b3733135e12f4113170.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">Lovechock</p>
          <a href="/de/products/lovechock-schokolade-93-kakao-raw-bio-70-g-2577">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lovechock Schokolade 93% Kakao RAW Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3rFj_frz9_TdwBZI-giVH36E7X7jIpbyAhmFh-2qya79nrBjh9e7OvvXJAjVyeqPCM9mE4e1p1czbI7__XIOzw" />
    <input value="2577" 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/pilze-shiitake-getrocknet-bio-20-g-2579">
          <img alt="Pilze Shiitake getrocknet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1872/file/small-04786c94d550daee67c280f5b9391f6f.webp 600w, https://assets.fabulous.ch/public/variant_asset/1872/file/medium-13857f9e0b77017eaf4aa92fa385000d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1872/file/large-c878f7f751620e1993511170b3e2ae03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1872/file/medium-13857f9e0b77017eaf4aa92fa385000d.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">Pural</p>
          <a href="/de/products/pilze-shiitake-getrocknet-bio-20-g-2579">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pilze Shiitake getrocknet Bio, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YuQyH6trKiKjt-81UMtQkf7CTtRNb_OVS_xG7GyjLNVBy-GB1k9m7IWg3XV_Ci8BiInFuSn4wjB6iU2UfHvrtA" />
    <input value="2579" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pilze-pfifferlinge-getrocknet-bio-20-g-2580">
          <img alt="Pilze Pfifferlinge getrocknet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1873/file/small-2851aafd133ab387569fcbb3a1765442.webp 600w, https://assets.fabulous.ch/public/variant_asset/1873/file/medium-2286f16867d19abb76c77844929d49ea.webp 900w, https://assets.fabulous.ch/public/variant_asset/1873/file/large-56fa5b87a6a171f0f394924f9d41b417.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1873/file/medium-2286f16867d19abb76c77844929d49ea.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">Pural</p>
          <a href="/de/products/pilze-pfifferlinge-getrocknet-bio-20-g-2580">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pilze Pfifferlinge getrocknet Bio, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pilze-steinpilze-getrocknet-bio-20-g-2581">
          <img alt="Pilze Steinpilze getrocknet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1874/file/small-b62664d7ff19d9671ad0e59a1ab47c62.webp 600w, https://assets.fabulous.ch/public/variant_asset/1874/file/medium-c55e560cfb904ad0474062344576b507.webp 900w, https://assets.fabulous.ch/public/variant_asset/1874/file/large-aed429d651b75047aba2e39778dbf2df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1874/file/medium-c55e560cfb904ad0474062344576b507.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">Pural</p>
          <a href="/de/products/pilze-steinpilze-getrocknet-bio-20-g-2581">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pilze Steinpilze getrocknet Bio, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d5_sr6HEfHQ-64DTsXY79sM827oZycis9QqGFvQriZ9UsD8x3OAwuhj8spOet0RmtXdQ131e-QnEf41u5PNO_g" />
    <input value="2581" 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/sportsack-go-vegan-1-stuck-2596">
          <img alt="Sportsack Go Vegan!" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1885/file/small-96524675c101622a523e8eb22c015565.webp 600w, https://assets.fabulous.ch/public/variant_asset/1885/file/medium-90a9345fdd99b77d8ecd706b2ef76eb2.webp 900w, https://assets.fabulous.ch/public/variant_asset/1885/file/large-5371e741797979880e55ef77a59e6fb2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1885/file/medium-90a9345fdd99b77d8ecd706b2ef76eb2.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/sportsack-go-vegan-1-stuck-2596">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sportsack Go Vegan!, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z33Js2kLsnQV_-GT0cGq3acEiyAhpWp4wsXMp6wRL-lEUhotFC_-ujPo09P-ANVN0U8ATUUyW93zsMffvMnoiA" />
    <input value="2596" 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/handcreme-basis-sensitiv-75-ml-2614">
          <img alt="Handcreme basis sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1891/file/small-6477ea12ea66a103519b7427264cc4d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/1891/file/medium-e39d6f02b8b2b7687ba80107d872b256.webp 900w, https://assets.fabulous.ch/public/variant_asset/1891/file/large-37ca3d88e60458ca070473824a4f64b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1891/file/medium-e39d6f02b8b2b7687ba80107d872b256.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/de/products/handcreme-basis-sensitiv-75-ml-2614">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Handcreme basis sensitiv, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3g7IxxD7V9HjBxpEVydmyaiiEagFidnK0POZKK6D2hD9IRtZbd8bH8UQKAR45hlZ3umaxWEe6G_hhpJQvlsdcQ" />
    <input value="2614" 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">
      560 von 3&#39;189 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/eigenbrotler-backwerke-gmbh?format=turbo_stream&amp;page=29">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>