<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/kochbuch-veganer-kase-miyoko-schinner-1-stuck-1220">
          <img alt="Kochbuch Veganer Käse Miyoko Schinner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1069/file/small-a1c0b3bc68bd99cef2f994baa8f400c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/1069/file/medium-711bfd0b12b5fb96dcee202a779d2f9a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1069/file/large-e9ae24ab60f45daf640ee8d572e401ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1069/file/medium-711bfd0b12b5fb96dcee202a779d2f9a.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">Buchverlag</p>
          <a href="/de/products/kochbuch-veganer-kase-miyoko-schinner-1-stuck-1220">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch Veganer Käse Miyoko Schinner, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_qlunHXLFCVC_DW1kTpJwMk27iVVo8ZB69U_LYY3lIq-jhwBQB2ofEBg1QwL9HfbrIzosaz2UhIY0F8643k5SA" />
    <input value="1220" 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/kochbuch-veganista-die-neue-eiszeit-1-stuck-1552">
          <img alt="Kochbuch Veganista - Die neue Eiszeit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1256/file/small-d0bec0411a2c15856de3b1a7b71abcf6.webp 600w, https://assets.fabulous.ch/public/variant_asset/1256/file/medium-971227da97e91811961a037ed14de98d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1256/file/large-ad8337f701549286163989c69cc5c1ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1256/file/medium-971227da97e91811961a037ed14de98d.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">Buchverlag</p>
          <a href="/de/products/kochbuch-veganista-die-neue-eiszeit-1-stuck-1552">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch Veganista - Die neue Eiszeit, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.05
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-1552-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/wasche-waschmittel-fur-dunkles-und-schwarzes-750-ml-1614">
          <img alt="Wäsche Waschmittel für Dunkles und Schwarzes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1278/file/small-62ad596917bd82b2422d72d5af0d0910.webp 600w, https://assets.fabulous.ch/public/variant_asset/1278/file/medium-ec6e67d8d1e1074fc3cafeebaf26f38d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1278/file/large-5b52c3101363cac64ef142e657317e29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1278/file/medium-ec6e67d8d1e1074fc3cafeebaf26f38d.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">Almawin</p>
          <a href="/de/products/wasche-waschmittel-fur-dunkles-und-schwarzes-750-ml-1614">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wäsche Waschmittel für Dunkles und Schwarzes, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LlcbctGq2qTekUvlqXGqHTo-rfD3oql2EcXOeDW1eJ5ucGnv5Hxm_dwNq1wzv5QGX4SrZA73PSXiwK5vUPvVXA" />
    <input value="1614" 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/sedona-dorrgerat-combo-mit-9-schubladen-1-stuck-1904">
          <img alt="Sedona Dörrgerät Combo mit 9 Schubladen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1525/file/small-161461901b358216a0bcec1f4b6f3925.webp 600w, https://assets.fabulous.ch/public/variant_asset/1525/file/medium-743c1cba4c7154645e43d4bcc40bd62d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1525/file/large-dc2876d127688ead049b64e9e390ed1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1525/file/medium-743c1cba4c7154645e43d4bcc40bd62d.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">Sedona</p>
          <a href="/de/products/sedona-dorrgerat-combo-mit-9-schubladen-1-stuck-1904">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sedona Dörrgerät Combo mit 9 Schubladen, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 621.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s_X5JcjEiQEPuOwf2WSsz01Atj8_sKN6KZZaZdznTNzz0ou4_RI1WA0kDKZDqpLUKPqwq8blNynakzpyuanhHg" />
    <input value="1904" 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/chufamix-vegan-milker-premium-fur-die-herstellung-von-pflanzenmilch-1-stuck-1908">
          <img alt="ChufaMix Vegan Milker PREMIUM - für die Herstellung von Pflanzenmilch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1536/file/small-184acded7cfd7b5483326642882aa059.webp 600w, https://assets.fabulous.ch/public/variant_asset/1536/file/medium-bf77b6fb81c5fb4b744c33505211d857.webp 900w, https://assets.fabulous.ch/public/variant_asset/1536/file/large-56ac6ad6033a382cc35c5fa8403b66a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1536/file/medium-bf77b6fb81c5fb4b744c33505211d857.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">Vegan Milker | ChufaMix</p>
          <a href="/de/products/chufamix-vegan-milker-premium-fur-die-herstellung-von-pflanzenmilch-1-stuck-1908">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">ChufaMix Vegan Milker PREMIUM - für die Herstellung von Pflanzenmilch, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 60.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dN0vgyGWlbtmkM5ZT0M8bwf9Z4Ccmn47ji4pHP8KSE80-l0eFEAp4mQMLuDVjQJ0YkdhFGXP6mh9K0kLmkTljQ" />
    <input value="1908" 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/haushalts-handschuhe-grosse-medium-1-stuck-1976">
          <img alt="Haushalts - Handschuhe, Grösse Medium" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1561/file/small-8fcdc81e0df67bd5707f7254c6555018.webp 600w, https://assets.fabulous.ch/public/variant_asset/1561/file/medium-8a1b50c322066fd784fb17c8c454cc99.webp 900w, https://assets.fabulous.ch/public/variant_asset/1561/file/large-c857f5f09f7dba7cf5e0b8ba424cb458.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1561/file/medium-8a1b50c322066fd784fb17c8c454cc99.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">If you care</p>
          <a href="/de/products/haushalts-handschuhe-grosse-medium-1-stuck-1976">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haushalts - Handschuhe, Grösse Medium, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eq5xl72E8VftR_t5EhWNeCpBH0vqM4LlOwbvMfq3Tzo6iQMKiFJNDu_bG8CI27NjT_sZ3xNmFrbIA48mn_ni-A" />
    <input value="1976" 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/backformchen-gross-o-6-3-cm-60-stuck-1985">
          <img alt="Backförmchen GROSS Ø 6.3 cm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1570/file/small-d3d687f0755fd04245841b9add577978.webp 600w, https://assets.fabulous.ch/public/variant_asset/1570/file/medium-a37ed5a24d9295463298ece9fa15f759.webp 900w, https://assets.fabulous.ch/public/variant_asset/1570/file/large-b2d106f3a5a604bed36928060c30aa81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1570/file/medium-a37ed5a24d9295463298ece9fa15f759.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">If you care</p>
          <a href="/de/products/backformchen-gross-o-6-3-cm-60-stuck-1985">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Backförmchen GROSS Ø 6.3 cm, 60 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="96IUwubq9x8gKn_-adUWHEBUkMFztIu-qGqUU6BRkLm3hWZf0zxLRiK2n0fzGygHJe6WVYrhH-1bb_RExR89ew" />
    <input value="1985" 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/aluminiumfolie-recycelt-10mx29cm-1-stuck-1988">
          <img alt="Aluminiumfolie Recycelt, 10mx29cm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1575/file/small-1181a9a4884af9548bd184c5238804f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/1575/file/medium-2445692a96763da3503ff13731dc75c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1575/file/large-8c3a054d8ba35de09241413ba9a5d470.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1575/file/medium-2445692a96763da3503ff13731dc75c7.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">If you care</p>
          <a href="/de/products/aluminiumfolie-recycelt-10mx29cm-1-stuck-1988">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Aluminiumfolie Recycelt, 10mx29cm, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XjJqoTL6bZ2H5gM22Ln0fZiglmeuop5gu5tWWZafOnMeFRg8ByzRxIV6449Cd8pm_RqQ81f3CjNInjZO89GXsQ" />
    <input value="1988" 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/schwammtucher-kompostierbar-5-stuck-1989">
          <img alt="Schwammtücher Kompostierbar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1576/file/small-ae798dfd2ae1f7b3601ba8af83edce1b.webp 600w, https://assets.fabulous.ch/public/variant_asset/1576/file/medium-a850c6d494e8f6f55ec0db30525359b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/1576/file/large-0ad76b87a6b0f843d93ff6cca6b77697.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1576/file/medium-a850c6d494e8f6f55ec0db30525359b2.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">If you care</p>
          <a href="/de/products/schwammtucher-kompostierbar-5-stuck-1989">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schwammtücher Kompostierbar, 5 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MgWkMIxv6jutZjOrMS-xofL7yR9A8ICllH3ScaOBlNRyItatublWYq_60xKr4Y-6l0HPi7mlFPZneLJmxs85Fg" />
    <input value="1989" 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/feueranzunder-grillanzunder-fsc-pack-28-stuck-1991">
          <img alt="Feueranzünder Grillanzünder FSC Pack" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1579/file/small-cf8e7b73bf349eca4a3e892375cd30e7.webp 600w, https://assets.fabulous.ch/public/variant_asset/1579/file/medium-5fddecc1a394f147becb9225b341f328.webp 900w, https://assets.fabulous.ch/public/variant_asset/1579/file/large-014bd6c9666062735ded9b634b4aa1e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1579/file/medium-5fddecc1a394f147becb9225b341f328.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">If you care</p>
          <a href="/de/products/feueranzunder-grillanzunder-fsc-pack-28-stuck-1991">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Feueranzünder Grillanzünder FSC Pack, 28 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lzwzl0dZaRE6KY29-iWmsL26tTK5XVrmRq1SLpiZuavXG0EKco_VSDi1bQRg65ir2ACzpkAIzrW1qDI5_dcUaQ" />
    <input value="1991" 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/kochbuch-vegane-lunchbox-einfach-schnell-vegan-1-stuck-2134">
          <img alt="Kochbuch Vegane Lunchbox - Einfach, schnell, vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1643/file/small-583fe0871a137a2660e648a3217485da.webp 600w, https://assets.fabulous.ch/public/variant_asset/1643/file/medium-f804ef2883e2020a57bf3f3df9873f85.webp 900w, https://assets.fabulous.ch/public/variant_asset/1643/file/large-a2056323812adee67f39efcd7255ae98.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1643/file/medium-f804ef2883e2020a57bf3f3df9873f85.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">Buchverlag</p>
          <a href="/de/products/kochbuch-vegane-lunchbox-einfach-schnell-vegan-1-stuck-2134">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch Vegane Lunchbox - Einfach, schnell, vegan, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PxvwtvaArY6dndON1DHxV84j_7L0Cd81Buo0hkLyARt_PIIrw1YR158BMzRO_89Mq5n5Jg1cS2b171SRJ7ys2Q" />
    <input value="2134" 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/kochbuch-vegan-oriental-1-stuck-2136">
          <img alt="Kochbuch Vegan Oriental" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1644/file/small-78c18ae39c5c7d270997c73564a5b959.webp 600w, https://assets.fabulous.ch/public/variant_asset/1644/file/medium-a6b868d07735ddf5ed75b19031da6a1e.webp 900w, https://assets.fabulous.ch/public/variant_asset/1644/file/large-5a2abe45f3c962ca18575f70870bbfcd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1644/file/medium-a6b868d07735ddf5ed75b19031da6a1e.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">Buchverlag</p>
          <a href="/de/products/kochbuch-vegan-oriental-1-stuck-2136">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch Vegan Oriental, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.45
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-2136-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/kochbuch-vegan-fruhstucken-kann-jeder-1-stuck-2137">
          <img alt="Kochbuch Vegan frühstücken kann jeder" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1646/file/small-b2455b865eeeac26fbb409c7aed568fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/1646/file/medium-41a1a0a7a2873ce21108cd7070376038.webp 900w, https://assets.fabulous.ch/public/variant_asset/1646/file/large-20ffdddc97b76244970390b420499d0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1646/file/medium-41a1a0a7a2873ce21108cd7070376038.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">Buchverlag</p>
          <a href="/de/products/kochbuch-vegan-fruhstucken-kann-jeder-1-stuck-2137">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch Vegan frühstücken kann jeder, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4HRlieUxGnci8mF1zp9bYrAFAkOYPizKgkUNJwJfYuOgUxcU0OemLiBugcxUUWV51b8E12FruJlxQG0wZxHPIQ" />
    <input value="2137" 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/kochbuch-superfood-eis-1-stuck-2138">
          <img alt="Kochbuch Superfood-Eis" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1647/file/small-13d8a378c24427f0317b28a31df24766.webp 600w, https://assets.fabulous.ch/public/variant_asset/1647/file/medium-77d4a9ed2a70bf564213008edfcc428d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1647/file/large-a524b1859e497b8c642748bd457afdb5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1647/file/medium-77d4a9ed2a70bf564213008edfcc428d.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">Buchverlag</p>
          <a href="/de/products/kochbuch-superfood-eis-1-stuck-2138">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch Superfood-Eis, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-2138-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">
    <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/kochbuch-gelateria-vegana-1-stuck-2139">
          <img alt="Kochbuch Gelateria vegana" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1649/file/small-404d5096e941affdb8870b96c136d9ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/1649/file/medium-2395648addcc590e6bba683e67739b66.webp 900w, https://assets.fabulous.ch/public/variant_asset/1649/file/large-b8b7585faab7ff4e62aa686441f6ffb3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1649/file/medium-2395648addcc590e6bba683e67739b66.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">Buchverlag</p>
          <a href="/de/products/kochbuch-gelateria-vegana-1-stuck-2139">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch Gelateria vegana, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-2139-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/roh-und-vegan-wildkrauter-obst-und-gemuse-smoothies-1-stuck-2142">
          <img alt="Roh und vegan - Wildkräuter, Obst und Gemüse Smoothies" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1651/file/small-af9983366b90b3c8e62315245c6899e0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1651/file/medium-b417b55753ad6ddac6bc49b08941015b.webp 900w, https://assets.fabulous.ch/public/variant_asset/1651/file/large-1bfe0ad2a1fa7387a3a2062e375c62dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1651/file/medium-b417b55753ad6ddac6bc49b08941015b.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">Buchverlag</p>
          <a href="/de/products/roh-und-vegan-wildkrauter-obst-und-gemuse-smoothies-1-stuck-2142">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Roh und vegan - Wildkräuter, Obst und Gemüse Smoothies, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jlgrw1G9f8jch3GjV0UIkDy2Z6NSHArCE7Fp7QMxhUzOf1leZGvDkd4bkRrNizaLWQxhN6tJnpHgtAn6Zn8ojg" />
    <input value="2142" 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/green-for-life-grune-smoothies-victoria-boutenko-1-stuck-2143">
          <img alt="Green for Life - Grüne Smoothies Victoria Boutenko" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1652/file/small-1ab78836a4525f28467413bdc88a2cdd.webp 600w, https://assets.fabulous.ch/public/variant_asset/1652/file/medium-9d2f9ae77f41c32ba4a1d54b5bfc33f1.webp 900w, https://assets.fabulous.ch/public/variant_asset/1652/file/large-26713c57040522ecd9a48638923d404c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1652/file/medium-9d2f9ae77f41c32ba4a1d54b5bfc33f1.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">Buchverlag</p>
          <a href="/de/products/green-for-life-grune-smoothies-victoria-boutenko-1-stuck-2143">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Green for Life - Grüne Smoothies Victoria Boutenko, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lIQoFX2YTrxB2anzCTK5IzV90iNbU4myg69HSuUW3xXUo1qISE7y5UNFSUqT_Ic4UMfUt6IGHeFwqiddgFhy1w" />
    <input value="2143" 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/grune-smoothies-die-100-besten-zutaten-fur-gesundheit-wohlbe-1-stuck-2144">
          <img alt="Grüne Smoothies - Die 100 besten Zutaten für Gesundheit &amp; Wohlbe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1653/file/small-1ea3ca756f80b629ba788c990689b3e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/1653/file/medium-04022f952c9fdb8c3b2c02ef7b964b2a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1653/file/large-12903cf25967293729d4da31f69d3da3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1653/file/medium-04022f952c9fdb8c3b2c02ef7b964b2a.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">Buchverlag</p>
          <a href="/de/products/grune-smoothies-die-100-besten-zutaten-fur-gesundheit-wohlbe-1-stuck-2144">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Grüne Smoothies - Die 100 besten Zutaten für Gesundheit &amp; Wohlbe, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-2144-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/vitaleo-entsafter-da-1000-chrom-1-stuck-2379">
          <img alt="Vitaleo Entsafter DA-1000 Chrom" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1716/file/small-b72273ae0664328076e8151508d5e018.webp 600w, https://assets.fabulous.ch/public/variant_asset/1716/file/medium-0fa4452eb487e71e9f645ce8b2e23cb2.webp 900w, https://assets.fabulous.ch/public/variant_asset/1716/file/large-fdb5f6bde8cd7ca046c41d1418ff65b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1716/file/medium-0fa4452eb487e71e9f645ce8b2e23cb2.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-chrom-1-stuck-2379">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitaleo Entsafter DA-1000 Chrom, 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-2379-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K0qA25vXhzImFT94ji0CuVaGqHlHmiHm8tU9LYh9lxhrbfJGrgE7aySJ38EU4zyiMzyu7b7PtbUB0F067TM62g" />
    <input value="2379" 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-weiss-1-stuck-2380">
          <img alt="Vitaleo Entsafter DA-1000 Weiss" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1718/file/small-add8418c231db927508c298099f77842.webp 600w, https://assets.fabulous.ch/public/variant_asset/1718/file/medium-a6d16eef5b45509aa343bc2311d645b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/1718/file/large-6ffa198289428cf8c90de1fe07a6f3fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1718/file/medium-a6d16eef5b45509aa343bc2311d645b6.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-weiss-1-stuck-2380">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitaleo Entsafter DA-1000 Weiss, 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-2380-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l1OkeUGxFeqn-9nFbBvHVdWIXCiQqUqZuYp6894cBuTXdNbkdGeps6VnOXz21flOsDJavGn83spKjxrku1KrJg" />
    <input value="2380" 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">
      40 von 239 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/non-food?format=turbo_stream&amp;page=3">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>