<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%3D37">
    <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/issro-traubenzucker-zitrone-100-g-18486">
          <img alt="Issro Traubenzucker Zitrone" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10073/file/small-80bde27cf3dd2b9f1a8dbf5acbdd4a49.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10073/file/medium-b82aea56f77bfd23a581d0536518540e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10073/file/large-55d00640e7d4ae3c8e47fa01e125b9f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10073/file/medium-b82aea56f77bfd23a581d0536518540e.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">Issro</p>
          <a href="/products/issro-traubenzucker-zitrone-100-g-18486">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Issro Traubenzucker Zitrone, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </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-18486-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4vtlyicFgsJGuBm-mw7PNycOWmhp6ze06l6g_w5kERUF0p2-TrM2dLOTkIrd1jicswV6Pqw4qL6ef7yrN-S_jg" />
    <input value="18486" 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%3D37">
    <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/jentschura-morgen-stund-bio-gf-1-kg-18489">
          <img alt="Jentschura Morgen Stund Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9134/file/small-fa6c2f07fe566dd9cc1ee282e43a26cf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9134/file/medium-d178865c7253c2b80e7350c7a202387c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9134/file/large-80cdd0c0d17e61f2bcda76efb25b211e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9134/file/medium-d178865c7253c2b80e7350c7a202387c.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">Jentschura</p>
          <a href="/products/jentschura-morgen-stund-bio-gf-1-kg-18489">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jentschura Morgen Stund Bio gf, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L11ES2epbY7wEZJbxp64tO3K5tQLD05o4w8cSMZhPd7IdLw_Dh_ZOAU6G2-ARk8fecHGgs7c0WKXLgAc_-GTRQ" />
    <input value="18489" 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%3D37">
    <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/jentschura-morgen-stund-bio-gf-500-g-18490">
          <img alt="Jentschura Morgen Stund Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9135/file/small-44782fd960f2ee95a36c4b25ab12c0c1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9135/file/medium-85c3f7612d6415e99781ba7bf8e81382.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9135/file/large-b32b51b313db7a9c104476b319232f1c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9135/file/medium-85c3f7612d6415e99781ba7bf8e81382.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">Jentschura</p>
          <a href="/products/jentschura-morgen-stund-bio-gf-500-g-18490">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jentschura Morgen Stund Bio gf, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q7GcRECllBZNiFPiAMhQYOVKEM296qzVzE162-0oSjdMmGQwKRMgoLij2tZGEKfLcUEwm3g5M9-4bGaP1KjkrA" />
    <input value="18490" 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%3D37">
    <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/kornhaus-pizzoccheri-300-g-18496">
          <img alt="Kornhaus Pizzoccheri" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10627/file/small-b0674c95e6a1a30de4913fe98ec9c3d8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10627/file/medium-2785502114bb79f3da13d48fbe947375.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10627/file/large-4b95d483c074f7950b26af96bdd9307e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10627/file/medium-2785502114bb79f3da13d48fbe947375.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">Kornhaus</p>
          <a href="/products/kornhaus-pizzoccheri-300-g-18496">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kornhaus Pizzoccheri, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_CNEZLadKxxWDSclHurwpoJEITXDGBupBHlhG9rSTn0bCrwQ3yufqqMmrhFYMgcNFk8BYwbLhKNwWH1P41Lg5g" />
    <input value="18496" 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%3D37">
    <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/lafinestra-alge-dulse-bretagne-bio-50-g-18497">
          <img alt="LaFinestra Alge Dulse Bretagne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10696/file/small-74b2e258e32a9c69d3d0173d8eb508c0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10696/file/medium-fcbd307751dd34dbfdf228762dd8af36.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10696/file/large-1bf4935ac4841b5c6bc18c90b3b32d69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10696/file/medium-fcbd307751dd34dbfdf228762dd8af36.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">LaFinestraSulCielo</p>
          <a href="/products/lafinestra-alge-dulse-bretagne-bio-50-g-18497">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LaFinestra Alge Dulse Bretagne Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NBFZKTylC6qiO6OZ497T7NvVRVp_a7ziBu8Nll3DvXvTOKFdVRO_HFcQKq2lBiRHT95lDLq4I-hyzhHCZEMT4A" />
    <input value="18497" 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%3D37">
    <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/landgarten-kirschen-in-zartbitterschokolade-bio-50-g-18498">
          <img alt="Landgarten Kirschen in Zartbitterschokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11114/file/small-fda23cd556ce3321f54ad43ca1faa5e3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11114/file/medium-361b1fe7a51755931d3df453ae72447a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11114/file/large-17d6dfdf8444eb649b505f672c5a00de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11114/file/medium-361b1fe7a51755931d3df453ae72447a.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">Landgarten</p>
          <a href="/products/landgarten-kirschen-in-zartbitterschokolade-bio-50-g-18498">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Landgarten Kirschen in Zartbitterschokolade Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-3CBSAghKV6vsJOrT--UhcjuD0MlTQ42Yzpajz3m4UkcWXk8YZed6FqbGp8JN2MuXOUvFeCekTwXG0bbBGZP0g" />
    <input value="18498" 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%3D37">
    <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/landgarten-beeren-in-dreierlei-schokoladen-bio-50-g-18499">
          <img alt="Landgarten Beeren in dreierlei Schokoladen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9137/file/small-266688e98cfad1bdbb15f167bb694d1e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9137/file/medium-4330fdae3e46dd60857b9463ce60346f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9137/file/large-52a4186c9519d108edde63a80dcad256.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9137/file/medium-4330fdae3e46dd60857b9463ce60346f.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">Landgarten</p>
          <a href="/products/landgarten-beeren-in-dreierlei-schokoladen-bio-50-g-18499">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Landgarten Beeren in dreierlei Schokoladen Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v2IzQAHk_QYrsu3GFF1OoAGjyNgZxky9AkFbloEPs_9YS8s0aFJJsN6ZZPJShbkLlajojtwV07d2YEfCuI8dZA" />
    <input value="18499" 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%3D37">
    <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/landgarten-knabber-mix-original-bio-50-g-18500">
          <img alt="Landgarten Knabber Mix Original Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11344/file/small-32b99f43959ce7e3d4e43cc27ce299be.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11344/file/medium-23383e80f1f1ebf58f68037ca6868389.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11344/file/large-d4b5f495e91354747f8dc04edba38605.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11344/file/medium-23383e80f1f1ebf58f68037ca6868389.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">Landgarten</p>
          <a href="/products/landgarten-knabber-mix-original-bio-50-g-18500">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Landgarten Knabber Mix Original Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ogLpC-zi6OPczBNKMRI-a-p4_dMl71XyckWOi7YJEidFKxF_hVRcVSnnmn53ysnAfnPdheA8yvgGZJLfj4m8vA" />
    <input value="18500" 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%3D37">
    <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/landgarten-mandeln-wurzig-bio-50-g-18501">
          <img alt="Landgarten Mandeln Würzig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11345/file/small-ae426e6d42d9cd33fb34611a737760b9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11345/file/medium-62b84f5b1a6bbe361fa60d457f81589d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11345/file/large-f2d5c4201ea557b03bae41834943b3a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11345/file/medium-62b84f5b1a6bbe361fa60d457f81589d.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">Landgarten</p>
          <a href="/products/landgarten-mandeln-wurzig-bio-50-g-18501">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Landgarten Mandeln Würzig Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dtnl0o5giTSyelKn-yXNeUUubEttIhxAtcNZejf5e4eR8B2m59Y9gkdR25O9_TrS0SVMHajxg0rB4kUuDnnVHA" />
    <input value="18501" 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%3D37">
    <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/lapinca-dorrkastanien-bio-250-g-18502">
          <img alt="LaPinca Dörrkastanien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10345/file/small-35032578b8d66753804a3ad503dddbc1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10345/file/medium-523e5f9a04df480b0e0593ea8a30cda0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10345/file/large-68d47b5e0ee1cbf87bea5dbca8a014d0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10345/file/medium-523e5f9a04df480b0e0593ea8a30cda0.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">LaPinca</p>
          <a href="/products/lapinca-dorrkastanien-bio-250-g-18502">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LaPinca Dörrkastanien Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KXyeFZrH402sMMMToSvpZPno3ywp76lVA_Yx6rRBpS3OVWZh83FX-1kbSifn8x7PbeP_euw8Nl931y2-jcELtg" />
    <input value="18502" 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%3D37">
    <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/lapinca-kastanien-creme-bio-vegan-gf-350-g-18503">
          <img alt="LaPinca Kastanien Creme Bio vegan gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10344/file/small-3bfa8643e1c2acb820588fec2474ad80.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10344/file/medium-2eb417483b30e37e69042c8f45f3aa93.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10344/file/large-301603026081a4e9e2682d17b3700321.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10344/file/medium-2eb417483b30e37e69042c8f45f3aa93.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">LaPinca</p>
          <a href="/products/lapinca-kastanien-creme-bio-vegan-gf-350-g-18503">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LaPinca Kastanien Creme Bio vegan gf, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Auo1VoSUDqxkboA_44DbtzuZGsttaypWu2gzh5aFOCvlw80i7SK6GpFFCQulWCwcr5I6nai4tVzPSS_TrwWWsA" />
    <input value="18503" 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%3D37">
    <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/lapinca-kastanien-gekocht-bio-vegan-gf-210-g-18504">
          <img alt="LaPinca Kastanien gekocht Bio vegan gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10343/file/small-4416b04f9caf582a62ee391c5ad2ec0c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10343/file/medium-54dc14d56fcbec71b127698a998e134e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10343/file/large-318bab206d7bacd8178e0c48a08ca180.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10343/file/medium-54dc14d56fcbec71b127698a998e134e.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">LaPinca</p>
          <a href="/products/lapinca-kastanien-gekocht-bio-vegan-gf-210-g-18504">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LaPinca Kastanien gekocht Bio vegan gf, 210 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="To-SZMHWamLoOLmRgjMeuZRM630aYg4yLQPN5zMYZAKppmoQqGDe1B0TMKXE6-kSAEfLK9-xkThZItGzCpjKmQ" />
    <input value="18504" 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%3D37">
    <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/lapinca-penne-di-castagne-bio-vegan-400-g-18505">
          <img alt="LaPinca Penne di Castagne Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9990/file/small-efaaf4f686727795199b9ec36905eced.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9990/file/medium-22a6ff3042c692af1253671eb46eaab9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9990/file/large-1cae7ff2dba61f5d6ba4ee0572cafde6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9990/file/medium-22a6ff3042c692af1253671eb46eaab9.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">LaPinca</p>
          <a href="/products/lapinca-penne-di-castagne-bio-vegan-400-g-18505">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LaPinca Penne di Castagne Bio vegan, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uyrRRfFGxvNLr8DmsPae23uM8wm4XMnD-kfNoyy6sSpcAykxmPByRb6ESdL2Lmlw74fTX32PVsmOZtH3FTofsQ" />
    <input value="18505" 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%3D37">
    <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/leibacher-honig-biber-s-80-g-18506">
          <img alt="Leibacher Honig Biber S" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11038/file/small-f21742d91e69034a416784c2cb6ead37.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11038/file/medium-26a0c6f50c8ebeb54954400ab66ff104.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11038/file/large-06553097652d881c37696e12021c7925.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11038/file/medium-26a0c6f50c8ebeb54954400ab66ff104.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">Leibacher</p>
          <a href="/products/leibacher-honig-biber-s-80-g-18506">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Leibacher Honig Biber S, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-WBkC0P3ENjp6rVYcbbbRnk9zHb5oshYpX-jNQchmAMeSZx_KkGkbhzBPGw3bizt7TbsIDxxV1LRXr9hPqE2mA" />
    <input value="18506" 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%3D37">
    <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/liebhart-s-dinkel-zwieback-ungesusst-bio-vegan-200-g-18524">
          <img alt="Liebhart&#39;s Dinkel Zwieback ungesüsst Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9138/file/small-ebf782fafa1fb184fabf1918fe0c72fd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9138/file/medium-4f2905ae8556cbb1de82b517d6433728.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9138/file/large-168eead94c6c77e8659a06e52845dff8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9138/file/medium-4f2905ae8556cbb1de82b517d6433728.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">Liebharts</p>
          <a href="/products/liebhart-s-dinkel-zwieback-ungesusst-bio-vegan-200-g-18524">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liebhart&#39;s Dinkel Zwieback ungesüsst Bio vegan, 200 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 2.85 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-FxDtLjJrd1tBLezjg9EWZrBs3T_HEuPVK33vdlFxQYfdbvA0X8Za5gvPofI17PyDsqTIjrP1IUgjOvp4MVrnQ" />
    <input value="18524" 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%3D37">
    <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/lifebar-riegel-acai-banane-roh-bio-40-g-18525">
          <img alt="Lifebar Riegel Açai + Banane ROH Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10445/file/small-c484aece21dd6102833e0f2bbc22e7e2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10445/file/medium-7c7ea7cf88ca4fdad6ccb1bb4e87f62d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10445/file/large-1336ccd95ef34b0a07b7d56bb4720d57.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10445/file/medium-7c7ea7cf88ca4fdad6ccb1bb4e87f62d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lifefood</p>
          <a href="/products/lifebar-riegel-acai-banane-roh-bio-40-g-18525">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lifebar Riegel Açai + Banane ROH Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bDg61jOUh37yaKw0MRJinGf47eeUnD17Oc-khW5KpBuLEcKiWiIzyAdDJQB3ypU38_PNsVFPonFN7rjRV8oKgA" />
    <input value="18525" 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%3D37">
    <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/lifebar-proteinriegel-schokolade-bio-40-g-18526">
          <img alt="Lifebar Proteinriegel Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10446/file/small-a1403a5b71e6f456d7d472bf95a14567.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10446/file/medium-1d03d00e14f11644bdc8de6b7664cb85.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10446/file/large-9adf7360ead4747fddef2b4b4e9e2a8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10446/file/medium-1d03d00e14f11644bdc8de6b7664cb85.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lifefood</p>
          <a href="/products/lifebar-proteinriegel-schokolade-bio-40-g-18526">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lifebar Proteinriegel Schokolade Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0QcqwUQAJZ19u6mw94J2YEdCMLMQHDNFM9kboCuREAE2LtK1LbaRK4iQIISxWoHL00kQ5dXPrE9H-Af0EhG-mg" />
    <input value="18526" 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%3D37">
    <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/lima-vollkorn-reiswaffeln-ohne-salz-bio-gf-100-g-18528">
          <img alt="Lima Vollkorn-Reiswaffeln ohne Salz Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11318/file/small-6825e3ccf936ff8894223c50b010bc94.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11318/file/medium-f604a037203dc0e2cdab27b22c068612.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11318/file/large-335ba825b43291d3bbbab09755fcceb4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11318/file/medium-f604a037203dc0e2cdab27b22c068612.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">Lima</p>
          <a href="/products/lima-vollkorn-reiswaffeln-ohne-salz-bio-gf-100-g-18528">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lima Vollkorn-Reiswaffeln ohne Salz Bio gf, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZrQXVhsJnGC8uFTMQfuhm9YPsu1u4xwjcaaK9V7nQsuBne8icr8o1kmT3fgHI1YwQgSSu6swgykFh5ahZ2fsUA" />
    <input value="18528" 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%3D37">
    <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/lima-salade-du-pecheur-streuer-bio-gf-vegan-40-g-18529">
          <img alt="Lima Salade Du Pêcheur Streuer Bio gf vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10531/file/small-a6a4b529a99301fb22d464cfbbb478f3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10531/file/medium-2fad3b1b4dd9ef8eeec22de4457f7e52.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10531/file/large-9d7084f7148eacfae8a31014917b05be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10531/file/medium-2fad3b1b4dd9ef8eeec22de4457f7e52.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">Lima</p>
          <a href="/products/lima-salade-du-pecheur-streuer-bio-gf-vegan-40-g-18529">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lima Salade Du Pêcheur Streuer Bio gf vegan, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dneha3pDqwfVWCW4kech_yJP1FjbYwgt-BDvbTYGk4CRXlkfE_UfsSBzrIzXP9ZUtkT0Dh6wlyeMMfM5D4Y9Gw" />
    <input value="18529" 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%3D37">
    <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/lima-tamari-50-weniger-salz-bio-gf-500-ml-18530">
          <img alt="Lima Tamari 50% weniger Salz Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11346/file/small-ac22b8a8db952ac685356bbf8dbc1e46.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11346/file/medium-27e9bc45aea101922111c26e290c7541.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11346/file/large-e80b32846aef821c28762d85813496c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11346/file/medium-27e9bc45aea101922111c26e290c7541.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">Lima</p>
          <a href="/products/lima-tamari-50-weniger-salz-bio-gf-500-ml-18530">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lima Tamari 50% weniger Salz Bio gf, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

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

</template></turbo-stream>