<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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D10">
    <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/hafer-geschalt-demeter-1-kg-19092">
          <img alt="Hafer geschält Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10052/file/small-cb1b55190d5a02d4058ec1d79952b8b2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10052/file/medium-bc8b4dea6a6146fbbb10a7ba0a468f2b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10052/file/large-957e09c0ee004702b0de041325f60736.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10052/file/medium-bc8b4dea6a6146fbbb10a7ba0a468f2b.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">Spielberger</p>
          <a href="/de/products/hafer-geschalt-demeter-1-kg-19092">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer geschält Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qw8TamQX124hwHAjCn80UUcnSsKlG6Aa0e260fbg4RMx6Kmxibm8uStIo9x8a1UInyGPawwMkpIq0oMgtVC_wQ" />
    <input value="19092" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D10">
    <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/haferflocken-grossblatt-demeter-500-g-19093">
          <img alt="Haferflocken Grossblatt Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11181/file/small-ddb437f7ade7562c1b4a3e599cda9534.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11181/file/medium-0cdfa02eae0935f20e18ed4b5f68969a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11181/file/large-ccf3d3be0845917bed3d55106509ba2e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11181/file/medium-0cdfa02eae0935f20e18ed4b5f68969a.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">Spielberger</p>
          <a href="/de/products/haferflocken-grossblatt-demeter-500-g-19093">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferflocken Grossblatt Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HRsOnMC7xBGLweS-nvThPonWLZbRqxZnJnJAxpF_8pdv_LRHLRWvxoFJN0Ho4IBnUdDoP3i8JO_dTXk30s-sRQ" />
    <input value="19093" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D10">
    <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/haferflocken-kleinblatt-demeter-500-g-19094">
          <img alt="Haferflocken Kleinblatt Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11183/file/small-7cfc46ccf3be5dc7342650b31714eb04.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11183/file/medium-b1c70fed3288c696ac74d89bf5848bab.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11183/file/large-8ce63d07a0e3cc69f8981da8e62e9c63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11183/file/medium-b1c70fed3288c696ac74d89bf5848bab.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">Spielberger</p>
          <a href="/de/products/haferflocken-kleinblatt-demeter-500-g-19094">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferflocken Kleinblatt Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GnZxCZN5Lx57BJi4Zk5QuhM9LAz2JnqgfspY84zKOtVokcvSftdEyXGMS0cQWjHjyzvppV8xSCiF9WECz3pkBw" />
    <input value="19094" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D10">
    <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/hartweizengriess-demeter-500-g-19095">
          <img alt="Hartweizengriess Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10060/file/small-bf31465726a397ecef2fd34f40bb2458.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10060/file/medium-3909d183ea03d3b30636e0e9c18bc000.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10060/file/large-5a95d3a667c1b6b97576eccdbccc447f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10060/file/medium-3909d183ea03d3b30636e0e9c18bc000.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">Spielberger</p>
          <a href="/de/products/hartweizengriess-demeter-500-g-19095">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hartweizengriess Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nRf8uj7MvsxYZgkkOx9b5sze4tT_AMs2i6m89LuXTyfv8EZh02LVG1Lu2ttNCzq_FNgnfVYX-b5wloUF-CcR9Q" />
    <input value="19095" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D10">
    <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/hirseflocken-bio-500-g-19096">
          <img alt="Hirseflocken Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10046/file/small-7351f54ba831cdce5d850a17e1c6045d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10046/file/medium-e2397782f44f7d0d7741e5bfddda8905.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10046/file/large-aca104a6685fbfcc1b706eca5ae0f261.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10046/file/medium-e2397782f44f7d0d7741e5bfddda8905.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">Spielberger</p>
          <a href="/de/products/hirseflocken-bio-500-g-19096">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hirseflocken Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h__I4L5H_bx3j2OkU-3iLx9dgt_u1y5Jn92CEANebIz1GHI7U-mWa30HsFsl-YN2x1tHdkfAHMFk4rvhQO4yXg" />
    <input value="19096" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D10">
    <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/hirseflocken-vollkorn-bio-250-g-19097">
          <img alt="Hirseflocken Vollkorn Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10265/file/small-97ae37e360361f909363c8f1af99332b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10265/file/medium-2fb4dc8003cb11e35494c9b3dfa565a2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10265/file/large-763b0e05480f45ebecd6dec664e05422.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10265/file/medium-2fb4dc8003cb11e35494c9b3dfa565a2.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">Spielberger</p>
          <a href="/de/products/hirseflocken-vollkorn-bio-250-g-19097">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hirseflocken Vollkorn Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4kHB2QdqY2-4Qz-mz4EyQH4yewglxkekid7Jawgg5iiQpnsC6sQIuLLL7Fm5lVMZpjS-oYzRdSxy4fCaS5C4-g" />
    <input value="19097" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D10">
    <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/mais-couscous-bio-500-g-19098">
          <img alt="Mais Couscous Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10270/file/small-4d22d4c4859c8b90eee93d6083017457.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10270/file/medium-f8c155580ef1523cae2bc2f47d124579.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10270/file/large-90c38e1b888ba0375166d05ce6ad5ff4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10270/file/medium-f8c155580ef1523cae2bc2f47d124579.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">Spielberger</p>
          <a href="/de/products/mais-couscous-bio-500-g-19098">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mais Couscous Bio, 500 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.58 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9-jFrGl5v36Az4eNUqPHn94mvyZespeSZd5TtB1PZE-FD393hNfUqYpHVHIkt6bGBiB6j_elpRqe4WpFXv86nQ" />
    <input value="19098" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D10">
    <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/milchreis-demeter-500-g-19102">
          <img alt="Milchreis Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10271/file/small-fff3e250598a35665d2ce1d5b878708e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10271/file/medium-e9af594326a9d307aabe39d60c27e0d8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10271/file/large-1c0cf27b310da9705f68445a6de399c6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10271/file/medium-e9af594326a9d307aabe39d60c27e0d8.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">Spielberger</p>
          <a href="/de/products/milchreis-demeter-500-g-19102">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Milchreis Demeter, 500 g</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 0.96 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ALlU8mXGs2bePgaMK62hKr715G3E6IIww6S4KCGqYzhyXu4piGjYsdS21XNducBzZvMhxG3_sLg4m4HZYho96g" />
    <input value="19102" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D10">
    <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/naturreis-rundkorn-demeter-1-kg-19103">
          <img alt="Naturreis Rundkorn Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10272/file/small-71ce739ad59842038c6f3349ae4cd292.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10272/file/medium-73cd8503cdc5d8f32828a75fb44755d2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10272/file/large-2113b29c8620b3fb1ca95ddbfa0653d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10272/file/medium-73cd8503cdc5d8f32828a75fb44755d2.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">Spielberger</p>
          <a href="/de/products/naturreis-rundkorn-demeter-1-kg-19103">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturreis Rundkorn Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6BgNCcv2_y-ntVliZmqXyOx9NEhTIRqcgGCsMUiKE-Ka_7fSJliU-K09ip0QfvaRNHvx4fo2KBR7X5XACzpNMA" />
    <input value="19103" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D10">
    <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/naturreis-rundkorn-demeter-500-g-19104">
          <img alt="Naturreis Rundkorn Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10273/file/small-c9f368d167f57e8c4e3720476dec4a12.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10273/file/medium-0ae6c4e31ab4f8d043089c38d34b2dc4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10273/file/large-528ad4da7f18f84bd6b454bc4910f6cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10273/file/medium-0ae6c4e31ab4f8d043089c38d34b2dc4.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">Spielberger</p>
          <a href="/de/products/naturreis-rundkorn-demeter-500-g-19104">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturreis Rundkorn Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cOhThU8o7piJ-CQtqZ-G0LLG6VYivl4JfUqaSOj63nYCD-leooaFT4Nw99Lfi-eJasAs_4upbIGGdaO5q0qApA" />
    <input value="19104" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D10">
    <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/parboiled-reis-demeter-1-kg-19105">
          <img alt="Parboiled Reis Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10274/file/small-a6d76ce795123afc7b217defa1f0200e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10274/file/medium-73d04f00c5006272bbf47f460f3623be.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10274/file/large-64b5274c9a3a5c2635f3ba5267fb7d73.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10274/file/medium-73d04f00c5006272bbf47f460f3623be.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">Spielberger</p>
          <a href="/de/products/parboiled-reis-demeter-1-kg-19105">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Parboiled Reis Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wC5LrMrFFthY_RjA-m9VHq0YRUUY0knD8eY7-wnPe-uyyfF3J2t9D1J1yz-MezRHdR6A7LHFe0sK2QIKSn8lOQ" />
    <input value="19105" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D10">
    <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/parboiled-reis-demeter-500-g-19106">
          <img alt="Parboiled Reis Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10275/file/small-72c96c203b454cbf559aeeb61348dd17.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10275/file/medium-3f3ba2e8ea2ceb8747933b9e9054113c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10275/file/large-4089bb0f2025a45d4b61e51a2262a241.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10275/file/medium-3f3ba2e8ea2ceb8747933b9e9054113c.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">Spielberger</p>
          <a href="/de/products/parboiled-reis-demeter-500-g-19106">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Parboiled Reis Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lZdPNHXRmkiiHDzBUcIPP47Ridu9wxb0x5UTyy2TYiDncPXvmH_xn6iU7z4n1m5mVtdMchTUJHw8qio6biM88g" />
    <input value="19106" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D10">
    <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/reisflocken-demeter-500-g-19107">
          <img alt="Reisflocken Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10045/file/small-87a1d78208dc74faba840e166fffb7ed.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10045/file/medium-5628962d2615f82d7e5dcedb3b153006.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10045/file/large-67259b1313db4b7557bd635b31b05418.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10045/file/medium-5628962d2615f82d7e5dcedb3b153006.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">Spielberger</p>
          <a href="/de/products/reisflocken-demeter-500-g-19107">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reisflocken Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </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-19107-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dWoR0RDjygwLTl9fU94EzGooXshMcjLDGb2rQnO23A0HjasK_U2h2wHGjKAlymWVsi6bYeVlAEvigpKzMAaC3w" />
    <input value="19107" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D10">
    <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/reisflocken-vollkorn-demeter-250-g-19108">
          <img alt="Reisflocken Vollkorn Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10305/file/small-1784a97e64e111dc4ff6bedd95715367.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10305/file/medium-7e29c03a6034f77e6a351a370e23554d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10305/file/large-624004eac39eacff1e9198df331e19d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10305/file/medium-7e29c03a6034f77e6a351a370e23554d.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">Spielberger</p>
          <a href="/de/products/reisflocken-vollkorn-demeter-250-g-19108">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reisflocken Vollkorn Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wWxmL01nvIxtemXhqUMT8zOcqYocd0xQ-8UDnXoB54ezi9z0oMnXW2fyth7fV3Kq65psI7VgftgA-jpsObG5VQ" />
    <input value="19108" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D10">
    <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/roggen-demeter-1-kg-19109">
          <img alt="Roggen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10055/file/small-a658a18837613254613d5b905b34bb28.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10055/file/medium-0231d29a19c957d943c13c3fb1072aa3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10055/file/large-aec5f28e20be63b2c7463734fb8080fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10055/file/medium-0231d29a19c957d943c13c3fb1072aa3.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">Spielberger</p>
          <a href="/de/products/roggen-demeter-1-kg-19109">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Roggen Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LS_PNRVkau0QdmxqFqHRN-hnI20aGf4Qqrmd6Vrs2xhfyHXu-MoBOhr-v5VgtbBuMGHmxLMOzJhRhqQYGVyFyg" />
    <input value="19109" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D10">
    <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/roggenflocken-demeter-500-g-19110">
          <img alt="Roggenflocken Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10049/file/small-e5107f0a76851e589fb8d2baf5774c14.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10049/file/medium-9574ea461d3b2a67f9c03b5fd1123ec7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10049/file/large-92d36fcc380fad2b74e074247b751870.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10049/file/medium-9574ea461d3b2a67f9c03b5fd1123ec7.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">Spielberger</p>
          <a href="/de/products/roggenflocken-demeter-500-g-19110">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Roggenflocken Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gySaG_m-qQT2EeLpbC0RVn6LIil7DwdX1ayuG2oVlKPxwyDAFBDC0_yZMRYaOXAPpo3ngNIYNd8uk5fqKaXKcQ" />
    <input value="19110" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D10">
    <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/weizen-demeter-1-kg-19111">
          <img alt="Weizen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10056/file/small-c303ceafb46db91058a12e6e5ed71f69.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10056/file/medium-e4515873cde34cffa2ab024124d15b55.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10056/file/large-389c532b90e8f0c8a44342baf7c1c58e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10056/file/medium-e4515873cde34cffa2ab024124d15b55.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">Spielberger</p>
          <a href="/de/products/weizen-demeter-1-kg-19111">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weizen Demeter, 1 kg</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 0.45 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JZDAQSJrH7mvIVlY2Wn4USwCl9RrDzaktJDRfflhNU1Xd3qaz8V0bqWpiqevfZkI9ARSfcIYBCxPr-iMutFrnw" />
    <input value="19111" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D10">
    <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/black-rice-noodles-bio-250-g-19198">
          <img alt="Black Rice Noodles Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11315/file/small-869b9d0e6fefa4d1922442ad75e47c42.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11315/file/medium-2a8e92aab85f4ea7a67b0efb4f2d3728.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11315/file/large-a8d94884e1dd288c9c7f330f0c8e4486.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11315/file/medium-2a8e92aab85f4ea7a67b0efb4f2d3728.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Terrasana</p>
          <a href="/de/products/black-rice-noodles-bio-250-g-19198">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Black Rice Noodles Bio, 250 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 3.16 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="my-Gh8LQ81MuH5F4T0xTFnut6nObw36Uy4C9ac3DdCPpyDxcL36YhCSXQoc5WDJPo6sv2jLUTBwwv4SYjnMq8Q" />
    <input value="19198" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D10">
    <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/brown-rice-noodles-pumpkin-ginger-bio-250-g-19199">
          <img alt="Brown Rice Noodles Pumpkin Ginger Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11317/file/small-535729e6e05eaa1d232a655791c568d4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11317/file/medium-7ceb874635f74e1de78a1d39610c29ee.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11317/file/large-79e519c8a1c999f8df71a0131753cf12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11317/file/medium-7ceb874635f74e1de78a1d39610c29ee.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Terrasana</p>
          <a href="/de/products/brown-rice-noodles-pumpkin-ginger-bio-250-g-19199">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brown Rice Noodles Pumpkin Ginger Bio, 250 g</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 2.84 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yfXrawqrzi-ehtMSI_l5e9Hwvc6y1nuPrTkQHvK3_Xu7ElGw5wWl-JQOAO1V7RgiCfZ4ZxvBSQdWBinvsQejqQ" />
    <input value="19199" 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%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D10">
    <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/muesli-bio-1-kg-19257">
          <img alt="Müesli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9330/file/small-24cb22f51d2e1ea5316a47237a094fcf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9330/file/medium-2c6c14ad8570418291b90df0a368eb58.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9330/file/large-e8c2e92750a59f0f89c7211c522bd22b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9330/file/medium-2c6c14ad8570418291b90df0a368eb58.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">Vogel</p>
          <a href="/de/products/muesli-bio-1-kg-19257">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Müesli Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wlQR_fsKgXidSCnM-6W1Bi-nCj8xMmfJyvEMSFCobdyws6smFqTqr5fA-jONsdRf96HPlpglVUExzjW5ExgzDg" />
    <input value="19257" 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">
      200 von 278 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/lebensmittel/grundnahrungsmittel?format=turbo_stream&amp;page=11">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>