<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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/nabio-pesto-alla-calabrese-bio-130-g-20217">
          <img alt="Nabio Pesto alla Calabrese Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10858/file/small-21cd3562123ccdb400d4426191bf18ea.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10858/file/medium-1d1b0dc51b1b3d0d055f897e6108ae79.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10858/file/large-29d8e25ad7c463dd2bd651afe52a85df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10858/file/medium-1d1b0dc51b1b3d0d055f897e6108ae79.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">Nabio</p>
          <a href="/products/nabio-pesto-alla-calabrese-bio-130-g-20217">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nabio Pesto alla Calabrese Bio, 130 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.77 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S0lSq8ruC_9nnmctLcpRMCZKAXPHL91Z_oiOzK3QOe8zS-dEr9th1PFBXLG90WqPgciSTBH4dQ1tRt7zV6zYTA" />
    <input value="20217" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/completeorganics-spicy-kimchi-bio-230-g-fbbba067-6abd-434d-950a-4309287e64ee-20218">
          <img alt="CompleteOrganics Spicy Kimchi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10859/file/small-d060d380d4a393c2f5590657735f26cd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10859/file/medium-d54cc80eb983f9761546d36809e2667e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10859/file/large-184e1d212886b63ff2cd3c26c51da883.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10859/file/medium-d54cc80eb983f9761546d36809e2667e.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">completeorganics</p>
          <a href="/products/completeorganics-spicy-kimchi-bio-230-g-fbbba067-6abd-434d-950a-4309287e64ee-20218">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">CompleteOrganics Spicy Kimchi Bio, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r4LvTN6xDLHa0u6918ze4rDpeS7fTPf3Vz9CvFXSlDjXgFqju4RmmkwN1SFH1-VdF2vqEQmbX6PE8RKDr651mw" />
    <input value="20218" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/govinda-akazienfaser-bio-100-g-20221">
          <img alt="Govinda Akazienfaser Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10863/file/small-ac4b1e99112be2e66938134a2fa641bf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10863/file/medium-44338ded5521c6cbbaeb9734cd021d24.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10863/file/large-a01e5222781abd1786db02f1beefc238.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10863/file/medium-44338ded5521c6cbbaeb9734cd021d24.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Govinda</p>
          <a href="/products/govinda-akazienfaser-bio-100-g-20221">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Govinda Akazienfaser Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5jrR7Q79XoTlWlNTGhi3rSsiKxd2NVEONXUZ9Hxm5qCeOGQCa8g0r3OFaM-KA4wSjKC4KKDi-Vqmu0nLhhoHAw" />
    <input value="20221" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bioverde-frische-nockerl-dinkel-bio-400-g-20222">
          <img alt="Bioverde frische Nockerl Dinkel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10861/file/small-cfa446a7b0c9e687e007a28e1caba8f2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10861/file/medium-f27c9aa864a4e92c2f841269bc111e3f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10861/file/large-b93d483a6a88fd41230901a4337a2e53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10861/file/medium-f27c9aa864a4e92c2f841269bc111e3f.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">Bioverde</p>
          <a href="/products/bioverde-frische-nockerl-dinkel-bio-400-g-20222">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bioverde frische Nockerl Dinkel Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pbzYeaKv3rkHvdy9newVLiys0et4gY6m51T5XiT2lfvdvm2Wx5q0kpFi5yEN9y6Riy5C1K5WJvJ0mqlh3op0WA" />
    <input value="20222" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/naturkostbar-kakaopulver-criollo-bio-vegan-250-g-20229">
          <img alt="Naturkostbar Kakaopulver Criollo Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10873/file/small-7bf62ee33858a67fecd09d0c574bf213.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10873/file/medium-82885295c928704184fb34ad4e1ede93.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10873/file/large-88b471895af9b62131075d30d4699ad5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10873/file/medium-82885295c928704184fb34ad4e1ede93.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="/products/naturkostbar-kakaopulver-criollo-bio-vegan-250-g-20229">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturkostbar Kakaopulver Criollo Bio vegan, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8H1ZDoebl-oN3N8RED0crr-HldhP3GzL-d5RnHiSmteIf-zh4q79wZsD5I2AJicRGAUG55kLxJ9qEAGjgu57dA" />
    <input value="20229" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/nullkommanull-rindsbouillon-glas-bio-160-g-20230">
          <img alt="Nullkommanull Rindsbouillon Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10870/file/small-ca43682db987e94b62f3f13f655e99e7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10870/file/medium-3ed6b89be2f478638810a6784871c0bd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10870/file/large-3fd84d095e77971509bd8e4d713badf5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10870/file/medium-3ed6b89be2f478638810a6784871c0bd.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">Nullkommanull</p>
          <a href="/products/nullkommanull-rindsbouillon-glas-bio-160-g-20230">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nullkommanull Rindsbouillon Glas Bio, 160 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 8.44 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3QSdEfZPwaQgjKEYfP0F57LmcetQ_ySIupfNEE-GjpKlBij-k3qrj7ZTmoTs5j5YFWTi1IYojNwpWZ0vtfpvMQ" />
    <input value="20230" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/nullkommanull-gemusebouillon-ohne-zwiebel-knoblauch-glas-bio-160-g-20231">
          <img alt="Nullkommanull Gemüsebouillon ohne Zwiebel &amp; Knoblauch Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10872/file/small-216da2cb8d2dafda05cf542a75fe4f12.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10872/file/medium-ee8a5970cf989961a58c82b3869b3962.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10872/file/large-adfa20670d934edcdd26ee3239f0a635.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10872/file/medium-ee8a5970cf989961a58c82b3869b3962.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">Nullkommanull</p>
          <a href="/products/nullkommanull-gemusebouillon-ohne-zwiebel-knoblauch-glas-bio-160-g-20231">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nullkommanull Gemüsebouillon ohne Zwiebel &amp; Knoblauch Glas Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LqoYWFxm7-Rw1-wCldCmR3hXhEYSO9Y35DrJNezf-QJWqK23OVOFz-YI154Fy53439UXecTsfmN39JkKFqMYoQ" />
    <input value="20231" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/nullkommanull-gemusebouillon-glas-bio-160-g-20232">
          <img alt="Nullkommanull Gemüsebouillon Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10874/file/small-49f9e2d38a92dfba7bdaa9b88258c1d3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10874/file/medium-445d7fc24179a4b22c447e3ff59aab5a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10874/file/large-99c158aa5f785d71d546825024d5a73e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10874/file/medium-445d7fc24179a4b22c447e3ff59aab5a.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">Nullkommanull</p>
          <a href="/products/nullkommanull-gemusebouillon-glas-bio-160-g-20232">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nullkommanull Gemüsebouillon Glas Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gjUEvChVnqgJm5lBWkEFevYJgs8hPptmYXGnrMVD8Sv6N7FTTWD0g59Eot3KWj7FUYsR8PfpMzLyv_eTPz8QiA" />
    <input value="20232" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/natura-guarkernmehl-bio-110-g-20233">
          <img alt="Natura Guarkernmehl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10871/file/small-779a4959fbaff50bbbcc3215d9b75c03.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10871/file/medium-072d89589a32022dda1ca9f8a241aeb1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10871/file/large-baff11ae34cde970046c5c180d064d2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10871/file/medium-072d89589a32022dda1ca9f8a241aeb1.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">Natura</p>
          <a href="/products/natura-guarkernmehl-bio-110-g-20233">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Natura Guarkernmehl Bio, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P0ArveGubsiwHHuqjsDkxpDXIyPe2M4UDONH32bDqQZHQp5ShJsE4ybDQDYe2995N1WwHAgPZkCfLRfgnL9IpQ" />
    <input value="20233" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/manifaktur-quinoa-hornli-bio-gf-250-g-20234">
          <img alt="Manifaktur Quinoa Hörnli Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10875/file/small-4269741ce6fc3dc529c477512672e2e1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10875/file/medium-7f7ed1066462f9715336bfc6f437fbff.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10875/file/large-5e68827786c085a7ab31c16b8dac1b0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10875/file/medium-7f7ed1066462f9715336bfc6f437fbff.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">manifaktur</p>
          <a href="/products/manifaktur-quinoa-hornli-bio-gf-250-g-20234">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Manifaktur Quinoa Hörnli Bio gf, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MjdhMX1vv8Dhze6xys43ZsfE_gv5EjEEJf5rcnh_0kZKNdTeGFrV63cS1S1a1QzZYEZtNC_FmVC2MDtNggMz5Q" />
    <input value="20234" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/biofarm-schwarze-linsen-beluga-chbiok-500-g-20235">
          <img alt="Biofarm Schwarze Linsen Beluga CHBioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11074/file/small-4b9f66ac1f7aac26ef91b5a445c8f763.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11074/file/medium-c3ce30a49169c753fcc41710affc07ef.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11074/file/large-fcc080677fb48691a6f13aa55d94672d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11074/file/medium-c3ce30a49169c753fcc41710affc07ef.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">Biofarm</p>
          <a href="/products/biofarm-schwarze-linsen-beluga-chbiok-500-g-20235">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Schwarze Linsen Beluga CHBioK, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f5gn8lKCqk-vHudL0n0SOKBQX7hiBV4b66jCwyZPeSYHmpIdN7fAZDnB3NdCZimHB9LMh7TS9k94ZpL83DOYhQ" />
    <input value="20235" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/biofarm-grune-linsen-chbio-knospe-500-g-20236">
          <img alt="Biofarm Grüne Linsen CHBio Knospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10892/file/small-453017ca2a10b75eae99684bf2fb6c86.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10892/file/medium-c2eedb1a78f058898b2a01e868c43c57.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10892/file/large-b90b734691a24198d45b2d2bf9b64194.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10892/file/medium-c2eedb1a78f058898b2a01e868c43c57.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">Biofarm</p>
          <a href="/products/biofarm-grune-linsen-chbio-knospe-500-g-20236">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Grüne Linsen CHBio Knospe, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.20
            </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-20236-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SeQkdf0wKoMIh06xHauub9swyT4ebKteE8chbNttPjQx5pGamAVAqJ5YdS2NsJXQfLJaAci7AwqACXFTIRHflw" />
    <input value="20236" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/biofarm-braune-linsen-berglinsen-chbio-knospe-500-g-20237">
          <img alt="Biofarm Braune Linsen Berglinsen CHBio Knospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10893/file/small-b556835195dbd263786d9799d8a453e2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10893/file/medium-db5b83ef40851f5869099c8ffd6dc644.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10893/file/large-b02842240fce985e20f8c2a80e29ae4e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10893/file/medium-db5b83ef40851f5869099c8ffd6dc644.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">Biofarm</p>
          <a href="/products/biofarm-braune-linsen-berglinsen-chbio-knospe-500-g-20237">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Braune Linsen Berglinsen CHBio Knospe, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.20
            </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-20237-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qquvj--V7Q6YtR4hsXWzZJKRMW87lv0w5MT-wCPIeSA6qRpgiqCHJQ5qJb0hbojbNROiUO1BVWR3Cq7_2bSYgw" />
    <input value="20237" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/biofarm-kichererbsen-chbio-knospe-500-g-20238">
          <img alt="Biofarm Kichererbsen CHBio Knospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10894/file/small-1b24fe0c4cdec59370dd6d17a34f0803.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10894/file/medium-46237d645b26f70bd6293b8b9bdb6116.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10894/file/large-e07c4c4a44ded58471df05931bda75f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10894/file/medium-46237d645b26f70bd6293b8b9bdb6116.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">Biofarm</p>
          <a href="/products/biofarm-kichererbsen-chbio-knospe-500-g-20238">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Kichererbsen CHBio Knospe, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y1DncxlLmS_BZQYgoGxXsZsGeRzxSKSqi98JYCjGDECzUlKcfH7zBFe6Pbwwd2wOPITqIyefDP4YEVlf0rrt4w" />
    <input value="20238" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/biofarm-hanfsamen-geschalt-chbio-knospe-120-g-20239">
          <img alt="Biofarm Hanfsamen geschält CHBio Knospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10895/file/small-c6d11717e437ccc0184a567e398dad7b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10895/file/medium-f7603d0738afc957548b8ace7fde7141.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10895/file/large-0dbc79233ae5c29d3c8d928643f430c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10895/file/medium-f7603d0738afc957548b8ace7fde7141.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">Biofarm</p>
          <a href="/products/biofarm-hanfsamen-geschalt-chbio-knospe-120-g-20239">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Hanfsamen geschält CHBio Knospe, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="29fFLLveCMz4Yxn_fIGcSWoZuvf4xxiKbVdEAVcNe2Gj1XDD3uti5268ImPsmqf2zZspyC4QsN7-mRQ-rXGawg" />
    <input value="20239" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/biofarm-hanfsamen-ungeschalt-chbio-knospe-200-g-20240">
          <img alt="Biofarm Hanfsamen ungeschält CHBio Knospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10896/file/small-d5c7c91c56cce2b614daaca5aeeed54f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10896/file/medium-1ff6c560217422482779f624c22008e6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10896/file/large-a7b6e80ab56cd38cf08facb191a91f12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10896/file/medium-1ff6c560217422482779f624c22008e6.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">Biofarm</p>
          <a href="/products/biofarm-hanfsamen-ungeschalt-chbio-knospe-200-g-20240">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Hanfsamen ungeschält CHBio Knospe, 200 g</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 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_ER4xBIo62GCLTti4lypiS5H6HY1Sgayfwp1Qbxn7Z-ERs0rdx2BShTyAP5yR5I2icV7SeOdrubsxCV-RhsMPA" />
    <input value="20240" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/biofarm-haferkorner-chbio-knospe-500-g-20241">
          <img alt="Biofarm Haferkörner CHBio Knospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10897/file/small-96491e64a2d855d5376a0619bae70326.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10897/file/medium-ba31958b2c6b7bcbc9588fcab7fd3daf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10897/file/large-cfff863e53eb17a1350b9060a9859601.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10897/file/medium-ba31958b2c6b7bcbc9588fcab7fd3daf.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">Biofarm</p>
          <a href="/products/biofarm-haferkorner-chbio-knospe-500-g-20241">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Haferkörner CHBio Knospe, 500 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 0.86 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nm26TIXZz4W6iXYV1GTdL8HGrJmATFfpDJxQWDPFzvrmbw-j4OylrixWTYlEf-aQZkQ_plab_72fUgBnybkvWQ" />
    <input value="20241" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/mahler-co-cassisbeeren-bio-knospe-100-g-20242">
          <img alt="Mahler &amp; Co. Cassisbeeren Bio Knospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10898/file/small-82cbf395e4665d98bd9b3bbbec26b231.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10898/file/medium-0677c448114adc7738aba19df4c60b79.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10898/file/large-ba50c1e1d9b10777a875570c02b3c515.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10898/file/medium-0677c448114adc7738aba19df4c60b79.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">Mahler &amp; Co.</p>
          <a href="/products/mahler-co-cassisbeeren-bio-knospe-100-g-20242">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mahler &amp; Co. Cassisbeeren Bio Knospe, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BGZqzICA8vu75xmqiEugxH_1_ZGB5YNJ80mAvmXPgup8ZN8j5bWY0C04IjYYUJt72HdurlcyKx1gh9CBn7NjSQ" />
    <input value="20242" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/taucherli-schokoladentafel-petazeta-100-g-20243">
          <img alt="Taucherli Schokoladentafel Petazeta" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10899/file/small-04a5ddf2ea5c0f550ee51229414289bf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10899/file/medium-6f4949b47992ac069d8a2e08726864fc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10899/file/large-8006ead0e6313c9cedf498478ab634af.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10899/file/medium-6f4949b47992ac069d8a2e08726864fc.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">Taucherli</p>
          <a href="/products/taucherli-schokoladentafel-petazeta-100-g-20243">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Taucherli Schokoladentafel Petazeta, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k-e7QtGkN8WsVOT8yGqkyRWcZHR1UffK9rV_JRao-BXr5Q6ttJFd7jqL32BYcZ92sh73S6OGX55ley8a7NQZtg" />
    <input value="20243" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/mahler-co-smokey-paprika-haselnusse-bio-140-g-20247">
          <img alt="Mahler &amp; Co. Smokey Paprika-Haselnüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10902/file/small-2bd8148ff94bb9a35130c3051fa87c12.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10902/file/medium-2dd218c9815cb7e35fb66509a243e2ac.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10902/file/large-84c7561b9f4dd90db45abc7caa9cd87b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10902/file/medium-2dd218c9815cb7e35fb66509a243e2ac.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">Mahler &amp; Co.</p>
          <a href="/products/mahler-co-smokey-paprika-haselnusse-bio-140-g-20247">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mahler &amp; Co. Smokey Paprika-Haselnüsse Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DhCjfELK6VGC715EjvgyGrOF5i-RMubDIPCxuWIv5sl2EhaTJ_-DehQwZdge4wmlFAd1EEflTpezPuGGmFMHag" />
    <input value="20247" 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;440 von 1&#39;583 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel?format=turbo_stream&amp;page=73">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>