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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/sesamol-gerostet-bio-250-ml-18310">
          <img alt="Sesamöl geröstet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9668/file/small-b016b8fe91b562381885bf3dbee35d6d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9668/file/medium-aadfd851a8d65ccb4da3b086b7ce34b2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9668/file/large-3a9dee353a1b449e79a0962cc9a9a453.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9668/file/medium-aadfd851a8d65ccb4da3b086b7ce34b2.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="/de/products/sesamol-gerostet-bio-250-ml-18310">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sesamöl geröstet Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bK7UtcZ5St4f52mu4tAnn89FM6SlEfsFOPhVh4xxHOGG-GT0Z0GAEuw4roQk9VioJVvqQ24CWWsSB_Pe-oWXzg" />
    <input value="18310" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/walnussol-nativ-bio-100-ml-18311">
          <img alt="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/9168/file/small-d4e572b158e68fc19b7aae49f9852b91.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9168/file/medium-4475694c4e191f1cfc156febe6fd581b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9168/file/large-9fdb667bcd999f734bef620793402abf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9168/file/medium-4475694c4e191f1cfc156febe6fd581b.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="/de/products/walnussol-nativ-bio-100-ml-18311">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18311-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J0KnE-xO4HfJVgK8OLwPhNTYK-ebAgNtwmcQ28np3t3NFBdSTXYquzqJxZb-mXCzPsbyAFARoQPomLaCvx1V8g" />
    <input value="18311" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/erythrit-zuckerersatz-440-g-18312">
          <img alt="Erythrit Zuckerersatz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10774/file/small-3ee10b57aaea9e3ca231cf78048b7646.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10774/file/medium-f53356fe1774b98ea77e5917719a69c0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10774/file/large-f2c82e94f67ab4aeaea96b0485c52f60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10774/file/medium-f53356fe1774b98ea77e5917719a69c0.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="/de/products/erythrit-zuckerersatz-440-g-18312">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erythrit Zuckerersatz, 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-18312-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FOUd4w9mP8TX6OIuqlen665jDVAkIpmBMzWtFwv7FGr-s62irl71CCQ3JQRsctjcRH3Ut-8xO-8ZygtOfQ-fRQ" />
    <input value="18312" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/sauerteig-flussig-150-ml-18331">
          <img alt="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/11409/file/small-ef3323d1050ca37cbb0bfe52348e3048.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11409/file/medium-e5adf401b86df7e69928e3d8d9eec8ce.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11409/file/large-32ad2c7e24894fd46eeac4a1578ac03c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11409/file/medium-e5adf401b86df7e69928e3d8d9eec8ce.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="/de/products/sauerteig-flussig-150-ml-18331">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18331-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m5da5pbYIy6DPH7ClIUhgI-0HN5ZISgc8P7stWm4wipxweqnN-Dp4nDjuehSoF63ZarFOZIyinLaAUrsH0xJBQ" />
    <input value="18331" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/manouri-kase-bio-150-g-18333">
          <img alt="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/9587/file/small-a8fbef273930cec28c80fc5677436889.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9587/file/medium-bf0343dc50ed660e821fe4ea3d2edc73.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9587/file/large-a0ec39bf84fc50434b2c81f6f2ca2a93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9587/file/medium-bf0343dc50ed660e821fe4ea3d2edc73.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="/de/products/manouri-kase-bio-150-g-18333">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18333-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="53MOZG9ortewQQ3kvX7VBFspJxYIFyIkN5fUjHvYSjQNJb4lzlBkG0Oeys57W6ozsTf-8cMEgEodaHLVDSzBGw" />
    <input value="18333" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/feta-nature-bio-180-g-18334">
          <img alt="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/9670/file/small-2cbdaee5056b54b107ec1cad782c9afa.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9670/file/medium-214f73d10d35f8ff6a96f527796ac16f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9670/file/large-837f34f97e694759182d429444f92bad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9670/file/medium-214f73d10d35f8ff6a96f527796ac16f.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="/de/products/feta-nature-bio-180-g-18334">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18334-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/konfi-erdbeere-konv-200-g-18335">
          <img alt="Konfi Erdbeere konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9671/file/small-ded118909caa7559aded5633a6eba7da.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9671/file/medium-9fc5dc03256c570cdd4e8be3cf75c140.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9671/file/large-5b113c17791239bd6a675d6e2a9ced52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9671/file/medium-9fc5dc03256c570cdd4e8be3cf75c140.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="/de/products/konfi-erdbeere-konv-200-g-18335">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Konfi Erdbeere konv, 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-18335-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="54kLttiMaoYYeMDJ64F8RQviM_yS5PonPlj1lq0KgV4N37v3ebSgSuunB-MtpANy4fzqG1n3WEkUp1PP2_4KcQ" />
    <input value="18335" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/konfi-heidelbeere-konv-200-g-18336">
          <img alt="Konfi Heidelbeere konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9673/file/small-a8caefe0899fa7a74e823968aa72763a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9673/file/medium-0e5d615f0b6105fc24ffd3caa1f340b2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9673/file/large-2b24b0171b1ce4918ea916d719f3ff8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9673/file/medium-0e5d615f0b6105fc24ffd3caa1f340b2.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="/de/products/konfi-heidelbeere-konv-200-g-18336">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Konfi Heidelbeere konv, 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-18336-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/konfi-marille-aprikose-konv-200-g-18337">
          <img alt="Konfi Marille Aprikose konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9672/file/small-a45dd6c9361756021085991968620ad8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9672/file/medium-34946ef4794b393e2e98335f159dff3f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9672/file/large-805fa30b005002905114e179211f1acd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9672/file/medium-34946ef4794b393e2e98335f159dff3f.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="/de/products/konfi-marille-aprikose-konv-200-g-18337">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Konfi Marille Aprikose konv, 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-18337-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/xylit-beutel-konv-500-g-18340">
          <img alt="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/11313/file/small-5469b75bd15d4877490f939a1f56bdd7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11313/file/medium-0ce1ee4d7727e4111f15af61e185e2c2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11313/file/large-4e80c963b8cb16a0c826fbe48c54ac9c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11313/file/medium-0ce1ee4d7727e4111f15af61e185e2c2.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="/de/products/xylit-beutel-konv-500-g-18340">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18340-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/buchweizen-bio-150-g-18341">
          <img alt="Buchweizen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9189/file/small-65d2fd1a24c26c86e5ddc4abf3a45492.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9189/file/medium-4473264a4eeaa6a1f6d255e63715ca2f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9189/file/large-236b9727803eee9e714b0e197959a7e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9189/file/medium-4473264a4eeaa6a1f6d255e63715ca2f.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="/de/products/buchweizen-bio-150-g-18341">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Buchweizen Bio, 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-18341-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Jq6bSJ68xVA-1My_c5j7028iySfcApOhZFos0i9hWIXM-CsJP4QPnM0LC5W1vYTkhTwQwBcRMc9OpYqLWZXTqg" />
    <input value="18341" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/buchweizen-bio-300-g-18342">
          <img alt="Buchweizen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9190/file/small-a8e35109258234c54655a73b91cdf9cf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9190/file/medium-b8cebc455942b9718cde37cc5a7d172f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9190/file/large-e9aa89971c29aea68264f6f463b72566.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9190/file/medium-b8cebc455942b9718cde37cc5a7d172f.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="/de/products/buchweizen-bio-300-g-18342">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Buchweizen Bio, 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-18342-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/quinoa-bio-150-g-18343">
          <img alt="Quinoa Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9885/file/small-bfd6d8b576b2874281ac457048155041.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9885/file/medium-cb3b8c727a961eb7a20d35b001de4d74.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9885/file/large-f8ca6c928bbbf53072ecb01394e2a7da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9885/file/medium-cb3b8c727a961eb7a20d35b001de4d74.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="/de/products/quinoa-bio-150-g-18343">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Quinoa Bio, 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-18343-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-ZxLy2BhmEbwdoYFGpzdYZ29SbB4y27C_N-onnL5xMcTyvuKwVlSigOpQS_cuaJWd6OQV7PYzKzWIA7HBA1P6A" />
    <input value="18343" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/anis-ganz-bio-35-g-18344">
          <img alt="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/9886/file/small-d946d730e01e83dcd0e6223a9b2364e1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9886/file/medium-cb317aae6cd9f400d8905343bf9237ea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9886/file/large-43d49d59c29eea7011e8f867c0dc82dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9886/file/medium-cb317aae6cd9f400d8905343bf9237ea.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="/de/products/anis-ganz-bio-35-g-18344">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18344-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Co57vJrAR6T70GR3gp8RT4IAFK8kJptb-EvLxyFiwxTg2Mv9O_iNaAgPo11Eum54aB7NSO81OTXStG2eV5ZIOw" />
    <input value="18344" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/barlauch-geschnitten-bio-6-g-18345">
          <img alt="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/9887/file/small-482aeddf53033fbbf2ebb6a0220f4cee.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9887/file/medium-6c92b215a4168b475973e7bd236e6a94.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9887/file/large-9329ee4032cae2592a4785c2e32dfaf8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9887/file/medium-6c92b215a4168b475973e7bd236e6a94.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="/de/products/barlauch-geschnitten-bio-6-g-18345">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18345-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fvaPNbl6B7HTEhdMGwlKIx_hVBuF3EPP564zmTi8hXqUoD90GELNfSDN0GbdLDUU9f-N_E7P4aHNUZXATkgOVQ" />
    <input value="18345" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/basilikum-gerebelt-bio-15-g-18346">
          <img alt="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/9888/file/small-db4f725f08966b50c9e2fc9a7ba77887.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9888/file/medium-d5a34e1228dd5ca4342b6f8b4d0afbf2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9888/file/large-9a7bca4c5c70ff2d31e51dd0d7ae8f46.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9888/file/medium-d5a34e1228dd5ca4342b6f8b4d0afbf2.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="/de/products/basilikum-gerebelt-bio-15-g-18346">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18346-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9H-cWS_CRFZ7tSlQekpO_B8mLzQKw2oLCWurV1gBrnEeKSwYjvqOmohq7nq8bzHL9Tj208HQyGUjlA0OLvUlXg" />
    <input value="18346" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/bengal-curry-sweet-bio-60-g-18347">
          <img alt="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/9889/file/small-0ec593205342f35d99e12e650ef02e30.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9889/file/medium-0b5f98c00d744e9a9182545e0cc80797.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9889/file/large-021ab6342740842b1b845f4c8f0c5a29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9889/file/medium-0b5f98c00d744e9a9182545e0cc80797.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="/de/products/bengal-curry-sweet-bio-60-g-18347">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18347-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/bockshornkleesaat-gemahlen-bio-40-g-18348">
          <img alt="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/9890/file/small-c1eb961706e4cbeaa8f39e028c2bf850.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9890/file/medium-e36f004999a28163f55346dff02a74ee.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9890/file/large-70032b1c6d9f4db882ee4408ea7aba57.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9890/file/medium-e36f004999a28163f55346dff02a74ee.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="/de/products/bockshornkleesaat-gemahlen-bio-40-g-18348">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18348-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lBhVw8CrUr6PkJJNfyv7yt2NYfZYw-CR8ly4HlMZpRJ-TuWCYZOYcnxPVWe5DoT9N5O4EZPQQv_Yox5HJe0uPQ" />
    <input value="18348" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/bockshornkleesaat-gemahlen-nfp-bio-80-g-18349">
          <img alt="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/10622/file/small-f7060edb4af8247f7984282cb619cd23.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10622/file/medium-2ec8da79db095cf77af88c25efc39660.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10622/file/large-f175ba6fea39e9aeb06d508aaebbf2de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10622/file/medium-2ec8da79db095cf77af88c25efc39660.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="/de/products/bockshornkleesaat-gemahlen-nfp-bio-80-g-18349">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18349-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/bunte-pfefferkorner-nfp-bio-60-g-18350">
          <img alt="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/10681/file/small-fd7b3bcea732a2a5d5473e974316b69c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10681/file/medium-7a5081e5fea41ff18fd866bd4ce2f098.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10681/file/large-b75bf163c74fa7a385d18fe70a7dbe0e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10681/file/medium-7a5081e5fea41ff18fd866bd4ce2f098.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="/de/products/bunte-pfefferkorner-nfp-bio-60-g-18350">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18350-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U2Y2vlZ5zn2I0QvHFrqWXeYBE_Ij7KFNfzowcEzESTG5MIb_90EEsXsOzO3Qn-lqDB_KFej_AyNVxZYpOjDCHg" />
    <input value="18350" 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;578 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/lebensmittel?format=turbo_stream&amp;page=29">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>