<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%3D2">
    <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/buchweizen-crunchy-vollkorn-knuspermusli-bio-200-g-19213">
          <img alt="Buchweizen Crunchy Vollkorn Knuspermüsli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9416/file/small-1fa6dbbac9a01088b87ad6c0b941597d.webp 600w, https://assets.fabulous.ch/public/variant_asset/9416/file/medium-e4cdd1858c6d29e171cd55b0f56a5c30.webp 900w, https://assets.fabulous.ch/public/variant_asset/9416/file/large-3a380a5363b88b78382abb8d97a807b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9416/file/medium-e4cdd1858c6d29e171cd55b0f56a5c30.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/buchweizen-crunchy-vollkorn-knuspermusli-bio-200-g-19213">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Buchweizen Crunchy Vollkorn Knuspermüsli Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19213&quot;],&quot;content_name&quot;:&quot;Buchweizen Crunchy Vollkorn Knuspermüsli Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19213&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LB0qtIBU2-d7YTMweOprxkQzusiTU9l9kdv0nfIQ3O2bRrWxldpuirPSMXGy4Vp_4CWgsHxF54kvtcgFJ9A-vw" />
    <input value="19213" 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%3D2">
    <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/krunchy-muesli-low-sugar-crazy-nuts-bio-375-g-10206">
          <img alt="Krunchy Müesli Low Sugar CRAZY NUTS Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5512/file/small-956b5e325c14238e37c7477068b25771.webp 600w, https://assets.fabulous.ch/public/variant_asset/5512/file/medium-7945586c480bb801cc47624686976a93.webp 900w, https://assets.fabulous.ch/public/variant_asset/5512/file/large-b07082520b3d17ceb165142ca454d1cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5512/file/medium-7945586c480bb801cc47624686976a93.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">Barnhouse Naturprodukte</p>
          <a href="/products/krunchy-muesli-low-sugar-crazy-nuts-bio-375-g-10206">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Krunchy Müesli Low Sugar CRAZY NUTS Bio, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10206&quot;],&quot;content_name&quot;:&quot;Krunchy Müesli Low Sugar CRAZY NUTS Bio, 375 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10206&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p4xWTml3LfdhWe5sVCHA6JTkE9SNaQpq_qJV4uY-9pYQ18lLfPmYmqnq7C2eKvFRMPIJrGJ_NJ5AzGl6M_4UxA" />
    <input value="10206" 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%3D2">
    <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/flakes-buchweizen-glutenfrei-bio-250-g-144">
          <img alt="Flakes Buchweizen glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/159/file/small-53f5f9bc882b29d7028ddea7640cf330.webp 600w, https://assets.fabulous.ch/public/variant_asset/159/file/medium-63edf93380545d44739827c8b5456b9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/159/file/large-eaae14fb7d8895f7d73b3e0fa30c9ffb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/159/file/medium-63edf93380545d44739827c8b5456b9e.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/flakes-buchweizen-glutenfrei-bio-250-g-144">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flakes Buchweizen glutenfrei Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;144&quot;],&quot;content_name&quot;:&quot;Flakes Buchweizen glutenfrei Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;144&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xi4tQVzoPFUA83uDvoXU9W84BBtJX9KR_B9kEmZEL4DpdbJESWaJOMhAecJ0juVMyy4eY6ZJ7GVCcViKs4TN0g" />
    <input value="144" 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%3D2">
    <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-grossblatt-demeter-500-g-19057">
          <img alt="Haferflocken Grossblatt Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10706/file/small-593591719e202421f3a65c417df6da9a.webp 600w, https://assets.fabulous.ch/public/variant_asset/10706/file/medium-d7621562915b8db27a08dd3a2de1440c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10706/file/large-31b134240572ccbff89810afdd835d29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10706/file/medium-d7621562915b8db27a08dd3a2de1440c.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-grossblatt-demeter-500-g-19057">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferflocken Grossblatt Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19057&quot;],&quot;content_name&quot;:&quot;Haferflocken Grossblatt Demeter, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19057&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="hHxU6k68A2ue-vJ9jSXTCvbBqFaon74dkfo6Mn5QEOUzJ8vvWzK2BlZJ8DxHLuKzUteyLkeJgOkvlAaqq5Dytw" />
    <input value="19057" 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%3D2">
    <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-dinkel-schokozart-demeter-425-g-18315">
          <img alt="Müesli Dinkel Schokozart Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9433/file/small-48a1a0d9faa130fc2a968122e2b7e79b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9433/file/medium-3bfa1360eb6290cfb8015308326a8160.webp 900w, https://assets.fabulous.ch/public/variant_asset/9433/file/large-9362230e91a9cc9e2f52974ea6f39a27.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9433/file/medium-3bfa1360eb6290cfb8015308326a8160.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/products/muesli-dinkel-schokozart-demeter-425-g-18315">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Müesli Dinkel Schokozart Demeter, 425 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.36 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18315&quot;],&quot;content_name&quot;:&quot;Müesli Dinkel Schokozart Demeter, 425 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18315&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="FQnqpWk1YXIio4wBwr58GSUY_i6dMLeGl8lhpJC8FCOiUnWgfLvUH-oQjkAItU2ggQ7kVnImiXIpp108RXz2cQ" />
    <input value="18315" 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%3D2">
    <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-dinkel-knusperzart-demeter-425-g-18314">
          <img alt="Müesli Dinkel Knusperzart Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9192/file/small-87cf7f9a39c1f780fb5532b8a8b722a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/9192/file/medium-bf1d2da369b4bf618fffc6b5a417f9a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/9192/file/large-4a397db8a9dffb452e4d25dad73df326.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9192/file/medium-bf1d2da369b4bf618fffc6b5a417f9a8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/products/muesli-dinkel-knusperzart-demeter-425-g-18314">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Müesli Dinkel Knusperzart Demeter, 425 g</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 1.34 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18314&quot;],&quot;content_name&quot;:&quot;Müesli Dinkel Knusperzart Demeter, 425 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18314&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LLTnr5Sub1n8hYD1lDUjpsr9dBBMSk78c194kHAv_oyb73iqgSDaNDQ2grRePhIfbutuaKNccAjNMUQIpe8c3g" />
    <input value="18314" 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%3D2">
    <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/der-klassiker-hildegards-dinkel-musli-bio-500-g-18297">
          <img alt="Der Klassiker Hildegards Dinkel-Müsli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10184/file/small-3c7ec0f836899ca97f03afb4b43dc15a.webp 600w, https://assets.fabulous.ch/public/variant_asset/10184/file/medium-2818def76656a09fad5569c44c9bae5b.webp 900w, https://assets.fabulous.ch/public/variant_asset/10184/file/large-3f41580c6e18102b85247bcd1bea0819.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10184/file/medium-2818def76656a09fad5569c44c9bae5b.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">Allos</p>
          <a href="/products/der-klassiker-hildegards-dinkel-musli-bio-500-g-18297">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Der Klassiker Hildegards Dinkel-Müsli Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18297&quot;],&quot;content_name&quot;:&quot;Der Klassiker Hildegards Dinkel-Müsli Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18297&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-xeNS_McTCB-z8ZuiFC-SICy6Dee2tT28-UauRT99cJMTBJO5pL5TbZ8xC9CW4_xJKTyT3HM6gJNiyYhwT0XkA" />
    <input value="18297" 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%3D2">
    <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/mehl-tsampa-sonams-gerste-demeter-250-g-7968">
          <img alt="Mehl Tsampa Sonams Gerste Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4669/file/small-7ce5aaad46a14ed5eec7da241b350241.webp 600w, https://assets.fabulous.ch/public/variant_asset/4669/file/medium-0f60012d1aa2fa9db9ea9c3bdbfe3835.webp 900w, https://assets.fabulous.ch/public/variant_asset/4669/file/large-80bde93889c04b8e4762dbec0c364142.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4669/file/medium-0f60012d1aa2fa9db9ea9c3bdbfe3835.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">Tsampa</p>
          <a href="/products/mehl-tsampa-sonams-gerste-demeter-250-g-7968">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mehl Tsampa Sonams Gerste Demeter, 250 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 2.52 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7968&quot;],&quot;content_name&quot;:&quot;Mehl Tsampa Sonams Gerste Demeter, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7968&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="DM_mDfM2Vwn0fk12-6bjSBGHssaHjvJym1cot49nmqq7lHkI5rjiZDzNTzcxrdLxtZGovmiYzIYlORQvWqd4-A" />
    <input value="7968" 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%3D2">
    <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/buchweizen-gepufft-bio-80-g-19211">
          <img alt="Buchweizen gepufft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9420/file/small-139545ae7b1006f35deb0eed69cff55b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9420/file/medium-5518cc8995ff241ad1880404da73fc97.webp 900w, https://assets.fabulous.ch/public/variant_asset/9420/file/large-6e4435c50549b87ddfbde494bda3743a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9420/file/medium-5518cc8995ff241ad1880404da73fc97.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/buchweizen-gepufft-bio-80-g-19211">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Buchweizen gepufft Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19211&quot;],&quot;content_name&quot;:&quot;Buchweizen gepufft Bio, 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19211&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0Bss6iuPstOm0TTk4cGVnW9ly12pFQucASyOVackwLZnQLPvPgEHvm5iNqUryqQky3PRJUYDNWi_QrLNcuQi5A" />
    <input value="19211" 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%3D2">
    <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/crunchy-braunhirse-vollkorn-knuspermusli-bio-250-g-19212">
          <img alt="Crunchy Braunhirse Vollkorn Knuspermüsli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9425/file/small-457ddc78af949ef9351dc8f8d16855a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/9425/file/medium-d2569ac036dbaf013a1c7741c6142234.webp 900w, https://assets.fabulous.ch/public/variant_asset/9425/file/large-63d9b0739ad84dba6132fa81172acbe5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9425/file/medium-d2569ac036dbaf013a1c7741c6142234.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/crunchy-braunhirse-vollkorn-knuspermusli-bio-250-g-19212">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crunchy Braunhirse Vollkorn Knuspermüsli Bio, 250 g</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 3.04 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19212&quot;],&quot;content_name&quot;:&quot;Crunchy Braunhirse Vollkorn Knuspermüsli Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19212&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E7AZv3B1fK-oiTqrBxEv0UgyBn5waUNqgD0Dq2tOVdak64a6ZfvJwmA6OOrNGh5o7CQcBp9_fZ4-Uz8zvo63hA" />
    <input value="19212" 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%3D2">
    <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/erdmandel-flocken-bio-250-g-19215">
          <img alt="Erdmandel Flocken Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9419/file/small-b77b013b858168ff1871e210e0584c17.webp 600w, https://assets.fabulous.ch/public/variant_asset/9419/file/medium-0c8bc675256ce6d7e9cb27b1acb7109e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9419/file/large-690dc9e8bc2ae618ecf29da69b709568.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9419/file/medium-0c8bc675256ce6d7e9cb27b1acb7109e.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/erdmandel-flocken-bio-250-g-19215">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erdmandel Flocken Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19215&quot;],&quot;content_name&quot;:&quot;Erdmandel Flocken Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19215&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yIeO7cXJw1E5LX3jvOaNpFA-HWUC--5CUSmflBOAFPZ_3BHo0Ed2PPGef6J27bwd9CgHHe3t0LbvR6MMxkD2pA" />
    <input value="19215" 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%3D2">
    <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/krunchy-muesli-low-sugar-very-berry-bio-375-g-10205">
          <img alt="Krunchy Müesli Low Sugar VERY BERRY Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5509/file/small-399212669f86a7c790011da8eb20e57c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5509/file/medium-d0ab685417d2b8dc84eb95ee982287fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/5509/file/large-dbc9a7582c7d050de37752195d9d1304.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5509/file/medium-d0ab685417d2b8dc84eb95ee982287fe.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">Barnhouse Naturprodukte</p>
          <a href="/products/krunchy-muesli-low-sugar-very-berry-bio-375-g-10205">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Krunchy Müesli Low Sugar VERY BERRY Bio, 375 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 2.11 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10205&quot;],&quot;content_name&quot;:&quot;Krunchy Müesli Low Sugar VERY BERRY Bio, 375 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10205&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="9J1QVOwV43hkFHfiyeqYLQmPBjOnQvFGWyL143CxPtlDxs9R-ZtWFayndaMD4amUrZkcS0hUz7LlTMl7pXHciw" />
    <input value="10205" 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%3D2">
    <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/buchweizenflocken-bio-500-g-19046">
          <img alt="Buchweizenflocken Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9953/file/small-ea4b90c7677689f0519b6aa999f4b544.webp 600w, https://assets.fabulous.ch/public/variant_asset/9953/file/medium-2c75dfae63cdd9dd52b13782c3eac3e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/9953/file/large-1d2008eac9752ac27cfab0d42213e206.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9953/file/medium-2c75dfae63cdd9dd52b13782c3eac3e6.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/buchweizenflocken-bio-500-g-19046">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Buchweizenflocken Bio, 500 g</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 1.78 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19046&quot;],&quot;content_name&quot;:&quot;Buchweizenflocken Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19046&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WK3yo9NJqYZUeFohxjGWlr_XHWHIMWo4NGT1dKDIy9Dv9m2mxscc65zLWGAMOqcvG8EHGScnVMyKCsnsdQgpgg" />
    <input value="19046" 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%3D2">
    <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/emmerflocken-bio-250-g-16649">
          <img alt="Emmerflocken Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7709/file/small-5e92f31c41c7761647d3abb84461829d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7709/file/medium-89aef8faff6a55ebb6e049af434312c0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7709/file/large-03b019739d96fa4254455e768c3bd79e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7709/file/medium-89aef8faff6a55ebb6e049af434312c0.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/emmerflocken-bio-250-g-16649">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Emmerflocken Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16649&quot;],&quot;content_name&quot;:&quot;Emmerflocken Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16649&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DVaL5CbuJ0Y3RqiN59AoPd8CYaIOJTIVwngGie2zMaC6DRThM2CSK__1qswt2xmEexR72uEzDOF8FjoROHPT8g" />
    <input value="16649" 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%3D2">
    <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/datteln-mandeln-kokos-granola-bio-350-g-18643">
          <img alt="Datteln Mandeln Kokos Granola Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10097/file/small-a52c1564e5e453663bdf2cd133f0cd28.webp 600w, https://assets.fabulous.ch/public/variant_asset/10097/file/medium-c6d25a0af1cc8e2132918915e0bf4e28.webp 900w, https://assets.fabulous.ch/public/variant_asset/10097/file/large-8a102b1ca99108d06e0353a88433bb4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10097/file/medium-c6d25a0af1cc8e2132918915e0bf4e28.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">manifaktur</p>
          <a href="/products/datteln-mandeln-kokos-granola-bio-350-g-18643">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Datteln Mandeln Kokos Granola Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18643&quot;],&quot;content_name&quot;:&quot;Datteln Mandeln Kokos Granola Bio, 350 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18643&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8x-PPJWymlYcr18P3SEDmOZrfOxtGR8N9yooZ3IP8cFERBA5gDwvO9QcXU4XKjIhQn1mlIIPIflJRBT_p88Tkw" />
    <input value="18643" 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%3D2">
    <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/amaranth-gepufft-glutenfrei-bio-125-g-803">
          <img alt="Amaranth gepufft glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/742/file/small-7b8434b8b12ac35d938a1251d2325b37.webp 600w, https://assets.fabulous.ch/public/variant_asset/742/file/medium-6a1ad7bb7ed01282e21a066e3d5efa76.webp 900w, https://assets.fabulous.ch/public/variant_asset/742/file/large-2f7b2cc5cbff1bc680146b1edef992df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/742/file/medium-6a1ad7bb7ed01282e21a066e3d5efa76.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/amaranth-gepufft-glutenfrei-bio-125-g-803">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Amaranth gepufft glutenfrei Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;803&quot;],&quot;content_name&quot;:&quot;Amaranth gepufft glutenfrei Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;803&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-tYLFWjokRT-9gWkqRMaeWEgWl7tT_jwUn4NXqHE1wlNjZQQfWYkeTZFB-VjGCvAxTZAJgJZxgTsEDHGdAQ1Ww" />
    <input value="803" 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%3D2">
    <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-hafer-mit-beeren-bio-425-g-18316">
          <img alt="Hafer Müsli Beeren glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11330/file/small-1872d09bc308701759b5f5e2e6a80f6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11330/file/medium-75f96d6b95d4a1242aaa81d0b2319413.webp 900w, https://assets.fabulous.ch/public/variant_asset/11330/file/large-16693bb449c4af8a96601552939da3b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11330/file/medium-75f96d6b95d4a1242aaa81d0b2319413.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/products/muesli-hafer-mit-beeren-bio-425-g-18316">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer Müsli Beeren glutenfrei Bio, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18316&quot;],&quot;content_name&quot;:&quot;Hafer Müsli Beeren glutenfrei Bio, 425 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18316&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G-ZoAI61Vu1KKlyMn5d-FqPD97ewHpCiMp43YJ4BcfKsvfcFmzvjgIKZXs1VnE-vB9Xtz18IrlaM8Av4S8GToA" />
    <input value="18316" 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%3D2">
    <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/reis-gepufft-glutenfrei-bio-125-g-16605">
          <img alt="Reis gepufft glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7657/file/small-df0c911836fdc6a95caffafe1505af20.webp 600w, https://assets.fabulous.ch/public/variant_asset/7657/file/medium-d75045b103da8139cb94b32b3ed5b25f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7657/file/large-a2aced9ea9b2d67908f879c0638f4b92.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7657/file/medium-d75045b103da8139cb94b32b3ed5b25f.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/reis-gepufft-glutenfrei-bio-125-g-16605">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reis gepufft glutenfrei Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16605&quot;],&quot;content_name&quot;:&quot;Reis gepufft glutenfrei Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16605&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-5dB_XSVL3bt7G_5-F_IWv19-_ngC-rCfwtnQqg4DwZMzN74YRuaGyVfbbgyVPnjWWvhgQ8d1DbBZVvaffjtVA" />
    <input value="16605" 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%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


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

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

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

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

      </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%3D2">
    <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/flocken-kamut-bio-250-g-14883">
          <img alt="Flocken Kamut Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9135/file/small-6452f2f37073955c7e9aec74940b3da8.webp 600w, https://assets.fabulous.ch/public/variant_asset/9135/file/medium-a3413ba2a31cf714ea953d2638587f11.webp 900w, https://assets.fabulous.ch/public/variant_asset/9135/file/large-6ffc8dd092ae84f9ddb6dc7fc1f2898e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9135/file/medium-a3413ba2a31cf714ea953d2638587f11.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/flocken-kamut-bio-250-g-14883">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flocken Kamut Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14883&quot;],&quot;content_name&quot;:&quot;Flocken Kamut Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14883&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FpP3S4OBPSnCBCLxWdJJP6BVJzJ71agDa26v6t58wXWhyGhOlg-IRAq3ILCT2XiGBEM9SpTDlvfVAJNyC7wjJw" />
    <input value="14883" 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">
      40 von 100 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel/grundnahrungsmittel/muesli?format=turbo_stream&amp;page=3">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>