<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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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/pasta-casarecce-glutenfrei-500-g-19914">
          <img alt="Pasta Casarecce glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10477/file/small-93bf1ed848b4ac71d2f8456dbe63b7b4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10477/file/medium-3a5525e76813d107dffdec57e9da2828.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10477/file/large-be9d48043cf750e916dac0e18ca8b466.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10477/file/medium-3a5525e76813d107dffdec57e9da2828.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">La Fabbrica Della Pasta</p>
          <a href="/products/pasta-casarecce-glutenfrei-500-g-19914">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pasta Casarecce glutenfrei, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tnw2Zlw4OPr2qV5NE4wz0F8zrisQo9vHK_qpynw83GZHv1HQZfP9XQynQdeUKlP0Mqr4oPJJDV8YQ9e89AIxdg" />
    <input value="19914" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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/pasta-conchiglioni-glutenfrei-500-g-19915">
          <img alt="Pasta Conchiglioni glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10473/file/small-59db1fab20870f2f17b8544e708bbfe1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10473/file/medium-41f4f829d07121163213d9d1593761e1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10473/file/large-cbbf7bd83c84612170b62d29a09b8997.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10473/file/medium-41f4f829d07121163213d9d1593761e1.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">La Fabbrica Della Pasta</p>
          <a href="/products/pasta-conchiglioni-glutenfrei-500-g-19915">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pasta Conchiglioni glutenfrei, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pnDcjCYt-rLtB2TeZ9o821803y1VVfKR4r51djnSRh5Xs7s6H-Y_FRcJe0TgfFz_Mq2Jpre_JAnRBwsAseyrDg" />
    <input value="19915" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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/pasta-fettuccine-glutenfrei-500-g-19916">
          <img alt="Pasta Fettuccine glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10474/file/small-7385ee3cf2248d1c96de4c3f0d61ccef.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10474/file/medium-8866ce55a6f0758763ae4920cd5d7bbd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10474/file/large-18f9f13113b92856acd5c5dedb09bfb5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10474/file/medium-8866ce55a6f0758763ae4920cd5d7bbd.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">La Fabbrica Della Pasta</p>
          <a href="/products/pasta-fettuccine-glutenfrei-500-g-19916">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pasta Fettuccine glutenfrei, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JZ_ipuA7gVkIoLpthNzZ3joyggNFmCR1_7hFTRSVJ63UXIUQ2fBE_vKupfcDern6V6vUiKdy8u3MATs7nKvKvQ" />
    <input value="19916" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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/fidanzati-capresi-500-g-19917">
          <img alt="Fidanzati Capresi" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10544/file/small-b0916b64df8756dcb90bed69a84c8ef8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10544/file/medium-ce18930ff6dd3cdae9d027c36964d1d7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10544/file/large-e526d42e7b3ec156405ed5aeef38389e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10544/file/medium-ce18930ff6dd3cdae9d027c36964d1d7.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">La Fabbrica Della Pasta</p>
          <a href="/products/fidanzati-capresi-500-g-19917">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fidanzati Capresi, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7LiJBppSv5_9wvDjB8raAHxPt79XPWyp5Fa5p39wY40de-6wo5l6OAfM73mAbLokEdbhNLXXujHX78fR906OnQ" />
    <input value="19917" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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/fusili-sorrento-500-g-19918">
          <img alt="Fusili Sorrento" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10543/file/small-d151bca902300b445b4b20722931c0ad.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10543/file/medium-152f225cf0b73ee3f92f64839f3e64a0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10543/file/large-40f6b994b17dce9d1d701e6fd5fe939e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10543/file/medium-152f225cf0b73ee3f92f64839f3e64a0.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">La Fabbrica Della Pasta</p>
          <a href="/products/fusili-sorrento-500-g-19918">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fusili Sorrento, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XeAyfrBd6GE32jJ0ZGRi1h4ZX1ANpPp4YEM4rMNkoSCsI1XIiZYtxs3ULe7jwgLyc4AJ2-9OLOBT-kbaS1pMMA" />
    <input value="19918" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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/pasta-fusiloni-giganti-glutenfrei-500-g-19919">
          <img alt="Pasta Fusiloni giganti glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10476/file/small-21c3f30da414f9a7fe740847bb6f4339.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10476/file/medium-3fa10e00c3ec6324dfce9df4ae653ab1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10476/file/large-667c3b1f1758c563aee3aec0e8dfdba6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10476/file/medium-3fa10e00c3ec6324dfce9df4ae653ab1.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">La Fabbrica Della Pasta</p>
          <a href="/products/pasta-fusiloni-giganti-glutenfrei-500-g-19919">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pasta Fusiloni giganti glutenfrei, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-HHx4BYg5r3cLH-bL3hNn_O5t7DsGKkaHGs9ReQDo9cJspZWL-sjGiYiYAGo3i27niDhOw7yf4Iv0kMzbD1Oxw" />
    <input value="19919" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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/paccheri-di-gragnano-glatt-500-g-19920">
          <img alt="Paccheri di Gragnano glatt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10542/file/small-2f820319ab663e01c1b5b5b453c1784d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10542/file/medium-81c4730a3372725d76af63cc911f04cf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10542/file/large-6adeca074bf2363ee72d996866feb9c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10542/file/medium-81c4730a3372725d76af63cc911f04cf.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">La Fabbrica Della Pasta</p>
          <a href="/products/paccheri-di-gragnano-glatt-500-g-19920">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Paccheri di Gragnano glatt, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ftCwhOAMVPolWyRMRGviB9bLMiPsEzUY1YIPnxtah82PE9cy2ceRXd9VO9bDzYIju1JkqA7544DmO3Hpk2Rq3Q" />
    <input value="19920" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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/pasta-penne-glutenfrei-500-g-19921">
          <img alt="Pasta Penne glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10478/file/small-41ea2d6c2397a8a5e80d41dd4cc818f4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10478/file/medium-e6c4580b55447ac8e579b893589659a7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10478/file/large-e455102fa681579c138730d516f08ea1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10478/file/medium-e6c4580b55447ac8e579b893589659a7.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">La Fabbrica Della Pasta</p>
          <a href="/products/pasta-penne-glutenfrei-500-g-19921">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pasta Penne glutenfrei, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xZSAQu0U6j9cB_OxO_tuWUBUvzG0mZqyATuGqw9lGWk0V-f01N8vmKYJ7Cu8XQ59Lc3pulZzTCoygvjdh1v0eQ" />
    <input value="19921" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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/pasta-spaghetti-unici-glutenfrei-500-g-19923">
          <img alt="Pasta Spaghetti Unici glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10475/file/small-dd07f4424773becb59403404b7805be1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10475/file/medium-9d48e69ccf4dc645b6277b913cc6077a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10475/file/large-24cc6725150d8c92f8d5be0469728755.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10475/file/medium-9d48e69ccf4dc645b6277b913cc6077a.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">La Fabbrica Della Pasta</p>
          <a href="/products/pasta-spaghetti-unici-glutenfrei-500-g-19923">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pasta Spaghetti Unici glutenfrei, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s8CvVzvckZnqMMTP_o9f8UNMngRIuhQUgqBQLEiTUaFCA8jhAhdUPhA-21V5KT_VLtXIj6pQwoyxGS5awK28sQ" />
    <input value="19923" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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/bauck-crunchy-hafer-schoko-nuss-gf-300-g-19934">
          <img alt="Bauck Crunchy Hafer Schoko-Nuss gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10312/file/small-ff49300839514554b79ab82341864f0e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10312/file/medium-5f5fe87fa279520279a45cb8d0ba8a37.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10312/file/large-845c859d74cccb39c33968b3ad290781.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10312/file/medium-5f5fe87fa279520279a45cb8d0ba8a37.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">Bauck</p>
          <a href="/products/bauck-crunchy-hafer-schoko-nuss-gf-300-g-19934">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Crunchy Hafer Schoko-Nuss gf, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XYrL8kNOzOPMVmkifHul1brh4ukO4Ngxxln8olH1V8SsSaxEeoUJRDZYdrj73cXx13i0YuwKDqn14ILU2cu61A" />
    <input value="19934" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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/bauck-knusper-choco-igel-gf-225-g-19935">
          <img alt="Bauck Knusper Choco Igel gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10313/file/small-642fc4aac0d85b6a2eca8651aa0f1be6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10313/file/medium-c8c1879dc5fb2cebc31747f18140b5c7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10313/file/large-c34c4ee317f7feb15bfe4b7f01dd0585.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10313/file/medium-c8c1879dc5fb2cebc31747f18140b5c7.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">Bauck</p>
          <a href="/products/bauck-knusper-choco-igel-gf-225-g-19935">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Knusper Choco Igel gf, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nZPsl4gXDthy9sM1ZjULJ32wNupU9ibJKeJrobwRg4RsUIshsdzLf4j43K_hk2sDEClgYbYc8FEaWxXXNC9ulA" />
    <input value="19935" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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/bauck-hafer-knusper-muesli-mango-himbeere-bio-vegan-gf-285-g-20045">
          <img alt="Bauck Hafer Knusper Müesli Mango Himbeere 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/10444/file/small-d939f14dd890f3739260bcedde6dabc9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10444/file/medium-81cef5b0cdc2fb8e4ab5505abbbb6bb7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10444/file/large-641c9c6c6269bd448ae4e7d28907cc62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10444/file/medium-81cef5b0cdc2fb8e4ab5505abbbb6bb7.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">Bauck</p>
          <a href="/products/bauck-hafer-knusper-muesli-mango-himbeere-bio-vegan-gf-285-g-20045">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Hafer Knusper Müesli Mango Himbeere Bio vegan gf, 285 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nNIe1sLXc0KIqdfA6dKc6nnedQUf3SSYXoDreX1VWUttEXlg-xy25XKnyFpudPzOFEcjjv038gBtOZUP9Wu0Ww" />
    <input value="20045" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/lazzaretti-couscous-buchweizen-bio-400-g-20076">
          <img alt="Lazzaretti Couscous Buchweizen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10521/file/small-a382c6f354c8abbf96ab5af4e0a3d7c5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10521/file/medium-14ba0f28c8b8acca869c8229d0e8deaf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10521/file/large-c5b9415624507ea73f0899c0fecb1fbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10521/file/medium-14ba0f28c8b8acca869c8229d0e8deaf.webp" />
</a>    </header>

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

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/lazzaretti-couscous-kastanien-bio-350-g-20077">
          <img alt="Lazzaretti Couscous Kastanien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10522/file/small-19ac88b4212330168eb45f4c1bc364cb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10522/file/medium-d4b604b6aea39972c77cd7ed74385b57.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10522/file/large-7ce1b01ce5003eec3ced10938568f9f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10522/file/medium-d4b604b6aea39972c77cd7ed74385b57.webp" />
</a>    </header>

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

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/terraverde-borlotti-bohnen-bio-500-g-20102">
          <img alt="TerraVerde Borlotti Bohnen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10663/file/small-48d456c9fa286135ef8adeb3e9bd8eed.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10663/file/medium-921864fb5c0598c5a6d44373672f35a2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10663/file/large-8cc7afb68497d653af9b82df55a7b590.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10663/file/medium-921864fb5c0598c5a6d44373672f35a2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">TerraVerde</p>
          <a href="/products/terraverde-borlotti-bohnen-bio-500-g-20102">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">TerraVerde Borlotti Bohnen Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y7FXF6XnJtlKmzRefGagvZDd8UJ-er81nubJ-pGjW-6ScjChnCzjfrCVK8T7wMCZ_USnyZyQaa2tX7eMGZ22_g" />
    <input value="20102" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200  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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-kartoffelpuree-bio-150-g-20116">
          <img alt="Morga Kartoffelpüree BIo" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10677/file/small-5bda8cbe8e94bc1f6d308bb5ca528c6b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10677/file/medium-4da4ae164dec5a4ec4aa45c6486e15a5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10677/file/large-ddc85be7acf662b5d940e412a565febd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10677/file/medium-4da4ae164dec5a4ec4aa45c6486e15a5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/morga-kartoffelpuree-bio-150-g-20116">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Kartoffelpüree BIo, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W_Gd_YScShO1Md_nh99QLBfGeD4ZklTDuolx2j-BdzWqMvpLvVePtE8_wH0AeTAIel8utft4gluJMA-st7-aJQ" />
    <input value="20116" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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/l-antica-madia-farfalle-mit-kurkuma-und-violetter-karotte-bio-250-g-20127">
          <img alt="L&#39;antica Madia Farfalle mit Kurkuma und violetter Karotte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10686/file/small-845c2e9ed28096c274eef44b8717aee7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10686/file/medium-2d179b870b266cfb26dbc24f2b485144.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10686/file/large-691ce9ef101331de7fe467b8e78180dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10686/file/medium-2d179b870b266cfb26dbc24f2b485144.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">L&#39;antica Madia</p>
          <a href="/products/l-antica-madia-farfalle-mit-kurkuma-und-violetter-karotte-bio-250-g-20127">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">L&#39;antica Madia Farfalle mit Kurkuma und violetter Karotte Bio, 250 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 1.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a_Bz-KiSSeNMyg1ByQQYKRX85pIxRzUslUdgJf0Ew7qaMxROkVmMRLbEEttOongNeGWwGdOt47Sm_h5TdTouqg" />
    <input value="20127" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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/hammermuhle-beeren-mandel-knusper-musli-bio-gf-300-g-20137">
          <img alt="Hammermühle Beeren Mandel Knusper-Müsli 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/10704/file/small-3f8d42046f0c32b60740e1b0dd4c65ac.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10704/file/medium-6865a147c4bda91735c618d250bcfc60.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10704/file/large-a43a81ce856eb144733d963b3b57f1d9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10704/file/medium-6865a147c4bda91735c618d250bcfc60.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">Hammermühle</p>
          <a href="/products/hammermuhle-beeren-mandel-knusper-musli-bio-gf-300-g-20137">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hammermühle Beeren Mandel Knusper-Müsli Bio gf, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vh3NeRJ24y4qoiu5gH7oJ3IGagVXnrOhD3wtzDq16dlP3qrPK70midCsNCMH2IgDH588jrV0ZTk8xVO6sosEyQ" />
    <input value="20137" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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/biofarm-sorghum-hirse-biok-500-g-20147">
          <img alt="Biofarm Sorghum Hirse BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10713/file/small-069a12ef2fc7a73d3605ecf230e01185.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10713/file/medium-bd292d9ea104a52249d2843db2dacc8d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10713/file/large-eaf7fa28e00e7e34f71e666e50847b60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10713/file/medium-bd292d9ea104a52249d2843db2dacc8d.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">Biofarm</p>
          <a href="/products/biofarm-sorghum-hirse-biok-500-g-20147">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Sorghum Hirse BioK, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bh7wuuHnQgHSqOQvr14u7MLblMOmYuQWU7iJQJdAvgmf3ZcM2CyHpiim-7Uo-E7Ir0LCSESIMo5gAfc2H35TGQ" />
    <input value="20147" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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/naturkostbar-buchweizen-angekeimt-bio-500-g-20160">
          <img alt="Naturkostbar Buchweizen angekeimt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10726/file/small-72eeec8bf4b88a2a2ddfb0bcf5348b13.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10726/file/medium-6808ef2965680fee2bdf8cc6b56eacc9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10726/file/large-865b90e1313fa181c4fa16919c785137.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10726/file/medium-6808ef2965680fee2bdf8cc6b56eacc9.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">Naturkostbar</p>
          <a href="/products/naturkostbar-buchweizen-angekeimt-bio-500-g-20160">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturkostbar Buchweizen angekeimt Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p-nQkpstA58VZl3RWW_AnDlT9bgbshvMM_7P8szHYMZWKrckoubGOO9oQkveyaC4VMqjM_lYzVQAR7GERPmN1g" />
    <input value="20160" 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">
      240 von 278 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel/grundnahrungsmittel?format=turbo_stream&amp;page=13">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>