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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/biofarm-unigel-geliermittel-500g-konv-1-stuck-18195">
          <img alt="Biofarm Unigel Geliermittel 500g konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/99436878da5473fc9a56b5f447d29cd0.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/99436878da5473fc9a56b5f447d29cd0.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/99436878da5473fc9a56b5f447d29cd0.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/99436878da5473fc9a56b5f447d29cd0.jpg" />
</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">Biofarm</p>
          <a href="/products/biofarm-unigel-geliermittel-500g-konv-1-stuck-18195">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Unigel Geliermittel 500g konv, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="by3qZRQaOPUon1ZznPV-Q_uygm8SNtPX-yhsb8a-Rokw-q7en8TWPzt5dOiuUg50r6myWcV44xfN9E3AIKSm6A" />
    <input value="18195" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/biofarm-unigel-geliermittel-500g-bio-1-stuck-18196">
          <img alt="Biofarm Unigel Geliermittel 500g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f8d74fae30d0965eddd3483cfa6c4d2d.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f8d74fae30d0965eddd3483cfa6c4d2d.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f8d74fae30d0965eddd3483cfa6c4d2d.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f8d74fae30d0965eddd3483cfa6c4d2d.jpg" />
</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">Biofarm</p>
          <a href="/products/biofarm-unigel-geliermittel-500g-bio-1-stuck-18196">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Unigel Geliermittel 500g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.55
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/biofarm-unigel-geliermittel-50g-bio-1-stuck-18197">
          <img alt="Biofarm Unigel Geliermittel 50g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9e5340ef97251882d7d1875624824543.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9e5340ef97251882d7d1875624824543.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9e5340ef97251882d7d1875624824543.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9e5340ef97251882d7d1875624824543.jpg" />
</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">Biofarm</p>
          <a href="/products/biofarm-unigel-geliermittel-50g-bio-1-stuck-18197">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Unigel Geliermittel 50g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i8_gOwB1K5pqykvAasJ_YqPy-29-Nm4Hb4Ed8HYQZdfUGKSAi6vFUHksaVtYZQ9V9-nLWal4XsdZXTxfkAqFtg" />
    <input value="18197" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/biofarm-vollrohrzucker-jacutinga-750g-bio-1-stuck-18198">
          <img alt="Biofarm Vollrohrzucker Jacutinga 750g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3cd85a95fa193dffe4d6cbac3428bbe5.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3cd85a95fa193dffe4d6cbac3428bbe5.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3cd85a95fa193dffe4d6cbac3428bbe5.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3cd85a95fa193dffe4d6cbac3428bbe5.jpg" />
</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">Biofarm</p>
          <a href="/products/biofarm-vollrohrzucker-jacutinga-750g-bio-1-stuck-18198">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Vollrohrzucker Jacutinga 750g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/biosusse-erythrit-zuckerersatz-440g-vegan-1-stuck-18225">
          <img alt="Biosüsse Erythrit Zuckerersatz 440g vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/8736ddfba8592db1ec02b4451ae471dc.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/8736ddfba8592db1ec02b4451ae471dc.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/8736ddfba8592db1ec02b4451ae471dc.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/8736ddfba8592db1ec02b4451ae471dc.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biosüsse</p>
          <a href="/products/biosusse-erythrit-zuckerersatz-440g-vegan-1-stuck-18225">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biosüsse Erythrit Zuckerersatz 440g vegan, 1 Stück</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 13.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ynrlChdfuf0W98PUiRwF6f9aTkUPSIsI5FhPiAfAMqaVraGxnIFXNwUR4U-7u3Xeq0F-c9gGu8jShG4n4drSxw" />
    <input value="18225" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/biovegan-sauerteig-flussig-150ml-1-stuck-18244">
          <img alt="Biovegan Sauerteig flüssig 150ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f34f7cc0bd6ba60d3f9726519fefe0cf.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f34f7cc0bd6ba60d3f9726519fefe0cf.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f34f7cc0bd6ba60d3f9726519fefe0cf.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f34f7cc0bd6ba60d3f9726519fefe0cf.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/products/biovegan-sauerteig-flussig-150ml-1-stuck-18244">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biovegan Sauerteig flüssig 150ml, 1 Stück</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 4.50 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/birkengold-xylit-beutel-500g-konv-1-stuck-18253">
          <img alt="Birkengold Xylit Beutel 500g konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fe768f284e882b651f2a5a8e1a2ab643.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fe768f284e882b651f2a5a8e1a2ab643.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fe768f284e882b651f2a5a8e1a2ab643.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fe768f284e882b651f2a5a8e1a2ab643.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Birkengold</p>
          <a href="/products/birkengold-xylit-beutel-500g-konv-1-stuck-18253">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Birkengold Xylit Beutel 500g konv, 1 Stück</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 13.70 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/brecht-zimt-cassia-gemahlen-35g-bio-1-stuck-18313">
          <img alt="Brecht Zimt Cassia gemahlen 35g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cf894c4d6990ab05d4ca6717d965dd81.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cf894c4d6990ab05d4ca6717d965dd81.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cf894c4d6990ab05d4ca6717d965dd81.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cf894c4d6990ab05d4ca6717d965dd81.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/brecht-zimt-cassia-gemahlen-35g-bio-1-stuck-18313">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Zimt Cassia gemahlen 35g Bio, 1 Stück</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 5.20 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/brecht-zimt-ceylon-gemahlen-27g-bio-1-stuck-18314">
          <img alt="Brecht Zimt Ceylon gemahlen 27g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f33cd1622f0e00f26a52e7cf7eaf4172.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f33cd1622f0e00f26a52e7cf7eaf4172.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f33cd1622f0e00f26a52e7cf7eaf4172.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f33cd1622f0e00f26a52e7cf7eaf4172.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/brecht-zimt-ceylon-gemahlen-27g-bio-1-stuck-18314">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Zimt Ceylon gemahlen 27g Bio, 1 Stück</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 5.20 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/brecht-zimt-ceylon-gemahlen-nfp-45g-bio-1-stuck-18315">
          <img alt="Brecht Zimt Ceylon gemahlen NFP 45g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d0053de403e4cab85f212c8b1ae93436.webp 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d0053de403e4cab85f212c8b1ae93436.webp 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d0053de403e4cab85f212c8b1ae93436.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d0053de403e4cab85f212c8b1ae93436.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/brecht-zimt-ceylon-gemahlen-nfp-45g-bio-1-stuck-18315">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Zimt Ceylon gemahlen NFP 45g Bio, 1 Stück</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 6.20 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T_iXJXObF4faaebNv0d0dDIe7Y4ZVZeF2BpQiJr-FisQL9Oe-EX5TcmPxFaN4ARDZgXduM4bp0XuxnEnfOT2Sg" />
    <input value="18315" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/brecht-zimt-stangen-5stk-bio-1-stuck-18316">
          <img alt="Brecht Zimt Stangen 5Stk Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/8c22608ad7a38e7296a4d7a577e7ff79.webp 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/8c22608ad7a38e7296a4d7a577e7ff79.webp 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/8c22608ad7a38e7296a4d7a577e7ff79.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/8c22608ad7a38e7296a4d7a577e7ff79.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/products/brecht-zimt-stangen-5stk-bio-1-stuck-18316">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Zimt Stangen 5Stk Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4xS8orfqTdY2sWFrTKfdX5R2sIMf96E4-x1UHlFFtP-8w_gZPDSjHCVXQ_B-AK1owG2Atci5kfjNwXWxt19Ung" />
    <input value="18316" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chalira-bourbon-vanille-gemahlen-glas-15g-1-stuck-18337">
          <img alt="Chalira Bourbon Vanille gemahlen Glas 15g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/b3e603f8430e4f8c81e38894c7e24a60.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/b3e603f8430e4f8c81e38894c7e24a60.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/b3e603f8430e4f8c81e38894c7e24a60.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/b3e603f8430e4f8c81e38894c7e24a60.jpg" />
</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">Chalira</p>
          <a href="/products/chalira-bourbon-vanille-gemahlen-glas-15g-1-stuck-18337">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Bourbon Vanille gemahlen Glas 15g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CDpuDokJiaq-JwtYL5_uq1h7hPbp8rJHZQA0eYjSlXtX7Sq1AtdnYK3BKcMdOJ6cDGC0wD68godT3BXWbsh1Gg" />
    <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 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/claro-mascobado-vollrohrzucker-1kg-bio-1-stuck-18357">
          <img alt="Claro Mascobado Vollrohrzucker 1kg Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f8cc6258c8a78a689e7bf7b138a5b633.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f8cc6258c8a78a689e7bf7b138a5b633.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f8cc6258c8a78a689e7bf7b138a5b633.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f8cc6258c8a78a689e7bf7b138a5b633.jpg" />
</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">Claro</p>
          <a href="/products/claro-mascobado-vollrohrzucker-1kg-bio-1-stuck-18357">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Claro Mascobado Vollrohrzucker 1kg Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vQsq2C6ctc-edlCzh6Mq3qv1sUdkmyentboxgaVTigHi3G5jpUJbBY2Qcii1BFrp_-6BcbPVF2eDZhAuQ0lqYA" />
    <input value="18357" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/classicayurveda-rosenwasser-250ml-bio-1-stuck-18362">
          <img alt="ClassicAyurveda Rosenwasser 250ml Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/7add92bea5554123b9b92582688c6482.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/7add92bea5554123b9b92582688c6482.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/7add92bea5554123b9b92582688c6482.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/7add92bea5554123b9b92582688c6482.jpg" />
</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">ClassicAyurveda</p>
          <a href="/products/classicayurveda-rosenwasser-250ml-bio-1-stuck-18362">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">ClassicAyurveda Rosenwasser 250ml Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/govinda-teff-mehl-450g-bio-vegan-gf-1-stuck-18425">
          <img alt="Govinda Teff Mehl 450g Bio vegan gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/326f6366255e7ccb8e10ff6415cd3c6c.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/326f6366255e7ccb8e10ff6415cd3c6c.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/326f6366255e7ccb8e10ff6415cd3c6c.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/326f6366255e7ccb8e10ff6415cd3c6c.jpg" />
</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">Govinda</p>
          <a href="/products/govinda-teff-mehl-450g-bio-vegan-gf-1-stuck-18425">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Govinda Teff Mehl 450g Bio vegan gf, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.40
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bioreal-hefe-frisch-42g-bio-1-stuck-18456">
          <img alt="Bioreal Hefe frisch 42g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ffcad42bd9f485be064f8708916fe335.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ffcad42bd9f485be064f8708916fe335.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ffcad42bd9f485be064f8708916fe335.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ffcad42bd9f485be064f8708916fe335.jpg" />
</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">Bioreal</p>
          <a href="/products/bioreal-hefe-frisch-42g-bio-1-stuck-18456">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bioreal Hefe frisch 42g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.10
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-agar-agar-10g-konv-1-stuck-18555">
          <img alt="Morga Agar Agar 10g konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d01bd86417540efcabb44f1bc9aa6c93.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d01bd86417540efcabb44f1bc9aa6c93.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d01bd86417540efcabb44f1bc9aa6c93.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d01bd86417540efcabb44f1bc9aa6c93.jpg" />
</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">MORGA</p>
          <a href="/products/morga-agar-agar-10g-konv-1-stuck-18555">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Agar Agar 10g konv, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-backpulver-ohne-phosphat-200g-konv-1-stuck-18558">
          <img alt="Morga Backpulver ohne Phosphat 200g konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5b88c39ecc2bf73c9e3bb2664ca72c77.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5b88c39ecc2bf73c9e3bb2664ca72c77.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5b88c39ecc2bf73c9e3bb2664ca72c77.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5b88c39ecc2bf73c9e3bb2664ca72c77.jpg" />
</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">MORGA</p>
          <a href="/products/morga-backpulver-ohne-phosphat-200g-konv-1-stuck-18558">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Backpulver ohne Phosphat 200g konv, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gfdS95MMRHnx1pxXmGBtcKGEIBIo1DYM8zRvBJrkeD3eIBZMGNKqs-Iwvsyqxx1H9Z8QJP-aBszF6E6rfP6YXA" />
    <input value="18558" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-backpulver-ohne-phosphat-22g-konv-1-stuck-18559">
          <img alt="Morga Backpulver ohne Phosphat 22g konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ddc890aa5e4843405cac735e6bfdff5d.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ddc890aa5e4843405cac735e6bfdff5d.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ddc890aa5e4843405cac735e6bfdff5d.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ddc890aa5e4843405cac735e6bfdff5d.jpg" />
</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">MORGA</p>
          <a href="/products/morga-backpulver-ohne-phosphat-22g-konv-1-stuck-18559">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Backpulver ohne Phosphat 22g konv, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-birnel-birnen-dicksaft-500g-biok-1-stuck-18561">
          <img alt="Morga Birnel Birnen-Dicksaft 500g BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/57bdde80bbd19b508be48d28d24b1075.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/57bdde80bbd19b508be48d28d24b1075.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/57bdde80bbd19b508be48d28d24b1075.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/57bdde80bbd19b508be48d28d24b1075.jpg" />
</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">MORGA</p>
          <a href="/products/morga-birnel-birnen-dicksaft-500g-biok-1-stuck-18561">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Birnel Birnen-Dicksaft 500g BioK, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZzUsnYZ9r7Hwn9jhcdLTa1yZpi6U20Hw-_kANj2rk-k44mgmDaNBe-N5-npDdaNcCIKWGEOVcTDNJSGZ27FziA" />
    <input value="18561" 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">
      80 von 147 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel/backzutaten?format=turbo_stream&amp;page=5">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>