<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/mini-brezel-hafer-glutenfrei-bio-80-g-11911">
          <img alt="Mini-Brezel Hafer Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6070/file/small-db79c0b0b3c460e17b2e5280f6631c2e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6070/file/medium-8510d16fe316d174fdd8cbd40113ee8a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6070/file/large-5d02d349d855c1e5c05542384a916326.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6070/file/medium-8510d16fe316d174fdd8cbd40113ee8a.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">Hammermühle Organic</p>
          <a href="/de/products/mini-brezel-hafer-glutenfrei-bio-80-g-11911">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini-Brezel Hafer Glutenfrei Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mehl-mandelmehl-natur-nicht-entolt-bio-250-g-2568">
          <img alt="Mehl Mandelmehl natur Nicht entölt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1863/file/small-ac376f425291341047f3bc867750b35f.webp 600w, https://assets.fabulous.ch/public/variant_asset/1863/file/medium-3c5b344302f008c205a8fa56c7e997f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1863/file/large-2508a68c549a36dc738b8e36b2516278.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1863/file/medium-3c5b344302f008c205a8fa56c7e997f7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erdschwalbe</p>
          <a href="/de/products/mehl-mandelmehl-natur-nicht-entolt-bio-250-g-2568">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Mandelmehl natur Nicht entölt Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s3hWnNnP4-Co_PMN5prSKWmNYVEjiJz-R_6LyBrin82kQuVFRQ2aYk5JdoAke-Snl0_z0wSq45rkI5RbteqbBw" />
    <input value="2568" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/reis-rundkorn-naturreis-vollkorn-bio-1-kg-4318">
          <img alt="Reis Rundkorn Naturreis Vollkorn Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2698/file/small-8cadf2505b01d89cce842a726542df27.webp 600w, https://assets.fabulous.ch/public/variant_asset/2698/file/medium-8c7aa0eef43d3d5e4e00c0477dcf8496.webp 900w, https://assets.fabulous.ch/public/variant_asset/2698/file/large-ee5059aacbc2dcb8f9fc2d4da76c2423.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2698/file/medium-8c7aa0eef43d3d5e4e00c0477dcf8496.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">Davert</p>
          <a href="/de/products/reis-rundkorn-naturreis-vollkorn-bio-1-kg-4318">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reis Rundkorn Naturreis Vollkorn Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QIwwOlrRHOwtDEA1AbBlET3b2c0bnhve7xl_D_fHHb1XtoPjxhNlbsu5xbjDUVOfwxlLTzy8ZLpMxGCcWM8Zdw" />
    <input value="4318" 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-bio-220-ml-427">
          <img alt="Barbecue Sauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/382/file/small-1122efbc29aea4cd575ab88cd68d157a.webp 600w, https://assets.fabulous.ch/public/variant_asset/382/file/medium-2d501925f2aa91d80adfc3ed76c715b1.webp 900w, https://assets.fabulous.ch/public/variant_asset/382/file/large-e479b9943ff7f0ebb4624b7e61a83374.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/382/file/medium-2d501925f2aa91d80adfc3ed76c715b1.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">Sanchon</p>
          <a href="/de/products/barbecue-sauce-bio-220-ml-427">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barbecue Sauce Bio, 220 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0TWbPyNezcqyqc0Llfcthkd0oRumzxv8ostbHZPKjI3GDyjmv5y0SFQcSIZXFhsIubYzmYHtZJgBFkSOPMKIRw" />
    <input value="427" 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/kaffee-instant-getreidekaffee-koffeinfrei-nachfullbeutel-demeter-200-g-14927">
          <img alt="Getreidekaffee Instant Koffeinfrei Nachfüllbeutel Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8851/file/small-39426c04f2e868b92ead862a8b8900c0.webp 600w, https://assets.fabulous.ch/public/variant_asset/8851/file/medium-5d8f58264db5884b48317d94e1a4bba9.webp 900w, https://assets.fabulous.ch/public/variant_asset/8851/file/large-ddbe249e359c40b805c3aa7708d93345.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8851/file/medium-5d8f58264db5884b48317d94e1a4bba9.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-getreidekaffee-koffeinfrei-nachfullbeutel-demeter-200-g-14927">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Getreidekaffee Instant Koffeinfrei Nachfüllbeutel Demeter, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9jnqez68qVlw7bmLF7OJbxLiGgCRXPz-o7jQCH13BkjhA1mion7Q25ZYPAbVUr_h7CCIgrZ-g5oAZc-b0n8Cgg" />
    <input value="14927" 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/zichorienkaffee-chicoree-instant-bio-220-g-16627">
          <img alt="Zichorienkaffee Chicorée Instant Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8855/file/small-dcc839487c72dcac6eb5221367d8798c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8855/file/medium-5d5c340312c2c226c136555ed7d10197.webp 900w, https://assets.fabulous.ch/public/variant_asset/8855/file/large-92c06665a300e1072375152a5219af00.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8855/file/medium-5d5c340312c2c226c136555ed7d10197.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/zichorienkaffee-chicoree-instant-bio-220-g-16627">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zichorienkaffee Chicorée Instant Bio, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DjqUlIAjmWqtzwfjKZe7VJdQm0NPV6vUrTFPF1COGQ8ZACdNHOHg6Et6gm7rdo3aaZIJwWh11LAO7FCE_4YdxQ" />
    <input value="16627" 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/bouillon-gemusebruhe-mit-bio-hefe-glas-bio-200-g-14920">
          <img alt="Bouillon Gemüsebrühe mit Bio-Hefe Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6840/file/small-3f99b186a4420e371c9c80ce7de76555.webp 600w, https://assets.fabulous.ch/public/variant_asset/6840/file/medium-5c99fb350c30aa2a42e9ca0d0f52eb20.webp 900w, https://assets.fabulous.ch/public/variant_asset/6840/file/large-aab54e5f98bf008ddfc50e4d9d46c64a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6840/file/medium-5c99fb350c30aa2a42e9ca0d0f52eb20.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/bouillon-gemusebruhe-mit-bio-hefe-glas-bio-200-g-14920">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bouillon Gemüsebrühe mit Bio-Hefe Glas Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GS_H7sJChVmWtHGsNe2OctyipYrnDiDi_VvXW7iFX4UOFXQ3XoD823AB9CH3DLj8ImA3CMAsX4ZehsjIF41bTw" />
    <input value="14920" 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/vegane-alternative-zu-thun-visch-in-tomatensauce-bio-180-g-16175">
          <img alt="Vegane Alternative zu Thun-Visch in Tomatensauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7448/file/small-c12bf2b3063ac568c7a9d494191a6938.webp 600w, https://assets.fabulous.ch/public/variant_asset/7448/file/medium-35b7c628165e5914c5dcaa73d2c858a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7448/file/large-931e41623e48202ba9f827de1a17f55b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7448/file/medium-35b7c628165e5914c5dcaa73d2c858a8.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">followfood</p>
          <a href="/de/products/vegane-alternative-zu-thun-visch-in-tomatensauce-bio-180-g-16175">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Alternative zu Thun-Visch in Tomatensauce Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hlx8jACRRHNSEhjwwJ7hFbOFIiKFpZP1XDGuRebZ9RKRZs9VnFM98bSnnX0Cf9ebTUewoKKH7JH_7LHWSdHx2A" />
    <input value="16175" 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/haferkleie-glutenfrei-demeter-300-g-6193">
          <img alt="Haferkleie Glutenfrei Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3558/file/small-6acd7ac6b003389e3036a24763629602.webp 600w, https://assets.fabulous.ch/public/variant_asset/3558/file/medium-db96ade2337c46235169f89933d9d8c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3558/file/large-114e9c4fc51e2ee0d2d1664720151490.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3558/file/medium-db96ade2337c46235169f89933d9d8c8.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">Bauckhof</p>
          <a href="/de/products/haferkleie-glutenfrei-demeter-300-g-6193">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haferkleie Glutenfrei Demeter, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Fbt2mP7pUmJJQD57A1TR_iqI7XlhvEFvwR3txRBGdvUCgcVBYisr4K_1u_bBtedw1Ep_-0aePgtiwPJWv05yPw" />
    <input value="6193" 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/kurkuma-gemahlen-bio-50-g-465">
          <img alt="Kurkuma gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/419/file/small-862f288775aa9626414cb554e18ea50b.webp 600w, https://assets.fabulous.ch/public/variant_asset/419/file/medium-cc496783551eed34a8baeb7334395462.webp 900w, https://assets.fabulous.ch/public/variant_asset/419/file/large-c07d834e9eebb7d9583ddd633ee891ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/419/file/medium-cc496783551eed34a8baeb7334395462.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">Lebensbaum</p>
          <a href="/de/products/kurkuma-gemahlen-bio-50-g-465">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kurkuma gemahlen Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/fupi-tofu-chips-sichuan-mala-flavour-75-g-17753">
          <img alt="Fupi Tofu-Chips Sichuan Mala Flavour" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8704/file/small-0718afebcfe0f53de16ad1f6b899ca3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8704/file/medium-3cefa384b90e77574d62e6ebb08a044a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8704/file/large-aa296ad4d468976fff3461221f57bfd6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8704/file/medium-3cefa384b90e77574d62e6ebb08a044a.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">Fupi</p>
          <a href="/de/products/fupi-tofu-chips-sichuan-mala-flavour-75-g-17753">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fupi Tofu-Chips Sichuan Mala Flavour, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qPq_u2BTsiE_t62FYJl_zs2ws8LkikuIIjE10laROG6_wAxi_JHLo9kCKAiieElAM3IhQMOoNOyB7CpB-Zk8pA" />
    <input value="17753" 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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/fupi-tofu-chips-seetang-wasabi-flavour-75-g-17754">
          <img alt="Fupi Tofu-Chips Seetang-Wasabi Flavour" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8706/file/small-d9eda4f4e1669a71f14c58aad2914532.webp 600w, https://assets.fabulous.ch/public/variant_asset/8706/file/medium-411d501dde79c251aa10afe88dd2a4a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/8706/file/large-1842948a374f3e7a8c4bdf17c8c983b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8706/file/medium-411d501dde79c251aa10afe88dd2a4a7.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">Fupi</p>
          <a href="/de/products/fupi-tofu-chips-seetang-wasabi-flavour-75-g-17754">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fupi Tofu-Chips Seetang-Wasabi Flavour, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/fupi-tofu-chips-hot-pot-tomato-75-g-17752">
          <img alt="Fupi Tofu-Chips Hot Pot Tomato" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8713/file/small-b564245d241bac07115891d90de5fea2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8713/file/medium-7218fd4d9729dcf355cec8e5d0445216.webp 900w, https://assets.fabulous.ch/public/variant_asset/8713/file/large-16c680b7124df7b5ad8404a8354ad66f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8713/file/medium-7218fd4d9729dcf355cec8e5d0445216.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">Fupi</p>
          <a href="/de/products/fupi-tofu-chips-hot-pot-tomato-75-g-17752">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fupi Tofu-Chips Hot Pot Tomato, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L4M3H_X-MoxIMGNwk8nBRDea5evaTkxIwqdPK7hWjlA4uYTGaTxLDq6F5v1RKPfKyVh3af1sMyxhelC4F16Kmg" />
    <input value="17752" 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/kokosnussmus-rohkost-bio-200-g-6687">
          <img alt="Kokosnussmus Rohkost Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3862/file/small-5f5d35667e1a72a1ca1cbea6d2d6278e.webp 600w, https://assets.fabulous.ch/public/variant_asset/3862/file/medium-2f5690c49ef95f8895c42e15b1eb7c4f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3862/file/large-54a8692a65b7f6e75ee4502411292c7b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3862/file/medium-2f5690c49ef95f8895c42e15b1eb7c4f.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">Naturkostbar</p>
          <a href="/de/products/kokosnussmus-rohkost-bio-200-g-6687">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosnussmus Rohkost Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y495fcvJvEapvPndPH17YltXUigjWhLao3RjwDifVXvctcqkVwvFxE8JfFD-nE3spZXAqgR4bb4AqXxTl5dRsQ" />
    <input value="6687" 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/baumnussmus-rohkost-bio-180-g-6685">
          <img alt="Baumnussmus Rohkost Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3861/file/small-6eb2934b3f30dcef5d20df0a2c936b53.webp 600w, https://assets.fabulous.ch/public/variant_asset/3861/file/medium-9feefcd8c477e450f5e1fad04ff8abe1.webp 900w, https://assets.fabulous.ch/public/variant_asset/3861/file/large-6677c29096dcc0350d42d8c177360062.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3861/file/medium-9feefcd8c477e450f5e1fad04ff8abe1.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">Naturkostbar</p>
          <a href="/de/products/baumnussmus-rohkost-bio-180-g-6685">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baumnussmus Rohkost Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZnXGnX5CA1tfnmTwWoLfOl4fH6HVSwsWcrqtjkr-BHRxT3VE4oB62bkr4X2YY-m0oN2NI_JpdHLRZ7Id5fYAvg" />
    <input value="6685" 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/schoko-drops-bolivia-wild-85-datteln-bio-150-g-17241">
          <img alt="Schoko-Drops Bolivia Wild 85% Datteln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8054/file/small-1a4e51cce8d121ff152785f6e5aff35e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8054/file/medium-b7dec6a61c6ed15eadb5de4a996b2205.webp 900w, https://assets.fabulous.ch/public/variant_asset/8054/file/large-aa85dd1f84af4ffc7dbf14bb1081d80f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8054/file/medium-b7dec6a61c6ed15eadb5de4a996b2205.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">Naturkostbar</p>
          <a href="/de/products/schoko-drops-bolivia-wild-85-datteln-bio-150-g-17241">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schoko-Drops Bolivia Wild 85% Datteln Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/baumnusse-schweiz-wild-angekeimt-rohkostqualitat-250-g-4428">
          <img alt="Baumnüsse Schweiz Wild angekeimt Rohkostqualität" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2755/file/small-541b0c924f67bc8e5bde5b02c0f7fef9.webp 600w, https://assets.fabulous.ch/public/variant_asset/2755/file/medium-3405e8c1d6b2b11c7004696e78052f33.webp 900w, https://assets.fabulous.ch/public/variant_asset/2755/file/large-bc695dcb10396501174762ee7760e13c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2755/file/medium-3405e8c1d6b2b11c7004696e78052f33.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">Naturkostbar</p>
          <a href="/de/products/baumnusse-schweiz-wild-angekeimt-rohkostqualitat-250-g-4428">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baumnüsse Schweiz Wild angekeimt Rohkostqualität, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-4428-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/haselnusse-piemont-angekeimt-rohkostqualitat-bio-250-g-7488">
          <img alt="Haselnüsse Piemont angekeimt Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4304/file/small-d114bba29794b5d5808277d53db1d14b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4304/file/medium-1f26396d6e10572be8026d529176b198.webp 900w, https://assets.fabulous.ch/public/variant_asset/4304/file/large-689bd4b80c5accf3cb41afafbc36dbf8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4304/file/medium-1f26396d6e10572be8026d529176b198.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">Naturkostbar</p>
          <a href="/de/products/haselnusse-piemont-angekeimt-rohkostqualitat-bio-250-g-7488">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haselnüsse Piemont angekeimt Rohkostqualität Bio, 250 g</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 7.96 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9tzao2BzTDgxRedivJvei8Gt6U0dBhIc_0w5s1QFebzh5ml6_LE1utfwYu9-eugFP297zzokbXhckSYg-w19dg" />
    <input value="7488" 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/pasta-buchweizen-goldleinsamen-angekeimt-bio-250-g-15685">
          <img alt="Pasta Buchweizen Goldleinsamen angekeimt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7146/file/small-b3484ad4f529ce652bfc9186c223229b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7146/file/medium-8136be3975dcd4ac34f0446f5a7880ba.webp 900w, https://assets.fabulous.ch/public/variant_asset/7146/file/large-4937a54b42f9f970207a2e9072d1e171.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7146/file/medium-8136be3975dcd4ac34f0446f5a7880ba.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">Naturkostbar</p>
          <a href="/de/products/pasta-buchweizen-goldleinsamen-angekeimt-bio-250-g-15685">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Buchweizen Goldleinsamen angekeimt Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z59RVHfeic58DMckZGTspFj8seBBk3K1rcusORSFnt5wpeKN6xzwTJq5Qqmmhdoqpj4jYmaxDdEOFrOqu42aFA" />
    <input value="15685" 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/paranusse-gf-rohkostqualitat-bio-250-g-4390">
          <img alt="Paranüsse GF Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2740/file/small-daa96dad6223be56b1dc838a60f653ae.webp 600w, https://assets.fabulous.ch/public/variant_asset/2740/file/medium-f9464a4b425d416ff32d41472f6c48b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2740/file/large-2fecb7051c147703f12d4f03852482ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2740/file/medium-f9464a4b425d416ff32d41472f6c48b6.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">Naturkostbar</p>
          <a href="/de/products/paranusse-gf-rohkostqualitat-bio-250-g-4390">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Paranüsse GF Rohkostqualität Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-4390-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>



</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">
      960 von 2&#39;285 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/lebensmittel?format=turbo_stream&amp;page=49">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>