<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%3D84">
    <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/backmischung-schokokuchen-demeter-425-g-1587">
          <img alt="Backmischung Schokokuchen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1266/file/small-cf5a8a52020aee0443c7f625689360f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/1266/file/medium-1f9b89d7dffb383630b1aef1d417da15.webp 900w, https://assets.fabulous.ch/public/variant_asset/1266/file/large-aa620ce6fb2f1a0ad6641ddb5ac7eabf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1266/file/medium-1f9b89d7dffb383630b1aef1d417da15.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">Bauckhof</p>
          <a href="/de/products/backmischung-schokokuchen-demeter-425-g-1587">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Backmischung Schokokuchen Demeter, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1587&quot;],&quot;content_name&quot;:&quot;Backmischung Schokokuchen Demeter, 425 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1587&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6eoz6IUNj2uHSVvqOeSi9s_sr1nPLAjl0280pbp4ie9vD5J_sXgdam1T4GX0r6rK3o2rmNzCwdrUktyMs3JPhg" />
    <input value="1587" 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%3D84">
    <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/backmischung-zitronenkuchen-dinkel-demeter-485-g-1590">
          <img alt="Backmischung Zitronenkuchen Dinkel Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1269/file/small-d69c1e6cebbbe57afd3427cdcc2a11aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/1269/file/medium-2ea408fc324a1a6606934709c5b83d66.webp 900w, https://assets.fabulous.ch/public/variant_asset/1269/file/large-1b6c13b24c5be8e6387a13217211633c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1269/file/medium-2ea408fc324a1a6606934709c5b83d66.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">Bauckhof</p>
          <a href="/de/products/backmischung-zitronenkuchen-dinkel-demeter-485-g-1590">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Backmischung Zitronenkuchen Dinkel Demeter, 485 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1590&quot;],&quot;content_name&quot;:&quot;Backmischung Zitronenkuchen Dinkel Demeter, 485 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1590&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ccd9RgcYEILGxinj271C5lBTw3CLJlVNP31maHVj_DGPItzRM22CgyzckmwW9kraQTLHsZjInHI4gI5BfGk6WA" />
    <input value="1590" 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%3D84">
    <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/kokosol-bio-500-ml-1616">
          <img alt="Kokosöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1283/file/small-d84d4ab43ac92b61d4d85f985993f339.webp 600w, https://assets.fabulous.ch/public/variant_asset/1283/file/medium-621f666ff73b80d768cde4fdc4162083.webp 900w, https://assets.fabulous.ch/public/variant_asset/1283/file/large-ddedf563dcf32058913d6000ec26e472.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1283/file/medium-621f666ff73b80d768cde4fdc4162083.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">Dr. Goerg</p>
          <a href="/de/products/kokosol-bio-500-ml-1616">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosöl Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1616&quot;],&quot;content_name&quot;:&quot;Kokosöl Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1616&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bhXpydyQYwfWdhpNZaPiHKWDNjq3uYBPRlUHxejObUDo8Ehe6OXxBjxsocKo6OogtOIy-6RXSXBBqO_s4cSrKQ" />
    <input value="1616" 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%3D84">
    <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/kokosol-bio-1000-ml-1618">
          <img alt="Kokosöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1285/file/small-3c02e7997712cd9d052546398b443b2c.webp 600w, https://assets.fabulous.ch/public/variant_asset/1285/file/medium-d5d1909ec1f52e4dd8069786aff65fb0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1285/file/large-a1155dba4120811b8e1f5dbb458f97fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1285/file/medium-d5d1909ec1f52e4dd8069786aff65fb0.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">Dr. Goerg</p>
          <a href="/de/products/kokosol-bio-1000-ml-1618">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosöl Bio, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1618&quot;],&quot;content_name&quot;:&quot;Kokosöl Bio, 1000 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1618&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:35.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kSBiEm4lt2OaozmY-pyTL0oEGFLiNCy1rzBmVIWsC98XxcOFWlAlYnC5ghc315sTW2Uck_Ha5YqozY59jKbNtg" />
    <input value="1618" 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%3D84">
    <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/kokos-blutensirup-bio-350-g-1619">
          <img alt="Kokos Blütensirup Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1286/file/small-63db0c6035145f339192d7ed675952b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1286/file/medium-8b71b06c3f324edcd31449f5610f05bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/1286/file/large-3078255a8b52f4063d3f2dc8afc49110.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1286/file/medium-8b71b06c3f324edcd31449f5610f05bd.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">Dr. Goerg</p>
          <a href="/de/products/kokos-blutensirup-bio-350-g-1619">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokos Blütensirup Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1619&quot;],&quot;content_name&quot;:&quot;Kokos Blütensirup Bio, 350 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1619&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_7SMdg17_Td19HHKBJ7pLMMexUKhkdpqFVKwwVW8R5d5US3hOQ5vNp_uykXJ1eEQ0n_Bg7J_E1USr1joXLaB_g" />
    <input value="1619" 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%3D84">
    <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/tee-black-madagascan-vanilla-schwarztee-demeter-20-beutel-1623">
          <img alt="Tee Black Madagascan Vanilla Schwarztee Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1289/file/small-1e07f71a179b73e5e2713ab79f354a7f.webp 600w, https://assets.fabulous.ch/public/variant_asset/1289/file/medium-20804c57edd756d0e429c4d17ae53348.webp 900w, https://assets.fabulous.ch/public/variant_asset/1289/file/large-407c9f13d8b5293ad10ecea6526dc479.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1289/file/medium-20804c57edd756d0e429c4d17ae53348.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">Hampstead Tea</p>
          <a href="/de/products/tee-black-madagascan-vanilla-schwarztee-demeter-20-beutel-1623">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Black Madagascan Vanilla Schwarztee Demeter, 20 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1623&quot;],&quot;content_name&quot;:&quot;Tee Black Madagascan Vanilla Schwarztee Demeter, 20 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1623&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M1DXsbi96G7p4li6IJRBapIcpih5-5_ty_VI8laVckC1tXYmjMh6bwP44zXt30lWg32i6WoVVtLMCKDbX5-0KQ" />
    <input value="1623" 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%3D84">
    <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/tee-green-tea-selection-bio-20-beutel-1627">
          <img alt="Tee Green Tea Selection Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1294/file/small-b2695c48ce49b1bbdb34fa924d0c23b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1294/file/medium-bd3a6ec94f8854f8de76b997d8542648.webp 900w, https://assets.fabulous.ch/public/variant_asset/1294/file/large-0c52f59b1ddd5511a251863b882c67d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1294/file/medium-bd3a6ec94f8854f8de76b997d8542648.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">Hampstead Tea</p>
          <a href="/de/products/tee-green-tea-selection-bio-20-beutel-1627">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Green Tea Selection Bio, 20 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1627&quot;],&quot;content_name&quot;:&quot;Tee Green Tea Selection Bio, 20 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1627&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pJmdCkKoPGJPQKRp-rpuZZSGCMpF9rAcL-yhXIwcG2EifDyddt2uY6VaH-Y38WZZhecMC1YYeSMoEUl1hRbdCA" />
    <input value="1627" 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%3D84">
    <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/keks-plaisir-haselnuss-schokolade-bio-130-g-1692">
          <img alt="Keks Plaisir Haselnuss Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1347/file/small-eb1c7391f01c177a983afaf069c04376.webp 600w, https://assets.fabulous.ch/public/variant_asset/1347/file/medium-3a15561d34eaaec94e31bb4fcf5ce506.webp 900w, https://assets.fabulous.ch/public/variant_asset/1347/file/large-98eff16748c612b13d0ab930e76ac6b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1347/file/medium-3a15561d34eaaec94e31bb4fcf5ce506.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">Moulin du Pivert</p>
          <a href="/de/products/keks-plaisir-haselnuss-schokolade-bio-130-g-1692">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Keks Plaisir Haselnuss Schokolade Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1692&quot;],&quot;content_name&quot;:&quot;Keks Plaisir Haselnuss Schokolade Bio, 130 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1692&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="As0B9o_3VMdfymdbXRbkN9BBm4isT0FAETZ8cARmriOEKKBhu4LGxrXQ3NSQXewLwSCfSb-hiH8Wy5RZDWxoSg" />
    <input value="1692" 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%3D84">
    <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/bouillon-gemuse-bruhwurfel-mit-bio-hefe-bio-12-g-1726">
          <img alt="Bouillon Gemüse Brühwürfel mit Bio-Hefe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1373/file/small-88986a33b8c8f85dff0aab2361bdbe54.webp 600w, https://assets.fabulous.ch/public/variant_asset/1373/file/medium-c26c561204868158bdb90f20fb8eff95.webp 900w, https://assets.fabulous.ch/public/variant_asset/1373/file/large-bea0545533edfb78f2f68460d182d2ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1373/file/medium-c26c561204868158bdb90f20fb8eff95.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">Naturata</p>
          <a href="/de/products/bouillon-gemuse-bruhwurfel-mit-bio-hefe-bio-12-g-1726">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bouillon Gemüse Brühwürfel mit Bio-Hefe Bio, 6 x 12 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1726&quot;],&quot;content_name&quot;:&quot;Bouillon Gemüse Brühwürfel mit Bio-Hefe Bio, 6 x 12 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1726&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p9K7OMXQSO00oQry3WCykk3xggqBJXsFxJg1PiLHYSchNxqv8aXa7N67sX0QK7quXJCGy5LLsjrDZd0XK82nTg" />
    <input value="1726" 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%3D84">
    <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/muskatnuss-gemahlen-bio-40-g-1727">
          <img alt="Muskatnuss gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1374/file/small-4468f946c2e602fd4eaf867b51d7c27d.webp 600w, https://assets.fabulous.ch/public/variant_asset/1374/file/medium-87944efebea48671c210c4b7dec087f2.webp 900w, https://assets.fabulous.ch/public/variant_asset/1374/file/large-750653bbe4f58aa48180dbf838d58d01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1374/file/medium-87944efebea48671c210c4b7dec087f2.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">Lebensbaum</p>
          <a href="/de/products/muskatnuss-gemahlen-bio-40-g-1727">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Muskatnuss gemahlen Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1727&quot;],&quot;content_name&quot;:&quot;Muskatnuss gemahlen Bio, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1727&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-iBw9CEGGzZkBdW-6N4JKk6_2usF6XhE0U1ivKLNq-J8xdFjFXOJN44fbjEllQEWX97eKhYHsXvWsIqVq8dtiw" />
    <input value="1727" 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%3D84">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tofiner-bio-300-g-1738">
          <img alt="Tofiner Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1388/file/small-b6d4b0b243bc17df96ef6b94108da0ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/1388/file/medium-3d7ca3820e44f7cf32cd24c0c33f5b5d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1388/file/large-ecac4021f79f3f36d0d11a0225a4d104.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1388/file/medium-3d7ca3820e44f7cf32cd24c0c33f5b5d.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">Taifun</p>
          <a href="/de/products/tofiner-bio-300-g-1738">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofiner Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.75
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.25 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%3D84">
    <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/kokosspeisefett-premium-bio-500-ml-1778">
          <img alt="Kokosspeisefett Premium Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1398/file/small-3e7c2e046446e6581e3bc29ce96c1632.webp 600w, https://assets.fabulous.ch/public/variant_asset/1398/file/medium-d1f3ce43ebf14b388b397932921bb4a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/1398/file/large-820911b1928454f8bb2dfc8e2f85f982.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1398/file/medium-d1f3ce43ebf14b388b397932921bb4a9.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">Dr. Goerg</p>
          <a href="/de/products/kokosspeisefett-premium-bio-500-ml-1778">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosspeisefett Premium Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1778&quot;],&quot;content_name&quot;:&quot;Kokosspeisefett Premium Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1778&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zETh2MzznSR9lgZTLsDpctzsEiKfOxXfSJKi5caAfXVKoUBP-IYPJZeMvdzji-FOzY0W44zV3OBPb0rMz4q7HA" />
    <input value="1778" 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%3D84">
    <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/pasta-lazzaretti-beluga-linsen-teigwaren-bio-250-g-1801">
          <img alt="Pasta Lazzaretti Beluga Linsen Teigwaren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1408/file/small-ad9842b0ae5d4e11d4e3f15d81e9dd03.webp 600w, https://assets.fabulous.ch/public/variant_asset/1408/file/medium-e3e30cd211e8029eb63635ab382bc277.webp 900w, https://assets.fabulous.ch/public/variant_asset/1408/file/large-7e0c5f0a691f63b39de2656c0f7ec7dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1408/file/medium-e3e30cd211e8029eb63635ab382bc277.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">Lazzaretti</p>
          <a href="/de/products/pasta-lazzaretti-beluga-linsen-teigwaren-bio-250-g-1801">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pasta Lazzaretti Beluga Linsen Teigwaren Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1801&quot;],&quot;content_name&quot;:&quot;Pasta Lazzaretti Beluga Linsen Teigwaren Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1801&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fg-MN5Klqd77ec5YcNvIPP64cJz-2_bnnd5u3Y6GdFz46i2gptA73xFjdde9kMAA79l0Xe01P9iaI4b0h4yyNQ" />
    <input value="1801" 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%3D84">
    <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/bohnen-schwarz-bio-500-g-1925">
          <img alt="Bohnen Schwarz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1541/file/small-41d21e4f6c8e5b77bc54042f7a684c6e.webp 600w, https://assets.fabulous.ch/public/variant_asset/1541/file/medium-747f4b29adf228323f6691beede1c31a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1541/file/large-1de3d568b1c69c3e252f25b0d076afb0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1541/file/medium-747f4b29adf228323f6691beede1c31a.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">Rapunzel</p>
          <a href="/de/products/bohnen-schwarz-bio-500-g-1925">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bohnen Schwarz Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1925&quot;],&quot;content_name&quot;:&quot;Bohnen Schwarz Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1925&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zbNzPmpWng9-R2HYGWX3w8DtzkZ6h70fBLf25LakBNZLVtKpXiMMDpRd2lfULv__0YzKh2lpdCADSh7Nv67Cvw" />
    <input value="1925" 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%3D84">
    <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/kurkuma-latte-vanille-bio-60-g-1975">
          <img alt="Kurkuma-Latte Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1563/file/small-5abb695232b94b3a837553386e921a63.webp 600w, https://assets.fabulous.ch/public/variant_asset/1563/file/medium-df6690d67aa4bbbb85f52d1f1acb37fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/1563/file/large-8f81369adfc5277e110999470ca10f0d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1563/file/medium-df6690d67aa4bbbb85f52d1f1acb37fc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/de/products/kurkuma-latte-vanille-bio-60-g-1975">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kurkuma-Latte Vanille Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </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-1975-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1975&quot;],&quot;content_name&quot;:&quot;Kurkuma-Latte Vanille Bio, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1975&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0k4Jw8N1dtC1Z67DRHZWbeSMLD6aA1E_oMjkbzI6q95Uq6hU9wDk0V99FUyJPV5R9e0o_4ntmACnNQxGOzBttw" />
    <input value="1975" 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%3D84">
    <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/aufstrich-krauter-tartex-tube-bio-200-g-2043">
          <img alt="Aufstrich Kräuter Tartex Tube Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1603/file/small-1ddf0dcdcc788192573b89cb45c79f34.webp 600w, https://assets.fabulous.ch/public/variant_asset/1603/file/medium-d3b11e865d7c1483d7c1fbf3010a040e.webp 900w, https://assets.fabulous.ch/public/variant_asset/1603/file/large-c195bf477cf2e91d7db76a70aa4abfca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1603/file/medium-d3b11e865d7c1483d7c1fbf3010a040e.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">Tartex</p>
          <a href="/de/products/aufstrich-krauter-tartex-tube-bio-200-g-2043">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Kräuter Tartex Tube Bio, 200 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 3.08 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2043&quot;],&quot;content_name&quot;:&quot;Aufstrich Kräuter Tartex Tube Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2043&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gN-mqF8BGlDLlXLS1e-cyMkVVKUSJu-UXz8-1hYdvtQGOgc_a3SIUSGPyV0YpJT02HRQZAHIJqtYwtb_Hxd4vQ" />
    <input value="2043" 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%3D84">
    <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/tortenguss-klar-ohne-zucker-bio-6-g-2080">
          <img alt="Tortenguss Klar ohne Zucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1624/file/small-3238aeb219a838275f939252d811122e.webp 600w, https://assets.fabulous.ch/public/variant_asset/1624/file/medium-58ed659336e1a10d72b8f1050e7a4a6b.webp 900w, https://assets.fabulous.ch/public/variant_asset/1624/file/large-58a11d3303ec2f5b23ab93a865085c44.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1624/file/medium-58ed659336e1a10d72b8f1050e7a4a6b.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/tortenguss-klar-ohne-zucker-bio-6-g-2080">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tortenguss Klar ohne Zucker Bio, 2 x 6 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2080&quot;],&quot;content_name&quot;:&quot;Tortenguss Klar ohne Zucker Bio, 2 x 6 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2080&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pq-nOIeImPbXDuQF-gsoepDojJMty2_Y_RzjFzowHsMgSgavs_0K9z0UX4o3QCBGgYmIUj4lpuf64Qs-MzrYqg" />
    <input value="2080" 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%3D84">
    <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/pudding-schoko-bio-50-g-2147">
          <img alt="Pudding Schoko Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1656/file/small-0ac53e88721e3aeaeb10dbdf76992555.webp 600w, https://assets.fabulous.ch/public/variant_asset/1656/file/medium-4bbb2303dce26eb73a0eb003a3a35599.webp 900w, https://assets.fabulous.ch/public/variant_asset/1656/file/large-104e91a892c66b402063318380940ce7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1656/file/medium-4bbb2303dce26eb73a0eb003a3a35599.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">Arche</p>
          <a href="/de/products/pudding-schoko-bio-50-g-2147">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pudding Schoko Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2147&quot;],&quot;content_name&quot;:&quot;Pudding Schoko Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2147&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IgINgP4RCfJjxHosEq-jG8fdhDZAt3oY4muviCiwWN-k56wXymSb84newaPf5Ksn1ryA91NZsyfllkehIbqetg" />
    <input value="2147" 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%3D84">
    <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/tahin-weiss-sesammus-bio-250-g-2218">
          <img alt="Tahin Weiss (Sesammus) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1664/file/small-65204da74e33994bb06dea64d57cdbd7.webp 600w, https://assets.fabulous.ch/public/variant_asset/1664/file/medium-5e8494f539c89e8154cc6c600ce9f0df.webp 900w, https://assets.fabulous.ch/public/variant_asset/1664/file/large-aa1332c6daafd25846765ff2193e905c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1664/file/medium-5e8494f539c89e8154cc6c600ce9f0df.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">Terrasana</p>
          <a href="/de/products/tahin-weiss-sesammus-bio-250-g-2218">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tahin Weiss (Sesammus) Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2218&quot;],&quot;content_name&quot;:&quot;Tahin Weiss (Sesammus) Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2218&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FH-VEev8MnwwcZcGIcwXNdDT-Tkt85cfnvo7RAa99UGSmjSG34mgfdprLInshx8JwbL9-D4dXiCZB9NtD7czKA" />
    <input value="2218" 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%3D84">
    <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/kaffee-instant-arabica-bohnenkaffee-bio-100-g-2251">
          <img alt="Arabica Bohnen Kaffee Instant Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8856/file/small-f90fa14c1bd51248623b23daf249cb26.webp 600w, https://assets.fabulous.ch/public/variant_asset/8856/file/medium-265c69189bc2c1ddffc1fbe4f7a07d04.webp 900w, https://assets.fabulous.ch/public/variant_asset/8856/file/large-61f5e121fa0e2f8a28ca95a226caa917.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8856/file/medium-265c69189bc2c1ddffc1fbe4f7a07d04.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">Naturata</p>
          <a href="/de/products/kaffee-instant-arabica-bohnenkaffee-bio-100-g-2251">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Arabica Bohnen Kaffee Instant Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2251&quot;],&quot;content_name&quot;:&quot;Arabica Bohnen Kaffee Instant Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2251&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h0b-jjLldK-CaHENMtIkOJDN509zvT9Rtyhmzh1DCzUBo18ZBpDmrmhyyoL_mSwEgazjjmBT9m6w1Y7nFEnNXA" />
    <input value="2251" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



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

</template></turbo-stream>