<turbo-stream action="append" target="products_grid"><template>
    

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D86">
    <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/kuverture-weiss-bio-150-g-19170">
          <img alt="Kuvertüre weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9458/file/small-c634d568719396ebb92fd68602d2f3b4.webp 600w, https://assets.fabulous.ch/public/variant_asset/9458/file/medium-da312f2937f48cd4ed646f43cb629b36.webp 900w, https://assets.fabulous.ch/public/variant_asset/9458/file/large-242f5dbb29e944a2e8f3f80c99208046.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9458/file/medium-da312f2937f48cd4ed646f43cb629b36.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">Vivani / Ichoc</p>
          <a href="/products/kuverture-weiss-bio-150-g-19170">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kuvertüre weiss Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19170&quot;],&quot;content_name&quot;:&quot;Kuvertüre weiss Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19170&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="upW9IanIRBb0Zvou-QO_q7buPJOHd8eG7k21sv3Vj10XnbmPvVE8XRcSL7E47bYY2j8njmXk97KoG1zHsoTGwQ" />
    <input value="19170" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D86">
    <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/schokolade-cappuccino-bio-100-g-19171">
          <img alt="Schokolade Cappuccino Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9325/file/small-36677c71b40aec37887a2cb3a779f00f.webp 600w, https://assets.fabulous.ch/public/variant_asset/9325/file/medium-13dda1539c92ef717bc6d93af2988f1f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9325/file/large-f8d639c322a67aa749210954d5e17c2b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9325/file/medium-13dda1539c92ef717bc6d93af2988f1f.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">Vivani / Ichoc</p>
          <a href="/products/schokolade-cappuccino-bio-100-g-19171">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade Cappuccino Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19171&quot;],&quot;content_name&quot;:&quot;Schokolade Cappuccino Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19171&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hlM6XMSt__X1qfyD7aBazSCIzXLmMGBcylRIJuPHMiorWz7y0DSHvhbdKRwsTlN-TFnWbwSjUGiMAqFTrJZ7tg" />
    <input value="19171" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D86">
    <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/schokolade-dunkle-vm-50-kokosz-bio-80-g-19173">
          <img alt="Schokolade Dunkle VM 50% KokosZ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10994/file/small-b43da89b17b86460ae437977119cdee3.webp 600w, https://assets.fabulous.ch/public/variant_asset/10994/file/medium-034fc548a2a37fffc275467d0a56b4d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/10994/file/large-7c446fdb4bf0630b453fc82986d78aa7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10994/file/medium-034fc548a2a37fffc275467d0a56b4d4.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">Vivani / Ichoc</p>
          <a href="/products/schokolade-dunkle-vm-50-kokosz-bio-80-g-19173">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade Dunkle VM 50% KokosZ Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19173&quot;],&quot;content_name&quot;:&quot;Schokolade Dunkle VM 50% KokosZ Bio, 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19173&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8IdrBjdMOUiexVD-11cMmppM3hNDmKXDPZJqL1vCdQpdj2-oI9VBA32xhWEWuQUp9p3FDqELlfd7xINaFJM8lg" />
    <input value="19173" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D86">
    <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/schokolade-feine-bitter-70-orange-bio-80-g-19176">
          <img alt="Schokolade Feine Bitter 70% Orange Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9327/file/small-b4d9d893b8aa4f9f42d9366aece432f0.webp 600w, https://assets.fabulous.ch/public/variant_asset/9327/file/medium-eb3d21c79d094bccfccfe0bf469bd6ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/9327/file/large-67742d39661a5db4d0de21d92194f365.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9327/file/medium-eb3d21c79d094bccfccfe0bf469bd6ad.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">Vivani / Ichoc</p>
          <a href="/products/schokolade-feine-bitter-70-orange-bio-80-g-19176">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade Feine Bitter 70% Orange Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19176&quot;],&quot;content_name&quot;:&quot;Schokolade Feine Bitter 70% Orange Bio, 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19176&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D-IySRcQhIUoY0W_jom0tiZjQCiKeYyV84U4maVrA4Ki6jbnA4n8zssXkCBPZ70FSrJbNWjqvKG109Hs6jpKHg" />
    <input value="19176" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D86">
    <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/schokoriegel-creamy-caramel-bio-40-g-19177">
          <img alt="Schokoriegel Creamy Caramel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9328/file/small-321ebefde86a83c74905764f6ef84cd1.webp 600w, https://assets.fabulous.ch/public/variant_asset/9328/file/medium-a98c8d91708a64414e624af0e0289c53.webp 900w, https://assets.fabulous.ch/public/variant_asset/9328/file/large-de25f53139e948c3da95223ebf867fc4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9328/file/medium-a98c8d91708a64414e624af0e0289c53.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">Vivani / Ichoc</p>
          <a href="/products/schokoriegel-creamy-caramel-bio-40-g-19177">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokoriegel Creamy Caramel Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19177&quot;],&quot;content_name&quot;:&quot;Schokoriegel Creamy Caramel Bio, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19177&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vhzs-LJjRLM91Tkxvph3CEp0tcL4-6anz1Dyv7Oq31oTFOhWpvo8-N6h7K5_dn67JqWu3xpolpOJBhvK_PuWxg" />
    <input value="19177" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D86">
    <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/hafer-cuisine-glas-demeter-330-ml-19190">
          <img alt="Hafer Cuisine Glas Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9444/file/small-66c4015cd2b9e86d270c7ec52d8dab2a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9444/file/medium-7de1ec09525467f90162c21323aa7446.webp 900w, https://assets.fabulous.ch/public/variant_asset/9444/file/large-a31a992843f624573d56b890a885bba7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9444/file/medium-7de1ec09525467f90162c21323aa7446.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">Voelkel</p>
          <a href="/products/hafer-cuisine-glas-demeter-330-ml-19190">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer Cuisine Glas Demeter, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19190&quot;],&quot;content_name&quot;:&quot;Hafer Cuisine Glas Demeter, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19190&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7ZlKVdW7whNGnYENLpLZ79ISkiHUioTUoYDdN2S4ZK5AkU77wSK6WKXpVJLvfNBcvsOJPDYZtODn1jRCK-ktMg" />
    <input value="19190" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D86">
    <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/haferdrink-barista-glas-bio-750-ml-19191">
          <img alt="Haferdrink Barista Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9445/file/small-adfc091ab8e01816cc8883c4e8fdbb77.webp 600w, https://assets.fabulous.ch/public/variant_asset/9445/file/medium-aa099b8d0136e0a49e88d11fd6d9cf1c.webp 900w, https://assets.fabulous.ch/public/variant_asset/9445/file/large-67410dd5788c9ca913f611292a03104a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9445/file/medium-aa099b8d0136e0a49e88d11fd6d9cf1c.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">Voelkel</p>
          <a href="/products/haferdrink-barista-glas-bio-750-ml-19191">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferdrink Barista Glas Bio, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19191&quot;],&quot;content_name&quot;:&quot;Haferdrink Barista Glas Bio, 750 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19191&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jpDSlGc-kasXos0xkb_dRVMB2HNpU4pcB6kzMnUxFcgjmNY6c6fp4PTWGK5QUdT2P9DDbovAumhB_9pHOmBcVA" />
    <input value="19191" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D86">
    <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/haferdrink-glas-bio-750-ml-19192">
          <img alt="Haferdrink Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9443/file/small-4505c44f4766f9d8f5b17351ed85a9fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/9443/file/medium-38069a94e56119725b33d868b277551f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9443/file/large-a46c4aa71a63d6d985be1babee42772f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9443/file/medium-38069a94e56119725b33d868b277551f.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">Voelkel</p>
          <a href="/products/haferdrink-glas-bio-750-ml-19192">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferdrink Glas Bio, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19192&quot;],&quot;content_name&quot;:&quot;Haferdrink Glas Bio, 750 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19192&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OIHeUsDDbIWqoomAAbmW79wAQxtkaxqyMAzgVbmsUFeVidr81FoUzknWXB_AV59csNFYBob4KoZ2Wgkg9v0Zyw" />
    <input value="19192" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D86">
    <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/herbadiat-bio-125-g-19200">
          <img alt="Herbadiät Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9950/file/small-b4a509e0624ba6132d5a42d145cc5099.webp 600w, https://assets.fabulous.ch/public/variant_asset/9950/file/medium-14f1cb203a8bf3418b5fe9f4749d8344.webp 900w, https://assets.fabulous.ch/public/variant_asset/9950/file/large-3853162f013fea2dbd42fd682f4b86e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9950/file/medium-14f1cb203a8bf3418b5fe9f4749d8344.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">Vogel</p>
          <a href="/products/herbadiat-bio-125-g-19200">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Herbadiät Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19200&quot;],&quot;content_name&quot;:&quot;Herbadiät Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19200&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1bn1ynR5MGUzW8JIO-ouUbgPKHrMmLL4u2JLXYvA-pp4sfFkYOBILtAvF9f6BCfi1N4zZy4Lgsz9NKIoxJGzBg" />
    <input value="19200" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D86">
    <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/herbamare-bio-125-g-19201">
          <img alt="Herbamare Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9468/file/small-28de27b8b9c4672d3c3455ccbb57ffbe.webp 600w, https://assets.fabulous.ch/public/variant_asset/9468/file/medium-2b9186310672552085aacefb4510d3b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/9468/file/large-5cad875c54be22b85c1c1395be4a33f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9468/file/medium-2b9186310672552085aacefb4510d3b2.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">Vogel</p>
          <a href="/products/herbamare-bio-125-g-19201">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Herbamare Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19201&quot;],&quot;content_name&quot;:&quot;Herbamare Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19201&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Uy6B1fa2IX9nzUyZNsLEvyXiYP6tokzzUgeo-Q1mZ4b-JoV74i9ZNIS5mQb3LM0MSTN7408xfMcUUUGMQjcuGg" />
    <input value="19201" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D86">
    <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/herbamare-bouillon-bio-1-kg-19203">
          <img alt="Herbamare Bouillon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10014/file/small-2beefd84c40061b85693f4ba976bbab6.webp 600w, https://assets.fabulous.ch/public/variant_asset/10014/file/medium-ecd5fb10dd8df31b97e8758f7a0e9798.webp 900w, https://assets.fabulous.ch/public/variant_asset/10014/file/large-010b3e5bbdaa68c13d1f583eaeae14eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10014/file/medium-ecd5fb10dd8df31b97e8758f7a0e9798.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">Vogel</p>
          <a href="/products/herbamare-bouillon-bio-1-kg-19203">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Herbamare Bouillon Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19203&quot;],&quot;content_name&quot;:&quot;Herbamare Bouillon Bio, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19203&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:28.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v1AQNz0XjLfjjSu4VNL6XDTluSPr1GzmX3iC-ISfw4kSWBSZKY70_AD5_ieVPPPvWDSiPglHXNIZLmuNy86KFQ" />
    <input value="19203" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D86">
    <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/kelpamare-500-ml-19204">
          <img alt="Kelpamare" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9452/file/small-18e99188a3d321deb28b3695f5e9874b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9452/file/medium-02835262ccaf65ab64f29dbbe769552a.webp 900w, https://assets.fabulous.ch/public/variant_asset/9452/file/large-01f38ac4464d5928c2fdf5664f8959e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9452/file/medium-02835262ccaf65ab64f29dbbe769552a.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">Vogel</p>
          <a href="/products/kelpamare-500-ml-19204">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kelpamare, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19204&quot;],&quot;content_name&quot;:&quot;Kelpamare, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19204&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tWa5-cWzyEp4S9Bx6gxlhTxtV-K5dSQETpZndrtn40EYbr1X0SqwAZs_Be4r4mw2ULxM_1vmFDAIwI4D9Daq3Q" />
    <input value="19204" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D86">
    <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/kelpamare-85-ml-19205">
          <img alt="Kelpamare" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9454/file/small-8030cdb96353999170146d2e90e4b041.webp 600w, https://assets.fabulous.ch/public/variant_asset/9454/file/medium-f420378abce294f4befc06edb7b942ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/9454/file/large-e862727a75cb87ec2f7aa1b9d45437d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9454/file/medium-f420378abce294f4befc06edb7b942ac.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">Vogel</p>
          <a href="/products/kelpamare-85-ml-19205">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kelpamare, 85 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19205&quot;],&quot;content_name&quot;:&quot;Kelpamare, 85 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19205&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S7-MpclAG-8SHwqQ-7Qu-Ruu2LqOREPgWemgzetiv9zmt4gL3dljpPFr3w86WidKd3_Dp2zXc9Qfv0m4pDP2QA" />
    <input value="19205" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D86">
    <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/muesli-bio-1-kg-19207">
          <img alt="Müesli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9330/file/small-f8ae52977373fc2cb27bb7ed633f02e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/9330/file/medium-20d970dd25445f6b59c09fda0b5035b7.webp 900w, https://assets.fabulous.ch/public/variant_asset/9330/file/large-974cb41a5d7b2847e41986bf6f8c0c86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9330/file/medium-20d970dd25445f6b59c09fda0b5035b7.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">Vogel</p>
          <a href="/products/muesli-bio-1-kg-19207">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Müesli Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19207&quot;],&quot;content_name&quot;:&quot;Müesli Bio, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19207&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IdBJPScuJW6oLrFH3KiU_8flY0j3ZPZCHIxo4tflMCaM2E2TM7ddJUtaZNgdRp1MqzR4VRX3xnZa2oGXmLR5ug" />
    <input value="19207" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D86">
    <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/muesli-bio-500-g-19208">
          <img alt="Müesli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10015/file/small-8f509fe130463ff19ac9fa28317ca5bb.webp 600w, https://assets.fabulous.ch/public/variant_asset/10015/file/medium-7c821214d9298f977b5f56e7ae59d563.webp 900w, https://assets.fabulous.ch/public/variant_asset/10015/file/large-1bd29f4d7d3a91dc415f807f39797c9d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10015/file/medium-7c821214d9298f977b5f56e7ae59d563.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">Vogel</p>
          <a href="/products/muesli-bio-500-g-19208">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Müesli Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19208&quot;],&quot;content_name&quot;:&quot;Müesli Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19208&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Cbx1E9jeOsvy_elJaWv3KRT4-zaVEE9kq9WlyGx32GmktHG9zEdCgBGJPNaohf6aeCngK3eDf1Dtg0y9IyaR9Q" />
    <input value="19208" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D86">
    <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/braunhirse-flocken-bio-250-g-19209">
          <img alt="Braunhirse Flocken Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9421/file/small-af0c3ccce9a946daf338cac1c2f6ae86.webp 600w, https://assets.fabulous.ch/public/variant_asset/9421/file/medium-d54b0712368ac619017bfea3784ec2c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/9421/file/large-a50465ab0a307e3650d6a609d2359726.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9421/file/medium-d54b0712368ac619017bfea3784ec2c5.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">Werz</p>
          <a href="/products/braunhirse-flocken-bio-250-g-19209">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Braunhirse Flocken Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19209&quot;],&quot;content_name&quot;:&quot;Braunhirse Flocken Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19209&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IefV8f9q7fTT80-VDOkECFSk4Qj_qh3dam-XzU9y-dCM79Ff6_OVvzCHmgrNBw27OHX6FR05LeksOX64ACOwTA" />
    <input value="19209" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D86">
    <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/hirse-vollkorn-griess-bio-250-g-19216">
          <img alt="Hirse Vollkorn Griess Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9414/file/small-f6bfed2a108836908809c47d06f0aa29.webp 600w, https://assets.fabulous.ch/public/variant_asset/9414/file/medium-df9d543341c3ca457766ef7ecb0a2947.webp 900w, https://assets.fabulous.ch/public/variant_asset/9414/file/large-8d1c23d37c9a4ef0773708e6cfb95c3e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9414/file/medium-df9d543341c3ca457766ef7ecb0a2947.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">Werz</p>
          <a href="/products/hirse-vollkorn-griess-bio-250-g-19216">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hirse Vollkorn Griess Bio, 250 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 1.92 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19216&quot;],&quot;content_name&quot;:&quot;Hirse Vollkorn Griess Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19216&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="401q9xw_g8gvHba2PL2FTQwuP5k5rFPpOf1PNbDZt79ORW5ZCKb7g8xpYyn9U4z-YP8khNs_Y91_q6ZA_4j-Iw" />
    <input value="19216" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D86">
    <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/reis-griess-bio-250-g-19217">
          <img alt="Reis Griess Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9424/file/small-276b42cab4c1417df21ac45e4d1b299b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9424/file/medium-6709ff513a52ff0a8936973b2fe1d73c.webp 900w, https://assets.fabulous.ch/public/variant_asset/9424/file/large-df3e5f864e2f914ec03d6d96382ede02.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9424/file/medium-6709ff513a52ff0a8936973b2fe1d73c.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">Werz</p>
          <a href="/products/reis-griess-bio-250-g-19217">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reis Griess Bio, 250 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 1.88 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19217&quot;],&quot;content_name&quot;:&quot;Reis Griess Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19217&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ljsILOpWXenNpkXKL7gdHRZIfBLm77k87a14fXYFlYE7MwyC_s8loi7SkFXuVhSueplnDwR8iQir-5EIOVTcHQ" />
    <input value="19217" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D86">
    <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/hirse-mehl-bio-1-kg-19218">
          <img alt="Hirse Mehl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9415/file/small-603927366053731fd7d00bd47c0d000e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9415/file/medium-87c274a25b58c04abf9208a9dc1b2767.webp 900w, https://assets.fabulous.ch/public/variant_asset/9415/file/large-ea5b9fc6906627c8adafbe220edd0da5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9415/file/medium-87c274a25b58c04abf9208a9dc1b2767.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">Werz</p>
          <a href="/products/hirse-mehl-bio-1-kg-19218">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hirse Mehl Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19218&quot;],&quot;content_name&quot;:&quot;Hirse Mehl Bio, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19218&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S3hRs8lfyrF4s2QQ2HJpz7Yv_pFCWD3rIoBQnr3C6ITmcFUd3cay-pvHsY8ZnGB82v7ljKDLDd9k1rnr8pOhGA" />
    <input value="19218" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D86">
    <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/hirse-gepufft-bio-125-g-19219">
          <img alt="Hirse gepufft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9418/file/small-8dc027d7e66e81a72a441bc440a367cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/9418/file/medium-21e43e426a476f68223038d783b5380b.webp 900w, https://assets.fabulous.ch/public/variant_asset/9418/file/large-135212bf36f63ba3e998b1aa7fd87f65.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9418/file/medium-21e43e426a476f68223038d783b5380b.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">Werz</p>
          <a href="/products/hirse-gepufft-bio-125-g-19219">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hirse gepufft Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19219&quot;],&quot;content_name&quot;:&quot;Hirse gepufft Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19219&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ixza8l0Kwnizb20EmfWE4VyXC3aadhcp5YBN_ke_6Q0mFN5cSZO6M1AbuJtYG41SMEYQa3jlJx2j1qSLCO6gkQ" />
    <input value="19219" 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;720 von 1&#39;894 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel?format=turbo_stream&amp;page=87">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>