<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%3D62">
    <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/werz-braunhirse-gemahlen-bio-gf-500-g-19197">
          <img alt="Werz Braunhirse gemahlen 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/9362/file/small-4b715ae71b4f0d371f501e167b876009.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9362/file/medium-3f579d24dba2998244568a7242ca109f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9362/file/large-32a65b469e314b04e332d302fc79d203.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9362/file/medium-3f579d24dba2998244568a7242ca109f.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="/products/werz-braunhirse-gemahlen-bio-gf-500-g-19197">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Werz Braunhirse gemahlen Bio gf, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="txJJST3prkYNd7h9rrpHC03UQJge2bYAQ91l68ErN8d-S8A1qXHGXlbLH3GDtgXXSfLE82Gbc11iHaAxCrxAIw" />
    <input value="19197" 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%3D62">
    <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/werz-braunhirse-gemahlen-bio-gf-1-kg-19198">
          <img alt="Werz Braunhirse gemahlen 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/9365/file/small-9dde4e20df203a02e11747a2b1fb0cc4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9365/file/medium-60d076df6b6361b23615eccf43ebb95d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9365/file/large-51c3ec0c8d39928e89879069ade4bca7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9365/file/medium-60d076df6b6361b23615eccf43ebb95d.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="/products/werz-braunhirse-gemahlen-bio-gf-1-kg-19198">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Werz Braunhirse gemahlen Bio gf, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xBSe--byO4vHuAODhZgCqdmlHIXHFr7AFSyhLysdXh0NTReHcmpTk5wEpI-olEB13YOY7rhUe5007GT14Iop-Q" />
    <input value="19198" 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%3D62">
    <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/werz-buchweizen-gepufft-bio-gf-80-g-19199">
          <img alt="Werz Buchweizen gepufft 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/9359/file/small-a444602cfcada7d9a1e5b214ee73df32.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9359/file/medium-ce44fe36cf4e8c61c19b5a0e87e11afc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9359/file/large-b6df34bd9b09084e78d975106a9c550e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9359/file/medium-ce44fe36cf4e8c61c19b5a0e87e11afc.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="/products/werz-buchweizen-gepufft-bio-gf-80-g-19199">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Werz Buchweizen gepufft Bio gf, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="blbVHML1abm1oEehSbMhq0wLQsOmGjegdWcZhITM6mOnD1xgVm0Boe4c4K1kv2N3SC3GqNlY8v1Up9xeT1udhw" />
    <input value="19199" 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%3D62">
    <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/werz-crunchy-braunhirse-vollkorn-knuspermusli-bio-gf-250-g-19200">
          <img alt="Werz Crunchy Braunhirse Vollkorn Knuspermüsli 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/9364/file/small-68bb8d1fa95f6cf69bd04172ed7efe16.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9364/file/medium-1f4f063d3f5034bb8f072eddc6f0c273.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9364/file/large-146d7f6cda614dbfbe0fdbb41b9a31bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9364/file/medium-1f4f063d3f5034bb8f072eddc6f0c273.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="/products/werz-crunchy-braunhirse-vollkorn-knuspermusli-bio-gf-250-g-19200">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Werz Crunchy Braunhirse Vollkorn Knuspermüsli Bio gf, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FAJSvCRkiYaKj5H5X9HFyu4_zo13big9UVNQroXDARDdW9vAsPzhntEzNvVy3YcW6hlK5ggs7WBwk5V0TlR29A" />
    <input value="19200" 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%3D62">
    <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/werz-buchweizen-crunchy-vollkorn-knuspermusli-bio-gf-200-g-19201">
          <img alt="Werz Buchweizen Crunchy Vollkorn Knuspermüsli 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/9355/file/small-89e096ea249a216cfd650f9888a5aef3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9355/file/medium-c2ccc1e350d85056dbac140e325c41ec.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9355/file/large-47218e449118846e1711276dada71b13.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9355/file/medium-c2ccc1e350d85056dbac140e325c41ec.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="/products/werz-buchweizen-crunchy-vollkorn-knuspermusli-bio-gf-200-g-19201">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Werz Buchweizen Crunchy Vollkorn Knuspermüsli Bio gf, 200 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 3.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UFlTOf55GzQ6mFWZAizp49eP1MstWzmC5sq1r_mpcfOZANpFauFzLGEk8pUvIKs_06lQoFIZ_N_HCnB1Mj4GFw" />
    <input value="19201" 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%3D62">
    <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/werz-dinkel-kleine-tierwelt-vollkornkekse-ungesusst-bio-125-g-19202">
          <img alt="Werz Dinkel Kleine Tierwelt Vollkornkekse ungesüsst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11123/file/small-3e919f1cfed3c8f139d27e0e4880c2bc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11123/file/medium-cd90de252866ed41053f053770334745.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11123/file/large-3a92f1c8d660188c8ce23b3f6023f301.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11123/file/medium-cd90de252866ed41053f053770334745.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="/products/werz-dinkel-kleine-tierwelt-vollkornkekse-ungesusst-bio-125-g-19202">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Werz Dinkel Kleine Tierwelt Vollkornkekse ungesüsst Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T84utTqmpBUFxEQ64zZJqds13wSXAlFKW4RatcoquOOGl6fJrj7MDV544zbOOgt13xNbb-hAlBd6RJ9vAb3PBw" />
    <input value="19202" 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%3D62">
    <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/werz-erdmandel-flocken-bio-gf-250-g-19203">
          <img alt="Werz Erdmandel Flocken 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/9357/file/small-9fe4da02dced8117df0532f9be415db4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9357/file/medium-4cc951aed9ca353be758a4746f2c740a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9357/file/large-a057881338516a15dbbc01183054ffa7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9357/file/medium-4cc951aed9ca353be758a4746f2c740a.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="/products/werz-erdmandel-flocken-bio-gf-250-g-19203">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Werz Erdmandel Flocken Bio gf, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b63ci63HzFMHksnYN8kadguYoNFC53vzvb3rY6vesQmm9FX3OV-kS1wubtQaxViqD74kuj2lvq6cfS65YEnG7Q" />
    <input value="19203" 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%3D62">
    <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/werz-hirse-vollkorn-griess-bio-gf-250-g-19204">
          <img alt="Werz Hirse Vollkorn Griess 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/9353/file/small-92c8a11d5bd960de7a119e777b673b7d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9353/file/medium-44507493ac850e98e248dcf2c6c6f61a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9353/file/large-0b4333b3b9a93defd846fa56364d6fea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9353/file/medium-44507493ac850e98e248dcf2c6c6f61a.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="/products/werz-hirse-vollkorn-griess-bio-gf-250-g-19204">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Werz Hirse Vollkorn Griess Bio gf, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hYnUod5la5ymdTMBbFO0dJCf6uUYApizSy6k4T0HSuRM0F3dSv0DhP3JlA1BX_aolLlujmdAXe5q7mE79pA9AA" />
    <input value="19204" 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%3D62">
    <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/werz-reis-griess-bio-gf-250-g-19205">
          <img alt="Werz Reis Griess 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/9363/file/small-8ef416de533ceaaa2f7ebfc8352f5b52.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9363/file/medium-2478583fb33b5d99befe7d7cbf7c9378.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9363/file/large-b20ebc50c63d87bc7e77c2203b18de7f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9363/file/medium-2478583fb33b5d99befe7d7cbf7c9378.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="/products/werz-reis-griess-bio-gf-250-g-19205">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Werz Reis Griess Bio gf, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b45tFcZfaUiJ_Puu0bo6nNQk8rJihsO18STMrMDrWRqm1-RpUscBUNJAXKL8tnhA0AJ22R3EBujQ5Al2C3wu_g" />
    <input value="19205" 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%3D62">
    <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/werz-hirse-mehl-bio-gf-1-kg-19206">
          <img alt="Werz Hirse Mehl 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/9354/file/small-a5b300b1086415d5ef093074af4f12c3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9354/file/medium-fe44f9629edfc1ea5f123e49418b7428.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9354/file/large-9fba25515fcc535c4006777a6774f172.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9354/file/medium-fe44f9629edfc1ea5f123e49418b7428.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="/products/werz-hirse-mehl-bio-gf-1-kg-19206">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Werz Hirse Mehl Bio gf, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5RsWUUIi64pI9_by2mk4m0GsKMi6pOO7u4qVLyvL3AksQp8t1rqDkhNLUf73ZXpHRYqso8XmJuaaSlD14Fyr7Q" />
    <input value="19206" 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%3D62">
    <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/werz-hirse-gepufft-bio-gf-125-g-19207">
          <img alt="Werz Hirse gepufft 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/9356/file/small-61cb94dc138b3e1dbc4f9fbff1c6e678.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9356/file/medium-5529042ed975aafb413bdea052d17391.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9356/file/large-428661ab4d07411210af24c362c158d9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9356/file/medium-5529042ed975aafb413bdea052d17391.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="/products/werz-hirse-gepufft-bio-gf-125-g-19207">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Werz Hirse gepufft Bio gf, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nsSsqjaH7_rqrYyh0PBw87sK34xG649mIxQjQap1xxJXnSXWoh-H4rERK639_DIvvyxb5zmpSjsC1OabYeKw9g" />
    <input value="19207" 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%3D62">
    <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/werz-reis-erdmandel-zungen-vollkornkekse-bio-gf-100-g-19208">
          <img alt="Werz Reis Erdmandel Zungen Vollkornkekse 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/10647/file/small-abc2cd26a752332ef6a1f94da52661e8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10647/file/medium-b8558684fb9c5c0d94ef9ea5a3ee72c0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10647/file/large-7e2d130406b3ff29c9dc29636bf6b42a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10647/file/medium-b8558684fb9c5c0d94ef9ea5a3ee72c0.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="/products/werz-reis-erdmandel-zungen-vollkornkekse-bio-gf-100-g-19208">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Werz Reis Erdmandel Zungen Vollkornkekse Bio gf, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OrIVm26JaYgcYquwVZtKlVrOIKZYGH8PhGGvlz1epRTz65zn-hEBkEfeDLx4lwhJXuikzSdaulKloWpN9snS8A" />
    <input value="19208" 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%3D62">
    <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/werz-reis-mehl-bio-gf-1-kg-19209">
          <img alt="Werz Reis Mehl 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/9358/file/small-1f7a784869bc1914935500e23dd87c39.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9358/file/medium-4fc42707639d5ea911a8a4343a40d7b0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9358/file/large-3261f7231178f70d230e2b95afe1e09a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9358/file/medium-4fc42707639d5ea911a8a4343a40d7b0.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="/products/werz-reis-mehl-bio-gf-1-kg-19209">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Werz Reis Mehl Bio gf, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.35
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S_tZOThge3AZokgWfgPKNmP6vUO2TgQsLCKd0LMiB0CCotBFrPgTaEIe7xpTD4jqZ9w5KMkMwXEN4lgKeLVwpA" />
    <input value="19209" 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%3D62">
    <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/werz-reis-zwerge-bio-vegan-gf-125-g-19210">
          <img alt="Werz Reis Zwerge Bio vegan gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9361/file/small-2e8123693cf298584f77905a5650862d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9361/file/medium-976a2945e611b3bc1a70318e15eb5f99.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9361/file/large-388e28a0d79502e800d3274f65d3e307.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9361/file/medium-976a2945e611b3bc1a70318e15eb5f99.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="/products/werz-reis-zwerge-bio-vegan-gf-125-g-19210">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Werz Reis Zwerge Bio vegan gf, 125 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 4.96 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uYM3j1NDKWWEqKMT_eJIquYGpJpv6LfkB2rtFlXRgsxw2r7zx9tBfd8UBB_Q7gp24iAg8RCqcrkmqijMnkb1KA" />
    <input value="19210" 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%3D62">
    <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/zuger-indian-paneer-nature-bio-200-g-19237">
          <img alt="Züger Indian Paneer nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10038/file/small-3d2bb27a7a451c1fe5c1cec10f964ce3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10038/file/medium-2b41ede9e6c0c20326af9e8628e3b721.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10038/file/large-b22f28252a8fd843e5a361136f080705.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10038/file/medium-2b41ede9e6c0c20326af9e8628e3b721.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">Züger</p>
          <a href="/products/zuger-indian-paneer-nature-bio-200-g-19237">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Züger Indian Paneer nature Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yx3ydGVUpLWj1Qb576czfwJ_OFjUq5T3Jbt9DGDCvhUCRHsI8czMrfhpofXCq3GjBlm8M6vpUaoEe7jWq1XJ8Q" />
    <input value="19237" 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%3D62">
    <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/zuger-mascarpone-bio-250-g-19238">
          <img alt="Züger Mascarpone Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11248/file/small-8723b6b454fa8f41fc2035c100a7afda.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11248/file/medium-75990f84e71d3272f23d4d928a0ab2a5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11248/file/large-3380d11ce4d5a7aa3cd493d3cf11896a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11248/file/medium-75990f84e71d3272f23d4d928a0ab2a5.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">Züger</p>
          <a href="/products/zuger-mascarpone-bio-250-g-19238">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Züger Mascarpone Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SYqzoCMryLHPrCTpYMzAELCMcecgl5NZoecGeNmPbiuA0zrct7OgqZQQg-VNwILMtKr1jF_VVgSAJ8OiEhgZzw" />
    <input value="19238" type="hidden" name="variant_id" id="variant_id" />
    <input value="3" 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%3D62">
    <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/zuger-mozzarella-bio-100-g-19239">
          <img alt="Züger Mozzarella Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10039/file/small-2b2ca6a7e4626b1ffc188e564ff46546.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10039/file/medium-9fb222850d05dc8a11f2a41ac304dd5a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10039/file/large-5cbe78d1ccce31d7dc80e6bb881a6c55.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10039/file/medium-9fb222850d05dc8a11f2a41ac304dd5a.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">Züger</p>
          <a href="/products/zuger-mozzarella-bio-100-g-19239">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Züger Mozzarella Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3nGBJtOdHJUr5wO_-LIhlormEsuRgXMruAnSTI_x70sXKAhaRwV0jXBbpLPVvmNKjsCWoO7DtnaZyReWRGaYrw" />
    <input value="19239" type="hidden" name="variant_id" id="variant_id" />
    <input value="2" 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%3D62">
    <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/zuger-ricotta-bio-250-g-19240">
          <img alt="Züger Ricotta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11249/file/small-2dd0f32971c38a910e999168ad22cf30.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11249/file/medium-9302471f87f88b1e4a18661079f1723a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11249/file/large-22125a9e5010d0a200a8c81cd63c84b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11249/file/medium-9302471f87f88b1e4a18661079f1723a.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">Züger</p>
          <a href="/products/zuger-ricotta-bio-250-g-19240">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Züger Ricotta Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TB43NaL8crO8Z_1lbeGEeTmashIaHBD2JiOE5_IlRHmFR75JNmQaq-fbWmlA7calPbw2eWVe1asH40E9ObIznQ" />
    <input value="19240" 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%3D62">
    <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/zwergenwiese-70-schwarze-johannisbeere-agave-bio-gf-225-g-19241">
          <img alt="Zwergenwiese 70% Schwarze Johannisbeere Agave 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/11423/file/small-35e4308e5d8e08a73274fd0ae29763fe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11423/file/medium-7bb26598f204c9846b4f6f5a8713fce0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11423/file/large-f8228d2f9fde4cbc78f5eb1627bddfd1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11423/file/medium-7bb26598f204c9846b4f6f5a8713fce0.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">Zwergenwiese</p>
          <a href="/products/zwergenwiese-70-schwarze-johannisbeere-agave-bio-gf-225-g-19241">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zwergenwiese 70% Schwarze Johannisbeere Agave Bio gf, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6SoFwx7AYSwaLEPeAN-CtoBq9VL6varzHgJO9Cluf9cgc4y_ilgJNEGQ5NIt08BqhExxOYX_b64_wosu4vkIMw" />
    <input value="19241" 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%3D62">
    <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/zwergenwiese-aufstrich-arrabitom-bio-gf-50-g-19242">
          <img alt="Zwergenwiese Aufstrich Arrabitom 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/9454/file/small-6948cf0ea3203335ba29747ed138dfb1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9454/file/medium-98e83e56503ff6fcc2f6afd00be71758.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9454/file/large-5f5b1c888d048e3fbee17ae1c6c3d9ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9454/file/medium-98e83e56503ff6fcc2f6afd00be71758.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">Zwergenwiese</p>
          <a href="/products/zwergenwiese-aufstrich-arrabitom-bio-gf-50-g-19242">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zwergenwiese Aufstrich Arrabitom Bio gf, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

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

</template></turbo-stream>