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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/gerstenmalz-bio-400-g-227">
          <img alt="Gerstenmalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/222/file/small-ccef3f88fe6f5253af034781e5a6c480.webp 600w, https://assets.fabulous.ch/public/variant_asset/222/file/medium-1eab9ea2369b568a9810e998c6ccfd93.webp 900w, https://assets.fabulous.ch/public/variant_asset/222/file/large-0aeec4c1c1c716d64a5dd110a628a65d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/222/file/medium-1eab9ea2369b568a9810e998c6ccfd93.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/de/products/gerstenmalz-bio-400-g-227">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gerstenmalz Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;227&quot;],&quot;content_name&quot;:&quot;Gerstenmalz Bio, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;227&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T4xUW_9_7taMKbnHNuSxB1cJ8NaGEeN_y2qc6d-nlTL7jWqPydJxMBcH6I0rTJT-viVQJvQnQ-zYeKUl7WCLAw" />
    <input value="227" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/hefe-glutenfrei-bio-9-g-197">
          <img alt="Hefe glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/203/file/small-af32a3ad691b0bc7918f050a04260476.webp 600w, https://assets.fabulous.ch/public/variant_asset/203/file/medium-0b865773b7981a936e47b40c6ac5a893.webp 900w, https://assets.fabulous.ch/public/variant_asset/203/file/large-e899c9248a091a076a5fa4e915f27f00.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/203/file/medium-0b865773b7981a936e47b40c6ac5a893.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">Pural</p>
          <a href="/de/products/hefe-glutenfrei-bio-9-g-197">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hefe glutenfrei Bio, 9 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;197&quot;],&quot;content_name&quot;:&quot;Hefe glutenfrei Bio, 9 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;197&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Lwa4FFm2Yoig4Pa-oe70K3k3B3fTWR6dO4Iun8syZZWbB4bAbxv9bjvOp_S8RtHSkBunh6Fvvg4okBdT-fV7pA" />
    <input value="197" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/backmischung-wunderbrod-glutenfrei-bio-600-g-5073">
          <img alt="Backmischung Wunderbrød glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2988/file/small-759e4a2627a3e568ac401e4c5ec8e4df.webp 600w, https://assets.fabulous.ch/public/variant_asset/2988/file/medium-b9fdad422f8763a8d1d357e988c47798.webp 900w, https://assets.fabulous.ch/public/variant_asset/2988/file/large-0f724ee644e251ed9cc763723699e45d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2988/file/medium-b9fdad422f8763a8d1d357e988c47798.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/de/products/backmischung-wunderbrod-glutenfrei-bio-600-g-5073">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Backmischung Wunderbrød glutenfrei Bio, 600 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5073&quot;],&quot;content_name&quot;:&quot;Backmischung Wunderbrød glutenfrei Bio, 600 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5073&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DNvBVDH6us3v1Rxxm_LS_C2DilVLYG-SzPalsAzibU642v-AB1clK3T7TTuGWvcFxK8qpTlWzwHf5Jx8PiVzfw" />
    <input value="5073" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/apfeldicksaft-rohkost-bio-700-g-18080">
          <img alt="Apfeldicksaft Rohkost Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9041/file/small-696674bd139f7c87457f053d800b60f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/9041/file/medium-660a6083efa7ecea43c2559b2b7a3691.webp 900w, https://assets.fabulous.ch/public/variant_asset/9041/file/large-b5cddf2fec43504f1b8150c30e92cd2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9041/file/medium-660a6083efa7ecea43c2559b2b7a3691.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">Soyana</p>
          <a href="/de/products/apfeldicksaft-rohkost-bio-700-g-18080">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apfeldicksaft Rohkost Bio, 700 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18080&quot;],&quot;content_name&quot;:&quot;Apfeldicksaft Rohkost Bio, 700 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18080&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nsCqP2U4qQi3VztAoG7mbOzRvC4m6XPf6Ifenm59LgIqwZTrU5U27ix5agq9xsOVBf0c3lTf00z7ledSXLowMw" />
    <input value="18080" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/mehl-kastanienmehl-maroni-gf-bio-350-g-1865">
          <img alt="Mehl Kastanienmehl (Maroni) GF Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1454/file/small-c5ecbcc7e136d7012731f70bb9d33751.webp 600w, https://assets.fabulous.ch/public/variant_asset/1454/file/medium-951c384c1df14c3bcd569e6eb04edba0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1454/file/large-9a4f4ceb91545940ed239253f8ba185d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1454/file/medium-951c384c1df14c3bcd569e6eb04edba0.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">Govinda</p>
          <a href="/de/products/mehl-kastanienmehl-maroni-gf-bio-350-g-1865">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mehl Kastanienmehl (Maroni) GF Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1865&quot;],&quot;content_name&quot;:&quot;Mehl Kastanienmehl (Maroni) GF Bio, 350 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1865&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eW0AZtQwpHGG47zlz8n_rEisINQn1yNSlksckiHqlz3NbD6y4p07lx3N7a_SYdpVoYCAJFXhg8GFWSVeEy2JDA" />
    <input value="1865" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/mehl-kokosmehl-glutenfei-bio-250-g-5546">
          <img alt="Mehl Kokosmehl glutenfei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3223/file/small-b967ba05fa5b79ad9bde34a875b7e6e8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3223/file/medium-793de52337f853e784da59e0d913a7fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/3223/file/large-2482cf5da5485f8355fa1da41f3a49f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3223/file/medium-793de52337f853e784da59e0d913a7fa.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/de/products/mehl-kokosmehl-glutenfei-bio-250-g-5546">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mehl Kokosmehl glutenfei Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5546&quot;],&quot;content_name&quot;:&quot;Mehl Kokosmehl glutenfei Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5546&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="knFrbso-hGTxJ_EPIAs5BztEmH9hCOgcKTtOcq88mXEmcFW6_JMbgmoJoEU9oxz-0mg4jxM-SI86KXe-nfuHQA" />
    <input value="5546" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/orangenschale-gerieben-bio-9-g-10606">
          <img alt="Orangenschale gerieben Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5592/file/small-a9cb11ce8523d2ca4a05949db8cee06f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5592/file/medium-e373bb298478a74334a93bbcb470ac7f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5592/file/large-fec8269e6aaa4e763cf1b55024ddb8bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5592/file/medium-e373bb298478a74334a93bbcb470ac7f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/de/products/orangenschale-gerieben-bio-9-g-10606">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Orangenschale gerieben Bio, 9 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10606&quot;],&quot;content_name&quot;:&quot;Orangenschale gerieben Bio, 9 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10606&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CwFX3k2OwVLRP9JII6GCvWe4DNer1BUJaL2biriOYBC_AGkKeyNetEoRgwI-CadEjpSsJ9nitZp7r6JGikl-IQ" />
    <input value="10606" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/zuckerrohrmelasse-bio-300-g-7615">
          <img alt="Zuckerrohrmelasse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4402/file/small-4e0c883f2e467b5210673c084491ba63.webp 600w, https://assets.fabulous.ch/public/variant_asset/4402/file/medium-b51c58acb8212a3595e29590a0602ec0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4402/file/large-310eec6c8019f68180d5fb3b6a0a510b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4402/file/medium-b51c58acb8212a3595e29590a0602ec0.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">VITAM</p>
          <a href="/de/products/zuckerrohrmelasse-bio-300-g-7615">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zuckerrohrmelasse Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7615&quot;],&quot;content_name&quot;:&quot;Zuckerrohrmelasse Bio, 300 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7615&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jzT4MAegM3bUW1Yr27jYSAqVQgWXZE1KN9E11aaaI9M7NcbkMQ2skE91B2HGEP2x47ni9eVS7dkkwwwZlF094g" />
    <input value="7615" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/mein-vanille-pudding-bio-36-g-6925">
          <img alt="Mein Vanille Pudding Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4006/file/small-08cc91d224732c9b9b549aedbd06a0a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/4006/file/medium-b73891a0e76a55329ab7782ef14eab2b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4006/file/large-d47621e546809fd65540543d37844f8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4006/file/medium-b73891a0e76a55329ab7782ef14eab2b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/de/products/mein-vanille-pudding-bio-36-g-6925">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mein Vanille Pudding Bio, 36 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6925&quot;],&quot;content_name&quot;:&quot;Mein Vanille Pudding Bio, 36 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6925&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6GLtmvjCSurlgSOI9bsCvcxUiUzgGHra9X8G8d0g1qhcY9NOzm_VDH6vcsLoEydEJXgpvJIu2knmbT897-fImQ" />
    <input value="6925" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/dattelsusse-bio-250-g-16877">
          <img alt="Dattelsüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7874/file/small-87237bfcfecb25bdaffaa17ce6428788.webp 600w, https://assets.fabulous.ch/public/variant_asset/7874/file/medium-6bcb48f3d20f70e8c533544b8c78f79d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7874/file/large-97400904cc7eb77b124348280f21ce7f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7874/file/medium-6bcb48f3d20f70e8c533544b8c78f79d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/dattelsusse-bio-250-g-16877">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dattelsüsse Bio, 250 g</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 2.44 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16877&quot;],&quot;content_name&quot;:&quot;Dattelsüsse Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16877&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ESO4Ng_ayEE7VsxzCWRbjtqX766SwdCZh7IChbX5qgOlIobiOXdXp6B4nTkUzH53M7tPXuD3cAqUoDtJhz60Mg" />
    <input value="16877" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/backmischung-wunderbrod-mit-nussen-glutenfrei-bio-600-g-5374">
          <img alt="Backmischung Wunderbrød mit Nüssen glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3126/file/small-0a155a82af682d69f4f3dea8209ded3f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3126/file/medium-3901c19a5313acf3bfd71bc3bd4008a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3126/file/large-b5be55ce85f9a64f7d2704a94bfb2429.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3126/file/medium-3901c19a5313acf3bfd71bc3bd4008a5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/de/products/backmischung-wunderbrod-mit-nussen-glutenfrei-bio-600-g-5374">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Backmischung Wunderbrød mit Nüssen glutenfrei Bio, 600 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5374&quot;],&quot;content_name&quot;:&quot;Backmischung Wunderbrød mit Nüssen glutenfrei Bio, 600 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5374&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5goz5vP5GQsIyDoxfFu1rEfGT_rAJeo-joewDubtbjxSCw0yxVSG7ZPma3th85BVrurvCrITSq2dlYnC1CpwDQ" />
    <input value="5374" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/vanillezucker-bio-8-g-470">
          <img alt="Vanillezucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/422/file/small-0a1a729dc9927ade81ae5f1738b9354d.webp 600w, https://assets.fabulous.ch/public/variant_asset/422/file/medium-43055fb785a02bf238217534d050964d.webp 900w, https://assets.fabulous.ch/public/variant_asset/422/file/large-f8cdc44df8c303dd8f85ec3bfc3757cd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/422/file/medium-43055fb785a02bf238217534d050964d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/de/products/vanillezucker-bio-8-g-470">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vanillezucker Bio, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;470&quot;],&quot;content_name&quot;:&quot;Vanillezucker Bio, 8 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;470&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:0.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3DeC6_dIznRP4tBC-hXfcCMThlT11xDOfbRnsEnag-9oNrw_weVRktTMgQjnvfqJyj8mpIfhsF1upl58ex2d3g" />
    <input value="470" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/mehl-maismehl-glutenfrei-demeter-500-g-15924">
          <img alt="Mehl Maismehl glutenfrei Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7320/file/small-650864016fe7c1eed5ab11811a368a0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7320/file/medium-90bf929793452d9a0d1586bf8773b845.webp 900w, https://assets.fabulous.ch/public/variant_asset/7320/file/large-5f1be404711836e9c66f49e167ea39f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7320/file/medium-90bf929793452d9a0d1586bf8773b845.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/de/products/mehl-maismehl-glutenfrei-demeter-500-g-15924">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mehl Maismehl glutenfrei Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15924&quot;],&quot;content_name&quot;:&quot;Mehl Maismehl glutenfrei Demeter, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15924&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xKI6q2ke62nOXfE21swx9f179qzsZx7VqoCzKACraOxwowR_X7N0j1VzoHzLZBQMFFdWXJ5Rvka5korkMmx23Q" />
    <input value="15924" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/carobpulver-bio-250-g-965">
          <img alt="Carobpulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/843/file/small-1ecdd0fcc160daf080df867526a8b542.webp 600w, https://assets.fabulous.ch/public/variant_asset/843/file/medium-bd5972ec872c9efe299c8a8ea6b8e9a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/843/file/large-818b9be832db1c7dad9a99e922141c2a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/843/file/medium-bd5972ec872c9efe299c8a8ea6b8e9a0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/carobpulver-bio-250-g-965">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Carobpulver Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;965&quot;],&quot;content_name&quot;:&quot;Carobpulver Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;965&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Lq0CHc1FfILyCFv_clQKAM5gfXw3snUCmI1cACOVzT-arDzJ--jjZGkmCrVv_C_5J0zdjEWE1ZGLn2XMEVLTDg" />
    <input value="965" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/rubenzucker-weiss-demeter-500-g-12284">
          <img alt="Rübenzucker weiss Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6175/file/small-f57f6d483609e27a7a18ab88777caf35.webp 600w, https://assets.fabulous.ch/public/variant_asset/6175/file/medium-fa5e7d71273fe2f62358b05fb48cc2f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6175/file/large-3eaf18cd77eab17725e2a1e32797fd56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6175/file/medium-fa5e7d71273fe2f62358b05fb48cc2f6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/de/products/rubenzucker-weiss-demeter-500-g-12284">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rübenzucker weiss Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12284&quot;],&quot;content_name&quot;:&quot;Rübenzucker weiss Demeter, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12284&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SHUUo-skdH95zWqtWhy1s6Yc5vDeoC3dzbXRz8C4sbf8dCp33YnrmeLjO-dHtJBKTzBGAKyWjU7ep-gD8n-vhg" />
    <input value="12284" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/reismehl-hell-glutenfrei-bio-500-g-17895">
          <img alt="Reismehl hell glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8867/file/small-cdd91001c383b47c7f7d5ac32d566bde.webp 600w, https://assets.fabulous.ch/public/variant_asset/8867/file/medium-f71e39762c94e4b4fb559dcfb4434f6f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8867/file/large-760c681e7f4a7156b7e0d6a0f06ce292.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8867/file/medium-f71e39762c94e4b4fb559dcfb4434f6f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/de/products/reismehl-hell-glutenfrei-bio-500-g-17895">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reismehl hell glutenfrei Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17895&quot;],&quot;content_name&quot;:&quot;Reismehl hell glutenfrei Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17895&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sI9I3Tlfbw2xLR0Wrpm_rWoyxJyfX6uwcOtX_sYkYg0EjnYJD_Lw6yoDTFyzMZpUgx5kbO1pCyNj-W4y9ON8PA" />
    <input value="17895" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/xanthan-glutenfrei-60-g-3395">
          <img alt="Xanthan glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2256/file/small-78ee1d3361cc085c61826892de4e6f42.webp 600w, https://assets.fabulous.ch/public/variant_asset/2256/file/medium-289a5bf789e673eb4ca041d1772c63cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/2256/file/large-d850690da0e3d39df1217e35cdaef316.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2256/file/medium-289a5bf789e673eb4ca041d1772c63cc.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">Natur Compagnie</p>
          <a href="/de/products/xanthan-glutenfrei-60-g-3395">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Xanthan glutenfrei, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3395&quot;],&quot;content_name&quot;:&quot;Xanthan glutenfrei, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3395&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XwzNrs8Hs38WbkQ7L3KYaJzvv6NC4ESxFUIpqx4hGj_rDfN6-aosmY1AFXEy2r2RdcMfUzDW5CIGUBBnLOYEDg" />
    <input value="3395" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/backmischung-pizzateig-dinkel-demeter-350-g-5049">
          <img alt="Backmischung Pizzateig Dinkel Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2982/file/small-24c1f0d3eeaed88e6880439a83f521da.webp 600w, https://assets.fabulous.ch/public/variant_asset/2982/file/medium-e9721c108fac0758c79caeba8e0b7873.webp 900w, https://assets.fabulous.ch/public/variant_asset/2982/file/large-f0405acd403b1a995c6becc1b701f691.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2982/file/medium-e9721c108fac0758c79caeba8e0b7873.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/de/products/backmischung-pizzateig-dinkel-demeter-350-g-5049">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Backmischung Pizzateig Dinkel Demeter, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5049&quot;],&quot;content_name&quot;:&quot;Backmischung Pizzateig Dinkel Demeter, 350 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5049&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UGNbDomPalrc6ahKXg4wUVrSmcpUTvShtW5eszDvTcvkYmXavyL1vEfH-QBDphWos_45OiZ4VDKmfGd_AihT-g" />
    <input value="5049" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%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="/de/products/backmischung-pizzateig-glutenfrei-bio-350-g-2357">
          <img alt="Backmischung Pizzateig Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1705/file/small-9334cb4358510ceef66283ac634fb7a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/1705/file/medium-ee366ed16cb4e39af76f28c661ff1e3a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1705/file/large-778e57bc0ac2c4f659fa815cfb103127.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1705/file/medium-ee366ed16cb4e39af76f28c661ff1e3a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/de/products/backmischung-pizzateig-glutenfrei-bio-350-g-2357">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Backmischung Pizzateig Glutenfrei Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2357&quot;],&quot;content_name&quot;:&quot;Backmischung Pizzateig Glutenfrei Bio, 350 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2357&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HbT6Mo3N2eJCGj0ANHO-v7wIqZab1oCbL09C8kaSryWptcTmu2BGBNk0bEop25tGVSQJZungIAg8XXs-dFWxFA" />
    <input value="2357" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fbackzutaten%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zucker-rohrohr-zucker-syramena-demeter-1-kg-1022">
          <img alt="Zucker Rohrohr-Zucker Syramena Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/895/file/small-4f68654387630ef8592ca8f834f76e68.webp 600w, https://assets.fabulous.ch/public/variant_asset/895/file/medium-e3827febde9eaffa478d1b660c007a25.webp 900w, https://assets.fabulous.ch/public/variant_asset/895/file/large-1970810cf2db7687011a988466f3f009.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/895/file/medium-e3827febde9eaffa478d1b660c007a25.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">Ekkharthof</p>
          <a href="/de/products/zucker-rohrohr-zucker-syramena-demeter-1-kg-1022">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zucker Rohrohr-Zucker Syramena Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

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

      </div>
    </div>
  </div>



</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 211 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/lebensmittel/backzutaten?format=turbo_stream&amp;page=8">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>