<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%3D68">
    <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/holle-hafer-drink-kakao-banane-demeter-200-ml-20053">
          <img alt="Holle Hafer Drink Kakao Banane Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10449/file/small-b6c67642f5f6194df95db8472a17172d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10449/file/medium-b6861f57500186dfb1f7377797410df5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10449/file/large-ff360e1f7e253861bfc1578c72289f76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10449/file/medium-b6861f57500186dfb1f7377797410df5.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">Holle</p>
          <a href="/products/holle-hafer-drink-kakao-banane-demeter-200-ml-20053">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Holle Hafer Drink Kakao Banane Demeter, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="91wJzM8KV1Jcja42YWQPBEJARpRiWEAGBE7dAASNbxDzEd9aBaTSZZMFiNrFFQrd3FwDTteaX_8-gWE643IQUw" />
    <input value="20053" 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%3D68">
    <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/hoyer-honig-akazien-bio-500-g-20054">
          <img alt="Hoyer Honig Akazien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10452/file/small-9b1d1845d36cd2a920ae2a35f09a1f91.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10452/file/medium-f5b7b3a5def0c635e8c8ff2311b2ebad.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10452/file/large-1bdf111cad6535d20960a83e1f1d5976.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10452/file/medium-f5b7b3a5def0c635e8c8ff2311b2ebad.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">Hoyer</p>
          <a href="/products/hoyer-honig-akazien-bio-500-g-20054">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hoyer Honig Akazien Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XK-paoIUlZZVnsZsVRP3kePaKtqGI6kXCSSE8plp7vVY4n_8SLoQoZoW4IDxYvJIfcZvADPhtu4z6zjIfpaRtg" />
    <input value="20054" 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%3D68">
    <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/zanetti-grana-padano-gerieben-bio-100-g-20055">
          <img alt="Zanetti Grana Padano gerieben Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11126/file/small-c8195c9bbaf76f94305caf6df313f01f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11126/file/medium-a2155a3e20070336739db68ac011fb55.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11126/file/large-1cfb3f72d1886efab44ec71bfdab7c3f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11126/file/medium-a2155a3e20070336739db68ac011fb55.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">Zanetti</p>
          <a href="/products/zanetti-grana-padano-gerieben-bio-100-g-20055">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zanetti Grana Padano gerieben Bio, 100 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 4.70 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZhUCPKYP2Vx8NDL1pxMyK-YdJUmG3qQezCl8xVJRg1ViWNSqbKFca7O8FBkDYjfyeAFgkzMcu-f25sD_ta78Fg" />
    <input value="20055" 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%3D68">
    <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/noppas-tofu-crunchy-mit-chili-sauce-bio-100-g-20065">
          <img alt="Noppas Tofu Crunchy mit Chili Sauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10697/file/small-7b04804307a5aa2f91995b6a0f4ba232.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10697/file/medium-c4803ab2dd47293094eae82ceea31fe5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10697/file/large-81c64381042fb6b48da2f448f797f9f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10697/file/medium-c4803ab2dd47293094eae82ceea31fe5.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">Noppas</p>
          <a href="/products/noppas-tofu-crunchy-mit-chili-sauce-bio-100-g-20065">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Noppas Tofu Crunchy mit Chili Sauce Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IjqrvcFzu1cw-AMOC0jyquFUOQJ41vCP8jn-RqYjRncmd30rC90-YP9wJeKvOfdzf0h82M0U73bI9kJ8Qdw5NA" />
    <input value="20065" 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%3D68">
    <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/lazzaretti-couscous-buchweizen-bio-400-g-20076">
          <img alt="Lazzaretti Couscous Buchweizen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10521/file/small-a382c6f354c8abbf96ab5af4e0a3d7c5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10521/file/medium-14ba0f28c8b8acca869c8229d0e8deaf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10521/file/large-c5b9415624507ea73f0899c0fecb1fbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10521/file/medium-14ba0f28c8b8acca869c8229d0e8deaf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lazzaretti</p>
          <a href="/products/lazzaretti-couscous-buchweizen-bio-400-g-20076">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lazzaretti Couscous Buchweizen Bio, 400 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 1.98 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w0w9fQrfrhJkTVhvy0UwvtQzem85-xnlvaem8QO2T03HAevrwHErJavFfoNvNDVnSi8_tYw5BhyHaBrL5EkwDg" />
    <input value="20076" 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%3D68">
    <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/lazzaretti-couscous-kastanien-bio-350-g-20077">
          <img alt="Lazzaretti Couscous Kastanien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10522/file/small-19ac88b4212330168eb45f4c1bc364cb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10522/file/medium-d4b604b6aea39972c77cd7ed74385b57.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10522/file/large-7ce1b01ce5003eec3ced10938568f9f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10522/file/medium-d4b604b6aea39972c77cd7ed74385b57.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lazzaretti</p>
          <a href="/products/lazzaretti-couscous-kastanien-bio-350-g-20077">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lazzaretti Couscous Kastanien Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yq-smCNrOO7-L_NcoFQjGBcnFHOdlRXn7lxUgcrpl_jO4noO6cW92TGn1bAEJSbBiTtRqShXCh7Uk-i7LRbouw" />
    <input value="20077" 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%3D68">
    <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-laddu-safran-bio-120-g-20078">
          <img alt="Govinda Laddu Safran Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10526/file/small-77a2f7762f59641d3da080b71bdca5d0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10526/file/medium-94a87d1530ed6d975c6f769ba0476595.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10526/file/large-99bf67b5a0065b70601529bf74b9118d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10526/file/medium-94a87d1530ed6d975c6f769ba0476595.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-laddu-safran-bio-120-g-20078">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Govinda Laddu Safran Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ecxB0TM_dspw5nAJo8YMSGJ2bICBzWeNPdSC37nqjaR9gZdH-ZHz_b9uVuUHtwmR_GopWjQPeHQHGz7lXhXy5w" />
    <input value="20078" 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%3D68">
    <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/sonnentor-sanddorn-fruchtaufstrich-bio-250-g-20088">
          <img alt="Sonnentor Sanddorn Fruchtaufstrich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10642/file/small-0ddf482a4c85857375583b07b4e952e6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10642/file/medium-32047f07ca73c4bee61f72b6e878709f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10642/file/large-dab8c65a7c270e365f6023fbdbea9ec8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10642/file/medium-32047f07ca73c4bee61f72b6e878709f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/sonnentor-sanddorn-fruchtaufstrich-bio-250-g-20088">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnentor Sanddorn Fruchtaufstrich Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iCG1olVpBMAp3e2GAxXxLDFaQYsNEWYgznCeBSSQUrGMbGM0n8eB9-ZVy2qnZPT1r0YEUbjTedn0vyI_w28t8g" />
    <input value="20088" 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%3D68">
    <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-huttenkase-cottage-cheese-bio-200-g-20089">
          <img alt="Züger Hüttenkäse Cottage Cheese Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10644/file/small-acb16236508d77368dc57f72ab1f624f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10644/file/medium-b521835bb3351a62e2c488b9ff330ffa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10644/file/large-c5072671ece5099e5503690561b22cc5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10644/file/medium-b521835bb3351a62e2c488b9ff330ffa.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-huttenkase-cottage-cheese-bio-200-g-20089">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Züger Hüttenkäse Cottage Cheese Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QEs1mPyRIh5x_oy1R0MEAZdpu-m3AmQ0nE1NE3AmYTVEBuMONj-nKb52qlnjMgHYCXX-MwLAe82mgvEpl9kedg" />
    <input value="20089" 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%3D68">
    <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/nkw-traubenkernol-nativ-bio-100-ml-20090">
          <img alt="NKW Traubenkernöl nativ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10646/file/small-716b1c7b0a964660d3e41a07684d0ba9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10646/file/medium-5efb2bc2bcc0b72b652dfb8bf31b02ed.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10646/file/large-d8b1eb8eca936d509b3548de4363259a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10646/file/medium-5efb2bc2bcc0b72b652dfb8bf31b02ed.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">NKW</p>
          <a href="/products/nkw-traubenkernol-nativ-bio-100-ml-20090">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Traubenkernöl nativ Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Iztn9KXOWuY6hnMO4aqDJT4F4nJ4b7oVYJc8PIg-xk8ndrFib2Df0fUOVeJF24b8oBmnqM2tpexaWIAGb8G5DA" />
    <input value="20090" 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%3D68">
    <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/naturata-delikatess-mayonnaise-tube-demeter-185-ml-20092">
          <img alt="Naturata Delikatess Mayonnaise Tube Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10650/file/small-4ba298596df38a5770014893b1fbf072.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10650/file/medium-685ddfb97bb9b418ad49643caf0ac985.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10650/file/large-e4bcd2ed0958feb10391d72630be31aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10650/file/medium-685ddfb97bb9b418ad49643caf0ac985.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/products/naturata-delikatess-mayonnaise-tube-demeter-185-ml-20092">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturata Delikatess Mayonnaise Tube Demeter, 185 ml</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 3.46 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T_j-UdhyA9wnSmXAQW14nFCQDh-Gz9w3n3rOTsV0xxtLtSjHEtyG6-jCQyzlHH1FzoxLxTMNw86ltXJ0Iou4WA" />
    <input value="20092" 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%3D68">
    <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/naturata-gelierzucker-2-1-bio-500-g-20093">
          <img alt="Naturata Gelierzucker 2:1 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10652/file/small-d82a59574d27550f6972273b832aa905.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10652/file/medium-ee712d6b1e690e80100a421d5cdc627a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10652/file/large-7d591d27230edd31bb5e9c95879751fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10652/file/medium-ee712d6b1e690e80100a421d5cdc627a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/products/naturata-gelierzucker-2-1-bio-500-g-20093">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturata Gelierzucker 2:1 Bio, 500 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 0.96 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dPGLBd1sEjZAV6klUO-0-kxoQjnLN5CvuRbd0pci-7FwvF2TF8KXAY_fj8n0nrEj0nQH4371j1aD2WHocN2E8g" />
    <input value="20093" 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%3D68">
    <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/organica-blaubeeren-gefriergetrocknet-bio-60-g-20101">
          <img alt="Organica Blaubeeren gefriergetrocknet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10662/file/small-4fd86b5aa8acf213dc3c6bd630e04e93.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10662/file/medium-c4603ad07b49a99e0193ef74649a7e58.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10662/file/large-b1bc349cd48baa0963b4ead73619b965.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10662/file/medium-c4603ad07b49a99e0193ef74649a7e58.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">Organica</p>
          <a href="/products/organica-blaubeeren-gefriergetrocknet-bio-60-g-20101">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Organica Blaubeeren gefriergetrocknet Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OFqO5CmvKGKOuLoNd-Ke7VuGFIZedjoLvw6563NzXoM8F1hy4wGtVUEwnOHTk5s0xZpRXOu0JfKFwQXRlIwhwA" />
    <input value="20101" 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%3D68">
    <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/terraverde-borlotti-bohnen-bio-500-g-20102">
          <img alt="TerraVerde Borlotti Bohnen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10663/file/small-48d456c9fa286135ef8adeb3e9bd8eed.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10663/file/medium-921864fb5c0598c5a6d44373672f35a2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10663/file/large-8cc7afb68497d653af9b82df55a7b590.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10663/file/medium-921864fb5c0598c5a6d44373672f35a2.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">TerraVerde</p>
          <a href="/products/terraverde-borlotti-bohnen-bio-500-g-20102">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">TerraVerde Borlotti Bohnen Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </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-20102-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GZnoWqjhJXW0YrAVyP-K3nf92le-OeGSOaMI-FxhQiwd1D7MYk-gQnvqlvlsjo8H6eGfjQv7_msDbLTCu549bw" />
    <input value="20102" 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%3D68">
    <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/lisas-kesselchips-meersalz-und-rosmarin-bio-125-g-20106">
          <img alt="Lisas Kesselchips Meersalz und Rosmarin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10674/file/small-e44fa353af3373edd9954690880c4caf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10674/file/medium-2c8e3293191a800445f39007ad55e68f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10674/file/large-fa7d99400f322ef42dd83d94db56f2a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10674/file/medium-2c8e3293191a800445f39007ad55e68f.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">Lisa&#39;s Chips</p>
          <a href="/products/lisas-kesselchips-meersalz-und-rosmarin-bio-125-g-20106">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lisas Kesselchips Meersalz und Rosmarin Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4vWhkEsS1RLXUyiQarSteGsaWpDm0KijsvjZEmZ_6R7muHcGgbxQJRjbDnzOxaih9QYfSlMSt1qIN2UogYCWXQ" />
    <input value="20106" 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%3D68">
    <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/fontaine-thunfisch-filet-hell-in-bio-olivenol-120-g-20107">
          <img alt="Fontaine Thunfisch Filet hell in Bio-Olivenöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11223/file/small-c10359211b7e6eff729e6ddd2975e32e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11223/file/medium-34b0b1d141b54c526b03a61636ed4310.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11223/file/large-1dc319d28ecde2285f28f2feeacbab61.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11223/file/medium-34b0b1d141b54c526b03a61636ed4310.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">fontaine</p>
          <a href="/products/fontaine-thunfisch-filet-hell-in-bio-olivenol-120-g-20107">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fontaine Thunfisch Filet hell in Bio-Olivenöl, 120 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 4.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SYO0yNwtin1jE6nF4Oo2FceHs3LdBsh81kSZ-wGDHTFNzmJeFoMPSqybjylEmzPMWZv2qGjE14XsiyXB5nxicg" />
    <input value="20107" 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%3D68">
    <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/lifefood-oat-snack-protein-salted-caramel-vegan-glutenfrei-40-g-20108">
          <img alt="Lifefood Oat Snack Protein Salted Caramel vegan glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10673/file/small-ac88ca42f020a25b8bac313ef2297dd8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10673/file/medium-28919dcc1bc36b97503186b2bec1755e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10673/file/large-4427090640fcd13a474744813e0e1b7f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10673/file/medium-28919dcc1bc36b97503186b2bec1755e.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">Lifefood</p>
          <a href="/products/lifefood-oat-snack-protein-salted-caramel-vegan-glutenfrei-40-g-20108">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lifefood Oat Snack Protein Salted Caramel vegan glutenfrei, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="clJqN2BRKwNUQxGqQMB-7hiBHVdwfyUtca0oTVsusul2H7yhqv-uNJvLN0bksXs3hp1YjcW9OtRLYpR3vNHNqg" />
    <input value="20108" 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%3D68">
    <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/pural-maischips-chili-family-bio-vegan-gf-200-g-20109">
          <img alt="Pural Maischips Chili Family 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/11130/file/small-6a3bf82ea1d6b8797b9876d20dcac3cb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11130/file/medium-af2e8a612a6c5a25e6fe5bd7af8fef5d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11130/file/large-1bf8889e62c6ef781e8408649950de91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11130/file/medium-af2e8a612a6c5a25e6fe5bd7af8fef5d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/products/pural-maischips-chili-family-bio-vegan-gf-200-g-20109">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pural Maischips Chili Family Bio vegan gf, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nIL0iS04urEByEXYE6sWk9MF_v_p7fA1ffnJzZ5VNKqYzyIf55Y_hs5AYzS32hNKTRm7JVwv78xHNnX3eapL6Q" />
    <input value="20109" 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%3D68">
    <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/fontaine-thunfisch-filet-hell-im-eigenen-saft-naturell-120-g-20110">
          <img alt="Fontaine Thunfisch Filet hell im eigenen Saft naturell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11224/file/small-78434a72f7efea09b8a5e4000c00b736.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11224/file/medium-5c2c4192639547a37fea747ec6c2e2a7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11224/file/large-f9c2f54452594c4c0b17e3fee7258086.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11224/file/medium-5c2c4192639547a37fea747ec6c2e2a7.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">fontaine</p>
          <a href="/products/fontaine-thunfisch-filet-hell-im-eigenen-saft-naturell-120-g-20110">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fontaine Thunfisch Filet hell im eigenen Saft naturell, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WEKGHsoXZcxO6b4LY2XD2CdBEGWbz_repEJp_efUTupcD1CIALng-4FhmOfHFMYBuV1Vvy4N5SeejdXHACsxqQ" />
    <input value="20110" 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%3D68">
    <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/morga-kartoffelpuree-bio-150-g-20116">
          <img alt="Morga Kartoffelpüree BIo" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10677/file/small-5bda8cbe8e94bc1f6d308bb5ca528c6b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10677/file/medium-4da4ae164dec5a4ec4aa45c6486e15a5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10677/file/large-ddc85be7acf662b5d940e412a565febd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10677/file/medium-4da4ae164dec5a4ec4aa45c6486e15a5.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">MORGA</p>
          <a href="/products/morga-kartoffelpuree-bio-150-g-20116">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Kartoffelpüree BIo, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

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

</template></turbo-stream>