<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/bohnen-baked-beans-weisse-bohnen-tomatensauce-bio-400-g-622">
          <img alt="Bohnen Baked Beans (Weisse Bohnen Tomatensauce) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/567/file/small-958908d3a47216d65b77fb6e6ad204a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/567/file/medium-122425f9fc6fb71dd39bc9ba123cdf7c.webp 900w, https://assets.fabulous.ch/public/variant_asset/567/file/large-73cc6ba754ce8fe889964449c88dcf1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/567/file/medium-122425f9fc6fb71dd39bc9ba123cdf7c.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-baked-beans-weisse-bohnen-tomatensauce-bio-400-g-622">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bohnen Baked Beans (Weisse Bohnen Tomatensauce) Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lwPIUQVmEjGo3IoR9uqqGkTvcEA9EWbMDg3hk30y7_QcV1QkHNTDySAW0DItRyG4ehoX5B5KnrUJcBBIKap2SA" />
    <input value="622" 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/20-gutschein-fur-fabulous-vegan-shop-schweiz-1-stuck-626">
          <img alt="20.- Gutschein für fabulous! Vegan Shop Schweiz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/571/file/small-9ea05b4daa63ea86079997efca14d52c.webp 600w, https://assets.fabulous.ch/public/variant_asset/571/file/medium-9221879b32566b6c0ab9ccdf8409e60d.webp 900w, https://assets.fabulous.ch/public/variant_asset/571/file/large-7e9ca068594987d9f121f67625dcd164.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/571/file/medium-9221879b32566b6c0ab9ccdf8409e60d.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">fabulous! Der Vegan Shop Schweiz</p>
          <a href="/de/products/20-gutschein-fur-fabulous-vegan-shop-schweiz-1-stuck-626">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">20.- Gutschein für fabulous! Vegan Shop Schweiz, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6ET2z0nRtSsW2BZyD30IE3DZBOYxUafykfYNqiqyKodjEGq6UGNk054STFHU0IOxTixjQhIKX4uWi_xxfiqzOw" />
    <input value="626" 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/50-gutschein-fur-fabulous-vegan-shop-schweiz-1-stuck-627">
          <img alt="50.- Gutschein für fabulous! Vegan Shop Schweiz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/572/file/small-1d6af87ad94cea1fa9e13baba5bbe276.webp 600w, https://assets.fabulous.ch/public/variant_asset/572/file/medium-b08b14a7388bda09e8c8c2a6fc4be54e.webp 900w, https://assets.fabulous.ch/public/variant_asset/572/file/large-23d33dcaaeb426062684f5ed12ff0a27.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/572/file/medium-b08b14a7388bda09e8c8c2a6fc4be54e.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">fabulous! Der Vegan Shop Schweiz</p>
          <a href="/de/products/50-gutschein-fur-fabulous-vegan-shop-schweiz-1-stuck-627">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">50.- Gutschein für fabulous! Vegan Shop Schweiz, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 50.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tt9KAjhXixfoCsGiwYkgg3MprpXG79BsIAANWFDrURTFi9Z3IeVa72DAm4EaJKshTdzJMeW0KBUnffyDBHPIqA" />
    <input value="627" 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/100-gutschein-fur-fabulous-vegan-shop-schweiz-1-stuck-628">
          <img alt="100.- Gutschein für fabulous! Vegan Shop Schweiz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/573/file/small-3b7db5ef5ca8e7c1b2f67ceb0acb5b51.webp 600w, https://assets.fabulous.ch/public/variant_asset/573/file/medium-2b69d78dd9d6f50f149f53c73feb2ae6.webp 900w, https://assets.fabulous.ch/public/variant_asset/573/file/large-44a0e2d507c5c8efde183ea7abe4b18d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/573/file/medium-2b69d78dd9d6f50f149f53c73feb2ae6.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">fabulous! Der Vegan Shop Schweiz</p>
          <a href="/de/products/100-gutschein-fur-fabulous-vegan-shop-schweiz-1-stuck-628">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">100.- Gutschein für fabulous! Vegan Shop Schweiz, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 100.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fZyZ0h-H29Vc9swU_e_v_2-LiOQN2WlVplEqoSh1ybr2yAWnBjUKLdQ8ljcmQmRdUX7vQC6CkSyhLNt6fO1QBg" />
    <input value="628" 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/premium-macadamia-nusse-bio-75-g-656">
          <img alt="Premium Macadamia Nüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/602/file/small-23c97ddda35465d8ad9a71c2df60b01a.webp 600w, https://assets.fabulous.ch/public/variant_asset/602/file/medium-491148e8aa170c8280b7f7ac4e50e452.webp 900w, https://assets.fabulous.ch/public/variant_asset/602/file/large-997732b054f0efc67c91ed102ccc5c47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/602/file/medium-491148e8aa170c8280b7f7ac4e50e452.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Flores Farm</p>
          <a href="/de/products/premium-macadamia-nusse-bio-75-g-656">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Premium Macadamia Nüsse Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t8ilUWfDUw-bKOiV-8F2I6ToCcqchZDfNEWUtdPAWXo8nDkkfnGC9xPisrYgbP2Bmh1ubr_eaKYzOGVuh1jAxg" />
    <input value="656" 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/premium-erdnusse-wildsammlung-bio-100-g-659">
          <img alt="Premium Erdnüsse Wildsammlung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/605/file/small-6438205fc5ec55bfa14f952fa1957c80.webp 600w, https://assets.fabulous.ch/public/variant_asset/605/file/medium-5827c5ee813b75876f5ebc06d8fb12d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/605/file/large-feaa4de78c1869c1637ea2e2d6eae11c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/605/file/medium-5827c5ee813b75876f5ebc06d8fb12d7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Flores Farm</p>
          <a href="/de/products/premium-erdnusse-wildsammlung-bio-100-g-659">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Premium Erdnüsse Wildsammlung Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kokosol-bio-450-ml-665">
          <img alt="Kokosöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/612/file/small-1901f85b68802c9826f97931fdc1dd41.webp 600w, https://assets.fabulous.ch/public/variant_asset/612/file/medium-54b70f5e3f799c33d0a61319f68cd7ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/612/file/large-3cc1423326193f8b50aba28af64e3952.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/612/file/medium-54b70f5e3f799c33d0a61319f68cd7ad.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">Kulau</p>
          <a href="/de/products/kokosol-bio-450-ml-665">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosöl Bio, 450 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QTjr5nTsEJes2bf4b6ImtlAoGVMk891OiFToKBcP5oLKbHeTbV7BbyQT7du0D60Ubt1-9weoJTePKRnzQ5d_Pg" />
    <input value="665" 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/pasta-lazzaretti-rote-linsen-teigwaren-bio-250-g-686">
          <img alt="Pasta Lazzaretti Rote Linsen Teigwaren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/641/file/small-03e80cee9855636698878f12671a9022.webp 600w, https://assets.fabulous.ch/public/variant_asset/641/file/medium-59b15d21753f640f3feaa4a53d20abea.webp 900w, https://assets.fabulous.ch/public/variant_asset/641/file/large-f181e6e2fa0b4b2e518755acf90aa126.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/641/file/medium-59b15d21753f640f3feaa4a53d20abea.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">Lazzaretti</p>
          <a href="/de/products/pasta-lazzaretti-rote-linsen-teigwaren-bio-250-g-686">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Lazzaretti Rote Linsen Teigwaren Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h3TZZ2T7nHiXItiXqp1gXRuy_3ptaotqY6LGOu_LVCwMIEUSfUlNgB_ogrRxMOv_JUeY3k4xcxNk3zfhu1PNkA" />
    <input value="686" 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/amaranth-gepufft-glutenfrei-bio-125-g-803">
          <img alt="Amaranth gepufft glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/742/file/small-7b8434b8b12ac35d938a1251d2325b37.webp 600w, https://assets.fabulous.ch/public/variant_asset/742/file/medium-6a1ad7bb7ed01282e21a066e3d5efa76.webp 900w, https://assets.fabulous.ch/public/variant_asset/742/file/large-2f7b2cc5cbff1bc680146b1edef992df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/742/file/medium-6a1ad7bb7ed01282e21a066e3d5efa76.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">Werz</p>
          <a href="/de/products/amaranth-gepufft-glutenfrei-bio-125-g-803">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Amaranth gepufft glutenfrei Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FTFn1o2R284sru4DjpvAoPz7MEnxCBt3C3PdtSohWseeZfujlCMKNqRktCBVNksCwg5X7dJT4w4MDixufrnDew" />
    <input value="803" 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/agavendicksaft-agave-syrup-spendierflasche-bio-500-ml-806">
          <img alt="Agavendicksaft Agave Syrup Spendierflasche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/746/file/small-e1e084214dc1291b455bad7840bb11cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/746/file/medium-b19ad39b581523f460e094f7871ca288.webp 900w, https://assets.fabulous.ch/public/variant_asset/746/file/large-44fc03a25cb26d8df522041e6f07d800.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/746/file/medium-b19ad39b581523f460e094f7871ca288.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">Allos</p>
          <a href="/de/products/agavendicksaft-agave-syrup-spendierflasche-bio-500-ml-806">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Agavendicksaft Agave Syrup Spendierflasche Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jJceKzswpy6Iqyd3qAgCFcRHrG3qVbWdhOwOK6phiY8Hw4JeIoJ21gBhfVRzpYm3-rLLyckOTeSDkf_w_vkQMw" />
    <input value="806" 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/volley-vegane-alternative-zu-huhnerei-bio-200-g-810">
          <img alt="Volley Vegane Alternative zu Hühnerei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/748/file/small-43f3d1bbd52f096fb6b323c6bb708128.webp 600w, https://assets.fabulous.ch/public/variant_asset/748/file/medium-a068532cb9945d8e31a78fd61018cfe5.webp 900w, https://assets.fabulous.ch/public/variant_asset/748/file/large-e928b8c1ab33e3dbe4b3b8e21c0e82de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/748/file/medium-a068532cb9945d8e31a78fd61018cfe5.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">MyEy</p>
          <a href="/de/products/volley-vegane-alternative-zu-huhnerei-bio-200-g-810">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Volley Vegane Alternative zu Hühnerei Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-810-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/riegel-apple-cinnamon-bio-50-g-812">
          <img alt="Riegel Apple Cinnamon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/750/file/small-177a901a0e6c4e401f530686b40efcef.webp 600w, https://assets.fabulous.ch/public/variant_asset/750/file/medium-ff9294306960e9ff1c4547a053258892.webp 900w, https://assets.fabulous.ch/public/variant_asset/750/file/large-dc28b8b2abf0bef3f564bf739ab433bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/750/file/medium-ff9294306960e9ff1c4547a053258892.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">Raw Bite</p>
          <a href="/de/products/riegel-apple-cinnamon-bio-50-g-812">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Apple Cinnamon Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dtIvkCDsQ4ZKYP0bhStqHvn-OsD4eHaRTn1emcs7Sxb9hrPlOV6SfsKqpzhehuG8xwtdZNsjjuhJAK9Cn6PSqg" />
    <input value="812" 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/glutenfrei-lasagne-mais-reis-bio-250-g-818">
          <img alt="Glutenfrei Lasagne Mais-Reis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/754/file/small-95777c7ded5bda0147da1e0fda204426.webp 600w, https://assets.fabulous.ch/public/variant_asset/754/file/medium-88945d89f984e8f55d813a7577b4fe72.webp 900w, https://assets.fabulous.ch/public/variant_asset/754/file/large-0aa6b08a026eeeaac058b040fdfa71ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/754/file/medium-88945d89f984e8f55d813a7577b4fe72.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">felicia</p>
          <a href="/de/products/glutenfrei-lasagne-mais-reis-bio-250-g-818">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Glutenfrei Lasagne Mais-Reis Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BuXcelXNor1B0Zy-84hrlrAsX3_J9u-0_9wLvqq16H-NsUAPTH9zRckbxp0oJeA0jtk42-qtF834ofpl_i1xww" />
    <input value="818" 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/aroniabeeren-getrocknet-bio-200-g-821">
          <img alt="Aroniabeeren getrocknet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/759/file/small-b9ff2df248e2d8d8f9f9f33a14ff495d.webp 600w, https://assets.fabulous.ch/public/variant_asset/759/file/medium-e44ecbe9829a7e74fbef4915d39566a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/759/file/large-6f290b89899759e6533b488a6ffc5258.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/759/file/medium-e44ecbe9829a7e74fbef4915d39566a5.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">Aronia</p>
          <a href="/de/products/aroniabeeren-getrocknet-bio-200-g-821">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Aroniabeeren getrocknet Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aXiqOQnuGrde_cAlQsK2tgbQ0k82WcnB59HDtKRXFBDiLDZMEFzLT9Y3mgaZbz0UOCW16xUCMbjgrDJv8M-NrA" />
    <input value="821" 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-fein-erdnussmus-bio-250-g-856">
          <img alt="Peanut Butter Fein Erdnussmus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/785/file/small-aa5399aa551979a773bcfc4cc23569a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/785/file/medium-1167f74fd3c74c09fb476f7af7119b91.webp 900w, https://assets.fabulous.ch/public/variant_asset/785/file/large-477e9bd595677896021e4b5a435ad80e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/785/file/medium-1167f74fd3c74c09fb476f7af7119b91.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-fein-erdnussmus-bio-250-g-856">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Butter Fein Erdnussmus Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ic-em33rPFRdz7ADFze_s_U5McAnCpSHzrIWnI3orM6qmwLuZFntrNUF6iDMmjQRy8xWZARRbP7Jz-dH2XA1cg" />
    <input value="856" 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/maca-pulver-bio-150-g-859">
          <img alt="Maca Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/789/file/small-19d8253aa066cd1d338bb47145e11f2d.webp 600w, https://assets.fabulous.ch/public/variant_asset/789/file/medium-6d36a2cd3df9bfe3396636ec1130d529.webp 900w, https://assets.fabulous.ch/public/variant_asset/789/file/large-93000626e299c47fecc9b05d1cb206e3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/789/file/medium-6d36a2cd3df9bfe3396636ec1130d529.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">Raab</p>
          <a href="/de/products/maca-pulver-bio-150-g-859">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Maca Pulver Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RtdxI4ULlMEHh_GoCUoItmDEkYtHk0GuqY6pc55cM5fNg-1WnLlFOY9Nq4vS54MUXjH2L2TIudeu81ioysSqKw" />
    <input value="859" 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/vanilleschoten-bourbon-bio-2-stuck-862">
          <img alt="Vanilleschoten Bourbon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/794/file/small-d34df3857f38bb304bf3988193b57821.webp 600w, https://assets.fabulous.ch/public/variant_asset/794/file/medium-fa5b99d9e394b3a616cc14dccc2b55fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/794/file/large-2d52aad8f8db1d39048cff50cbe3ce61.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/794/file/medium-fa5b99d9e394b3a616cc14dccc2b55fd.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/vanilleschoten-bourbon-bio-2-stuck-862">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vanilleschoten Bourbon Bio, 2 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FzAl3z-MnkhcvL-vIQUU2XlUCRqJUM4yXJdjwJZS4k6cZLmqJj5PsNR25Yz6qJ97R6FuvqoLNktb6pIbwsp78g" />
    <input value="862" 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/riegel-vego-mini-schokolade-mit-ganzen-haselnusse-bio-65-g-982">
          <img alt="Riegel Vego MINI Schokolade mit ganzen Haselnüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/865/file/small-d023531c0e19b1dd11b8c6658fcd8614.webp 600w, https://assets.fabulous.ch/public/variant_asset/865/file/medium-21f2ac0a11979004fc8f4fa139ef22fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/865/file/large-557421532cf47dba2c86950df4540623.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/865/file/medium-21f2ac0a11979004fc8f4fa139ef22fa.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/riegel-vego-mini-schokolade-mit-ganzen-haselnusse-bio-65-g-982">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Vego MINI Schokolade mit ganzen Haselnüsse Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rDSJh6K7bCflHEhDvGA3LK_X3XydQGMKLtMCna3c_WknYBXyuwm9323WEmBnzbyOkSK62L4bm3MprvNG-URk1Q" />
    <input value="982" 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/sandwich-pastete-curry-sesam-bio-125-g-1012">
          <img alt="Sandwich Pastete Curry Sesam Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/887/file/small-08d97158e003204aa64f35dbf921dc6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/887/file/medium-398e66718508f29874d34e4175cc56d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/887/file/large-62dc3998e57324fb36fa32cd2dd18382.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/887/file/medium-398e66718508f29874d34e4175cc56d2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/de/products/sandwich-pastete-curry-sesam-bio-125-g-1012">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sandwich Pastete Curry Sesam Bio, 125 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 3.28 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7iwutF4oHJBCrt6sNNDdRs3Yd6J7bD3meYMQesInWbdleLLBR5rNaMpkhI_vfVbk8y0QBlg3xZ9-_uGhlr_ACw" />
    <input value="1012" 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/sandwich-pastete-kichererbsen-sesamol-bio-125-g-1013">
          <img alt="Sandwich Pastete Kichererbsen Sesamöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/888/file/small-9afbd0aac6e8aba0dcc668a7f5c7be73.webp 600w, https://assets.fabulous.ch/public/variant_asset/888/file/medium-1137fd105935494cd504bb3e89c99c95.webp 900w, https://assets.fabulous.ch/public/variant_asset/888/file/large-1ab317a7b7befd62aba83d4f2930a836.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/888/file/medium-1137fd105935494cd504bb3e89c99c95.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/de/products/sandwich-pastete-kichererbsen-sesamol-bio-125-g-1013">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sandwich Pastete Kichererbsen Sesamöl Bio, 125 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 3.28 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f9J8LRZwcjfTWinLREl97z3EeXUIMrWiko7wt9eT8T_0huBYD8Kjz1uQc-if5PZNAzEe0StpTduV8wFsgwtogw" />
    <input value="1013" 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">
      1&#39;120 von 2&#39;284 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/lebensmittel?format=turbo_stream&amp;page=57">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>