<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%3D4">
    <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-kleinblatt-500g-demeter-1-stuck-19011">
          <img alt="Spielberger Haferflocken 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/46f5bc11518359e2b57f50706d3a844c.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/46f5bc11518359e2b57f50706d3a844c.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/46f5bc11518359e2b57f50706d3a844c.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/46f5bc11518359e2b57f50706d3a844c.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-kleinblatt-500g-demeter-1-stuck-19011">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger Haferflocken Kleinblatt 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-19011-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f1Ua0FgMBCtYcgYvb54cHlk56N5mb_hCm6K4OUG6GWWW2yiOxtQUwncE1hO_4M8vDyg-YY1q5zI9dOlqu9PkCg" />
    <input value="19011" 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%3D4">
    <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-hirseflocken-500g-bio-1-stuck-19013">
          <img alt="Spielberger Hirseflocken 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/ed6ea673f36bd32ebccd4c9ecb94c2f1.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ed6ea673f36bd32ebccd4c9ecb94c2f1.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ed6ea673f36bd32ebccd4c9ecb94c2f1.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ed6ea673f36bd32ebccd4c9ecb94c2f1.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-hirseflocken-500g-bio-1-stuck-19013">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger Hirseflocken 500g Bio, 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-19013-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S1bL1373zKA3P-wmye1LBzUEWJqXS36ctg7rWcMAuAGi2PmJ4C_cSRhJPBoZk5g2YxWOJXxOYewQ2LoKOWlFbg" />
    <input value="19013" 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%3D4">
    <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-hirseflocken-vollkorn-250g-bio-gf-1-stuck-19014">
          <img alt="Spielberger Hirseflocken Vollkorn 250g Bio 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/dc0fff4b85a0328cea3808439d0b543a.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/dc0fff4b85a0328cea3808439d0b543a.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/dc0fff4b85a0328cea3808439d0b543a.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/dc0fff4b85a0328cea3808439d0b543a.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-hirseflocken-vollkorn-250g-bio-gf-1-stuck-19014">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger Hirseflocken Vollkorn 250g Bio gf, 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-19014-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SLAHZfFFebk9juVTUjvPLa_Dk4K3tIdkfCC4dfIMlduhPjU7b51pUBL4NW-CRRwc-dJFPVyxmBTa9ukmCGVotA" />
    <input value="19014" 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%3D4">
    <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-reisflocken-500g-demeter-1-stuck-19024">
          <img alt="Spielberger Reisflocken 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/aceeedecf2b3a682c65dc366dcc85e39.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/aceeedecf2b3a682c65dc366dcc85e39.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/aceeedecf2b3a682c65dc366dcc85e39.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/aceeedecf2b3a682c65dc366dcc85e39.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-reisflocken-500g-demeter-1-stuck-19024">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger Reisflocken 500g Demeter, 1 Stück</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 5.80 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_wKXSwF46g-qsgmGWk8oRFafbPC2cIR8gSHKJcgn5c8WjKUVn6D65oXE2bqKMft1AI66T111mwwn95t2Mk4YoA" />
    <input value="19024" 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%3D4">
    <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-reisflocken-vollkorn-250g-demeter-gf-1-stuck-19025">
          <img alt="Spielberger Reisflocken Vollkorn 250g Demeter 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/6133ae2bb5bfabdf6d6c303532902cad.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6133ae2bb5bfabdf6d6c303532902cad.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6133ae2bb5bfabdf6d6c303532902cad.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6133ae2bb5bfabdf6d6c303532902cad.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-reisflocken-vollkorn-250g-demeter-gf-1-stuck-19025">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger Reisflocken Vollkorn 250g Demeter gf, 1 Stück</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 3.40 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u2pQDEvAIKq8RH8eSv1Dnx2-zD95v8bS0jYumvDM2yhS5GJS1RgwQ5MyryKag5CuS68agJK62aJ04H_JCqUmRw" />
    <input value="19025" 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%3D4">
    <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-roggenflocken-500g-demeter-1-stuck-19027">
          <img alt="Spielberger Roggenflocken 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/a295dc6853973a2c65fc07b6223c47a5.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a295dc6853973a2c65fc07b6223c47a5.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a295dc6853973a2c65fc07b6223c47a5.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a295dc6853973a2c65fc07b6223c47a5.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-roggenflocken-500g-demeter-1-stuck-19027">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger Roggenflocken 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-19027-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kIntkRl7LUbJDMuU_4kz4Hv1EFseHgoDAFcUrpmdg9F5B9_Ph6M9r-Z6G6gv9-DRLeTG5PUbFXOmgUX9Y_R-vg" />
    <input value="19027" 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%3D4">
    <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/vogel-muesli-1kg-bio-1-stuck-19174">
          <img alt="Vogel Müesli 1kg 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/22bfc4305d93a390f9c0564d940243b6.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/22bfc4305d93a390f9c0564d940243b6.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/22bfc4305d93a390f9c0564d940243b6.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/22bfc4305d93a390f9c0564d940243b6.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">Vogel</p>
          <a href="/products/vogel-muesli-1kg-bio-1-stuck-19174">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vogel Müesli 1kg Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B3kkk4muFLbCkrXUnL2PHdlLj8WnyzjPcAfWwHzv7U_u9xbNF3YEX-3kZehMw1wsj1pZekzOJ7_W0YeThoYQIA" />
    <input value="19174" 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%3D4">
    <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/vogel-muesli-500g-bio-1-stuck-19175">
          <img alt="Vogel Müesli 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/730a193e7a30eca00024ec408c81a776.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/730a193e7a30eca00024ec408c81a776.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/730a193e7a30eca00024ec408c81a776.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/730a193e7a30eca00024ec408c81a776.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">Vogel</p>
          <a href="/products/vogel-muesli-500g-bio-1-stuck-19175">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vogel Müesli 500g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S3N4KfK3WH91L4DWxPzmdm93yET35stXwxR9tc3gHAmi_Up3bG9IllpZUOoUgjVHOWYe-xzj1CdlwizmN4nhZg" />
    <input value="19175" 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%3D4">
    <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/werz-braunhirse-flocken-250g-bio-gf-1-stuck-19183">
          <img alt="Werz Braunhirse Flocken 250g Bio 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/d6c86b63db40166d388a442b211201f7.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d6c86b63db40166d388a442b211201f7.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d6c86b63db40166d388a442b211201f7.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d6c86b63db40166d388a442b211201f7.jpeg" />
</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/werz-braunhirse-flocken-250g-bio-gf-1-stuck-19183">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Werz Braunhirse Flocken 250g Bio gf, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7fIDZnACx-QnctSZ31k3EiQ1nXi5TxbMPCAYa3h_WSYEfDE47trXDQgEBKUPJ-QjciRLx1JKCbya9kk4ghakSQ" />
    <input value="19183" 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%3D4">
    <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/werz-buchweizen-gepufft-80g-bio-gf-1-stuck-19186">
          <img alt="Werz Buchweizen gepufft 80g Bio 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/b08b1f2983201659124e7815d73a66f8.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/b08b1f2983201659124e7815d73a66f8.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/b08b1f2983201659124e7815d73a66f8.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/b08b1f2983201659124e7815d73a66f8.jpeg" />
</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/werz-buchweizen-gepufft-80g-bio-gf-1-stuck-19186">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Werz Buchweizen gepufft 80g Bio gf, 1 Stück</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 4.40 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-GF_KOgExdcR61M-ftpBmCi4Y3Zb81ycQPWbrqsBqRcR7012dtzVPj6dgwKupJKpfqm1ybD2Q-zmI8r9UWhUeA" />
    <input value="19186" 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%3D4">
    <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/werz-crunchy-braunhirse-vollkorn-knuspermusli-250g-bio-gf-1-stuck-19187">
          <img alt="Werz Crunchy Braunhirse Vollkorn Knuspermüsli 250g Bio 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/f51be4eb31bf4bfb465b35b2d5d01331.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f51be4eb31bf4bfb465b35b2d5d01331.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f51be4eb31bf4bfb465b35b2d5d01331.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f51be4eb31bf4bfb465b35b2d5d01331.jpeg" />
</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/werz-crunchy-braunhirse-vollkorn-knuspermusli-250g-bio-gf-1-stuck-19187">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Werz Crunchy Braunhirse Vollkorn Knuspermüsli 250g Bio gf, 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-19187-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VuCJSMY5n0FmprMSzBpHAloYkfP4ySIX5G01F0yiWYq_brsWWOGPqEnQYy4cZJQzDAlHTBPMPWdCu2REtsuk5Q" />
    <input value="19187" 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%3D4">
    <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/werz-buchweizen-crunchy-vollkorn-knuspermusli-200g-bio-gf-1-stuck-19188">
          <img alt="Werz Buchweizen Crunchy Vollkorn Knuspermüsli 200g Bio 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/bfa47b703c9d5afe2ec9435e57ecb046.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bfa47b703c9d5afe2ec9435e57ecb046.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bfa47b703c9d5afe2ec9435e57ecb046.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bfa47b703c9d5afe2ec9435e57ecb046.jpeg" />
</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/werz-buchweizen-crunchy-vollkorn-knuspermusli-200g-bio-gf-1-stuck-19188">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Werz Buchweizen Crunchy Vollkorn Knuspermüsli 200g Bio gf, 1 Stück</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 6.50 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EpojTk8Zca_5_fxGxnpEsiBkMVgVfMR_Q21LB5OJsRX7FBEQ0cFhRtaLLHoWBJeDdnXn5_552w_luxpUaeBMeg" />
    <input value="19188" 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%3D4">
    <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/werz-erdmandel-flocken-250g-bio-gf-1-stuck-19190">
          <img alt="Werz Erdmandel Flocken 250g Bio 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/2b5d84e1c0c4981846de02fd017a9321.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2b5d84e1c0c4981846de02fd017a9321.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2b5d84e1c0c4981846de02fd017a9321.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2b5d84e1c0c4981846de02fd017a9321.jpeg" />
</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/werz-erdmandel-flocken-250g-bio-gf-1-stuck-19190">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Werz Erdmandel Flocken 250g Bio gf, 1 Stück</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 6.85 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xX0XNYD4jypO4jdKYoKhb4IGYz7VdCgFLSysvI2yzB4s8yVrHiCfw2GU53ay_HJe1Be1gT5xN3WL-v3vd9sxcQ" />
    <input value="19190" 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%3D4">
    <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/werz-hirse-gepufft-125g-bio-gf-1-stuck-19194">
          <img alt="Werz Hirse gepufft 125g Bio 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/0c3ecadd7ec6b4a193c5614dfd9b4355.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/0c3ecadd7ec6b4a193c5614dfd9b4355.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/0c3ecadd7ec6b4a193c5614dfd9b4355.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/0c3ecadd7ec6b4a193c5614dfd9b4355.jpeg" />
</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/werz-hirse-gepufft-125g-bio-gf-1-stuck-19194">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Werz Hirse gepufft 125g Bio gf, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3QymdyAvp61obPSP2wFf1rsvuKfClxIX0NDcEjvNi0A0gpQpvve3REcaJLMLf4zn7T5uGCmSDWd2Bo1BwaR2Lw" />
    <input value="19194" 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%3D4">
    <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/bauck-hot-hafer-basis-ungesusst-400g-demeter-gf-1-stuck-19893">
          <img alt="Bauck Hot Hafer Basis ungesüsst 400g Demeter 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/3bec109e90067f00c19b93bbc2d34665.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3bec109e90067f00c19b93bbc2d34665.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3bec109e90067f00c19b93bbc2d34665.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3bec109e90067f00c19b93bbc2d34665.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">Bauck</p>
          <a href="/products/bauck-hot-hafer-basis-ungesusst-400g-demeter-gf-1-stuck-19893">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Hot Hafer Basis ungesüsst 400g Demeter gf, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zo4cW6teRygCF-_0CuKfDsQJZkqFosvRuATx6kewErmPAC4FNYZXwS1hP8janEw_khiw9W6n1KEe0qC5vdnv1g" />
    <input value="19893" 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%3D4">
    <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/bauck-hot-hafer-apfel-zimt-ungesusst-400g-demeter-gf-1-stuck-19894">
          <img alt="Bauck Hot Hafer Apfel Zimt ungesüsst 400g Demeter 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/511d586218fd6b740d5047278f891a29.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/511d586218fd6b740d5047278f891a29.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/511d586218fd6b740d5047278f891a29.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/511d586218fd6b740d5047278f891a29.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">Bauck</p>
          <a href="/products/bauck-hot-hafer-apfel-zimt-ungesusst-400g-demeter-gf-1-stuck-19894">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Hot Hafer Apfel Zimt ungesüsst 400g Demeter gf, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0Wu0XbV98qyt1gdGl0K2npZjjFEqICmrs2bKReFjbno45YYDK6XiRYKg13pHPGWvwHJa7sElNtsVsJsWGwqTFQ" />
    <input value="19894" 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%3D4">
    <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/biofarm-haferflocken-grob-500g-biok-1-stuck-19897">
          <img alt="Biofarm Haferflocken grob 500g BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9183/file/small-1f6d8473850e427cafb83c05313245e4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9183/file/medium-00fa66ae892bd3c9697c19022edebbcb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9183/file/large-ba7d3b1d87ac71fa6afb73e31ceffc6d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9183/file/medium-00fa66ae892bd3c9697c19022edebbcb.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">Biofarm</p>
          <a href="/products/biofarm-haferflocken-grob-500g-biok-1-stuck-19897">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Haferflocken grob 500g 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-19897-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JG-DY7y5qIO7Cs6e4euL8A_U9xqCrXDjKCvX9lCyZkzN4bE9ImG4apR8HqIxlVjBWcUhpWmob5OO_YalqtubIw" />
    <input value="19897" 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%3D4">
    <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/biofarm-5-korn-flocken-500g-biok-1-stuck-19898">
          <img alt="Biofarm 5-Korn Flocken 500g BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9182/file/small-062c64253af3b6a2d73bc0ee6c970265.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9182/file/medium-dc445b65b0a71e7bfaaf8dbb8b3e84b4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9182/file/large-99558207df1f32142c59736d1dc8fd87.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9182/file/medium-dc445b65b0a71e7bfaaf8dbb8b3e84b4.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">Biofarm</p>
          <a href="/products/biofarm-5-korn-flocken-500g-biok-1-stuck-19898">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm 5-Korn Flocken 500g BioK, 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-19898-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="glvclk-EGojpMMG7PILl_ZtgdGX4xD-2SuCLRNWR59Br1e7I0VwKYcZGEYfs_DbMzXGi2hPBIMbsNtoXL_gavw" />
    <input value="19898" 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%3D4">
    <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/biofarm-huus-muesli-400g-bio-1-stuck-19899">
          <img alt="Biofarm Huus Müesli 400g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9184/file/small-8dedf9fdc42b681e72981efbbdb511a2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9184/file/medium-6d1c13ebf0829e32c2eb030b80755dd5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9184/file/large-60142218de3e1e5b6f36a1e0e35d99bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9184/file/medium-6d1c13ebf0829e32c2eb030b80755dd5.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">Biofarm</p>
          <a href="/products/biofarm-huus-muesli-400g-bio-1-stuck-19899">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Huus Müesli 400g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l1QvbL1zmdrKbpuZJEkMoaPu7ky7qX1SMtYu3P1XOEF-2h0yI6uJM-UYS6X0N9-Q9f8481CsYiKUAH-PBz7FLg" />
    <input value="19899" 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%3D4">
    <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/bauck-crunchy-hafer-schoko-nuss-300g-gf-1-stuck-19922">
          <img alt="Bauck Crunchy Hafer Schoko-Nuss 300g gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9160/file/small-0e843fe57d62b603d67f96b5310000d1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9160/file/medium-f0b05ef4be70e4af2240b54c588c0314.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9160/file/large-65d1900942f2c859018eee5b3f11ba56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9160/file/medium-f0b05ef4be70e4af2240b54c588c0314.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">Bauck</p>
          <a href="/products/bauck-crunchy-hafer-schoko-nuss-300g-gf-1-stuck-19922">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Crunchy Hafer Schoko-Nuss 300g gf, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.25
            </p>

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

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

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

</template></turbo-stream>