<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%3D23">
    <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/fruchtgarten-erdbeer-rhabarber-bio-225-g-17464">
          <img alt="Fruchtgarten Erdbeer-Rhabarber Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/8138/file/small-7cd729c6f60738e558e7f5565fff8299.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/8138/file/medium-5360722d7063527e36dfedbe20066b7e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/8138/file/large-422bf960704757f44abe86d12b3546c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/8138/file/medium-5360722d7063527e36dfedbe20066b7e.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/fruchtgarten-erdbeer-rhabarber-bio-225-g-17464">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruchtgarten Erdbeer-Rhabarber Bio, 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-17464-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Jza37CcqHyPS7JiXPcbAJ3uf2gwEndI1aohmdUtdE1H08dVUUCRhBiCXW_IDEvkq0WxdkYxd82uJmC6U8ElSZg" />
    <input value="17464" 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%3D23">
    <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/streudose-leer-1-stuck-18011">
          <img alt="Streudose leer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/8931/file/small-3f9c14b9c67c3b8c1e43e1529704ee3a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/8931/file/medium-e84088202eaf72549003cde4276b809f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/8931/file/large-3d41428e988e012b0403f1aae7e879c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/8931/file/medium-e84088202eaf72549003cde4276b809f.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/streudose-leer-1-stuck-18011">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Streudose leer, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.15
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2YSlm97rchCTW8cor-beUoK9XchhOG4wOmP0t4nQrckKQ8cjqeUMNWEgBE2RMudfKE7aVen4T27Zc7xWMsTs_g" />
    <input value="18011" 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%3D23">
    <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/johannisbrotkernmehl-bio-65-g-18106">
          <img alt="Johannisbrotkernmehl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9050/file/small-38d336d713b5294e25ed42f175d3842f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9050/file/medium-5d15b5cd913023014c34e0a1dcf3a9ab.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9050/file/large-5a66590f281d20af35356f3794c469c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9050/file/medium-5d15b5cd913023014c34e0a1dcf3a9ab.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/johannisbrotkernmehl-bio-65-g-18106">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Johannisbrotkernmehl Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9kddILAG4YYwHaEkpNLJE1Vb40f1ejHnRn08hAfEB3ElgD-Yxwifo8JmYkGaBvAe_6hk2n26ELmlbXRlvNBGRg" />
    <input value="18106" 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%3D23">
    <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/alberts-lupinen-vevapcici-bio-200-g-18130">
          <img alt="Alberts Lupinen Vevapcici Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9352/file/small-3ae215d5d166b61f5da23464834d4390.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9352/file/medium-7128947a377e8e003b5b99d990cae815.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9352/file/large-02a0eaca7a2f73832a56f47f13a12b67.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9352/file/medium-7128947a377e8e003b5b99d990cae815.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">Alberts</p>
          <a href="/products/alberts-lupinen-vevapcici-bio-200-g-18130">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alberts Lupinen Vevapcici Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CCgjkfyELjJR_PPsRhb2PSYxQBRmquV7DGnkpT1iF0Db70Epi4pQF6OHMIl4ws8wjMLHie5qxCXveaxEhnZWdw" />
    <input value="18130" 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%3D23">
    <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/alcenero-hartweizen-hell-penne-bio-500-g-18132">
          <img alt="AlceNero Hartweizen hell Penne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9746/file/small-6b8270bd13d3b53eba7604326fbdee81.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9746/file/medium-66c258696271152e0d75a7207c92fcc0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9746/file/large-4701926b5dd963f6ce5eaf0aa297fe65.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9746/file/medium-66c258696271152e0d75a7207c92fcc0.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">AlceNero</p>
          <a href="/products/alcenero-hartweizen-hell-penne-bio-500-g-18132">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlceNero Hartweizen hell Penne Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xZ9sYawEQuTbee7E-kBxi0hXE5MjO3464DJYOkBJeM4WWA7Z2wo8wSkCLaHElEiG4qSUDqv7X2QDIhDb-105-Q" />
    <input value="18132" 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%3D23">
    <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/alcenero-hartweizen-hell-spaghetti-bio-500-g-18133">
          <img alt="AlceNero Hartweizen hell Spaghetti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9070/file/small-931cbfb4f6912751b957432304eb257b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9070/file/medium-ee3684836db0ca0f37d472066c0007e8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9070/file/large-abbaa982cb644dca8467b1c055fa4ba2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9070/file/medium-ee3684836db0ca0f37d472066c0007e8.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">AlceNero</p>
          <a href="/products/alcenero-hartweizen-hell-spaghetti-bio-500-g-18133">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlceNero Hartweizen hell Spaghetti Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XURGkwbFzfa5bxFUH_vlDDatKkxrRYTNE13CRwPbGaaOgyQrccuz00sU0jEhL9wBnF6t0eOFpZPwTYqmuM9YkQ" />
    <input value="18133" 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%3D23">
    <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/alcenero-hartweizen-hell-spiralen-tricolore-bio-500-g-18134">
          <img alt="AlceNero Hartweizen hell Spiralen Tricolore Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9747/file/small-8178327e30b38ae3565d1df52efdb348.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9747/file/medium-b8a0c3d00eb905c6c37d6f2e8e3163ac.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9747/file/large-dfb9d2b7f9253c9bbf23c50d86522252.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9747/file/medium-b8a0c3d00eb905c6c37d6f2e8e3163ac.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">AlceNero</p>
          <a href="/products/alcenero-hartweizen-hell-spiralen-tricolore-bio-500-g-18134">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlceNero Hartweizen hell Spiralen Tricolore Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gervTw5I7egP9tNh-yCIcZMZ7VDsMFpY2HZ-ZS2pRrxSLY33eUaTzf2NEATF9LF8OepqzWTwewY7ZjaElr0Hiw" />
    <input value="18134" 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%3D23">
    <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/alcenero-olivenol-extravirgin-dop-terre-di-bari-italien-bio-750-ml-18135">
          <img alt="AlceNero Olivenöl Extravirgin DOP Terre Di Bari Italien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9748/file/small-50091bc274011e8c2bae482b2340b060.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9748/file/medium-e176439c3062784768d39c0c33d16859.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9748/file/large-e933d6ae44fe69176204698d6d9098fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9748/file/medium-e176439c3062784768d39c0c33d16859.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">AlceNero</p>
          <a href="/products/alcenero-olivenol-extravirgin-dop-terre-di-bari-italien-bio-750-ml-18135">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlceNero Olivenöl Extravirgin DOP Terre Di Bari Italien Bio, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wD0Xf3V7N8750e5iVWdxMnXplgfUyz-E69HXSKmXnAsT-nXHAnVJ6wuqLQdrs0g_3xoRmlwLHtoIwZ-pEoPdPA" />
    <input value="18135" 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%3D23">
    <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/alcenero-pesto-genovese-bio-130-g-18136">
          <img alt="AlceNero Pesto Genovese Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9075/file/small-23c48fa761e9b06bfedfb59a73ccc740.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9075/file/medium-bbb6971c562fb91cfe37b2afb78a4244.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9075/file/large-6c9724462c2be53f2721b508381b66b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9075/file/medium-bbb6971c562fb91cfe37b2afb78a4244.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">AlceNero</p>
          <a href="/products/alcenero-pesto-genovese-bio-130-g-18136">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlceNero Pesto Genovese Bio, 130 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 4.85 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sIgAjn2fJNcI-M4NEpAEs4gKbAe2kYjAwUqvFmwimNRjT2I2CpFa8vqDDWgsRD2-Ivnrmj5RqZ4iWuf31zbZ4w" />
    <input value="18136" 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%3D23">
    <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/alcenero-pesto-rosso-bio-130-g-18137">
          <img alt="AlceNero Pesto Rosso Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11341/file/small-38a432a08efc1ac04a62fe35fa2eba67.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11341/file/medium-616b18bed0498fd6f3afbd3ffa2f4b0e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11341/file/large-3fb6faf76d01541c99b81d9702a503c2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11341/file/medium-616b18bed0498fd6f3afbd3ffa2f4b0e.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">AlceNero</p>
          <a href="/products/alcenero-pesto-rosso-bio-130-g-18137">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlceNero Pesto Rosso Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ms3CIMwL5JX09YHONy8jq1eFaUJvG-xdjSSZxa-PAeFJCqCYuwWasAaOQqsJ-xqm_Xbu3-fbzQNuNNEkFJtA1g" />
    <input value="18137" 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%3D23">
    <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/alcenero-reis-arborio-weiss-bio-500-g-18138">
          <img alt="AlceNero Reis Arborio weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9740/file/small-b0c979667d11c19b9a22abecb6d44a3c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9740/file/medium-e72ba6db276a9d969274aaf56f18a36f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9740/file/large-f4610a264d604c8dcf6fc80d394c7091.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9740/file/medium-e72ba6db276a9d969274aaf56f18a36f.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">AlceNero</p>
          <a href="/products/alcenero-reis-arborio-weiss-bio-500-g-18138">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlceNero Reis Arborio weiss Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.35
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7PjBatPDPH7PJdlyg8G4i8pUzGwOfPKxj-sUXvBhSiw_P6PSpM1CWz1eGhe9FYGGYKdL8Ya80-9s-1y_S3ULGw" />
    <input value="18138" 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%3D23">
    <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/alcenero-tomaten-passata-bio-500-g-18139">
          <img alt="AlceNero Tomaten Passata Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9073/file/small-d1cb2f67cffba017de9b4e7a52cc0105.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9073/file/medium-def68c93e638030cbb4b80cd8fb4d66d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9073/file/large-f171386fc0fa4571b60a8d91a3c71698.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9073/file/medium-def68c93e638030cbb4b80cd8fb4d66d.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">AlceNero</p>
          <a href="/products/alcenero-tomaten-passata-bio-500-g-18139">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlceNero Tomaten Passata Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-NdBPM5SgVK1RGklepwtg7yGl8sDorj2G7b5Ggx90R0rECOEuVz_d0c_qkBESBSOFnUQVotimaj4prH7t2mQKg" />
    <input value="18139" 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%3D23">
    <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/alcenero-tomaten-pelati-dose-bio-400-g-18140">
          <img alt="AlceNero Tomaten Pelati Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9072/file/small-b85a10c922e327ce1855850409575a10.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9072/file/medium-37a1223a6b0866e56f49b536f245b283.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9072/file/large-384e39f35ea2dccf9d2be89cd6cdc9e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9072/file/medium-37a1223a6b0866e56f49b536f245b283.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">AlceNero</p>
          <a href="/products/alcenero-tomaten-pelati-dose-bio-400-g-18140">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlceNero Tomaten Pelati Dose Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wlBcBFaRtuLDVT6mD76HJiE114YivOTTD-qZRgemCekRlz68IZ_IxzEu_cMxar4ri8ZQG6p8xY3s-tGnvLJI3g" />
    <input value="18140" 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%3D23">
    <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/alcenero-tomaten-pulpe-bio-500-g-18141">
          <img alt="AlceNero Tomaten Pulpe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11300/file/small-5135aaaab1245087c520a2310308f07b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11300/file/medium-7a8e6dc145c37b747228d88d13a30912.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11300/file/large-fc9e2ca3e54224d4f5cd46cd8712770f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11300/file/medium-7a8e6dc145c37b747228d88d13a30912.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">AlceNero</p>
          <a href="/products/alcenero-tomaten-pulpe-bio-500-g-18141">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlceNero Tomaten Pulpe Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UrWXzVRG4YUKW7QTIectG5cw9XdcCU0Rm_tlDB77qlGBcvV1I0ifoPggd3YfMxQWPcNy6tTJbE946y3tpe_rZg" />
    <input value="18141" 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%3D23">
    <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/alcenero-tomaten-pulpe-mit-basilikum-bio-500-g-18142">
          <img alt="AlceNero Tomaten Pulpe mit Basilikum Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9071/file/small-151b6898d1d3152ef65a102dfc8a8a0c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9071/file/medium-a229db4acbfc92b4fa88f4a5aa978fcc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9071/file/large-fc27056e42e599f050829ec67a22e6ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9071/file/medium-a229db4acbfc92b4fa88f4a5aa978fcc.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">AlceNero</p>
          <a href="/products/alcenero-tomaten-pulpe-mit-basilikum-bio-500-g-18142">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlceNero Tomaten Pulpe mit Basilikum Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EtgslVoK1eX77teOSVh8AE5tDQBGb0FBruLO1DvJco_BH04tLQSrwAmVFOt3jEUN5J6Knc6vYB9N8oY1gN0zuA" />
    <input value="18142" 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%3D23">
    <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/alcenero-tomaten-sauce-all-arrabbiata-bio-350-g-18143">
          <img alt="AlceNero Tomaten Sauce All&#39;Arrabbiata Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9741/file/small-e242265b66ffee0b3a053f2d9f68a148.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9741/file/medium-18cf3b0f6243b3b16e32524c196fd979.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9741/file/large-9e404e417137efa7cb3d819b4c9b979a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9741/file/medium-18cf3b0f6243b3b16e32524c196fd979.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">AlceNero</p>
          <a href="/products/alcenero-tomaten-sauce-all-arrabbiata-bio-350-g-18143">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlceNero Tomaten Sauce All&#39;Arrabbiata Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CYPjJJilCjVZXyTUJflOHG3zNO5399RBlt34hvmn3araRIGc76t0EKsk57EbLXcRxwCzc_839R91zbBnQrOcnQ" />
    <input value="18143" 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%3D23">
    <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/alcenero-tomaten-sauce-basilikum-bio-350-g-18144">
          <img alt="AlceNero Tomaten Sauce Basilikum Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9742/file/small-fb0c245bc91ad70db38b1ad380def113.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9742/file/medium-f7fc6e2b85f433457db6b565966879ca.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9742/file/large-6985f04947b8bcd93844c5574eff0725.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9742/file/medium-f7fc6e2b85f433457db6b565966879ca.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">AlceNero</p>
          <a href="/products/alcenero-tomaten-sauce-basilikum-bio-350-g-18144">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlceNero Tomaten Sauce Basilikum Bio, 350 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 1.57 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w9AYUmduzGCO0_DiBGc8Mqc0EDVVXHRKrr3CadOYNPAQF3rqEGCyRXyoM4c6swU_DceXqN2cVRRNrYqIaIx1xw" />
    <input value="18144" 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%3D23">
    <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/alcenero-tomaten-sauce-mit-getrockneten-tomaten-bio-200-g-18145">
          <img alt="AlceNero Tomaten Sauce mit getrockneten Tomaten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9743/file/small-e3fa11e9d83d2e1e76cf5d6ffdb558fd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9743/file/medium-f8b0b4bf842e9e24c9ab00dba73aedcd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9743/file/large-e14cc82554fa2fe19a565bcab0361cb5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9743/file/medium-f8b0b4bf842e9e24c9ab00dba73aedcd.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">AlceNero</p>
          <a href="/products/alcenero-tomaten-sauce-mit-getrockneten-tomaten-bio-200-g-18145">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlceNero Tomaten Sauce mit getrockneten Tomaten Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ruAE-GeRZZQ9RzL-HU-QaGy9bUP8tZzmAPT-Sy0BqRJ9J2ZAEJ8bsc888Zsjm6llxk7q3nR1vbjj5LaqlhXoJQ" />
    <input value="18145" 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%3D23">
    <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/alcenero-vollkorn-fusilli-500-g-18146">
          <img alt="AlceNero Vollkorn Fusilli" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9744/file/small-cc71fe2c6fe174395200312bdfd52837.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9744/file/medium-f0879503d1862e753e3b98aedeae71aa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9744/file/large-ec825ffab7e03ec0aadcc87de93f5015.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9744/file/medium-f0879503d1862e753e3b98aedeae71aa.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">AlceNero</p>
          <a href="/products/alcenero-vollkorn-fusilli-500-g-18146">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlceNero Vollkorn Fusilli, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mFpBpjEsf9Z-qGjeR3mK0QMSuXjW1VrvQXl7OyVB8hdLnSMeRiIB84zTq7t5rbPcqeE-5V4Ve7GiaTPanlWzIA" />
    <input value="18146" 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%3D23">
    <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/alcenero-vollkorn-spaghetti-bio-500-g-18147">
          <img alt="AlceNero Vollkorn Spaghetti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9745/file/small-c7e1bcab8f5cf38cec4995c39aab6aa3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9745/file/medium-16076bd656f7a74f4e97aaed22fe24ad.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9745/file/large-8e7356f0309b79b5ac9b4f75cd72910d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9745/file/medium-16076bd656f7a74f4e97aaed22fe24ad.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">AlceNero</p>
          <a href="/products/alcenero-vollkorn-spaghetti-bio-500-g-18147">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlceNero Vollkorn Spaghetti Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

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

</template></turbo-stream>