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

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/gerstenflocken-demeter-500-g-19054">
          <img alt="Gerstenflocken Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9957/file/small-6bae2b67516178ba6a4e79d0b4eb00c2.webp 600w, https://assets.fabulous.ch/public/variant_asset/9957/file/medium-58f35b5655eb2074f625eb0cd224f6f5.webp 900w, https://assets.fabulous.ch/public/variant_asset/9957/file/large-a50dae7bf37b989aaf4769e35522b591.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9957/file/medium-58f35b5655eb2074f625eb0cd224f6f5.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 Mühle</p>
          <a href="/products/gerstenflocken-demeter-500-g-19054">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gerstenflocken 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-19054-card">
        

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/hafer-geschalt-demeter-1-kg-19056">
          <img alt="Hafer geschält Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9961/file/small-40632bcb01d3dc809f1b4c0decd956f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/9961/file/medium-0f615e53190131059f199aa22b9653c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/9961/file/large-bc42789714b52e7de0dcf0608bbf9ce5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9961/file/medium-0f615e53190131059f199aa22b9653c6.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 Mühle</p>
          <a href="/products/hafer-geschalt-demeter-1-kg-19056">
            <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-19056-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19056&quot;],&quot;content_name&quot;:&quot;Hafer geschält Demeter, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19056&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VYzFieZxy8zt2SeXnh7QChNCjRpoCS_jmrDtUjn0LKEEnJMMAiK2EqoHwCNKVez9RlUauXqnCfeA2hC8wAwkXg" />
    <input value="19056" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/haferflocken-kleinblatt-demeter-500-g-19058">
          <img alt="Haferflocken Kleinblatt Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10707/file/small-cf0057520dc80f3536e8b4b953413359.webp 600w, https://assets.fabulous.ch/public/variant_asset/10707/file/medium-caeadcb2b08ac40b26fed2abcc705359.webp 900w, https://assets.fabulous.ch/public/variant_asset/10707/file/large-98799c01ba4ba6951950e74e814d7a49.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10707/file/medium-caeadcb2b08ac40b26fed2abcc705359.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 Mühle</p>
          <a href="/products/haferflocken-kleinblatt-demeter-500-g-19058">
            <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-19058-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19058&quot;],&quot;content_name&quot;:&quot;Haferflocken Kleinblatt Demeter, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19058&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1wyIb_JFLY2XGg5Zsq76ObW0wejVoBjbkdsDAWv5DL6GHN7qFhZQU9DE6e1m5cbO4KNWS8cOPs-Lsf7vkgEEQQ" />
    <input value="19058" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/hartweizengriess-demeter-500-g-19059">
          <img alt="Hartweizengriess Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9967/file/small-fa814c7ff706f404c34d339081cc5baf.webp 600w, https://assets.fabulous.ch/public/variant_asset/9967/file/medium-8c45479e4817140d31d5e28ab30e4b7a.webp 900w, https://assets.fabulous.ch/public/variant_asset/9967/file/large-cc30829a61285531604440153b0f02f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9967/file/medium-8c45479e4817140d31d5e28ab30e4b7a.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 Mühle</p>
          <a href="/products/hartweizengriess-demeter-500-g-19059">
            <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-19059-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19059&quot;],&quot;content_name&quot;:&quot;Hartweizengriess Demeter, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19059&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9YknKBi2R7kpO8SULpaQXGb50AWkpNgNkHgWgyDEmlekmXGt_OU6Z27lIyD63ayrM-5HprYK_hmKEutt2TySqA" />
    <input value="19059" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/hirseflocken-bio-500-g-19060">
          <img alt="Hirseflocken Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9954/file/small-55f93898c553f9c9eeb2641ba4e061f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/9954/file/medium-f0c44f17546e8185b2be57650fb59158.webp 900w, https://assets.fabulous.ch/public/variant_asset/9954/file/large-5913ea987d8e93438275922b92cec4c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9954/file/medium-f0c44f17546e8185b2be57650fb59158.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 Mühle</p>
          <a href="/products/hirseflocken-bio-500-g-19060">
            <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-19060-card">
        

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/hirseflocken-vollkorn-bio-250-g-19061">
          <img alt="Hirseflocken Vollkorn Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10100/file/small-495adf99226bff7eef9d42d1c2b69211.webp 600w, https://assets.fabulous.ch/public/variant_asset/10100/file/medium-60f2832bf82f7ea11270834c2b162d38.webp 900w, https://assets.fabulous.ch/public/variant_asset/10100/file/large-db5359ad99c47d13e9e8758f6e0ee2b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10100/file/medium-60f2832bf82f7ea11270834c2b162d38.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 Mühle</p>
          <a href="/products/hirseflocken-vollkorn-bio-250-g-19061">
            <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-19061-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19061&quot;],&quot;content_name&quot;:&quot;Hirseflocken Vollkorn Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19061&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S7u6d_VLbwORE61qH7WNwBQbkhUi2NVBxR4igeXo5Mkaq-zyERgS3dbNSt7L_rE3QQwFtjB281XfdN9vHBDsNg" />
    <input value="19061" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/milchreis-demeter-500-g-19066">
          <img alt="Milchreis Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10106/file/small-b0a3b0b9e4e9ba695810b23d8f853328.webp 600w, https://assets.fabulous.ch/public/variant_asset/10106/file/medium-9e7be4defdfc3db5b0241f8e08a1f728.webp 900w, https://assets.fabulous.ch/public/variant_asset/10106/file/large-e930688e3d3e3b4a29afa91fc0b25a20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10106/file/medium-9e7be4defdfc3db5b0241f8e08a1f728.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 Mühle</p>
          <a href="/products/milchreis-demeter-500-g-19066">
            <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-19066-card">
        

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/naturreis-rundkorn-demeter-1-kg-19067">
          <img alt="Naturreis Rundkorn Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10107/file/small-4189eea0398ac186ba4ed479f7073f8b.webp 600w, https://assets.fabulous.ch/public/variant_asset/10107/file/medium-b010594dc77da43e6d6e474d563f488f.webp 900w, https://assets.fabulous.ch/public/variant_asset/10107/file/large-250d4abffc85b401395c324ccf406e58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10107/file/medium-b010594dc77da43e6d6e474d563f488f.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 Mühle</p>
          <a href="/products/naturreis-rundkorn-demeter-1-kg-19067">
            <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-19067-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19067&quot;],&quot;content_name&quot;:&quot;Naturreis Rundkorn Demeter, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19067&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XmJbHmQVIcQO8zKW6236o9-xk0FhU3wkdFmhDA1PbAkPcg2bgEZcGkkt1SI_JsZUiqYE4nP9WjBuM1zi9Ldk9g" />
    <input value="19067" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/parboiled-reis-demeter-1-kg-19069">
          <img alt="Parboiled Reis Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10109/file/small-d6bc314e21e4f2813b7858b12209522f.webp 600w, https://assets.fabulous.ch/public/variant_asset/10109/file/medium-fe1eef01904cf172783a425152b6850c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10109/file/large-86e856bb8553cfc357e216121e5a0ee0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10109/file/medium-fe1eef01904cf172783a425152b6850c.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 Mühle</p>
          <a href="/products/parboiled-reis-demeter-1-kg-19069">
            <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-19069-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19069&quot;],&quot;content_name&quot;:&quot;Parboiled Reis Demeter, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19069&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DYGBhBeZ7mdpjcZBMGpybYpE6TQ0JvuKnUOyt2NMvIxckdcB88qTuS5TIfXkIU6a31N-lyaI3Z6HKU9ZmrS0cw" />
    <input value="19069" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/parboiled-reis-demeter-500-g-19070">
          <img alt="Parboiled Reis Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10110/file/small-9bcfa605bb7001570c44a88c62a41083.webp 600w, https://assets.fabulous.ch/public/variant_asset/10110/file/medium-12ee80b2d54aec613448283cb900bc6b.webp 900w, https://assets.fabulous.ch/public/variant_asset/10110/file/large-18d013c09ce7e8ab59339b8e2a6d200a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10110/file/medium-12ee80b2d54aec613448283cb900bc6b.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 Mühle</p>
          <a href="/products/parboiled-reis-demeter-500-g-19070">
            <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-19070-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19070&quot;],&quot;content_name&quot;:&quot;Parboiled Reis Demeter, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19070&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hcJsLeDbTKSTb9zxaVYjBPSxAio3G1Dkjng__PlQNgHU0jqoBIgxetSxO0W9HR_zoaaViSW1dvCUEsISAKg-_g" />
    <input value="19070" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/reisflocken-demeter-500-g-19071">
          <img alt="Reisflocken Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9955/file/small-b0103c88dc3b2214ebaee213d70ba6fe.webp 600w, https://assets.fabulous.ch/public/variant_asset/9955/file/medium-fc506c05254e040aa4bb9fb1e56835e9.webp 900w, https://assets.fabulous.ch/public/variant_asset/9955/file/large-12523090e047b69f5e424cca98b00e58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9955/file/medium-fc506c05254e040aa4bb9fb1e56835e9.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 Mühle</p>
          <a href="/products/reisflocken-demeter-500-g-19071">
            <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-19071-card">
        

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/roggen-demeter-1-kg-19073">
          <img alt="Roggen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9964/file/small-dc7f07f3cd6a2199fabee2667381b704.webp 600w, https://assets.fabulous.ch/public/variant_asset/9964/file/medium-60443e22171124f686b0f61e7f08f724.webp 900w, https://assets.fabulous.ch/public/variant_asset/9964/file/large-37f739d00894f98e66d4f512cd348eba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9964/file/medium-60443e22171124f686b0f61e7f08f724.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 Mühle</p>
          <a href="/products/roggen-demeter-1-kg-19073">
            <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-19073-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19073&quot;],&quot;content_name&quot;:&quot;Roggen Demeter, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19073&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Hsu3NqAu_kFPGCzdkWZpe2yqXSCv7YqX6V_9q2fhUKVP2-GzRH2DnwjGy2lFLVWMOb3Kg71DrIPzNQBFnhlYWg" />
    <input value="19073" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/roggenflocken-demeter-500-g-19074">
          <img alt="Roggenflocken Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9958/file/small-d4e698640a3f67512849849d68a35eb9.webp 600w, https://assets.fabulous.ch/public/variant_asset/9958/file/medium-2d2b49904337184de29c38226d8d1c30.webp 900w, https://assets.fabulous.ch/public/variant_asset/9958/file/large-aa8d91b12e99a719cf87e4c143f90540.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9958/file/medium-2d2b49904337184de29c38226d8d1c30.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 Mühle</p>
          <a href="/products/roggenflocken-demeter-500-g-19074">
            <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-19074-card">
        

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/weizen-demeter-1-kg-19075">
          <img alt="Weizen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9965/file/small-7893e52ec8451335836150d79f21a1d3.webp 600w, https://assets.fabulous.ch/public/variant_asset/9965/file/medium-66a4baa5dae47ca086e8e7d34eda88d9.webp 900w, https://assets.fabulous.ch/public/variant_asset/9965/file/large-9ba94dee80b3f25d9291dee0cb173afb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9965/file/medium-66a4baa5dae47ca086e8e7d34eda88d9.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 Mühle</p>
          <a href="/products/weizen-demeter-1-kg-19075">
            <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-19075-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19075&quot;],&quot;content_name&quot;:&quot;Weizen Demeter, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19075&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gbrLa61HeT9emf1LmDYi8FYGc7JG-jIUA552KY_XilPQqp3uSRQE4RlHGv9MfR4HAxHkEVRUFAAZ9IvHdi-CrA" />
    <input value="19075" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/black-rice-noodles-bio-250-g-19152">
          <img alt="Black Rice Noodles Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10819/file/small-41c949de5920acb4a5c13995a5d3fdea.webp 600w, https://assets.fabulous.ch/public/variant_asset/10819/file/medium-5d55168d969467d1b68e3cfcf32f2dd6.webp 900w, https://assets.fabulous.ch/public/variant_asset/10819/file/large-e8a462f90938abed0035f8e85dd4ac40.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10819/file/medium-5d55168d969467d1b68e3cfcf32f2dd6.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="/products/black-rice-noodles-bio-250-g-19152">
            <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-19152-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19152&quot;],&quot;content_name&quot;:&quot;Black Rice Noodles Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19152&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4R7GY8u4nzLPbNwtJyoOOXna2sHZvHqAU8UwgsfbSV-wDpDmL-vi7IiyO5nzYTLOLM1NYssSXJRJr81sPiNBoA" />
    <input value="19152" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/brown-rice-noodles-pumpkin-ginger-bio-250-g-19153">
          <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.fabulous.ch/public/variant_asset/10820/file/small-ada575ff6c9b27c76015a97fca8a3eaf.webp 600w, https://assets.fabulous.ch/public/variant_asset/10820/file/medium-7bf81594145228368c048d11cd0c0787.webp 900w, https://assets.fabulous.ch/public/variant_asset/10820/file/large-376a5f1de10f1fdda6316ca6c420adf8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10820/file/medium-7bf81594145228368c048d11cd0c0787.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="/products/brown-rice-noodles-pumpkin-ginger-bio-250-g-19153">
            <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-19153-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19153&quot;],&quot;content_name&quot;:&quot;Brown Rice Noodles Pumpkin Ginger Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19153&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y-8rvragw_uCLum2kmj4-XuOQbDudcFC9J63f9uX2RAy_307UvO-JcXwDgJGI8QOLpnWE_zb51bu9EqRIm_R7w" />
    <input value="19153" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/muesli-bio-1-kg-19207">
          <img alt="Müesli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9330/file/small-f8ae52977373fc2cb27bb7ed633f02e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/9330/file/medium-20d970dd25445f6b59c09fda0b5035b7.webp 900w, https://assets.fabulous.ch/public/variant_asset/9330/file/large-974cb41a5d7b2847e41986bf6f8c0c86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9330/file/medium-20d970dd25445f6b59c09fda0b5035b7.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="/products/muesli-bio-1-kg-19207">
            <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-19207-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19207&quot;],&quot;content_name&quot;:&quot;Müesli Bio, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19207&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bPkbhHV7Uo96ff5SAHRsns4d_RVqd0i6bjhLg6-FfZM96U0BkSgvUT2jGebUP1BpmwpqtnjZbq50UrZtVn11bA" />
    <input value="19207" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

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

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19208&quot;],&quot;content_name&quot;:&quot;Müesli Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19208&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aNRn5IOWIfYtuyKPK5tG6fDezwmFnZsCTqcv6e5MQpc5xDFhZ8VcKGplxTv_0HoepclYqpczvRZUzdIHF7RKaA" />
    <input value="19208" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

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

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/hirse-vollkorn-griess-bio-250-g-19216">
          <img alt="Hirse Vollkorn Griess Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9414/file/small-f6bfed2a108836908809c47d06f0aa29.webp 600w, https://assets.fabulous.ch/public/variant_asset/9414/file/medium-df9d543341c3ca457766ef7ecb0a2947.webp 900w, https://assets.fabulous.ch/public/variant_asset/9414/file/large-8d1c23d37c9a4ef0773708e6cfb95c3e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9414/file/medium-df9d543341c3ca457766ef7ecb0a2947.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">Werz</p>
          <a href="/products/hirse-vollkorn-griess-bio-250-g-19216">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hirse Vollkorn Griess Bio, 250 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 1.92 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19216&quot;],&quot;content_name&quot;:&quot;Hirse Vollkorn Griess Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19216&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZGqI3Yp72z2Ml_lEBCxekttMs3QrcsFueR0l-SQJvdE1et5Ybiim48tJHvDQZ2Jljlsk1znc53pjd9gX3fG1Lg" />
    <input value="19216" 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">
      240 von 276 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel/grundnahrungsmittel?format=turbo_stream&amp;page=13">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>