<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%3D7">
    <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-nfp-17g-1-stuck-19808">
          <img alt="Chalira Bourbon Vanille gemahlen NFP 17g" 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/80d167f3d40af0f329d15f680ba39dd5.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/80d167f3d40af0f329d15f680ba39dd5.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/80d167f3d40af0f329d15f680ba39dd5.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/80d167f3d40af0f329d15f680ba39dd5.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-nfp-17g-1-stuck-19808">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Bourbon Vanille gemahlen NFP 17g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AGSEmta2wjahJwBToGdvx_tId-VpNnrx5MENUH60qcIg6rIoSYJ87hOVVosfxthWwj9xMBfJ6ANW2jWcplijDQ" />
    <input value="19808" 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%3D7">
    <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/rapunzel-mandelblattchen-100g-bio-1-stuck-19819">
          <img alt="Rapunzel Mandelblättchen 100g 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/f0f1c3095403d35a52ec4a30365de022.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f0f1c3095403d35a52ec4a30365de022.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f0f1c3095403d35a52ec4a30365de022.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f0f1c3095403d35a52ec4a30365de022.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">Rapunzel</p>
          <a href="/products/rapunzel-mandelblattchen-100g-bio-1-stuck-19819">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Mandelblättchen 100g Bio, 1 Stück</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 5.60 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ufgUriB9iNal_toJjaP0hb18YyiqDFA7WS0QcYiUGpuZdiIcv0k2DhdMjNEyAkMUhAtl_dTzwsnrNii9UHgQVA" />
    <input value="19819" 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%3D7">
    <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-120g-bio-1-stuck-19836">
          <img alt="Brecht Zimt Ceylon gemahlen 120g 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/6007ce43b60b50616a9c115c781e29ba.webp 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6007ce43b60b50616a9c115c781e29ba.webp 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6007ce43b60b50616a9c115c781e29ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6007ce43b60b50616a9c115c781e29ba.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-120g-bio-1-stuck-19836">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Zimt Ceylon gemahlen 120g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yfFySv9ZBPf0-Kvke6j7zRo4kyPsehKtLZGF0MgrQmbpf0T4YG26L0ZK_TzECUxcI0-V9pKFgF-fir0cEMdIqQ" />
    <input value="19836" 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%3D7">
    <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-tonka-bohne-ganz-glas-30g-1-stuck-19951">
          <img alt="Chalira Tonka Bohne ganz Glas 30g" 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/f4c6d8f44ef940f5f1fb3778b5181423.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f4c6d8f44ef940f5f1fb3778b5181423.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f4c6d8f44ef940f5f1fb3778b5181423.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f4c6d8f44ef940f5f1fb3778b5181423.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-tonka-bohne-ganz-glas-30g-1-stuck-19951">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Tonka Bohne ganz Glas 30g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="svEc-R4S_zFRhK8qBVsTLC1MeMfTkKQZVt4afBSYy_aSfypLgSZB6eM2-fK6-qS9FDt-Eq1vNuvkxSKwzHTBOQ" />
    <input value="19951" 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%3D7">
    <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/naturata-gelierzucker-2-1-500g-bio-1-stuck-20081">
          <img alt="Naturata Gelierzucker 2:1 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/5e57f5435e5f8f6d7a82d3f73ca27862.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5e57f5435e5f8f6d7a82d3f73ca27862.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5e57f5435e5f8f6d7a82d3f73ca27862.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5e57f5435e5f8f6d7a82d3f73ca27862.png" />
</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="/products/naturata-gelierzucker-2-1-500g-bio-1-stuck-20081">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturata Gelierzucker 2:1 500g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bBiwk_-44U2jEzhdqWxQfyxMagpJ880g_94t1x06yfFMloYhYIxflRGhboUWzefuFTts3zcMX9JNxRUbxdbDPg" />
    <input value="20081" 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%3D7">
    <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/rapunzel-kokosbluten-sirup-250ml-bio-1-stuck-20122">
          <img alt="Rapunzel Kokosblüten Sirup 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/1e245d74d9abafd44f73d47bc3bb0e19.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1e245d74d9abafd44f73d47bc3bb0e19.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1e245d74d9abafd44f73d47bc3bb0e19.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1e245d74d9abafd44f73d47bc3bb0e19.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">Rapunzel</p>
          <a href="/products/rapunzel-kokosbluten-sirup-250ml-bio-1-stuck-20122">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Kokosblüten Sirup 250ml Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qZQm3MV--FUdQeYg8Vx74QO3_oY-ixdqhf30L5Jt4WSJGhBuWkpGja_zsPhO_cxwOsD4U0B0hZg35szjSoHrqw" />
    <input value="20122" 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%3D7">
    <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/rapunzel-zuckerrohr-melasse-300g-bio-1-stuck-20137">
          <img alt="Rapunzel Zuckerrohr-Melasse 300g 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/f6ca516ecb66bee8a4472aeffc8cf942.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f6ca516ecb66bee8a4472aeffc8cf942.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f6ca516ecb66bee8a4472aeffc8cf942.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f6ca516ecb66bee8a4472aeffc8cf942.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">Rapunzel</p>
          <a href="/products/rapunzel-zuckerrohr-melasse-300g-bio-1-stuck-20137">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Zuckerrohr-Melasse 300g Bio, 1 Stück</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 5.30 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mBfZWC_x8IAsAqRgJEeRVpL9E9SjXhqFyArZ-BX1MJm4me_qsMVOWJ6w8rib5ibHq4oVAd2hiHd6EeE0zRk6Vg" />
    <input value="20137" 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%3D7">
    <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-hafervollkornmehl-500g-biok-glutenfrei-1-stuck-20139">
          <img alt="Morga Hafervollkornmehl 500g BioK glutenfrei" 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/f859b1d6c85b693b96a70802cdb6cd86.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f859b1d6c85b693b96a70802cdb6cd86.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f859b1d6c85b693b96a70802cdb6cd86.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f859b1d6c85b693b96a70802cdb6cd86.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-hafervollkornmehl-500g-biok-glutenfrei-1-stuck-20139">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Hafervollkornmehl 500g BioK glutenfrei, 1 Stück</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 7.20 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SM5fCxC-UXzE7JB3JgWiqOQ5-0w3Zmc78Yif2MPpe9VoQGm5j4rvpHZexq-ZpBU53U79mUmZ9clDk6cUGwVxGg" />
    <input value="20139" 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%3D7">
    <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/steviasol-stevia-tabs-300-stk-1-stuck-20181">
          <img alt="Steviasol Stevia Tabs 300 Stk" 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/9b257428713ac91646a24c36a9b01086.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9b257428713ac91646a24c36a9b01086.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9b257428713ac91646a24c36a9b01086.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9b257428713ac91646a24c36a9b01086.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">Steviasol</p>
          <a href="/products/steviasol-stevia-tabs-300-stk-1-stuck-20181">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Steviasol Stevia Tabs 300 Stk, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AYmVK9-HFirr6QlkCxsEFq5Z3SCEAOaCFIT-Z5CR-D8hB6OZQLOo8llbX7y0urOHly7b9fr_dHCmn8arSH3y8A" />
    <input value="20181" 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%3D7">
    <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/naturkostbar-kakaopulver-criollo-250g-bio-vegan-1-stuck-20218">
          <img alt="Naturkostbar Kakaopulver Criollo 250g Bio 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/5bc2fa77adf39bf0f6f0deaacdc4bc28.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5bc2fa77adf39bf0f6f0deaacdc4bc28.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5bc2fa77adf39bf0f6f0deaacdc4bc28.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5bc2fa77adf39bf0f6f0deaacdc4bc28.png" />
</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">Naturkostbar</p>
          <a href="/products/naturkostbar-kakaopulver-criollo-250g-bio-vegan-1-stuck-20218">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturkostbar Kakaopulver Criollo 250g Bio 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-20218-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OkmVrySYzm1DMXTgYj1qQZqSwfSUBpcRWlT5kQMbKXAax6Mdu6xwtfGDIjjdnN3Qo-XHIer5BePoT8Fd2_cjvw" />
    <input value="20218" 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%3D7">
    <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/natura-guarkernmehl-110g-bio-1-stuck-20222">
          <img alt="Natura Guarkernmehl 110g 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/fb395485e634fb5d06116ac01d6d9afd.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fb395485e634fb5d06116ac01d6d9afd.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fb395485e634fb5d06116ac01d6d9afd.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fb395485e634fb5d06116ac01d6d9afd.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">Natura</p>
          <a href="/products/natura-guarkernmehl-110g-bio-1-stuck-20222">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Natura Guarkernmehl 110g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bgW7MhxP-27dpqDJp5kyr-YtCVHqCWV-3-HFw-JgyplOi42Ag3tFtm8U9hEYOIU-31oPhJT294xt-v0POozAVg" />
    <input value="20222" 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%3D7">
    <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/bett-r-kakaonibs-roh-200g-bio-1-stuck-20317">
          <img alt="Bett&#39;r Kakaonibs roh 200g 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/ffde18a2c5836c7b0246a0b9141b64d1.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ffde18a2c5836c7b0246a0b9141b64d1.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ffde18a2c5836c7b0246a0b9141b64d1.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ffde18a2c5836c7b0246a0b9141b64d1.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">bett&#39;r</p>
          <a href="/products/bett-r-kakaonibs-roh-200g-bio-1-stuck-20317">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bett&#39;r Kakaonibs roh 200g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SxWWbCSbAtzpn53kWEk0W1AIT1a4I100VfHdbdLz7zBrm6Deu6-8BFstyzzn6IPKaX9Jg8bcz8bn6uWhCh_l_w" />
    <input value="20317" 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%3D7">
    <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/senftopf-birkenzucker-500g-1-stuck-20350">
          <img alt="Senftopf Birkenzucker 500g" 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/4b159f37b2f5c425166d7af84ce579d2.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4b159f37b2f5c425166d7af84ce579d2.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4b159f37b2f5c425166d7af84ce579d2.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4b159f37b2f5c425166d7af84ce579d2.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">Mönchaltorfer Huusgmachts</p>
          <a href="/products/senftopf-birkenzucker-500g-1-stuck-20350">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senftopf Birkenzucker 500g, 1 Stück</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 9.50 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gJPCU4jMnH5nBcrY9zMI0wdHBTFJDgErVGqiV0isWQ-gHfThF_giptW3nABIkr9CPjAD5Dfxk9nmcZqbkEBTwA" />
    <input value="20350" 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%3D7">
    <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-halbweissmehl-1kg-chbiok-1-stuck-20362">
          <img alt="Biofarm Halbweissmehl 1kg CHBioK" 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/5db434a304f5eb0494e02d83629d1c36.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5db434a304f5eb0494e02d83629d1c36.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5db434a304f5eb0494e02d83629d1c36.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5db434a304f5eb0494e02d83629d1c36.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-halbweissmehl-1kg-chbiok-1-stuck-20362">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Halbweissmehl 1kg CHBioK, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="einxJ0dOPsAt4O9hCoSuV915_jQs67_B-NpjMvqQs9Vap8eV2HqAGJ9Subm1JRnG5A744VIULTNKwVv-Iny5Gg" />
    <input value="20362" 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%3D7">
    <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/mikroveda-fermentstarter-250ml-1-stuck-20367">
          <img alt="MikroVeda Fermentstarter 250ml" 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/2501defa8ea82698227983ad58bf6c5e.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2501defa8ea82698227983ad58bf6c5e.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2501defa8ea82698227983ad58bf6c5e.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2501defa8ea82698227983ad58bf6c5e.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">MikroVeda</p>
          <a href="/products/mikroveda-fermentstarter-250ml-1-stuck-20367">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">MikroVeda Fermentstarter 250ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6jXqTyhcNih2aw9mlzXm231fBNaLuXCGIDKRhsX_PUzKu9z9t2iI8MTZWb4olFFKRCgCA_VG4nSSKalKHRM3gw" />
    <input value="20367" 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%3D7">
    <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-vanille-zucker-20g-konv-1-stuck-20368">
          <img alt="Morga Vanille Zucker 20g 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/888ed3c6aae0978dcdcc8c1153202b4f.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/888ed3c6aae0978dcdcc8c1153202b4f.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/888ed3c6aae0978dcdcc8c1153202b4f.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/888ed3c6aae0978dcdcc8c1153202b4f.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-vanille-zucker-20g-konv-1-stuck-20368">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Vanille Zucker 20g konv, 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-20368-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oCmC9S-6qrF0_Ykm4dgRvctXCLY411wrG9bLt5acee2Ap7RHsI4UacZP3_5eeaYs8iAOY0YoztmpzfN7TnBzIg" />
    <input value="20368" 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%3D7">
    <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-dinkel-vollmehl-1kg-chbiok-1-stuck-20369">
          <img alt="Biofarm Dinkel Vollmehl 1kg CHBioK" 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/436f13c2afe231e9358488c6c8e5612e.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/436f13c2afe231e9358488c6c8e5612e.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/436f13c2afe231e9358488c6c8e5612e.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/436f13c2afe231e9358488c6c8e5612e.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-dinkel-vollmehl-1kg-chbiok-1-stuck-20369">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Dinkel Vollmehl 1kg CHBioK, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B6oLoTcXVGR0X5zbLwuCO7HG8toEreSCyQbVoeoSSzwnJD0TqCPqvMbtygOQqjWqiLH0D3pSdnB7He1tMv5B8w" />
    <input value="20369" 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%3D7">
    <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/schar-mix-c-kuchen-und-keksemehl-mischung-1kg-konv-gf-1-stuck-20372">
          <img alt="Schär Mix C Kuchen- und Keksemehl Mischung 1kg konv 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/0c178037169a04915e7e4115b98ec7b0.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/0c178037169a04915e7e4115b98ec7b0.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/0c178037169a04915e7e4115b98ec7b0.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/0c178037169a04915e7e4115b98ec7b0.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">Schär</p>
          <a href="/products/schar-mix-c-kuchen-und-keksemehl-mischung-1kg-konv-gf-1-stuck-20372">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schär Mix C Kuchen- und Keksemehl Mischung 1kg konv gf, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ECTc23raLyWqcv1aGs-ZHFTDrhNX2ugNpEB9wnDILrIwqupp5e6R_RjAq4Klbi6NbbSoxiklev8WW0UOqCQkfQ" />
    <input value="20372" 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%3D7">
    <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/schar-mehl-glutenfrei-1kg-konv-1-stuck-20375">
          <img alt="Schär Mehl glutenfrei 1kg 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/05723c1cc2f41c17ea46b0386ce79fd9.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/05723c1cc2f41c17ea46b0386ce79fd9.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/05723c1cc2f41c17ea46b0386ce79fd9.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/05723c1cc2f41c17ea46b0386ce79fd9.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">Schär</p>
          <a href="/products/schar-mehl-glutenfrei-1kg-konv-1-stuck-20375">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schär Mehl glutenfrei 1kg konv, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-nCaxv4rgDBzy6-ryrYp0xx5EOr_KZiCQf5Ni1DqDD3a_qx0YR8-6MF5-XN1F55CJQ4WP4HWCnDz5XVHiAYG8g" />
    <input value="20375" 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%3D7">
    <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/sembrador-kakao-pulver-250g-bio-1-stuck-20398">
          <img alt="Sembrador Kakao Pulver 250g 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/e1b81edbc7fdcb7b77b2ea990a0a3e35.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e1b81edbc7fdcb7b77b2ea990a0a3e35.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e1b81edbc7fdcb7b77b2ea990a0a3e35.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e1b81edbc7fdcb7b77b2ea990a0a3e35.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">Sembrador</p>
          <a href="/products/sembrador-kakao-pulver-250g-bio-1-stuck-20398">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sembrador Kakao Pulver 250g Bio, 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-20398-card">
        

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

</template></turbo-stream>