<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%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D7">
    <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-creme-gebrannt-90g-konv-1-stuck-18567">
          <img alt="Morga Crème gebrannt 90g konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a1e376dadcbe4fa25fafdb20b700dbfe.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a1e376dadcbe4fa25fafdb20b700dbfe.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a1e376dadcbe4fa25fafdb20b700dbfe.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a1e376dadcbe4fa25fafdb20b700dbfe.jpg" />
</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-creme-gebrannt-90g-konv-1-stuck-18567">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Crème gebrannt 90g konv, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aJw8_znCvjetEgA_gRcSPgvKwIYZ6OZGrXix5aNwFcm4fttzqv5XD38vV2ijraCBCIN0VKy8k7v8QCImjAMXPA" />
    <input value="18567" 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%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D7">
    <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-creme-vanille-70g-konv-1-stuck-18568">
          <img alt="Morga Crème Vanille 70g konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3e6a3f7d49dd616c8aa783307e1439ef.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3e6a3f7d49dd616c8aa783307e1439ef.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3e6a3f7d49dd616c8aa783307e1439ef.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3e6a3f7d49dd616c8aa783307e1439ef.jpg" />
</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-creme-vanille-70g-konv-1-stuck-18568">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Crème Vanille 70g konv, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1nTmt86NcLA0cxFJpq3kmOHKxg-S4rEip04edF-NzfkGlgE7XbGZiOZORh6EF1Yn4oNy3Se2xN_2do23cP7PDA" />
    <input value="18568" 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%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D7">
    <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-creme-vanille-curcuma-70g-biok-1-stuck-18569">
          <img alt="Morga Crème Vanille-Curcuma 70g BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e1c1443bd7468342155e8afb85a59180.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e1c1443bd7468342155e8afb85a59180.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e1c1443bd7468342155e8afb85a59180.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e1c1443bd7468342155e8afb85a59180.jpg" />
</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-creme-vanille-curcuma-70g-biok-1-stuck-18569">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Crème Vanille-Curcuma 70g BioK, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.25 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8Ab5eV1ePqhgAuFEJXChXw0QbijhZieLbqngfLZI6LIg5B71zmLXkLI_thMHyhPgDlna-lQyUnY_kXO_mTvqRw" />
    <input value="18569" 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%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D7">
    <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-mousse-stracciatella-110g-konv-1-stuck-18600">
          <img alt="Morga Mousse Stracciatella 110g konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a2e399f52270be2a66e70e63da3a6209.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a2e399f52270be2a66e70e63da3a6209.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a2e399f52270be2a66e70e63da3a6209.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a2e399f52270be2a66e70e63da3a6209.jpg" />
</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-mousse-stracciatella-110g-konv-1-stuck-18600">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Mousse Stracciatella 110g konv, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X80DEdi8ejqpAzo0BV_QpBfOllYQlR5hpTGpUnNF3CaPL-SdS4CTAns-bWMn5WIbFIcihKXBa5z0CTqRXDbe0w" />
    <input value="18600" 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%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D7">
    <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-panna-cotta-65g-biok-1-stuck-18602">
          <img alt="Morga Panna Cotta 65g BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3a66e8e5215e1f815d5481c7513f79fd.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3a66e8e5215e1f815d5481c7513f79fd.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3a66e8e5215e1f815d5481c7513f79fd.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3a66e8e5215e1f815d5481c7513f79fd.jpg" />
</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-panna-cotta-65g-biok-1-stuck-18602">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Panna Cotta 65g BioK, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.25 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MxbjL9sqkweesiJsr_AWVf2nzbNiXFyclfLyknU5Ehrj9ASjSBZ6P0yPdTuNSqTq_u55YdcIKWHEymFRWkoQ7w" />
    <input value="18602" 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%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D7">
    <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-pudding-chocolat-75g-biok-1-stuck-18604">
          <img alt="Morga Pudding Chocolat 75g BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5b8c4629bf155d13ac7da94ac891eaee.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5b8c4629bf155d13ac7da94ac891eaee.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5b8c4629bf155d13ac7da94ac891eaee.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5b8c4629bf155d13ac7da94ac891eaee.jpg" />
</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-pudding-chocolat-75g-biok-1-stuck-18604">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Pudding Chocolat 75g BioK, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.25 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5paFTy6f4Kks2meMvSk9qv5d3qsj2g911Gpbuv00J8I2dGLDvaMJkf7nMNufk48V_RRqeZaOeoiFUsh50kclNw" />
    <input value="18604" 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%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D7">
    <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-pudding-vanille-85g-konv-1-stuck-18605">
          <img alt="Morga Pudding Vanille 85g konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/75bf9e2d447d6524209a276fce01a885.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/75bf9e2d447d6524209a276fce01a885.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/75bf9e2d447d6524209a276fce01a885.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/75bf9e2d447d6524209a276fce01a885.jpg" />
</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-pudding-vanille-85g-konv-1-stuck-18605">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Pudding Vanille 85g konv, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WJd2yz3OVlNcEWz84CklR7dvi4zmH-S0yPoZ5_F0PJCIdZFHrvK_a44sO6vCk5f4tCY_XlNLkUmZwook3gc-ZQ" />
    <input value="18605" 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%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D7">
    <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-pudding-vanille-curcuma-60g-biok-1-stuck-18606">
          <img alt="Morga Pudding Vanille-Curcuma 60g BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c1d90ef2dcc2e1d58c6dfb396fbca451.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c1d90ef2dcc2e1d58c6dfb396fbca451.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c1d90ef2dcc2e1d58c6dfb396fbca451.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c1d90ef2dcc2e1d58c6dfb396fbca451.jpg" />
</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-pudding-vanille-curcuma-60g-biok-1-stuck-18606">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Pudding Vanille-Curcuma 60g BioK, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.25 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OUufCMLKmPgNMXRehWMn_lH2YpOnZNG7hq4sL1YGdYTpqXiEUfZxwN8MIwmn2ZVBUr_WQRIwpEbXlr_seXV3cQ" />
    <input value="18606" 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%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D7">
    <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-traubenzucker-500g-1-stuck-18621">
          <img alt="Morga Traubenzucker 500g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1fca96bf90b9275c6ecd6224783fb690.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1fca96bf90b9275c6ecd6224783fb690.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1fca96bf90b9275c6ecd6224783fb690.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1fca96bf90b9275c6ecd6224783fb690.jpg" />
</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-traubenzucker-500g-1-stuck-18621">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Traubenzucker 500g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Sa86ORoTQ0-3V9CaWpy9Pmn1hcXeWg2KhqBWJQn7UdSZTd21iS-qd2Vqh814Jg-BarwxF2sOeHfXmMXmJohTIQ" />
    <input value="18621" 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%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D7">
    <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-schokoladen-aprikosen-150g-bio-vegan-roh-1-stuck-18648">
          <img alt="Naturkostbar Schokoladen Aprikosen 150g Bio vegan roh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/38055ff426005371ff367bbf4053e45b.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/38055ff426005371ff367bbf4053e45b.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/38055ff426005371ff367bbf4053e45b.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/38055ff426005371ff367bbf4053e45b.png" />
</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-schokoladen-aprikosen-150g-bio-vegan-roh-1-stuck-18648">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturkostbar Schokoladen Aprikosen 150g Bio vegan roh, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.30
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 16.30 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XQnsZTUGOTAGkFQlppqeDGI14xY60iniX5_FdzMSkMWN6wvppjrQCNStA3KEICyzYXxXxI-GXB8Op1a0HGGSMA" />
    <input value="18648" 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%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D7">
    <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/originalbeans-cusco-100-oz-70g-bio-vegan-gf-1-stuck-18688">
          <img alt="OriginalBeans Cusco 100% oZ 70g Bio vegan gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f70eaa95c353b1fc09b3bdece9654bd2.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f70eaa95c353b1fc09b3bdece9654bd2.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f70eaa95c353b1fc09b3bdece9654bd2.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f70eaa95c353b1fc09b3bdece9654bd2.jpg" />
</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">OriginalBeans</p>
          <a href="/products/originalbeans-cusco-100-oz-70g-bio-vegan-gf-1-stuck-18688">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">OriginalBeans Cusco 100% oZ 70g Bio vegan gf, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 8.70 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Cl--Jba81A2GWIk2H1w_YC5QIbnolkb5O2l_vri1E7_avVmpJYA9NVRl3mE95o3fLRmVa13CMwRqUex9l8YRSg" />
    <input value="18688" 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%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D7">
    <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/originalbeans-femmes-de-virunga-55-70g-bio-gf-1-stuck-18689">
          <img alt="OriginalBeans Femmes de Virunga 55% 70g Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2c331174649b9b90c876fb75ecdc6f02.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2c331174649b9b90c876fb75ecdc6f02.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2c331174649b9b90c876fb75ecdc6f02.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2c331174649b9b90c876fb75ecdc6f02.jpg" />
</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">OriginalBeans</p>
          <a href="/products/originalbeans-femmes-de-virunga-55-70g-bio-gf-1-stuck-18689">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">OriginalBeans Femmes de Virunga 55% 70g Bio gf, 1 Stück</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 7.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ETlp15cRH35sXzy1skPam_ZN_4rm7xf9fpEJnM0tG6nB245bBC32Rr5ia-KQ-Wgk9QRLWFO7YgAvqZpf4l4ZXA" />
    <input value="18689" 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%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D7">
    <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/originalbeans-piura-75-70g-bio-vegan-gf-1-stuck-18690">
          <img alt="OriginalBeans Piura 75% 70g Bio vegan gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/692adceaf5bd6ad210c4ec9acefca7bf.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/692adceaf5bd6ad210c4ec9acefca7bf.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/692adceaf5bd6ad210c4ec9acefca7bf.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/692adceaf5bd6ad210c4ec9acefca7bf.jpg" />
</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">OriginalBeans</p>
          <a href="/products/originalbeans-piura-75-70g-bio-vegan-gf-1-stuck-18690">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">OriginalBeans Piura 75% 70g Bio vegan gf, 1 Stück</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 7.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="szChnZh-3kWlIi5FW1G4ySIQBEI4x-5WjitcKGofGIpj0kYRC0I3fXcfeRJ56wp2IVmwkI2Tm6vfE8_rRWwafw" />
    <input value="18690" 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%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D7">
    <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/pural-biobis-weizen-vanille-320g-bio-1-stuck-18715">
          <img alt="Pural BioBis Weizen Vanille 320g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/74aa5e805671e9678b8975c3586b67e3.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/74aa5e805671e9678b8975c3586b67e3.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/74aa5e805671e9678b8975c3586b67e3.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/74aa5e805671e9678b8975c3586b67e3.jpg" />
</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">Pural</p>
          <a href="/products/pural-biobis-weizen-vanille-320g-bio-1-stuck-18715">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pural BioBis Weizen Vanille 320g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Hv78ydDgvpj92L3WltK94RTLM-nNiykqzINpHcBNL2HOHBtFQ9xXoC_l6oG0aA9eF4KHO3jfXNedu_re7z4tlA" />
    <input value="18715" 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%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D7">
    <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/pural-honigkuchen-400g-bio-1-stuck-18722">
          <img alt="Pural Honigkuchen 400g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d8385ff090f490f8b5ada24e52dff178.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d8385ff090f490f8b5ada24e52dff178.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d8385ff090f490f8b5ada24e52dff178.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d8385ff090f490f8b5ada24e52dff178.jpg" />
</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">Pural</p>
          <a href="/products/pural-honigkuchen-400g-bio-1-stuck-18722">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pural Honigkuchen 400g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 5.10 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ft_SMNdnvWBNY39wCKqBuVZyrENEFK0LOMgfQMpymw-uPTW8RFtUWJ9eKCcqEDMGVTsYkfFA2PZp8IyD5QGZ-g" />
    <input value="18722" 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%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D7">
    <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/rapunzel-stick-cocos-creme-22g-bio-1-stuck-18782">
          <img alt="Rapunzel Stick Cocos Creme 22g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e9aad9f77a5efb4bcc9434cc97272add.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e9aad9f77a5efb4bcc9434cc97272add.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e9aad9f77a5efb4bcc9434cc97272add.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e9aad9f77a5efb4bcc9434cc97272add.jpg" />
</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">Rapunzel</p>
          <a href="/products/rapunzel-stick-cocos-creme-22g-bio-1-stuck-18782">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Stick Cocos Creme 22g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.55
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.55 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Kr4HK-8LRAtKXHMkYk76qWx_FqylkV7r0IytdTeoTd36XOCnfDetM5hhJHNA9EgWbzaifhDFKxaBtD62GNtPKA" />
    <input value="18782" 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%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D7">
    <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/rapunzel-stick-himbeer-joghurt-22g-bio-1-stuck-18783">
          <img alt="Rapunzel Stick Himbeer Joghurt 22g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ee439d61ed00909acf4c702c5632bd9e.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ee439d61ed00909acf4c702c5632bd9e.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ee439d61ed00909acf4c702c5632bd9e.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ee439d61ed00909acf4c702c5632bd9e.jpg" />
</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">Rapunzel</p>
          <a href="/products/rapunzel-stick-himbeer-joghurt-22g-bio-1-stuck-18783">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Stick Himbeer Joghurt 22g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.55
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.55 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GWwe1dP0MSEuJ0QnPfUfXgGJ-kGzq8Ng29c-lLUConPJjvlZQMjYGfwaE3AfT63hAsBOkwb_tp2K761XmnGghg" />
    <input value="18783" 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%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D7">
    <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/rapunzel-tafel-schokolade-bitter-85-80g-bio-1-stuck-18785">
          <img alt="Rapunzel Tafel Schokolade Bitter 85% 80g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/907a2717fb74be221f86ddf8b9132ea0.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/907a2717fb74be221f86ddf8b9132ea0.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/907a2717fb74be221f86ddf8b9132ea0.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/907a2717fb74be221f86ddf8b9132ea0.jpg" />
</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">Rapunzel</p>
          <a href="/products/rapunzel-tafel-schokolade-bitter-85-80g-bio-1-stuck-18785">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Tafel Schokolade Bitter 85% 80g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v4wWxC8t1sHo2ykEaOI1eK6a98cbY9imZgFRNPUIHEtvbvFIvBE_-TrmflNKWIfHrdNDFa43rVs3OcL32nsevg" />
    <input value="18785" 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%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D7">
    <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/rapunzel-tafel-schokolade-krachnuss-vollmilch-100g-bio-1-stuck-18786">
          <img alt="Rapunzel Tafel Schokolade Krachnuss Vollmilch 100g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d4680c496b63c7855d30b1a9be59baad.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d4680c496b63c7855d30b1a9be59baad.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d4680c496b63c7855d30b1a9be59baad.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d4680c496b63c7855d30b1a9be59baad.jpg" />
</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">Rapunzel</p>
          <a href="/products/rapunzel-tafel-schokolade-krachnuss-vollmilch-100g-bio-1-stuck-18786">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Tafel Schokolade Krachnuss Vollmilch 100g Bio, 1 Stück</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 5.50 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dUoY1frAYWuGPs-9EJzhs2AbAltQ9vC6MABJtwRmdgKlqP9ZafyIU1QDmOoyJlMMY1K2ieWihUdhONp0KxV09w" />
    <input value="18786" 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%2Fsussigkeiten-desserts%3Fformat%3Dturbo_stream%26page%3D7">
    <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/rawbite-protein-crunchy-45g-bio-1-stuck-18792">
          <img alt="RawBite Protein Crunchy 45g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9169/file/small-936070adfa41385c59f3e9dffb020440.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9169/file/medium-8f56970479182755d7ce0365495c07d6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9169/file/large-86bf789b04839c3a2133107dd85e8e1d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9169/file/medium-8f56970479182755d7ce0365495c07d6.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">RawBite</p>
          <a href="/products/rawbite-protein-crunchy-45g-bio-1-stuck-18792">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">RawBite Protein Crunchy 45g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

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

</template></turbo-stream>