<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%3D28">
    <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/bioplanete-walnussol-nativ-bio-100-ml-18239">
          <img alt="BioPlanète Walnussöl nativ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9091/file/small-ea8e7c83ff5f5a3fa6bc17c919c4325e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9091/file/medium-0fa0d7499f053fcc532fdbb57543be5f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9091/file/large-5843dbaed286c0eca72f88af000edddf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9091/file/medium-0fa0d7499f053fcc532fdbb57543be5f.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">BioPlanète</p>
          <a href="/products/bioplanete-walnussol-nativ-bio-100-ml-18239">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BioPlanète Walnussöl nativ Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LVw9r0bz6YnNxz0Z8LXZxM25LzTKNVrhNjg7VNZBiH5Tm3sed79BuV86J89t3PyzdKCg2lbhMeeBY00Yisjj1Q" />
    <input value="18239" 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%3D28">
    <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/biosusse-erythrit-zuckerersatz-vegan-440-g-18240">
          <img alt="Biosüsse Erythrit Zuckerersatz vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10700/file/small-5a5b04cb31a70a57a9f952de770c1ea1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10700/file/medium-fef341bdaf881a77ec4408544f215c8b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10700/file/large-2ada6b7f2ed55df610b112730484802d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10700/file/medium-fef341bdaf881a77ec4408544f215c8b.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">Biosüsse</p>
          <a href="/products/biosusse-erythrit-zuckerersatz-vegan-440-g-18240">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biosüsse Erythrit Zuckerersatz vegan, 440 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_xoTqix3JAJK-UFV4Cd1Brdc79AcSSbG4vIXk4GKXrGB3VUbHTuMMtgEW4N9TlBxDkVgPoCdTcBVqWHf3QM1Gg" />
    <input value="18240" 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%3D28">
    <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/biovegan-sauerteig-flussig-150-ml-18259">
          <img alt="Biovegan Sauerteig flüssig" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11342/file/small-5670ddaa8c615a136a35f1c0fadcd701.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11342/file/medium-47b200694be1ef86a7136ad2ecd8f42a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11342/file/large-94da3456f8e9a1dbfb2938745d87c988.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11342/file/medium-47b200694be1ef86a7136ad2ecd8f42a.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">Biovegan</p>
          <a href="/products/biovegan-sauerteig-flussig-150-ml-18259">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biovegan Sauerteig flüssig, 150 ml</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 3.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WZRm3eOn7Tbsk075vdl36sfpfWGn332ZtoS0i_NF6PknUyBs0utFBn5uVC8gsFKdfvDyjzsLFp8B38LHr8yDUg" />
    <input value="18259" 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%3D28">
    <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/bioverde-manouri-kase-bio-150-g-18261">
          <img alt="Bioverde Manouri Käse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9511/file/small-91c49c87bfd1ee044cd73ea51c1e071c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9511/file/medium-7c11ac060825375717e412adbba18e71.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9511/file/large-e5e20889d70e2e87f08129b6369e80e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9511/file/medium-7c11ac060825375717e412adbba18e71.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">Bioverde</p>
          <a href="/products/bioverde-manouri-kase-bio-150-g-18261">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bioverde Manouri Käse Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZVdLHW26fR2oqG_TFXDAHwUvmOi7s8kwSvh9ydDzRnYbkA2sXPbVLTpVdQWIGeVovDYXBidnojb9owuFjHot3Q" />
    <input value="18261" 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%3D28">
    <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/bioverde-feta-nature-bio-180-g-18262">
          <img alt="Bioverde Feta Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9594/file/small-bacd86c471ecbc7e78ecd58a8cf34df9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9594/file/medium-93b4c3a3a9bead0d4b7ef973d4201ce8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9594/file/large-6b9eaefd7bc4697f26fde1cea8a5433c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9594/file/medium-93b4c3a3a9bead0d4b7ef973d4201ce8.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">Bioverde</p>
          <a href="/products/bioverde-feta-nature-bio-180-g-18262">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bioverde Feta Nature Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vts0O8gCcBQvin7kaRsMi9DLaMVyqg-TfRassiOcBZbAHHKK-U7YJL13ZDL0cin8adLnK-5-ZJXKTdr-fxVuPQ" />
    <input value="18262" 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%3D28">
    <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/birkengold-konfi-erdbeere-konv-vegan-200-g-18263">
          <img alt="Birkengold Konfi Erdbeere konv vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9595/file/small-3e38895fc3762791a2083fde9446cebc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9595/file/medium-c0553afe6214c13d938f91e37d52e246.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9595/file/large-a1e34cc2c18ba9ec29139a17e538559c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9595/file/medium-c0553afe6214c13d938f91e37d52e246.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">Birkengold</p>
          <a href="/products/birkengold-konfi-erdbeere-konv-vegan-200-g-18263">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Birkengold Konfi Erdbeere konv vegan, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vObQd5RsvZw7Vd91Q7XYFSrkfY705CjL-kL1AlGCOarCIZbGpSAVrKmoxaPe3P1ik_3yYGgwQ81NGYNODQtSAQ" />
    <input value="18263" 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%3D28">
    <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/birkengold-konfi-heidelbeere-konv-vegan-200-g-18264">
          <img alt="Birkengold Konfi Heidelbeere konv vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9597/file/small-f441e6e0abd9ed82c24f62c3fbd854bf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9597/file/medium-071e8846eea35f2949139896c0ba8bda.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9597/file/large-7456f71ad68b8fdaf21f9ace423592e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9597/file/medium-071e8846eea35f2949139896c0ba8bda.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">Birkengold</p>
          <a href="/products/birkengold-konfi-heidelbeere-konv-vegan-200-g-18264">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Birkengold Konfi Heidelbeere konv vegan, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ul9jMMJny8PU5rvrqlUg4oaEaRAPII_JYXykCWfm4oksmCWB8ytj80YboT03PAWVP53m_pP05M_WJ9JFO2-JIg" />
    <input value="18264" 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%3D28">
    <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/birkengold-konfi-marille-aprikose-konv-vegan-200-g-18265">
          <img alt="Birkengold Konfi Marille Aprikose konv vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9596/file/small-b35842cd3c7840ba067c9cdf75bb0432.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9596/file/medium-5c3df7b07865913b1d9fbec12a765304.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9596/file/large-4971d00cce9f672887c8ff61de021747.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9596/file/medium-5c3df7b07865913b1d9fbec12a765304.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">Birkengold</p>
          <a href="/products/birkengold-konfi-marille-aprikose-konv-vegan-200-g-18265">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Birkengold Konfi Marille Aprikose konv vegan, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nJDJaV887mTiAclG_5yyxxVDlV-F6LjpdLyHQhUZ5DDiV4_YbnBGVHD805Bi9ZewrFoasRk80-_D5_EOSZCPmw" />
    <input value="18265" 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%3D28">
    <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/birkengold-xylit-beutel-konv-500-g-18268">
          <img alt="Birkengold Xylit Beutel konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11244/file/small-c1bec0f8977414dc1bfca0c6a8682114.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11244/file/medium-751b8154b2519971839037c10f0bef62.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11244/file/large-7c61e543f8dcc06d232d5d28ba2c0eee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11244/file/medium-751b8154b2519971839037c10f0bef62.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">Birkengold</p>
          <a href="/products/birkengold-xylit-beutel-konv-500-g-18268">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Birkengold Xylit Beutel konv, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sf1fhcu7nKB7oVNwoH3zZpHxGmgwmyGGK1ShGRQV8KHPOhk0-vc0kOlcSaY9FNYRKOiVhqxPSoCcD9dVSJybCg" />
    <input value="18268" 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%3D28">
    <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/blumenbrot-buchweizen-bio-gf-150-g-18269">
          <img alt="Blumenbrot Buchweizen Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9106/file/small-05a08e5227a2653e5cc89b37450f04df.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9106/file/medium-da1e9a87c08a01d7968fe64ffe90f3bd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9106/file/large-34807b7a74b3ef834b12054a804d65c6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9106/file/medium-da1e9a87c08a01d7968fe64ffe90f3bd.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">Blumenbrot</p>
          <a href="/products/blumenbrot-buchweizen-bio-gf-150-g-18269">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Blumenbrot Buchweizen Bio gf, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q2G5UNDXnyDF4_Jy7qnIPwGFILA-5IJ15sxXJUR4hN89pv_h4Zs3EFce6KRzwO1IuJyvXqIw6XNRlyFpGPHvdA" />
    <input value="18269" 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%3D28">
    <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/blumenbrot-buchweizen-bio-gf-300-g-18270">
          <img alt="Blumenbrot Buchweizen Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9105/file/small-c85b5f3e0dcd8d4173b6c377516431cc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9105/file/medium-383436b8eda0d803d08099021d7e1239.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9105/file/large-f47f79e2c6cb2916e150eb14f025b737.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9105/file/medium-383436b8eda0d803d08099021d7e1239.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">Blumenbrot</p>
          <a href="/products/blumenbrot-buchweizen-bio-gf-300-g-18270">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Blumenbrot Buchweizen Bio gf, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4zuxF_3RYtABTMv6DncmIJ2BrRlrKyLqnZa8KKrmRLmd_PemzJ3K4JOx0SyTHgNXJJgi9_f_Sewqzcpk9m8vEg" />
    <input value="18270" 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%3D28">
    <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/blumenbrot-quinoa-bio-gf-150-g-18271">
          <img alt="Blumenbrot Quinoa Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9809/file/small-f3e0d9d9f2cfd4088bfb1c33b4173c4e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9809/file/medium-8ec00f548b28c105ad264916c8a3da6e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9809/file/large-5f9234faf757ec0c846f48406d0eba8c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9809/file/medium-8ec00f548b28c105ad264916c8a3da6e.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">Blumenbrot</p>
          <a href="/products/blumenbrot-quinoa-bio-gf-150-g-18271">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Blumenbrot Quinoa Bio gf, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MuVknx1bKTzPs_EelmgFoVyS8vetkYS2ee3_ANY5p_NMIiIuLBeBDF1O68gLASDW5Yt9GTFF77DOtolMirDMWA" />
    <input value="18271" 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%3D28">
    <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/brecht-anis-ganz-bio-35-g-18272">
          <img alt="Brecht Anis ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9810/file/small-e017f7c144ca5f381bd4727730da351c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9810/file/medium-f70b779f6b7069ee2ecba5a717df4473.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9810/file/large-20ec0b606b8946e12659df459d4149e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9810/file/medium-f70b779f6b7069ee2ecba5a717df4473.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">Brecht</p>
          <a href="/products/brecht-anis-ganz-bio-35-g-18272">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Anis ganz Bio, 35 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 18.29 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6diueG77-CLxBTyHQmxiZ_dLHGPsu-63eTopJzM18S2XH-jJX7dQEmP4JlHfBUcQTlKTjXBvhbHOYV9rb7yahg" />
    <input value="18272" 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%3D28">
    <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/brecht-barlauch-geschnitten-bio-6-g-18273">
          <img alt="Brecht Bärlauch geschnitten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9811/file/small-3914666cc10a428a4e87861d13a83ac9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9811/file/medium-b9827c67efdfafa8a9031c86dd841ce9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9811/file/large-08b2eff411263e6a1d2c9b9010daf190.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9811/file/medium-b9827c67efdfafa8a9031c86dd841ce9.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">Brecht</p>
          <a href="/products/brecht-barlauch-geschnitten-bio-6-g-18273">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Bärlauch geschnitten Bio, 6 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IZpep2CclgvE5MHt_nK8jEcYIefHrkMVO9AcwGl_r-FfXRgWUdA-O1YZ2ztjG5n7_gGuCVt6KBOMi2qMNfbESg" />
    <input value="18273" 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%3D28">
    <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/brecht-basilikum-gerebelt-bio-15-g-18274">
          <img alt="Brecht Basilikum gerebelt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9812/file/small-df7a1841c2c1ba1918deaf64e7a1fc7b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9812/file/medium-08a28e6de30d7d139f30140b4a478622.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9812/file/large-bd311917d6b9ffac07ad18d1e3bec2fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9812/file/medium-08a28e6de30d7d139f30140b4a478622.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">Brecht</p>
          <a href="/products/brecht-basilikum-gerebelt-bio-15-g-18274">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Basilikum gerebelt Bio, 15 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 30.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x59GKVyRa_6jwzaFves7bpOPgMK0dU1_t_OIqJe17RO5WACYbd3DzjE-LFMggh4ZKpYPLCihJnkAqP7kyzyGuA" />
    <input value="18274" 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%3D28">
    <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/brecht-bengal-curry-sweet-bio-60-g-18275">
          <img alt="Brecht Bengal Curry Sweet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9813/file/small-83b2e79a4f6bc6139caed55d7be82438.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9813/file/medium-52398dc22c6a54c122656cd6f45e7d52.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9813/file/large-60f65c356b2767808c0c59d1898a3771.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9813/file/medium-52398dc22c6a54c122656cd6f45e7d52.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">Brecht</p>
          <a href="/products/brecht-bengal-curry-sweet-bio-60-g-18275">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Bengal Curry Sweet Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TpoUgtFSRde8AjpRxIA8nf-jOQIODbbHx0VvNwjaseUwXVIz4B7t5y7_IIdZ6RnqRrq27JLZ3cFwHhl7VFPaTg" />
    <input value="18275" 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%3D28">
    <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/brecht-bockshornkleesaat-gemahlen-bio-40-g-18276">
          <img alt="Brecht Bockshornkleesaat 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/9814/file/small-535bd6b9191484b5c4000db0c9969afd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9814/file/medium-fd7f26a6d12197a189b50963f7512f72.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9814/file/large-7fc7d85c9e26aca7f16d631b290e48e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9814/file/medium-fd7f26a6d12197a189b50963f7512f72.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">Brecht</p>
          <a href="/products/brecht-bockshornkleesaat-gemahlen-bio-40-g-18276">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Bockshornkleesaat gemahlen Bio, 40 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 12.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MbLCBsjOmImes7HfNBwWRCZUYAGdgJhc39O1Su1UVGhPdYS3-YIwuQxOqwmpdTMzn03v7wFU81poiMMGsd0_ww" />
    <input value="18276" 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%3D28">
    <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/brecht-bockshornkleesaat-gemahlen-nfp-bio-80-g-18277">
          <img alt="Brecht Bockshornkleesaat gemahlen 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/10548/file/small-0d9dd8c2c5a36471fb4560afae954180.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10548/file/medium-16afca73ea88e7c5cf820379fcd39439.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10548/file/large-edda1d882462ca2e529321ac64b1e10a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10548/file/medium-16afca73ea88e7c5cf820379fcd39439.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">Brecht</p>
          <a href="/products/brecht-bockshornkleesaat-gemahlen-nfp-bio-80-g-18277">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Bockshornkleesaat gemahlen NFP Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2pbRs9M5zbMCNFv2FpR0jqOIVCAExTbm2a0XECLb14-kUZcC4nVlg5DJQSCL_VH5GpHbzpgRXeBu9mFcflK8JA" />
    <input value="18277" 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%3D28">
    <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/brecht-bunte-pfefferkorner-nfp-bio-60-g-18278">
          <img alt="Brecht Bunte Pfefferkörner 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/10606/file/small-4e43d8ff6e31415a4d46d87dc3c8ed48.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10606/file/medium-a85728a19a1c053d0985e1de15a0adfd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10606/file/large-5c3e729ecaa2d8398605da4adb56aa95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10606/file/medium-a85728a19a1c053d0985e1de15a0adfd.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">Brecht</p>
          <a href="/products/brecht-bunte-pfefferkorner-nfp-bio-60-g-18278">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Bunte Pfefferkörner NFP Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tz_g1ke1qup8SsjUu_e6whY3eXp1pWlOO1DE1PnoLCgx-KZndvkC2u630gImnp-1ry72lOlxAkiMC7KYpWFHgw" />
    <input value="18278" 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%3D28">
    <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/brecht-cayennepfeffer-grob-gemahlen-bio-25-g-18279">
          <img alt="Brecht Cayennepfeffer grob 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/11259/file/small-186bab70103b940c9a5d56fd9c5752e5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11259/file/medium-6682abe6ea34f7a1e909d9f63c34b58f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11259/file/large-37dcdd0f352139d97604a509f15fb911.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11259/file/medium-6682abe6ea34f7a1e909d9f63c34b58f.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">Brecht</p>
          <a href="/products/brecht-cayennepfeffer-grob-gemahlen-bio-25-g-18279">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Cayennepfeffer grob gemahlen Bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-3YVyrHf8EPBNY4KAlfVNnwDo4WGn8h9BulAr9IeNmmFsVN7gJNYc1PIlNyfPvBBxRosaxpLo3uxsjbjjpddwg" />
    <input value="18279" 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">
      560 von 1&#39;583 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel?format=turbo_stream&amp;page=29">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>