<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%2Fmuesli%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-cornflakes-250g-biok-1-stuck-18564">
          <img alt="Morga Cornflakes 250g BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bf816160d62120e8f368f21b850ce0ab.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bf816160d62120e8f368f21b850ce0ab.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bf816160d62120e8f368f21b850ce0ab.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bf816160d62120e8f368f21b850ce0ab.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/morga-cornflakes-250g-biok-1-stuck-18564">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Cornflakes 250g BioK, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RkQqJe0aSyyIykZfdVK6uDBr3SbazvO8wIhyuFysNUhMdO6eeA1v_NNsNll4jcMqdeWuhLjRbHv-O4KEmnUe8w" />
    <input value="18564" 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%2Fmuesli%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-kastanienflocken-100g-1-stuck-18593">
          <img alt="Morga Kastanienflocken 100g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1ae0ac89a09037b8a59f294c5ae3c4f9.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1ae0ac89a09037b8a59f294c5ae3c4f9.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1ae0ac89a09037b8a59f294c5ae3c4f9.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1ae0ac89a09037b8a59f294c5ae3c4f9.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/morga-kastanienflocken-100g-1-stuck-18593">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Kastanienflocken 100g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lABEg6BQfYG2fSYUx42-sAOb0GyMYnkYZaft-hmY5UmeMIA4NUdZUe3bVhLKUsciRhWjzu595t9bFB3G30HO8g" />
    <input value="18593" 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%2Fmuesli%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-muesli-vollwertmischung-500g-demeter-1-stuck-18601">
          <img alt="Morga Müesli Vollwertmischung 500g Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fe2a0d6f03409f244b1aa8a676be4e7d.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fe2a0d6f03409f244b1aa8a676be4e7d.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fe2a0d6f03409f244b1aa8a676be4e7d.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fe2a0d6f03409f244b1aa8a676be4e7d.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/morga-muesli-vollwertmischung-500g-demeter-1-stuck-18601">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Müesli Vollwertmischung 500g Demeter, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CzGP53eh3bOUlzCfB5K4jIaTfi31WnLQxXhB5enuefUBAUtc4rb5Y88xQJkKTcEewx0Nj5dF7Rf7y7HZLzdSTg" />
    <input value="18601" 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%2Fmuesli%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-vollsojaflocken-350g-biok-1-stuck-18622">
          <img alt="Morga Vollsojaflocken 350g BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4c7ef68535805a04c1c157b966ff94eb.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4c7ef68535805a04c1c157b966ff94eb.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4c7ef68535805a04c1c157b966ff94eb.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4c7ef68535805a04c1c157b966ff94eb.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/morga-vollsojaflocken-350g-biok-1-stuck-18622">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Vollsojaflocken 350g BioK, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NqNAHKps6yo9rF-NyuTRsF40i8oNcmZ6dvL5kC5ga8A8k4SnP3vP-mYKL4vHO6giG7r4aG9t-b1IQQms6LlAew" />
    <input value="18622" 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%2Fmuesli%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-weizenkeime-naturrein-200g-1-stuck-18625">
          <img alt="Morga Weizenkeime naturrein 200g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d68347b93d5f0d836f0a6c75ce9fa4bd.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d68347b93d5f0d836f0a6c75ce9fa4bd.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d68347b93d5f0d836f0a6c75ce9fa4bd.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d68347b93d5f0d836f0a6c75ce9fa4bd.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/morga-weizenkeime-naturrein-200g-1-stuck-18625">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Weizenkeime naturrein 200g, 1 Stück</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 4.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S69dO99xoXNUZ0K7dkdNVDZJRn2uUvMrexXy3xTdQWdBn5mASmaFow_BMr17mDTGc8c138xNbOxFpgLj0gRq3A" />
    <input value="18625" 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%2Fmuesli%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-brei-guten-morgen-ayurveda-500g-bio-1-stuck-18742">
          <img alt="Rapunzel Brei Guten Morgen Ayurveda 500g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9094/file/small-4c79d3c30906239c8fd94165dcfe5747.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9094/file/medium-cb437aa1455ef0e8ffd0e2598394dd90.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9094/file/large-b108705525345021d7c0ef668a4811bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9094/file/medium-cb437aa1455ef0e8ffd0e2598394dd90.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/rapunzel-brei-guten-morgen-ayurveda-500g-bio-1-stuck-18742">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Brei Guten Morgen Ayurveda 500g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rco4PZorJIZahP_A6HCpQiMmQ_KB4sgm4bs02l2W30Kn-vyGDzwAVgEij8blr9DQZqgwUOP9V-HfCMTmm0_0-Q" />
    <input value="18742" 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%2Fmuesli%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-brei-guten-morgen-basen-balance-500g-bio-1-stuck-18743">
          <img alt="Rapunzel Brei Guten Morgen Basen Balance 500g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9093/file/small-c54e5fbb5b5e935b9837ed501ace52e7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9093/file/medium-4ed90fb04c6da007d23fee62f5db490a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9093/file/large-d90f02e5722944fa86b1af7c63b0fa46.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9093/file/medium-4ed90fb04c6da007d23fee62f5db490a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/rapunzel-brei-guten-morgen-basen-balance-500g-bio-1-stuck-18743">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Brei Guten Morgen Basen Balance 500g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dPGSAtioN6IOCkvwFHnhZDd_oxVwbuflTkZRAn3B9kx-wVa5Tb8TclWsO_YZppj2cvHQtxJxeCJw9aE-uxjd9w" />
    <input value="18743" 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%2Fmuesli%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-brei-guten-morgen-basis-500g-bio-1-stuck-18744">
          <img alt="Rapunzel Brei Guten Morgen Basis 500g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9092/file/small-eb8ce5a8bfbc019ac60ea4c72293b982.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9092/file/medium-ff3ee7ab8689b0526835e004598916f4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9092/file/large-17f5d61c49af6631a9c17df8627ec37a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9092/file/medium-ff3ee7ab8689b0526835e004598916f4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/rapunzel-brei-guten-morgen-basis-500g-bio-1-stuck-18744">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Brei Guten Morgen Basis 500g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BEAafvlloDZK46EFMmv7lDhvCeuOBLGFmNvInCX1LNsOcN7FbHKE5hFF0QM_tIIGfeF6SewbLkKmaDig4ywHYA" />
    <input value="18744" 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%2Fmuesli%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-brei-sportler-500g-bio-1-stuck-18745">
          <img alt="Rapunzel Brei Sportler 500g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9095/file/small-1503b1c6418bc16167cc288952f93441.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9095/file/medium-05a0c0c388f002465ac4adc32f06219b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9095/file/large-69eda8cd27069b8ac046668539a5d02e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9095/file/medium-05a0c0c388f002465ac4adc32f06219b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/rapunzel-brei-sportler-500g-bio-1-stuck-18745">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Brei Sportler 500g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YN3DPci23MBqveRFKTbbqNwfAtwotNWGvGLpkhdIUIpq7QeGXaH4EDEblEMk6aI6mZFxfkqrSkGC0Rmu0ZF7MQ" />
    <input value="18745" 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%2Fmuesli%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/schar-cereal-flakes-300g-konv-gf-1-stuck-18807">
          <img alt="Schär Cereal Flakes 300g konv gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5b084f8d42d79da440a2e46cb565623f.webp 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5b084f8d42d79da440a2e46cb565623f.webp 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5b084f8d42d79da440a2e46cb565623f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5b084f8d42d79da440a2e46cb565623f.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">Schär</p>
          <a href="/products/schar-cereal-flakes-300g-konv-gf-1-stuck-18807">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schär Cereal Flakes 300g konv gf, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PaSZSDrrMcBOp3mKFlmCpjvQYgKzbJxvvAWb0E8EGgk3lF3zr_wVEBUBCYwbhvs0fl4RoNFzA6iCtmvsid0xsg" />
    <input value="18807" 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%2Fmuesli%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/schar-choco-balls-250g-konv-gf-1-stuck-18808">
          <img alt="Schär Choco Balls 250g konv gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/af6fd06b621ab70cc8ef246ff04d8b99.webp 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/af6fd06b621ab70cc8ef246ff04d8b99.webp 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/af6fd06b621ab70cc8ef246ff04d8b99.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/af6fd06b621ab70cc8ef246ff04d8b99.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">Schär</p>
          <a href="/products/schar-choco-balls-250g-konv-gf-1-stuck-18808">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schär Choco Balls 250g konv gf, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bjghtNoI1_3D8YEPqhXt0b5pC2XO88lfWQyX2y2NTiFkCOUPTx_zLZhX8QmnypRD--d4x6zsVphnv2fn61Rlmg" />
    <input value="18808" 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%2Fmuesli%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

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

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eIe01byCJDTehQ8A5FNMC5QGn_DFD9qrntDeDg7u2G5yt3BuKZUA5IUjfwbpjDWZ0YjsUqcQRWygYy4yyDfz1Q" />
    <input value="18813" 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%2Fmuesli%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/schar-muesli-375g-konv-gf-1-stuck-18829">
          <img alt="Schär Müesli 375g konv gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/394e0df0a4474a5d789500211e4ac286.webp 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/394e0df0a4474a5d789500211e4ac286.webp 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/394e0df0a4474a5d789500211e4ac286.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/394e0df0a4474a5d789500211e4ac286.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">Schär</p>
          <a href="/products/schar-muesli-375g-konv-gf-1-stuck-18829">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schär Müesli 375g konv gf, 1 Stück</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 6.30 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JaptAqfuaRzzdm5Oai1PUp-l7rVO25myJhwZbVwOrb4vmqm5MvlNzKjQHkhn8jbA2iudFyzEBnUYr-lRmteGBQ" />
    <input value="18829" 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%2Fmuesli%3Fformat%3Dturbo_stream%26page%3D3">
    <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/spielberger-6-korn-flocken-500g-demeter-1-stuck-18997">
          <img alt="Spielberger 6-Korn Flocken 500g Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9dfbcd551931036b3c7650562266d2fc.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9dfbcd551931036b3c7650562266d2fc.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9dfbcd551931036b3c7650562266d2fc.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9dfbcd551931036b3c7650562266d2fc.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Spielberger</p>
          <a href="/products/spielberger-6-korn-flocken-500g-demeter-1-stuck-18997">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger 6-Korn Flocken 500g Demeter, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ktpdOYQS6r1TwjOMxBN9Z-9JJISyOaOkvzOWU45yLTSY6pmCEQXObQhkQ4rJzAT1qsdXJtAmPGOBgGZvSKsGjw" />
    <input value="18997" 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%2Fmuesli%3Fformat%3Dturbo_stream%26page%3D3">
    <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/spielberger-buchweizenflocken-500g-bio-1-stuck-18999">
          <img alt="Spielberger Buchweizenflocken 500g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/deac445b3d0d41794640f130a71ae7ab.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/deac445b3d0d41794640f130a71ae7ab.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/deac445b3d0d41794640f130a71ae7ab.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/deac445b3d0d41794640f130a71ae7ab.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Spielberger</p>
          <a href="/products/spielberger-buchweizenflocken-500g-bio-1-stuck-18999">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger Buchweizenflocken 500g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Um5inrLqzqD8WC021C3brdIr1b05RHVQX56U77SL3LxYXqYlJ_3qcKf-XTDZ8qI_l6WmH1tb6pdhLWTTclL3Bw" />
    <input value="18999" 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%2Fmuesli%3Fformat%3Dturbo_stream%26page%3D3">
    <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/spielberger-dinkelflocken-grossblatt-500g-demeter-1-stuck-19002">
          <img alt="Spielberger Dinkelflocken Grossblatt 500g Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ad3424529a7a7d8dbb7ee4461d8493f0.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ad3424529a7a7d8dbb7ee4461d8493f0.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ad3424529a7a7d8dbb7ee4461d8493f0.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ad3424529a7a7d8dbb7ee4461d8493f0.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Spielberger</p>
          <a href="/products/spielberger-dinkelflocken-grossblatt-500g-demeter-1-stuck-19002">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger Dinkelflocken Grossblatt 500g Demeter, 1 Stück</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 5.10 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OyyG0w7GWlRqFteXbjGkPNDQ_T1moe516L9YtPKTd7MxHEJom9F-hDGwp5Fj7t2ulV6OnwS-cbLWDKiINEpcCA" />
    <input value="19002" 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%2Fmuesli%3Fformat%3Dturbo_stream%26page%3D3">
    <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/spielberger-dinkelflocken-kleinblatt-500g-demeter-1-stuck-19003">
          <img alt="Spielberger Dinkelflocken Kleinblatt 500g Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f5e3a10ad1ce44472e05df66b4220693.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f5e3a10ad1ce44472e05df66b4220693.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f5e3a10ad1ce44472e05df66b4220693.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f5e3a10ad1ce44472e05df66b4220693.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Spielberger</p>
          <a href="/products/spielberger-dinkelflocken-kleinblatt-500g-demeter-1-stuck-19003">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger Dinkelflocken Kleinblatt 500g Demeter, 1 Stück</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 5.10 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zzWhIVdaYGK7vpEkXpxEOOh6fhSWvOP3VttiUlESCXTFBWWawk1EsuAY4SJTQz2qrfQNtvSjfDBoaJJul8sizw" />
    <input value="19003" 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%2Fmuesli%3Fformat%3Dturbo_stream%26page%3D3">
    <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/spielberger-flakes-dinkel-250g-demeter-1-stuck-19006">
          <img alt="Spielberger Flakes Dinkel 250g Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/0db4796777a6c002eeeec49e8687cdae.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/0db4796777a6c002eeeec49e8687cdae.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/0db4796777a6c002eeeec49e8687cdae.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/0db4796777a6c002eeeec49e8687cdae.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Spielberger</p>
          <a href="/products/spielberger-flakes-dinkel-250g-demeter-1-stuck-19006">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger Flakes Dinkel 250g Demeter, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Nv600HUIqeVRT3YuUCAYCO2cjZT9RU-Cv5izgwUbWzg8znBr4B-NNQrpBihd_2GaqBL-Np9a0EWBK0O_w8Jwgw" />
    <input value="19006" 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%2Fmuesli%3Fformat%3Dturbo_stream%26page%3D3">
    <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/spielberger-gerstenflocken-500g-demeter-1-stuck-19007">
          <img alt="Spielberger Gerstenflocken 500g Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/183c7313ca8303183d46506b1f027299.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/183c7313ca8303183d46506b1f027299.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/183c7313ca8303183d46506b1f027299.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/183c7313ca8303183d46506b1f027299.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Spielberger</p>
          <a href="/products/spielberger-gerstenflocken-500g-demeter-1-stuck-19007">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger Gerstenflocken 500g Demeter, 1 Stück</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 3.70 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OVMbZu20jJmey02_Z3gx3RUZ3wtyadtgOXpH_yAEtTUzY9_deKOoScVtPblqp0hPUJesqRB2RKcHybfD5t2ejg" />
    <input value="19007" 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%2Fmuesli%3Fformat%3Dturbo_stream%26page%3D3">
    <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/spielberger-haferflocken-grossblatt-500g-demeter-1-stuck-19010">
          <img alt="Spielberger Haferflocken Grossblatt 500g Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e56190e2f79e0b1771c149cd4c6d3191.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e56190e2f79e0b1771c149cd4c6d3191.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e56190e2f79e0b1771c149cd4c6d3191.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e56190e2f79e0b1771c149cd4c6d3191.png" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Spielberger</p>
          <a href="/products/spielberger-haferflocken-grossblatt-500g-demeter-1-stuck-19010">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger Haferflocken Grossblatt 500g Demeter, 1 Stück</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 3.80 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TcG2LDkPsg5NVq7sZeZwky-rjAONQRW8RvDYkRh17dRH8XKXrBiW3hbw3upoOQkBaiX_oe9eint4Qyit3qzGbw" />
    <input value="19010" 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">
      60 von 94 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel/grundnahrungsmittel/muesli?format=turbo_stream&amp;page=4">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>