<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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/ginger-balls-bio-140-g-20342">
          <img alt="Ginger Balls Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11008/file/small-14b23651e903c53eb59e32e66437805d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11008/file/medium-4d4be0560abfe815199f84b83c99c8b8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11008/file/large-37bf1d04440e2c5b42e795dee204beca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11008/file/medium-4d4be0560abfe815199f84b83c99c8b8.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">Mahler &amp; Co.</p>
          <a href="/de/products/ginger-balls-bio-140-g-20342">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ginger Balls Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JeJwYJEUIXBIUndwFmPubrIDnYPROlwKM_o9BwbXgwU5Gc_XCRDVcEIQ5ebopOpZICDpDMhr4LvN18YscoEaxg" />
    <input value="20342" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/protein-riegel-cherry-maca-bio-roh-60-g-20357">
          <img alt="Protein Riegel Cherry &amp; Maca Bio roh" 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-030d156b78e9e5dfef3400e96bde4140.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11059/file/medium-b7f848917f7d1fb037b6316c573ed2d9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11059/file/large-9b05596b0a50c3231ad775e97e7652e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11059/file/medium-b7f848917f7d1fb037b6316c573ed2d9.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">Roobar</p>
          <a href="/de/products/protein-riegel-cherry-maca-bio-roh-60-g-20357">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Protein Riegel Cherry &amp; Maca Bio roh, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7LR44g-tOq3w4kMBrFgnLxN4rmp5jLwMwhpGFAtRnW_wT8dVl6nOrfqg0ZdSnyMYgVva5WDdAL08N70_fwcErA" />
    <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 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/cookies-hafer-schoko-haselnuss-bio-125-g-20383">
          <img alt="Cookies Hafer Schoko Haselnuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11087/file/small-86897fc7213d4f8979fa04f4f4c4f886.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11087/file/medium-0d4fd0885eb2881e71ccd77f98b0b0a2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11087/file/large-330cdc88c6ba54debb8c1bd092625516.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11087/file/medium-0d4fd0885eb2881e71ccd77f98b0b0a2.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">Sommer</p>
          <a href="/de/products/cookies-hafer-schoko-haselnuss-bio-125-g-20383">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cookies Hafer Schoko Haselnuss Bio, 125 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 3.92 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OCMRTaaW3vJOzr2w0u5Hzc2JY5k7eED44S1IHk4PScMk2K76PpIq8kSMLyYsKUP6X6oXFiIp_EkfALM1OlnQAA" />
    <input value="20383" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/kakaonibs-roh-bio-200-g-20386">
          <img alt="Kakaonibs roh Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11091/file/small-7766da7f38e1f517726e9a6e3d6f1481.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11091/file/medium-682bf837a86ee5c27e9fef866dfeeeff.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11091/file/large-8523e336eb17119379bf9057cae4d491.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11091/file/medium-682bf837a86ee5c27e9fef866dfeeeff.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">bett&#39;r</p>
          <a href="/de/products/kakaonibs-roh-bio-200-g-20386">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kakaonibs roh Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T3r7LKZST74AdKH1WE4CEH3dt_c8V8FF-B9KlfqAiZVTgUSbPla7vgo2M2OmiQYn7_7DeCUGffQGMrG-jtYQVg" />
    <input value="20386" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/totenbeinli-konv-300-g-20429">
          <img alt="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/11143/file/small-3dcacbae008d1794c58b78937b1d5869.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11143/file/medium-c3d61fc756fb5990f76b2a2b1eec56a9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11143/file/large-13d9b69a3e5c3ea70019a653cc6c8849.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11143/file/medium-c3d61fc756fb5990f76b2a2b1eec56a9.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="/de/products/totenbeinli-konv-300-g-20429">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-20429-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F-6DvFfXwQjL9jzOXwkQZfx6B6Fmgo3rtMxzomO8gzELFTwLz9M1CMG0rlihzhRSbllzLn_TMVpK4YiJF-oa8g" />
    <input value="20429" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/quadritos-konv-40-g-20439">
          <img alt="Quadritos konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11154/file/small-4905d5faa293237a3ec06c6cf8a2d9e1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11154/file/medium-dad02d880e0ad6333e982a5bc1a216c9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11154/file/large-eb3958c9951d14ad00dd1d55350ed3b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11154/file/medium-dad02d880e0ad6333e982a5bc1a216c9.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">Schär</p>
          <a href="/de/products/quadritos-konv-40-g-20439">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Quadritos konv, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IVqvREBI2nsOgx0b7U3egoN88A4HlhedTLcODmbrXFI9oRDz2EwuewTBj40Titq1EV-EgR7HqyyymvUlEr3FkQ" />
    <input value="20439" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/kakaowaffeln-konv-125-g-20443">
          <img alt="Kakaowaffeln konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11157/file/small-2a331572b1313b58fd8377c4287666df.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11157/file/medium-2d911bd3f0bedca565b50500cf91535c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11157/file/large-f9333e02ba0398820dd31abac79f3d45.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11157/file/medium-2d911bd3f0bedca565b50500cf91535c.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">Schär</p>
          <a href="/de/products/kakaowaffeln-konv-125-g-20443">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kakaowaffeln konv, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LWKail2bPf2_3eymHaSyg0SzEKVYzsUQie60jB5UpWMxmSU9xZ_J_bWffjDjY7a01pBkKkGfeaF3w0-nagI8oA" />
    <input value="20443" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D11">
    <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="/de/products/karamellwaffeln-bio-210-g-20475">
          <img alt="Karamellwaffeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11197/file/small-ab83c9a49831b6d5ffcfaf50922db4bd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11197/file/medium-0ac3cbc436b05198320df1a29f8e92fa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11197/file/large-bcf119e2b34da48ebe817c7eb7913920.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11197/file/medium-0ac3cbc436b05198320df1a29f8e92fa.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="/de/products/karamellwaffeln-bio-210-g-20475">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Karamellwaffeln Bio, 210 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7hC4sDrmEg8uPDdhK9QCIpYbPgFIxj7hDQvd2LfJvPvy6wcHouLmDyR-pffVEwYVBDhKjlGXglDzJibzw58lOA" />
    <input value="20475" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D11">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/snack-balls-schoko-kirsch-bio-100-g-20572">
          <img alt="Snack Balls Schoko Kirsch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11332/file/small-1d5da64133434080966c37b75a9aa53e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11332/file/medium-762126934c3c0490a37495a4d3444be3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11332/file/large-4b0ee2e7aca8f89b1afcfb1afe1da085.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11332/file/medium-762126934c3c0490a37495a4d3444be3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Govinda</p>
          <a href="/de/products/snack-balls-schoko-kirsch-bio-100-g-20572">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Snack Balls Schoko Kirsch Bio, 100 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 4.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VfLdnaMI7dk6QYq3l9-66kAnGMCSyhvGP5SFFpw_SoFJCWIqOwwZ2TADGCFpGL7d0gRsT4ubp3fBuX496GnTQg" />
    <input value="20572" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D11">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/dattelkonfekt-choco-bites-salty-caramel-bio-64-g-20573">
          <img alt="Dattelkonfekt Choco Bites Salty Caramel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11333/file/small-c3d8db0a70c5a5c7c17b9241045f0773.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11333/file/medium-3ac207c5fca302d1eb26fe84d6a747e7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11333/file/large-6aa63fb26642ca1c847dcc53663029b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11333/file/medium-3ac207c5fca302d1eb26fe84d6a747e7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Govinda</p>
          <a href="/de/products/dattelkonfekt-choco-bites-salty-caramel-bio-64-g-20573">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dattelkonfekt Choco Bites Salty Caramel Bio, 64 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LYyN-f_VC1Z2X4GUwpySSk2KFxazGGyHU2L47V-Qf0YxdzJOZ9H_VnwdEwI8W5Z936ljmapJ0DatTwPGK8bmhQ" />
    <input value="20573" 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">
      210 von 210 Produkten
    </p>
  </div>
</div>

</template></turbo-stream>