<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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D67">
    <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/hamburger-buns-bio-250-g-18879">
          <img alt="Hamburger Buns Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9485/file/small-deaa266fdf5dcb2e40c9dfa0918f05dd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9485/file/medium-0b28f7f96f63a53d6715cf0d56128aa4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9485/file/large-e6e9ab4096970aa65f3c0bd6a760906e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9485/file/medium-0b28f7f96f63a53d6715cf0d56128aa4.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">Schnitzer</p>
          <a href="/products/hamburger-buns-bio-250-g-18879">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hamburger Buns Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wbnsgTTeY9uXBsuKNRwWKZsAYDNoYOFm2J6eaBTNI6r7c1ISg4oxq1PFRJdwWf1A-xn3h-9jNxnpNQoPPFelrA" />
    <input value="18879" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D67">
    <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/muffins-blaubeer-bio-140-g-18880">
          <img alt="Muffins Blaubeer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9492/file/small-d036bbdd2d4f5ccd8fdb080afc8eed2a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9492/file/medium-e18c84cfee7efac7ec680405f01cd9f6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9492/file/large-cf93d1b3432d49912e9ad4541546ab5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9492/file/medium-e18c84cfee7efac7ec680405f01cd9f6.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">Schnitzer</p>
          <a href="/products/muffins-blaubeer-bio-140-g-18880">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Muffins Blaubeer Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YDGJYVLQzKKW6O5ODV0RQsCDC0oKr1a5qk0P-uhpYeha-zfy5YSe0lIrYVNIGPoroJqc_o2sgMab5pudwPPn7g" />
    <input value="18880" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D67">
    <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/muffins-schokolade-bio-140-g-18881">
          <img alt="Muffins Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9493/file/small-b8c820f4fc360aa332d78b124834eed4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9493/file/medium-9764dda2cca48cb52e8d1029aa2f0c0c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9493/file/large-2bd93d1dc8461e7c04b8758454caeeff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9493/file/medium-9764dda2cca48cb52e8d1029aa2f0c0c.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">Schnitzer</p>
          <a href="/products/muffins-schokolade-bio-140-g-18881">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Muffins Schokolade Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.15
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sqAPm0YT_VSdrQP2uoiyi_zau941zfwjPpOLm0V5VtOIarEI8UevJFlujOv_zVninMMsarLOKlwPOB_8bePQ1Q" />
    <input value="18881" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D67">
    <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/pizzabase-bio-140-g-18882">
          <img alt="Pizzabase Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10880/file/small-cf97c2a6540cc49db6671ac5cb405be6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10880/file/medium-03c508dd6bb6f84ac92719ad3ed3be59.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10880/file/large-5fccb97ce8565e691e5f4ae962464f85.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10880/file/medium-03c508dd6bb6f84ac92719ad3ed3be59.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">Schnitzer</p>
          <a href="/products/pizzabase-bio-140-g-18882">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pizzabase Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Uf27nypYFDKrwZEYvtV9rlT3CUu8MNYEaDl9zvMixXprNwUMnQxGQm8CHgX7kJbHNO6e_zszAHtZkump27hDfA" />
    <input value="18882" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D67">
    <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/zaufb-baguette-classic-bio-360-g-18883">
          <img alt="zAufb Baguette Classic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9488/file/small-d5ca248be0ed0611c783e22a2ac24afc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9488/file/medium-b8ae8baf8b94e0d321c3c2368cc95a07.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9488/file/large-5fb09031b39dfa69230f85fa3eb3657e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9488/file/medium-b8ae8baf8b94e0d321c3c2368cc95a07.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">Schnitzer</p>
          <a href="/products/zaufb-baguette-classic-bio-360-g-18883">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zAufb Baguette Classic Bio, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fOM-GqphindTQOHN1VmMSccOZCxSxeQY4nM5jnIIZXVGKYCJHTXYB5eDbtCQHGcgpxfzmNXGMmfT2K3pWpLjcw" />
    <input value="18883" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D67">
    <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/zaufb-baguette-grainy-bio-320-g-18884">
          <img alt="zAufb Baguette Grainy Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9489/file/small-e41c99b36eb381c61ee35f4490e854ff.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9489/file/medium-692d6fe0c1a001fa39d634e22b830882.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9489/file/large-db92e7a011d76379b23e85dcb68f71a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9489/file/medium-692d6fe0c1a001fa39d634e22b830882.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">Schnitzer</p>
          <a href="/products/zaufb-baguette-grainy-bio-320-g-18884">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zAufb Baguette Grainy Bio, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oXlU1HgyaHFhuW9vhcqPZQNTwrW4bilwjtl4sKghgtObs-pHz2Y6AaV64HLAj2QMY0pVAT9t_w-_cuzXgLsE1Q" />
    <input value="18884" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D67">
    <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/zaufb-baguette-rustic-bio-320-g-18885">
          <img alt="zAufb Baguette Rustic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9487/file/small-56beba54b7acc3722a96be69ed147673.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9487/file/medium-590bdcc2a5aad857e2535570570be989.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9487/file/large-460674daa68e55844d2b0a73f46c97cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9487/file/medium-590bdcc2a5aad857e2535570570be989.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">Schnitzer</p>
          <a href="/products/zaufb-baguette-rustic-bio-320-g-18885">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zAufb Baguette Rustic Bio, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Kb7TDmydF2OrFaa3kSVgObfRqCo_xKd57126UDvxsS0TdG2d28lFE2_WKarUYItQ18g_nrjHcQbe9i43E2s3Kw" />
    <input value="18885" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D67">
    <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/zaufb-panini-grainy-maisbrotchen-bio-188-g-18886">
          <img alt="zAufb Panini Grainy Maisbrötchen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9494/file/small-a919e71e4fafe5f587b4f53fd5b6fb08.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9494/file/medium-a6a6913fd57db7f2e5aab5c1748b89a8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9494/file/large-b337900d74f8bbd786c28590d0794574.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9494/file/medium-a6a6913fd57db7f2e5aab5c1748b89a8.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">Schnitzer</p>
          <a href="/products/zaufb-panini-grainy-maisbrotchen-bio-188-g-18886">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zAufb Panini Grainy Maisbrötchen Bio, 188 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zp7ilPnUrs8SJ_1uBcWjTjl9fa5G_CMc-5BQzGQzH5pcVFwHToD8v9bkcnNAgEgnWWTqGsH_9WPKO8SrTKmZnA" />
    <input value="18886" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D67">
    <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/artischocken-frischpflanzensaft-200-ml-18887">
          <img alt="Artischocken Frischpflanzensaft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10718/file/small-0ac6c790fd6760ec87597a4795237429.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10718/file/medium-d36f59de86d314eb4e705311eda41167.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10718/file/large-3d99016e4842a59aac49b3640cdaa7f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10718/file/medium-d36f59de86d314eb4e705311eda41167.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">Schoenenberger</p>
          <a href="/products/artischocken-frischpflanzensaft-200-ml-18887">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Artischocken Frischpflanzensaft, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZOw4qDsaCWHozhi5DCs1aqX87gyzigZ1tDCzNQu6QgVeJoY7jE5bESwNl6RJbt4DxeV5uDSJ0AqFmydSIyDEAw" />
    <input value="18887" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D67">
    <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/vollkorn-schuttelbrot-bio-2-x-100-g-18888">
          <img alt="Vollkorn Schüttelbrot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9988/file/small-b40ceeae6cfc6317d9e2d00e4198cf65.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9988/file/medium-efdcb92fab315b4c52dc646b4e3aeb00.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9988/file/large-30a2d39d5b67de65b0a0e9e0ea8a4dd6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9988/file/medium-efdcb92fab315b4c52dc646b4e3aeb00.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">Schuster</p>
          <a href="/products/vollkorn-schuttelbrot-bio-2-x-100-g-18888">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vollkorn Schüttelbrot Bio, 2 x 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SA4eq7U2IbkgU5ob78L4pZzIVYSL9lNMEFsMbhtUnmByxKA4AmJzyeSQFQaqhxPM_NHCMAz1hTMh8JgJM84YZg" />
    <input value="18888" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D67">
    <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/flohsamen-dextriniert-bio-120-g-18889">
          <img alt="Flohsamen dextriniert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9283/file/small-1baab0c4f514185dd7117af4d73e7fd0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9283/file/medium-f10081b9d7343709f211f1aee301fc41.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9283/file/large-57b91bbc75b600b194d77a20bb8a2a76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9283/file/medium-f10081b9d7343709f211f1aee301fc41.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">Sonnenkorn</p>
          <a href="/products/flohsamen-dextriniert-bio-120-g-18889">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flohsamen dextriniert Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XKBGI4SdzqOe3qRZ9UXnJyfNwWKarXxMTFlJy8hVC-xmaviwM8mc01odK0SwAAxOR9RW1h2uqjN98t2s4M-N6g" />
    <input value="18889" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D67">
    <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/adios-salz-scharfe-gemusemischung-bio-50-g-18890">
          <img alt="Adios Salz Scharfe Gemüsemischung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10925/file/small-e81ef3840860012ef9afa7b1eb710b1f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10925/file/medium-ed8a46cbcc6429f107b7de7535298b39.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10925/file/large-62be7a58a74c3f70b48db37e4d3a6c2a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10925/file/medium-ed8a46cbcc6429f107b7de7535298b39.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">Sonnentor</p>
          <a href="/products/adios-salz-scharfe-gemusemischung-bio-50-g-18890">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Adios Salz Scharfe Gemüsemischung Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CcMS_bGa42K8uRpluKh7UB13HnChB43sjbvFYwhK07wzCaxuBs6xEnh6lXj97ZA5fW6JxCYEW5O8EFEEINBVug" />
    <input value="18890" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D67">
    <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/bengelchen-joghurtfruchte-bio-100-g-18891">
          <img alt="Bengelchen Joghurtfrüchte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9531/file/small-38d9a1e77082a5ccc0dc470680ec8344.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9531/file/medium-125b3d2ec1bb989f0c6367aa31f12aa5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9531/file/large-6d36f1089ce22aa2308d62fd8caca77e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9531/file/medium-125b3d2ec1bb989f0c6367aa31f12aa5.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">Sonnentor</p>
          <a href="/products/bengelchen-joghurtfruchte-bio-100-g-18891">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bengelchen Joghurtfrüchte Bio, 100 g</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 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vw2nN-yJlD5FiJITy3U1D3jZKGRhtEhMVRC6kRQ2mWuFxxmkW93GToFLHQ6OMN5mGMC_0Oa3njNkuy72PKwfbQ" />
    <input value="18891" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D67">
    <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/flohsamen-bio-90-g-18892">
          <img alt="Flohsamen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9458/file/small-f7fa5ea72f3193a2e0b51aeb6d0814da.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9458/file/medium-064f0fd2a5e8cfb54d7dbb5d4b55fe0b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9458/file/large-d3e153b9050588830bbe6e746a8c38e3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9458/file/medium-064f0fd2a5e8cfb54d7dbb5d4b55fe0b.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">Sonnentor</p>
          <a href="/products/flohsamen-bio-90-g-18892">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flohsamen Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tMiUowaTJG34dZSqurEhc3YRYTeS8_p2TcZcDHGFlkyOAiowscd2HTy2G7f_9MoaFgj2gxXwLAl8bchrWR8QSg" />
    <input value="18892" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D67">
    <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/gemusetopping-nfp-bio-45-g-18893">
          <img alt="Gemüsetopping NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9460/file/small-4563f589ecf9581506f8dca58172cf6b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9460/file/medium-3d31deaca42c49c2af510756add42507.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9460/file/large-e78ebf2dd8cd2e60d45921f4658abcf9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9460/file/medium-3d31deaca42c49c2af510756add42507.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">Sonnentor</p>
          <a href="/products/gemusetopping-nfp-bio-45-g-18893">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemüsetopping NFP Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XxyxsOVaYdG8Fg6mzcUfzBv-bLqAz-M3SAF1UDqgOd5l1g8jUg4zoXjVgbuIgPSle-f7DgfMNUh5quE3Ejq_2A" />
    <input value="18893" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D67">
    <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/gewurz-basen-krauter-mischung-bio-35-g-18894">
          <img alt="Gewürz Basen Kräuter Mischung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9528/file/small-d9cf3ba69710a37653e2b02b9994b369.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9528/file/medium-83034014cecd6203d9aa0acac26de317.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9528/file/large-c0120ec1e583d45879f4e36a09da12c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9528/file/medium-83034014cecd6203d9aa0acac26de317.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">Sonnentor</p>
          <a href="/products/gewurz-basen-krauter-mischung-bio-35-g-18894">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürz Basen Kräuter Mischung Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R3XR3k5l_OD5sHY-MEg0vcKEXKcXdaMU5zp9n6TavrF9v29N-TGukD1z-SN1Dd_Uop3LE5B2dWvWken4jEA4tw" />
    <input value="18894" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D67">
    <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/gewurz-curry-scharf-nfp-bio-50-g-18895">
          <img alt="Gewürz Curry scharf NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9543/file/small-e875372166292451f65784fc7c03196e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9543/file/medium-4b560143013d0735cfbc83c2adab5b40.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9543/file/large-468e75ac2243b0be7cb2c14450758085.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9543/file/medium-4b560143013d0735cfbc83c2adab5b40.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">Sonnentor</p>
          <a href="/products/gewurz-curry-scharf-nfp-bio-50-g-18895">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürz Curry scharf NFP Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vbQX3bgfaWY89Oy9VzLDq1X9jHTSepDVIFYOnwrjdmGHfqlOD0s7Fvg3Y6ASdyjCNeQbwFV5RqoR_Zr4InnwZw" />
    <input value="18895" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D67">
    <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/gewurz-curry-suss-bio-50-g-18896">
          <img alt="Gewürz Curry süss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9548/file/small-6b69e013f5139871aee0f9d5617e3366.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9548/file/medium-33d54e75adf9c872b02b025604945d78.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9548/file/large-2284c25808040fbd86493695a0067b5e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9548/file/medium-33d54e75adf9c872b02b025604945d78.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">Sonnentor</p>
          <a href="/products/gewurz-curry-suss-bio-50-g-18896">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürz Curry süss Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7JUN8Rck-yrUIA4x06iRzYs0H0oZFrM9fhMCgD_ChkbWX7NioHCpWhDjgSyW7Xqk6y2I_p4VZUJPuJbnF1gAQA" />
    <input value="18896" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D67">
    <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/gewurz-galgant-gemahlen-bio-35-g-18897">
          <img alt="Gewürz Galgant gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9557/file/small-e7b964d6eb9d8ced7b2f64651727f6b7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9557/file/medium-16ee2dedd866fceb36f7a9230b242d0e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9557/file/large-a72a99848ad1d91f8c50731fdf4a028a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9557/file/medium-16ee2dedd866fceb36f7a9230b242d0e.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">Sonnentor</p>
          <a href="/products/gewurz-galgant-gemahlen-bio-35-g-18897">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürz Galgant gemahlen Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u5u_ZqOQ3hdckGWXJ-P49K4wj4bKRJTXATUvhAOErdiBUQH1FMSMZ5hT6opiphOdzikYMk1HQqgwnrvjKx4r3g" />
    <input value="18897" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D67">
    <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/gewurz-muskatnusse-bio-25-g-18898">
          <img alt="Gewürz Muskatnüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9547/file/small-81faa86f69f0d5e5e65810893675d17a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9547/file/medium-478fcbe82b91c881450d6395092232a8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9547/file/large-0ee004c10a30cb059a6c941ee0c86b81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9547/file/medium-478fcbe82b91c881450d6395092232a8.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">Sonnentor</p>
          <a href="/products/gewurz-muskatnusse-bio-25-g-18898">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürz Muskatnüsse Bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.55
            </p>

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

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

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

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



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

</template></turbo-stream>