<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%3D75">
    <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/villiger-sommerhonig-cremig-bio-500-g-20343">
          <img alt="Villiger Sommerhonig cremig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11044/file/small-c6e420a5ded02f85a53f5427b3ec03ed.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11044/file/medium-8fa9c7913e069b7564938e36f9bd9fa5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11044/file/large-d672b547a86c60af2423a6eec9a8def1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11044/file/medium-8fa9c7913e069b7564938e36f9bd9fa5.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">Villiger</p>
          <a href="/products/villiger-sommerhonig-cremig-bio-500-g-20343">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Villiger Sommerhonig cremig Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="djomGsmc3rafwc4Inic81EmwoX61GCgP21rRR_ix8bt03CXUD5EXlOmJLCPijomAg-5aK006Gy4yEJ5AS3gamA" />
    <input value="20343" 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%3D75">
    <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/senftopf-honiggurken-380-ml-20348">
          <img alt="Senftopf Honiggurken" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11049/file/small-f0e7c90031cc587876966f8384d512d0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11049/file/medium-621cc923626e5b7f97bc81731ea8ccc2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11049/file/large-cf1187c48a277b85de52f193688759c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11049/file/medium-621cc923626e5b7f97bc81731ea8ccc2.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">Mönchaltorfer Huusgmachts</p>
          <a href="/products/senftopf-honiggurken-380-ml-20348">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senftopf Honiggurken, 380 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qdUFAz8RsrkLFXSWNw4ppzp_J-1yntYUUtcj30ObTi2rMwbN-Rx7m31dlr1Lp5zz8CHcuIq85TW7nWzY8FKlDg" />
    <input value="20348" 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%3D75">
    <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/senftopf-haselnuss-schokoaufstrich-200-ml-20349">
          <img alt="Senftopf Haselnuss Schokoaufstrich" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11048/file/small-66c434d782daac31133395710f7a035c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11048/file/medium-814a9df87030d4eb2cc9070b0488917b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11048/file/large-ee4088e88e9b1a23f8f85a39cbbc896f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11048/file/medium-814a9df87030d4eb2cc9070b0488917b.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">Mönchaltorfer Huusgmachts</p>
          <a href="/products/senftopf-haselnuss-schokoaufstrich-200-ml-20349">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senftopf Haselnuss Schokoaufstrich, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kzLKWWSqP34w_LBUA1cGcxC4vaHVU98cWMbQ1bpfrYuR1MmXoqf2XEa0Un9__rMn2uZG9C1x7D2xjJ_SCZZGqA" />
    <input value="20349" 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%3D75">
    <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/senftopf-fruchtaufstrich-erdbeer-200-ml-20350">
          <img alt="Senftopf Fruchtaufstrich Erdbeer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11052/file/small-41eb73b7b6354f949aebd5b8372d65e0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11052/file/medium-c695956e7da4cc7a83f6da7c129507ba.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11052/file/large-fbb596084b216887b2371874b240f5fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11052/file/medium-c695956e7da4cc7a83f6da7c129507ba.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">Mönchaltorfer Huusgmachts</p>
          <a href="/products/senftopf-fruchtaufstrich-erdbeer-200-ml-20350">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senftopf Fruchtaufstrich Erdbeer, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uvWvgla2uiazpUgR6BSZJUZbdOJjX85vBkRvCxQvyHK4E6xMkLtzBMXtqjqUvSxxjAWPt5t9_U7vDiAMp-YjUQ" />
    <input value="20350" 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%3D75">
    <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/senftopf-fruchtaufstrich-aprikose-200-ml-20351">
          <img alt="Senftopf Fruchtaufstrich Aprikose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11050/file/small-5724ee1cb162eb999c261cf8a20d2b6c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11050/file/medium-c4f9214b5c56899b437ae9cb72a4f7d8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11050/file/large-04945e313922a4b6bd410056c8875e36.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11050/file/medium-c4f9214b5c56899b437ae9cb72a4f7d8.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">Mönchaltorfer Huusgmachts</p>
          <a href="/products/senftopf-fruchtaufstrich-aprikose-200-ml-20351">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senftopf Fruchtaufstrich Aprikose, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="spknBQh1T1C1aHVUghSaccwTaTjoOzYMxL3Fo4lNJ5GwfyTLzniGcsMgl3_-vS8lBk2SbRAZBS0t94qkOoTMsg" />
    <input value="20351" 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%3D75">
    <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/senftopf-ketchup-250-ml-20352">
          <img alt="Senftopf Ketchup" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11051/file/small-0d4fca0972a1513bf8311b0887381962.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11051/file/medium-0cd444c16e13a968b5528d348c3e8b44.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11051/file/large-efe80f26d1d0bede6419043e05156a0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11051/file/medium-0cd444c16e13a968b5528d348c3e8b44.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">Mönchaltorfer Huusgmachts</p>
          <a href="/products/senftopf-ketchup-250-ml-20352">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senftopf Ketchup, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1hfSAxmWe23LhtBNMVD9eur-bCQ6F0bXmYMxqnHOci7U8dHN35uyT73OMmZN-UguIKCXccI1dfZwyX6twgeZDQ" />
    <input value="20352" 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%3D75">
    <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/senftopf-fruchtaufstrich-chriesi-200-ml-20355">
          <img alt="Senftopf Fruchtaufstrich Chriesi" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11055/file/small-b61dd1b1c35d3d93d89182ed9d7f70a2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11055/file/medium-cb49a916a1e9e3fcc6efb93f3e1f67b9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11055/file/large-4ef40860b1f2e611b30d6118c3d38ada.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11055/file/medium-cb49a916a1e9e3fcc6efb93f3e1f67b9.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">Mönchaltorfer Huusgmachts</p>
          <a href="/products/senftopf-fruchtaufstrich-chriesi-200-ml-20355">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senftopf Fruchtaufstrich Chriesi, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mFsPYfSmaDjQaoahKoTNTK3_iR0ehGk6apfD8Y9v5S-avQyvMquhGqYiZIpWLXgYZ6FySOamWhuD3Yz2PKYODA" />
    <input value="20355" 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%3D75">
    <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/senftopf-eingelegter-knoblauch-200-ml-20356">
          <img alt="Senftopf Eingelegter Knoblauch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11056/file/small-a30c636d0a351daa86adfbda3916a900.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11056/file/medium-bfb78058aa411a3e59d8417a661c834d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11056/file/large-9377b7bccbf288cccca40d1946a6a4a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11056/file/medium-bfb78058aa411a3e59d8417a661c834d.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">Mönchaltorfer Huusgmachts</p>
          <a href="/products/senftopf-eingelegter-knoblauch-200-ml-20356">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senftopf Eingelegter Knoblauch, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2KlYIe2BoyNfiuVx8B2Qtr4JdbEZ9hEm6JQCsAm9yfXaT1vvK4xqASnCB1qMtCXidFeO5OHUIgcB3k23unQi1g" />
    <input value="20356" 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%3D75">
    <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/senftopf-maronenaufstrich-mit-zimt-200-ml-20357">
          <img alt="Senftopf Maronenaufstrich mit Zimt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11058/file/small-fc8280bb7a43bcd7c914d018c05692ac.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11058/file/medium-bd3ea3374771be7ecfe3d5b56e517696.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11058/file/large-b3d3a8ade5b043eb687e30e9e94fc8b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11058/file/medium-bd3ea3374771be7ecfe3d5b56e517696.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">Mönchaltorfer Huusgmachts</p>
          <a href="/products/senftopf-maronenaufstrich-mit-zimt-200-ml-20357">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senftopf Maronenaufstrich mit Zimt, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="USbBIcXBdV54q0_tklBtKfhYGRUoHscFvs3SLTszXvRTwMLvA8y8fA7jrcbu-dh9MgbiQNA89CRXh50qiPq11w" />
    <input value="20357" 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%3D75">
    <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/senftopf-fruchtaufstrich-zwetschge-200-ml-20359">
          <img alt="Senftopf Fruchtaufstrich Zwetschge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11062/file/small-c92d412fa1314044cd617fa72d473229.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11062/file/medium-8461e413a080f2a2a960f3178ba968b2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11062/file/large-91dc1227aa342defd507dbb79054d96d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11062/file/medium-8461e413a080f2a2a960f3178ba968b2.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">Mönchaltorfer Huusgmachts</p>
          <a href="/products/senftopf-fruchtaufstrich-zwetschge-200-ml-20359">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senftopf Fruchtaufstrich Zwetschge, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yDEvVMVbNskbNEZNuhxmnE9oUEDJPnSDXD-JKW9TrTrK1yyaA1b_6218pGbGtdPIhTarFTEcR6K1dcYu3JpGGQ" />
    <input value="20359" 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%3D75">
    <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/senftopf-fruchtaufstrich-brombeere-200-ml-20360">
          <img alt="Senftopf Fruchtaufstrich Brombeere" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11060/file/small-90d5dece09f4dbedc365f3a1e20d69b8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11060/file/medium-9c2eaf9dc8b9ff4fdb698e78974aecde.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11060/file/large-752eab1b72ef9b397dcb7f48ae5b3463.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11060/file/medium-9c2eaf9dc8b9ff4fdb698e78974aecde.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">Mönchaltorfer Huusgmachts</p>
          <a href="/products/senftopf-fruchtaufstrich-brombeere-200-ml-20360">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senftopf Fruchtaufstrich Brombeere, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eNDiqpw2rQxll61L9G_RGu-posDJuejEav7e4yR8_up6NuFkWjtkLhPfT2CIxmROJfdZlTGb2-WDtJHkl7UVyQ" />
    <input value="20360" 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%3D75">
    <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/senftopf-birkenzucker-500-g-20361">
          <img alt="Senftopf Birkenzucker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11059/file/small-b8a0c45c347e08bb361a4344f78b9f5c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11059/file/medium-f5b8ec158585ee277a9b9efff39e02ac.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11059/file/large-aa04d748e5153f22b2406665235192be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11059/file/medium-f5b8ec158585ee277a9b9efff39e02ac.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">Mönchaltorfer Huusgmachts</p>
          <a href="/products/senftopf-birkenzucker-500-g-20361">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senftopf Birkenzucker, 500 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 1.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LNX6oJQq5LY4Y3dm6mh71PtVj485AO_B68tVuVICHnAuM_luUictlE4rlU2Wwc6AMQt02sEi3OACgRq-4cv1Uw" />
    <input value="20361" 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%3D75">
    <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/senftopf-apfelmus-200-ml-20362">
          <img alt="Senftopf Apfelmus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11061/file/small-502ee00a77f2fa8403f4e63631e6f494.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11061/file/medium-60ef7dcb7c53175608a9c76c30be1bd6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11061/file/large-d0b5b842698257846cc455978cc8b431.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11061/file/medium-60ef7dcb7c53175608a9c76c30be1bd6.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">Mönchaltorfer Huusgmachts</p>
          <a href="/products/senftopf-apfelmus-200-ml-20362">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senftopf Apfelmus, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tM2pKqdSgIlRbT3omqksRYh7Hju-uf2foL-sqzUqk4S2K6rkYV9Jqycl38PmAJkRQiXlbkabzr5J9eOshuN4pw" />
    <input value="20362" 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%3D75">
    <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/daniels-dinkel-pasta-geschnittene-nudeln-bio-500-g-20363">
          <img alt="Daniels Dinkel Pasta Geschnittene Nudeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11063/file/small-747c2b01ac194b8199549f49d3c64f74.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11063/file/medium-aeaadb79e40e6bbec08e45e791e1eca6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11063/file/large-422732c6878c3e33bfb1ef154a96d36e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11063/file/medium-aeaadb79e40e6bbec08e45e791e1eca6.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">Daniels Dinkel Pasta</p>
          <a href="/products/daniels-dinkel-pasta-geschnittene-nudeln-bio-500-g-20363">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Daniels Dinkel Pasta Geschnittene Nudeln Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YM-lB8jPrtvZnDhvZKpTQPUaMrwHKd2WLqjP1d0v_0ViKabJDsJn-a_U2kQYA-YUP0TJ6f8L7rfH4oDSbuYUZg" />
    <input value="20363" 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%3D75">
    <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/daniels-dinkel-pasta-muscheli-bio-500-g-20364">
          <img alt="Daniels Dinkel Pasta Müscheli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11064/file/small-ac501078e677d5055148e652d623ec98.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11064/file/medium-ed50f0e8e8cfba9bb05a4c6543b8c958.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11064/file/large-a1c428b5d3527d602cf70e95e70932a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11064/file/medium-ed50f0e8e8cfba9bb05a4c6543b8c958.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">Daniels Dinkel Pasta</p>
          <a href="/products/daniels-dinkel-pasta-muscheli-bio-500-g-20364">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Daniels Dinkel Pasta Müscheli Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KQ_CSAjvmvmX-0kcu9PGSQJX-DDDbc9x3v5gV7MpBM8r6cGGzuJT2-GzqzfHenMdyAkDZTtP_FA3tC9QAODv7A" />
    <input value="20364" 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%3D75">
    <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/daniels-dinkel-pasta-penne-bio-500-g-20365">
          <img alt="Daniels Dinkel Pasta Penne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11066/file/small-e00e5b2f6f485e1e34f092d3ea2c1842.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11066/file/medium-db03b4698868815f6f3fedbe3c6628c8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11066/file/large-51e4cdd3ce44984c93c5eee50f69290a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11066/file/medium-db03b4698868815f6f3fedbe3c6628c8.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">Daniels Dinkel Pasta</p>
          <a href="/products/daniels-dinkel-pasta-penne-bio-500-g-20365">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Daniels Dinkel Pasta Penne Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TvEvNHwQRJmdXR2zvhMVlFN9DpZmmWk6LEbxahIL5bRMFyz6uh2Nu-sV_5jCuqDAmSP1w567WhvFDL5tocIOlw" />
    <input value="20365" 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%3D75">
    <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/daniels-dinkel-pasta-spiralen-bio-500-g-20366">
          <img alt="Daniels Dinkel Pasta Spiralen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11065/file/small-7195477799b69ec7c6b196ffe7dc656d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11065/file/medium-f0853a186a0af69e93d5801c5bd89749.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11065/file/large-6450076a1dd63423a36e068ee65b3cfe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11065/file/medium-f0853a186a0af69e93d5801c5bd89749.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">Daniels Dinkel Pasta</p>
          <a href="/products/daniels-dinkel-pasta-spiralen-bio-500-g-20366">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Daniels Dinkel Pasta Spiralen Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="peQSAJtKzjvD-SeJblvtncEnNwu08v0IcwK-tPZl01qnAhHOXUcHGbWxxaIS8ljJC3nMXkzQzimaSPGzRaw4eQ" />
    <input value="20366" 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%3D75">
    <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/daniels-dinkel-pasta-radiatori-bio-500-g-20367">
          <img alt="Daniels Dinkel Pasta Radiatori Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11067/file/small-655d1ecf74e32c5262bf6f0cab09a3fc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11067/file/medium-4d0e9bef9592b209bada63de5252cba8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11067/file/large-711783c783a6d6074bd1f6d9892d8f70.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11067/file/medium-4d0e9bef9592b209bada63de5252cba8.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">Daniels Dinkel Pasta</p>
          <a href="/products/daniels-dinkel-pasta-radiatori-bio-500-g-20367">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Daniels Dinkel Pasta Radiatori Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C6RCrMdvkQNz24mkXLKu_8aeQ2Hovgy-crpdzMarzd4JQkFiAWJYIQWTa48gGxurDMC4NBCcP5-b8BLLdWIm_Q" />
    <input value="20367" 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%3D75">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/holle-smoothie-drops-fruits-veggies-15-g-20370">
          <img alt="Holle Smoothie Drops Fruits &amp; Veggies" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11070/file/small-7caf15027b112ccfdf6a7c722d3c90a5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11070/file/medium-ab377fa1bb2b5a3ee9d988a12e4bdf03.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11070/file/large-16db57176481f1555fa65d27c87f62fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11070/file/medium-ab377fa1bb2b5a3ee9d988a12e4bdf03.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Holle</p>
          <a href="/products/holle-smoothie-drops-fruits-veggies-15-g-20370">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Holle Smoothie Drops Fruits &amp; Veggies, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CLLiZ150ttl-fyXejc_NGMCkQKBfWgh-fbpeoi9jHDYKVOGpmHl_-wg3x_XxZnhMCvq79ad4O1-U8BGlnKr3FQ" />
    <input value="20370" 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%3D75">
    <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/meier-beck-totenbeinli-konv-300-g-20371">
          <img alt="Meier-beck Totenbeinli konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11071/file/small-c49ccef2744ade371b8d8bac3963d6eb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11071/file/medium-277e9c77c7b69633b37ed44c731c5957.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11071/file/large-847170727d2b250d0042f4c28a9d4477.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11071/file/medium-277e9c77c7b69633b37ed44c731c5957.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">Meier-beck</p>
          <a href="/products/meier-beck-totenbeinli-konv-300-g-20371">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Meier-beck Totenbeinli konv, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wLDqBEt8MB9F5nttrfHdKZmvroCihHPm982SZHwLAZTCVunKjXH5PTOumUbRWGh9U_FV1VqmQMceh91jz8Lqtw" />
    <input value="20371" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



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

</template></turbo-stream>