<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/ami-cat-katzentrockennahrung-vegan-7-5-kg-1860">
          <img alt="AMI CAT Katzentrockennahrung Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1449/file/small-bee4c8cb0e330ee43d3e1fba2fec1d56.webp 600w, https://assets.fabulous.ch/public/variant_asset/1449/file/medium-4e80e12d91add25b66fce635d587d4e3.webp 900w, https://assets.fabulous.ch/public/variant_asset/1449/file/large-83e67c119588a3560e2c0be0a2256129.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1449/file/medium-4e80e12d91add25b66fce635d587d4e3.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">AMI</p>
          <a href="/de/products/ami-cat-katzentrockennahrung-vegan-7-5-kg-1860">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">AMI CAT Katzentrockennahrung Vegan, 7.5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 59.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kQkbc7jKfRUTcu5t4ZmEkMDz8_sRT80LVXo5K7jhm8PkdXyUhL_L6EvVbsbnwloyo7vvttKxKOKtGAAnTs2TLA" />
    <input value="1860" 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/soyananda-meerrettich-fermentiert-bio-140-g-1861">
          <img alt="Soyananda Meerrettich fermentiert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1451/file/small-08da98fbafffe5d00b65b6156dc0fc14.webp 600w, https://assets.fabulous.ch/public/variant_asset/1451/file/medium-6386cd22a3e2f9e6f808a1de7cc83dff.webp 900w, https://assets.fabulous.ch/public/variant_asset/1451/file/large-8506c1d92be965a098636bd4160d6742.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1451/file/medium-6386cd22a3e2f9e6f808a1de7cc83dff.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">Soyana</p>
          <a href="/de/products/soyananda-meerrettich-fermentiert-bio-140-g-1861">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soyananda Meerrettich fermentiert Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6px_yESQA58PI2242wbOaqLF_XvfcQOf5g3NmHh4I9mf4BgveOW1YleE7RPdXRDIwY3hNhyP5nYeb_SUjlQrNg" />
    <input value="1861" 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-kastanienmehl-maroni-gf-bio-350-g-1865">
          <img alt="Mehl Kastanienmehl (Maroni) GF Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1454/file/small-c5ecbcc7e136d7012731f70bb9d33751.webp 600w, https://assets.fabulous.ch/public/variant_asset/1454/file/medium-951c384c1df14c3bcd569e6eb04edba0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1454/file/large-9a4f4ceb91545940ed239253f8ba185d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1454/file/medium-951c384c1df14c3bcd569e6eb04edba0.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">Govinda</p>
          <a href="/de/products/mehl-kastanienmehl-maroni-gf-bio-350-g-1865">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Kastanienmehl (Maroni) GF Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rQ4vYa9j4JXjBDUxX9e7FHx2FiUX5ChF_2agiXtBghPYckiGkxZWaLujtZpZjGW2Hz4KaNQazawHBJmFjW2K_A" />
    <input value="1865" 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/barbecue-sauce-glutenfrei-bio-250-ml-1884">
          <img alt="Barbecue Sauce Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1478/file/small-93b91151b50eb9f16646bf633c04ec66.webp 600w, https://assets.fabulous.ch/public/variant_asset/1478/file/medium-88644fd55464ff3f2b57ee308c935f36.webp 900w, https://assets.fabulous.ch/public/variant_asset/1478/file/large-8da976946a806bd46e8486f11bf28d7a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1478/file/medium-88644fd55464ff3f2b57ee308c935f36.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">Byodo</p>
          <a href="/de/products/barbecue-sauce-glutenfrei-bio-250-ml-1884">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barbecue Sauce Glutenfrei Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7g5B3S_yrDYZ9TVvoGxzoQL4NxwP9deucBDyhNBQ0WCbciY6E4cay0FStcSmN60DYbArUcwLMkeIcsuIJnzZjw" />
    <input value="1884" 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/asia-sauce-glutenfrei-bio-250-ml-1885">
          <img alt="Asia Sauce Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1479/file/small-8326c4c8bc28330f5f6d03b5e87743cb.webp 600w, https://assets.fabulous.ch/public/variant_asset/1479/file/medium-09e7d0fadb8eb450e772125e6367d27d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1479/file/large-ffd8d70e059852f1e843949c391709dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1479/file/medium-09e7d0fadb8eb450e772125e6367d27d.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">Byodo</p>
          <a href="/de/products/asia-sauce-glutenfrei-bio-250-ml-1885">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Asia Sauce Glutenfrei Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E2wD4LjsIyW4xd62dvR7qmQrEOKZmq7iS0qTqIkm9_FmEGQHhJmV2OBiXh1wr6UIB2MMr1pkSwuzKKqkfwr_Hg" />
    <input value="1885" 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="G74C-YbxfgxpJLe_q3_62CY8Q2VbmsUjeUF1eleKo-puwmUeuoTI8TGDNxStJCR6RXRfKJhkIMqBI0x2oaarBQ" />
    <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="SlNC3CUcbWzWZu2ZyBqhToODTYisWWCX3NmiYnapAnU_LyU7GWnbkY7BbTLOQX_s4MtRxW-nhX4ku5tugIUKmg" />
    <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/bohnen-schwarz-bio-500-g-1925">
          <img alt="Bohnen Schwarz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1541/file/small-41d21e4f6c8e5b77bc54042f7a684c6e.webp 600w, https://assets.fabulous.ch/public/variant_asset/1541/file/medium-747f4b29adf228323f6691beede1c31a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1541/file/large-1de3d568b1c69c3e252f25b0d076afb0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1541/file/medium-747f4b29adf228323f6691beede1c31a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/bohnen-schwarz-bio-500-g-1925">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bohnen Schwarz Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JJr7Vyx_aJ-X7UGDKkOOLp_eBXtMjDan584kg8_evmZR5pywEAreYs9KwSgsGFCM_JYZNo9y004frB2POfK2iQ" />
    <input value="1925" 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/pralines-vegolino-nougat-glutenfrei-bio-180-g-1944">
          <img alt="Pralinés Vegolino Nougat Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1553/file/small-ee73f273a9a4b0e222fc0a8ccc144b23.webp 600w, https://assets.fabulous.ch/public/variant_asset/1553/file/medium-c3780f1e49743043f761bd41c0cda83d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1553/file/large-b6a340af54505b532b236f7dc4a4327d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1553/file/medium-c3780f1e49743043f761bd41c0cda83d.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">Vego Chocolate</p>
          <a href="/de/products/pralines-vegolino-nougat-glutenfrei-bio-180-g-1944">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinés Vegolino Nougat Glutenfrei Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Oe8mCXCq1984czRhnT5pRT1kvmbeTeLzWpm2MwrLaKZMk0HuTN9hImDUtMqbZbfnXiyiKx2zBxqi-48__OdgSQ" />
    <input value="1944" 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/kaffee-instant-lupinenkaffee-koffeinfrei-bio-100-g-1974">
          <img alt="Kaffee Instant Lupinenkaffee Koffeinfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1558/file/small-324ef7e8044ec2d5f73bea525fb828ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/1558/file/medium-3712bf200c11d1d9314cf22de0cc0f04.webp 900w, https://assets.fabulous.ch/public/variant_asset/1558/file/large-4e67125aba603e0c8b3a97adad494a41.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1558/file/medium-3712bf200c11d1d9314cf22de0cc0f04.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">Naturata</p>
          <a href="/de/products/kaffee-instant-lupinenkaffee-koffeinfrei-bio-100-g-1974">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffee Instant Lupinenkaffee Koffeinfrei Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Du43S-oOOSB0KTLdGW4u8GFTYGzvb8oZ8hBA1JTuNuh7klCs1nuP3SyOsnYfNfBSAht8ISyRL_AKcnnYYsI-Bw" />
    <input value="1974" 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/kurkuma-latte-vanille-bio-60-g-1975">
          <img alt="Kurkuma-Latte Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1563/file/small-5abb695232b94b3a837553386e921a63.webp 600w, https://assets.fabulous.ch/public/variant_asset/1563/file/medium-df6690d67aa4bbbb85f52d1f1acb37fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/1563/file/large-8f81369adfc5277e110999470ca10f0d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1563/file/medium-df6690d67aa4bbbb85f52d1f1acb37fc.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">Sonnentor</p>
          <a href="/de/products/kurkuma-latte-vanille-bio-60-g-1975">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kurkuma-Latte Vanille Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T4KrU-nNDleP3Je5P0xtSfS1M9Yy5rcZrEbV2KvEuEk6_sy01bi4qtd7FxI5F7Prl_0vm_EYUvBUJOzUXeiwpg" />
    <input value="1975" 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="zZK-KRg2-Mm8X8cTbCgQGW4ZtohbVeOZSAw2mjW62T647tnOJENONOT4R7hqc867DVGqxZirBnCwbg-Ww5bR0Q" />
    <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="pHvwWXWEqxi-PPSu5l6cqyZk6NTUclvXUJD8KoG6UYzRB5e-SfEd5eabdAXgBUIJRSz0mReMvj6o8sUmd5ZZYw" />
    <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="hUyGm5acjUi7niZ62og6lE85anxfvDLOdjGKw7BsYa3wMOF8quk7teM5ptHc0-Q2LHF2MZxC1yeOU7PPRkBpQg" />
    <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="P9OBo0JoufEKokDZX2TYARf-ygvyJMAx9De-avTrDKZKr-ZEfh0PDFIFwHJZPwajdLbWRjHaJdgMVYdmAscESQ" />
    <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="C4jDx8TpXnnaPzvs2pBTywms1u6JH_C8LXtHooYXBGt-9KQg-JzohIKYu0fcy41pauTKo0rhFVXVGX6ucDsMhA" />
    <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/peanut-butter-crunchy-mit-steinsalz-erdnussmus-bio-250-g-2015">
          <img alt="Peanut Butter Crunchy mit Steinsalz Erdnussmus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1585/file/small-9d6ff5498cfb7964fb5d8c9651b60d7e.webp 600w, https://assets.fabulous.ch/public/variant_asset/1585/file/medium-8535ee8c9a0ac7ef0876e5f07fcf47c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1585/file/large-4155035fa42a2ce99fcb9a421c74f6c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1585/file/medium-8535ee8c9a0ac7ef0876e5f07fcf47c7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Terrasana</p>
          <a href="/de/products/peanut-butter-crunchy-mit-steinsalz-erdnussmus-bio-250-g-2015">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Butter Crunchy mit Steinsalz Erdnussmus Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qz4tP1qBkN_-PSeyBXBm06PanvGpWcjPuyxt_yx_iOzeQkrYZvQmIqaapxkDK7hxwJKCvGqnLSZDTlTz2lOAAw" />
    <input value="2015" 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/aufstrich-krauter-tartex-tube-bio-200-g-2043">
          <img alt="Aufstrich Kräuter Tartex Tube Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1603/file/small-1ddf0dcdcc788192573b89cb45c79f34.webp 600w, https://assets.fabulous.ch/public/variant_asset/1603/file/medium-d3b11e865d7c1483d7c1fbf3010a040e.webp 900w, https://assets.fabulous.ch/public/variant_asset/1603/file/large-c195bf477cf2e91d7db76a70aa4abfca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1603/file/medium-d3b11e865d7c1483d7c1fbf3010a040e.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">Tartex</p>
          <a href="/de/products/aufstrich-krauter-tartex-tube-bio-200-g-2043">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Aufstrich Kräuter Tartex Tube Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cpPpOCqNN2On887g7BqafY_7Vx-6sDnTrFE5uyiNK-UH747fFviBnv9UTkvqQUTf7LNLUnlO3DpUMwC33qEjCg" />
    <input value="2043" 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/aufstrich-krauter-knoblauch-tartex-tube-bio-200-g-2045">
          <img alt="Aufstrich Kräuter &amp; Knoblauch Tartex Tube Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1605/file/small-08b29d5a900fe5d9a78227d49db7df54.webp 600w, https://assets.fabulous.ch/public/variant_asset/1605/file/medium-39a8cfe9419412437b47cd6c8421b7bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/1605/file/large-d8e2b5ed1de5f5223a5af0f04fab39b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1605/file/medium-39a8cfe9419412437b47cd6c8421b7bc.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">Tartex</p>
          <a href="/de/products/aufstrich-krauter-knoblauch-tartex-tube-bio-200-g-2045">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Aufstrich Kräuter &amp; Knoblauch Tartex Tube Bio, 200 g</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 2.93 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lu2-GS_bxbmRtCy5sp7xc_Otfu-p6BQWspKwFMfD_MXjkdn-E65zRMkTrBK0xS_RkOViomoW8f9K8IkYMe_0Kg" />
    <input value="2045" 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/tortilla-wraps-6-st-aus-weizen-bio-240-g-2052">
          <img alt="Tortilla Wraps (6 St.) aus Weizen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1610/file/small-82351e047c181e7cafa2bb7c7fe68409.webp 600w, https://assets.fabulous.ch/public/variant_asset/1610/file/medium-76351d29a4d305504f7a2632eb73fc90.webp 900w, https://assets.fabulous.ch/public/variant_asset/1610/file/large-a025e69422589577a118c36bdacf2c0e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1610/file/medium-76351d29a4d305504f7a2632eb73fc90.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">Acapulco</p>
          <a href="/de/products/tortilla-wraps-6-st-aus-weizen-bio-240-g-2052">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tortilla Wraps (6 St.) aus Weizen Bio, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

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

</template></turbo-stream>