<turbo-stream action="append" target="products_grid"><template>
    

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/schaf-molke-sport-bio-500-ml-18518">
          <img alt="Schaf Molke Sport Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10067/file/small-217aa3c33781e6fac2a48b30df50e10e.webp 600w, https://assets.fabulous.ch/public/variant_asset/10067/file/medium-0a78b978129bcf5fa2d313cec9b27006.webp 900w, https://assets.fabulous.ch/public/variant_asset/10067/file/large-807312794d4debb45864545dffd468de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10067/file/medium-0a78b978129bcf5fa2d313cec9b27006.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">Dr. Molke</p>
          <a href="/products/schaf-molke-sport-bio-500-ml-18518">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schaf Molke Sport Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.82 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18518&quot;],&quot;content_name&quot;:&quot;Schaf Molke Sport Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18518&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UCNvCWKAyKi0U5vok9Ex4kimvTklH7-NE1L8Ur2AT04hoMq9wWy4ICnXEJlVcw9OunLHj_uvO1J2kZm0nNEO_w" />
    <input value="18518" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/schafmilch-joghurt-bifidus-vanille-bio-125-g-18526">
          <img alt="Schafmilch Joghurt Bifidus Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11350/file/small-3b12278c13a3f69fc453b69bd57156ae.webp 600w, https://assets.fabulous.ch/public/variant_asset/11350/file/medium-de4bbd78dfc84570f5e6ac2fedefeef0.webp 900w, https://assets.fabulous.ch/public/variant_asset/11350/file/large-3b7c0ffbd7434c981669c22b9174bedc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11350/file/medium-de4bbd78dfc84570f5e6ac2fedefeef0.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">Emscha</p>
          <a href="/products/schafmilch-joghurt-bifidus-vanille-bio-125-g-18526">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schafmilch Joghurt Bifidus Vanille Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.52 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18526&quot;],&quot;content_name&quot;:&quot;Schafmilch Joghurt Bifidus Vanille Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18526&quot;,&quot;quantity&quot;:4}],&quot;value&quot;:7.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TIMRDU6G59h2byU-1ud_ZQ0_m1PbFKBGQu3z6zaqcOE9ALS57WqXUOvrrk8QRUHJ_-vh5QWkJJknLpYNF_sxUA" />
    <input value="18526" type="hidden" name="variant_id" id="variant_id" />
    <input value="4" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/schafmilch-joghurt-mango-bio-125-g-18527">
          <img alt="Schafmilch Joghurt Mango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11351/file/small-e3add949d0438caea438fdcfc442a24f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11351/file/medium-ab205e522b1b89594a6b868e411b2b1b.webp 900w, https://assets.fabulous.ch/public/variant_asset/11351/file/large-2ff8fea9366eb7e754115601bb9a293c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11351/file/medium-ab205e522b1b89594a6b868e411b2b1b.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">Emscha</p>
          <a href="/products/schafmilch-joghurt-mango-bio-125-g-18527">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schafmilch Joghurt Mango Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.52 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18527&quot;],&quot;content_name&quot;:&quot;Schafmilch Joghurt Mango Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18527&quot;,&quot;quantity&quot;:4}],&quot;value&quot;:7.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ekHoBqJR-eWV0Xh4SXQmb3jEHaSVtTz7KHaEDgz1RP8Lwk2yAb2JbQhV8wmP1hjDihBnEksFuCRNteHoLaQFTg" />
    <input value="18527" type="hidden" name="variant_id" id="variant_id" />
    <input value="4" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/schafmilch-joghurt-mocca-bio-125-g-18528">
          <img alt="Schafmilch Joghurt Mocca Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11352/file/small-a0ce7fc040e5ce0b780dc4569e7a9fdb.webp 600w, https://assets.fabulous.ch/public/variant_asset/11352/file/medium-73397834b5eeb3f79d5a8715631084cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/11352/file/large-a8d85846f61ecf841e9b8f98c2c76395.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11352/file/medium-73397834b5eeb3f79d5a8715631084cd.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">Emscha</p>
          <a href="/products/schafmilch-joghurt-mocca-bio-125-g-18528">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schafmilch Joghurt Mocca Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.52 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18528&quot;],&quot;content_name&quot;:&quot;Schafmilch Joghurt Mocca Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18528&quot;,&quot;quantity&quot;:4}],&quot;value&quot;:7.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lnXcXOKErnEdpYiAj5kuOIIsdV9dvJ9hHCPlkQ2fOK3n9nnoQWje-YAhA_FJOxCUcPgP6YMMG7554IB3LM55HA" />
    <input value="18528" type="hidden" name="variant_id" id="variant_id" />
    <input value="4" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/schafmilch-joghurt-schokolade-bio-125-g-18529">
          <img alt="Schafmilch Joghurt Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11354/file/small-b400a1915abe9a471256c36d41c4931f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11354/file/medium-39887ed4f7e740b79c5b7d598c1c5020.webp 900w, https://assets.fabulous.ch/public/variant_asset/11354/file/large-c3874015c8152f6403e0b459b7c42776.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11354/file/medium-39887ed4f7e740b79c5b7d598c1c5020.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">Emscha</p>
          <a href="/products/schafmilch-joghurt-schokolade-bio-125-g-18529">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schafmilch Joghurt Schokolade Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.52 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18529&quot;],&quot;content_name&quot;:&quot;Schafmilch Joghurt Schokolade Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18529&quot;,&quot;quantity&quot;:4}],&quot;value&quot;:7.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ve_yzdVQgy7OHqh9fbi5oOkKGoyUgVNocPyP6oZkFvUkbFd5drzzplOaIwy7GocMG95gOkox17cVP-oMpzVXRA" />
    <input value="18529" type="hidden" name="variant_id" id="variant_id" />
    <input value="4" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/hummus-avocado-bio-170-g-18542">
          <img alt="Hummus Avocado Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10890/file/small-8f137eac4c0327a8f321e0c71914a261.webp 600w, https://assets.fabulous.ch/public/variant_asset/10890/file/medium-3d0ef27e9b6ebcbc25332eb745f157ff.webp 900w, https://assets.fabulous.ch/public/variant_asset/10890/file/large-b82edd3ece73c08e86082bdd84ff55aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10890/file/medium-3d0ef27e9b6ebcbc25332eb745f157ff.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">Florentin</p>
          <a href="/products/hummus-avocado-bio-170-g-18542">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hummus Avocado Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.76 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18542&quot;],&quot;content_name&quot;:&quot;Hummus Avocado Bio, 170 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18542&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JfSww5RufWJEQ8AQJgeMrMgZVqG1ySxXlcP9ZOhKWCxUdxV3N4IN6tnHS2HgpbIAOs0sF2t5qIjwAJiCyRsZnQ" />
    <input value="18542" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/pita-brot-dinkel-bio-260-g-18543">
          <img alt="Pita Brot Dinkel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9605/file/small-51cf4c892317831ed67b24e98a1c68e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/9605/file/medium-0d85785701c070b69549470aef917caa.webp 900w, https://assets.fabulous.ch/public/variant_asset/9605/file/large-4905f49a5ed517a66fca49a573191b0e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9605/file/medium-0d85785701c070b69549470aef917caa.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">Florentin</p>
          <a href="/products/pita-brot-dinkel-bio-260-g-18543">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pita Brot Dinkel Bio, 260 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18543&quot;],&quot;content_name&quot;:&quot;Pita Brot Dinkel Bio, 260 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18543&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T2n-FolrP7sob8ptSmTQnSoxqZnZwTYXb0Q34SxkPlQ-6luiKodPM7XrQRyMxu4x2OXTLwdxssgKh1IHDTV_5Q" />
    <input value="18543" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/senf-tube-bio-200-g-18545">
          <img alt="Senf Tube Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9971/file/small-df856f38a69b3c5c3881ede09765d0f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/9971/file/medium-ee2544d0c248dd084613f17b2cb89a6f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9971/file/large-a6e6ed6c5ba44c15ef85bc4bb94a1d76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9971/file/medium-ee2544d0c248dd084613f17b2cb89a6f.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">Gautschi</p>
          <a href="/products/senf-tube-bio-200-g-18545">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senf Tube Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18545&quot;],&quot;content_name&quot;:&quot;Senf Tube Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18545&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FUZz6xHpJQQgtUj4DxbB7MmsDTPcJB7-dtCiMj2FeyxkxdZfsgVVjL0xw4nJtP9AO3h3hQKUmiETE8fUHNQ6nQ" />
    <input value="18545" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/vollkorn-hafer-chocolat-bio-2-x-80-g-18546">
          <img alt="Vollkorn Hafer Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10078/file/small-32089e2fd5af16362d5da90e7dc10e9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/10078/file/medium-9120641c0074e78412b7b46b48738b4c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10078/file/large-9c9b77d4c27ab3d46615dd83fbc36f3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10078/file/medium-9120641c0074e78412b7b46b48738b4c.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">Gerber Biscuits</p>
          <a href="/products/vollkorn-hafer-chocolat-bio-2-x-80-g-18546">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vollkorn Hafer Chocolat Bio, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18546&quot;],&quot;content_name&quot;:&quot;Vollkorn Hafer Chocolat Bio, 2 x 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18546&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4eMcE5-Fym9AK2ZolKKuMoEW_K0I2xOWFm_vtN0yMi-QYLmnPGm6592v7RlSAJCec8KGG9Zrl0lzrIpS_GNzng" />
    <input value="18546" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/vollkorn-hafer-dinkel-ingwer-bio-2-x-80-g-18547">
          <img alt="Vollkorn Hafer Dinkel Ingwer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10080/file/small-3aa07716dd0c3bdd8408550c112d87a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/10080/file/medium-962422024ba2015d42825cb5886a40cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/10080/file/large-57b6f6941d4713af8ee90b22534160e7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10080/file/medium-962422024ba2015d42825cb5886a40cd.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">Gerber Biscuits</p>
          <a href="/products/vollkorn-hafer-dinkel-ingwer-bio-2-x-80-g-18547">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vollkorn Hafer Dinkel Ingwer Bio, 2 x 80 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 3.78 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18547&quot;],&quot;content_name&quot;:&quot;Vollkorn Hafer Dinkel Ingwer Bio, 2 x 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18547&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y9FroYKq7140MmJghS5CiVzgFgC86Uzq1veqn9ii53a6Us4VIUaf1qm26RFDjHwlrjRstmJZyDWzNM95-fOmxw" />
    <input value="18547" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/maroni-konfekt-bio-100-g-18550">
          <img alt="Maroni Konfekt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9228/file/small-1fce5fdb96213a1a44a9fb24b893f1d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/9228/file/medium-81f6b59010c9659b6a6da8363579e039.webp 900w, https://assets.fabulous.ch/public/variant_asset/9228/file/large-f8780a62e0a968c31d6d12a09bf5c5cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9228/file/medium-81f6b59010c9659b6a6da8363579e039.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/maroni-konfekt-bio-100-g-18550">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Maroni Konfekt Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18550&quot;],&quot;content_name&quot;:&quot;Maroni Konfekt Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18550&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hXx8RPum9y1dwIDdrbOpQ1azufj38SN1aeV7gHoL6M70_9nwWEqHpcBEC6xrEZfvpGfDTilBp6oMJh5mW1qpfw" />
    <input value="18550" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/mandel-magic-kugeln-bio-120-g-18552">
          <img alt="Mandel Magic Kugeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9230/file/small-5b6926c2ade55372727dd6bb67c71a9c.webp 600w, https://assets.fabulous.ch/public/variant_asset/9230/file/medium-f6a3a9d04f9b11152a27c2b1b4040827.webp 900w, https://assets.fabulous.ch/public/variant_asset/9230/file/large-40d7895a3850d240e658901f851ee9c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9230/file/medium-f6a3a9d04f9b11152a27c2b1b4040827.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/mandel-magic-kugeln-bio-120-g-18552">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandel Magic Kugeln Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18552&quot;],&quot;content_name&quot;:&quot;Mandel Magic Kugeln Bio, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18552&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7JH1IhSaQY94IRKsN4dgG7W8tNQGhgEqj4k7sMXiMa6dElCWt3YxB-Wlmd3xJV63R2jOYtg2hfXqSl5W5LNwHw" />
    <input value="18552" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/laddu-sesam-bio-120-g-18553">
          <img alt="Laddu Sesam Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9606/file/small-0ed4817557e23f5082a8862dd0fa1db0.webp 600w, https://assets.fabulous.ch/public/variant_asset/9606/file/medium-8ee5092eea795f06c0ff9d752afd051a.webp 900w, https://assets.fabulous.ch/public/variant_asset/9606/file/large-0e77ad16f6ca6fcfb41c5707bc20bdd9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9606/file/medium-8ee5092eea795f06c0ff9d752afd051a.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/laddu-sesam-bio-120-g-18553">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Laddu Sesam Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18553&quot;],&quot;content_name&quot;:&quot;Laddu Sesam Bio, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18553&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VfjIW3iUapUcWIecNjQixJWBAKxUcuL9iLMowiqr1n0ke23v23gaHYHcDO3wlhxoZ1V6GorCZiLtcE0kC_qXzA" />
    <input value="18553" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/muesli-unser-bestes-konv-500-g-18554">
          <img alt="Müesli unser Bestes konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10354/file/small-0321ff061765f9121474653bb639cca8.webp 600w, https://assets.fabulous.ch/public/variant_asset/10354/file/medium-c148ff330fab8ef91a17c8cbb16ec066.webp 900w, https://assets.fabulous.ch/public/variant_asset/10354/file/large-c7e217076b063fc8496b16207ce536be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10354/file/medium-c148ff330fab8ef91a17c8cbb16ec066.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">Granovita</p>
          <a href="/products/muesli-unser-bestes-konv-500-g-18554">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Müesli unser Bestes konv, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18554&quot;],&quot;content_name&quot;:&quot;Müesli unser Bestes konv, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18554&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ia-zLRW2cyucD7INEGWAC69gn8Yb2gOOzvwpu-MTngL4LBaZtloDowGLOXzWx76nXbTlcMVqh1GrP0xdwkLfsw" />
    <input value="18554" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/brownie-bio-70-g-18555">
          <img alt="Brownie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11489/file/small-0b81ad3024cea294b10578487341070d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11489/file/medium-87c2b74c7b9ebcb56a64ededcbe3e892.webp 900w, https://assets.fabulous.ch/public/variant_asset/11489/file/large-6c6cd3b6e5c67e37a156712274987767.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11489/file/medium-87c2b74c7b9ebcb56a64ededcbe3e892.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"> Feinbäckerei Guggenloch</p>
          <a href="/products/brownie-bio-70-g-18555">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brownie Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/butterringli-bio-50-g-18556">
          <img alt="Butterringli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11488/file/small-d58da67779f9290473a07f73ada14d97.webp 600w, https://assets.fabulous.ch/public/variant_asset/11488/file/medium-df438c1dcde6d3ee93256813aa3b6bf4.webp 900w, https://assets.fabulous.ch/public/variant_asset/11488/file/large-f2bead66a0191c3f736625563e5293de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11488/file/medium-df438c1dcde6d3ee93256813aa3b6bf4.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"> Feinbäckerei Guggenloch</p>
          <a href="/products/butterringli-bio-50-g-18556">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Butterringli Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/spitzbueb-dinkel-bio-65-g-18557">
          <img alt="Spitzbueb Dinkel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11485/file/small-bea7540cf350a0438312738da89d2309.webp 600w, https://assets.fabulous.ch/public/variant_asset/11485/file/medium-c11c9df7f516c8c9cefcfac8c58e428b.webp 900w, https://assets.fabulous.ch/public/variant_asset/11485/file/large-39416a80dee4542234e775c46bb68cb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11485/file/medium-c11c9df7f516c8c9cefcfac8c58e428b.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"> Feinbäckerei Guggenloch</p>
          <a href="/products/spitzbueb-dinkel-bio-65-g-18557">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spitzbueb Dinkel Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/haferstange-bio-50-g-18558">
          <img alt="Haferstange Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11487/file/small-e934da4f5137a21b83398fbc89bf89cb.webp 600w, https://assets.fabulous.ch/public/variant_asset/11487/file/medium-f73f01d13c3b24255559ec1f9f92fbec.webp 900w, https://assets.fabulous.ch/public/variant_asset/11487/file/large-56306f32dc6dcf92897d17011afa3e6f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11487/file/medium-f73f01d13c3b24255559ec1f9f92fbec.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"> Feinbäckerei Guggenloch</p>
          <a href="/products/haferstange-bio-50-g-18558">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferstange Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/haselnussschnitte-bio-65-g-18559">
          <img alt="Haselnussschnitte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11486/file/small-6a9da73ba5381bb25a2ddb5939d7c47a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11486/file/medium-27a6a32f179639b316201de0b6505a6a.webp 900w, https://assets.fabulous.ch/public/variant_asset/11486/file/large-9673b45d1eb62492db7fc9e30b0a3e8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11486/file/medium-27a6a32f179639b316201de0b6505a6a.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"> Feinbäckerei Guggenloch</p>
          <a href="/products/haselnussschnitte-bio-65-g-18559">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haselnussschnitte Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D72">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/spitzbueb-aprikose-bio-70-g-18560">
          <img alt="Spitzbueb Aprikose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11484/file/small-84c277ad3a5170fc7f029ebf452605fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/11484/file/medium-0e22739644a85e655e160066f119ad12.webp 900w, https://assets.fabulous.ch/public/variant_asset/11484/file/large-1c53a27f0caca92cb468ddcaea50e597.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11484/file/medium-0e22739644a85e655e160066f119ad12.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"> Feinbäckerei Guggenloch</p>
          <a href="/products/spitzbueb-aprikose-bio-70-g-18560">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spitzbueb Aprikose Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

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

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;440 von 1&#39;894 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel?format=turbo_stream&amp;page=73">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>