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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-kastanienflocken-100-g-18607">
          <img alt="Morga Kastanienflocken" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9630/file/small-e223b49b0a28cc9d25a9d6ebdb528214.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9630/file/medium-a94a86676dc614ca4fadcc41ff840ef2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9630/file/large-0e9f657b20fafadc047b936d4c7b072e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9630/file/medium-a94a86676dc614ca4fadcc41ff840ef2.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">MORGA</p>
          <a href="/products/morga-kastanienflocken-100-g-18607">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Kastanienflocken, 100 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 7.60 / 100 g
            </p>
        </div>
      </div>

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-kastanienmehl-bio-gf-300-g-18608">
          <img alt="Morga Kastanienmehl Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9156/file/small-31343475ac56aca1f13f5ffd1da17cd3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9156/file/medium-6e81ccc8661c98f076911425f75591b3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9156/file/large-9f19b2de3f3e317aac627085746d3b65.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9156/file/medium-6e81ccc8661c98f076911425f75591b3.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">MORGA</p>
          <a href="/products/morga-kastanienmehl-bio-gf-300-g-18608">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Kastanienmehl Bio gf, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-kokosmehl-entolt-bio-gf-500-g-18609">
          <img alt="Morga Kokosmehl entölt Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9157/file/small-3ded6917ef897bebaf591000b5061342.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9157/file/medium-79aa270f9e50b45a43fc77fd08787e46.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9157/file/large-8327ccb35c58465971958bfbfa91c941.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9157/file/medium-79aa270f9e50b45a43fc77fd08787e46.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">MORGA</p>
          <a href="/products/morga-kokosmehl-entolt-bio-gf-500-g-18609">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Kokosmehl entölt Bio gf, 500 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 1.30 / 100 g
            </p>
        </div>
      </div>

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-leinmehl-bio-gf-300-g-18610">
          <img alt="Morga Leinmehl Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9159/file/small-ab397b9b4f7133c3d7314ef76131ec6e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9159/file/medium-b72ac66aaa66cf9900b4dd88ed99cd48.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9159/file/large-fdaceb3e57069044dd970622dbc0f770.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9159/file/medium-b72ac66aaa66cf9900b4dd88ed99cd48.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">MORGA</p>
          <a href="/products/morga-leinmehl-bio-gf-300-g-18610">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Leinmehl Bio gf, 300 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 2.07 / 100 g
            </p>
        </div>
      </div>

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-malzextrakt-aus-gerste-konv-250-g-18611">
          <img alt="Morga Malzextrakt aus Gerste konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9665/file/small-93a67c8286a87889cae3369333dfa50b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9665/file/medium-de6519b705fc400e32d3c1fe7e59497a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9665/file/large-a948288c3df642f2374c4d3bb8bb507e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9665/file/medium-de6519b705fc400e32d3c1fe7e59497a.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">MORGA</p>
          <a href="/products/morga-malzextrakt-aus-gerste-konv-250-g-18611">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Malzextrakt aus Gerste konv, 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-18611-card">
        

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-mandelmehl-konv-gf-500-g-18612">
          <img alt="Morga Mandelmehl konv gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9158/file/small-59f995bdbd039e0ad0ecee545f800bf2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9158/file/medium-fc195e45e68dae945a5ae1f25baeead2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9158/file/large-e5b48f2e418c63ebea49c4a0a1c6c594.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9158/file/medium-fc195e45e68dae945a5ae1f25baeead2.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">MORGA</p>
          <a href="/products/morga-mandelmehl-konv-gf-500-g-18612">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Mandelmehl konv gf, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JtgPVlaHcb_VbsURNXQo7o5zn_f17OAkat3CzzfY-7DNpA1vDz6-jtS145l9B0JcWkS1x7-9zgn9hvaQwVBoMg" />
    <input value="18612" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D57">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-meersalz-fein-konv-750-g-18613">
          <img alt="Morga Meersalz fein konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9667/file/small-3e6a5977ae4934e1e50a5e8dddc67d09.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9667/file/medium-a008028997a1200a151b9d9e33380611.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9667/file/large-2a084a107f2224a30185370baa6aaf6f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9667/file/medium-a008028997a1200a151b9d9e33380611.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">MORGA</p>
          <a href="/products/morga-meersalz-fein-konv-750-g-18613">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Meersalz fein konv, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-mousse-stracciatella-konv-110-g-18614">
          <img alt="Morga Mousse Stracciatella konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9666/file/small-0573b25befc2b91bb36f3cd37f9cfd3f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9666/file/medium-587924e07f3e2fee163af3308526664c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9666/file/large-3b3a63deec7953b89a4a18fe7e91d1fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9666/file/medium-587924e07f3e2fee163af3308526664c.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">MORGA</p>
          <a href="/products/morga-mousse-stracciatella-konv-110-g-18614">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Mousse Stracciatella konv, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-muesli-vollwertmischung-demeter-500-g-18615">
          <img alt="Morga Müesli Vollwertmischung Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9670/file/small-397ae2e57a87cf095a7977f5f3d5205a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9670/file/medium-81093e26911a1005195ff62b2fd22679.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9670/file/large-cbba8a17aabebe5542edb15cae2b5810.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9670/file/medium-81093e26911a1005195ff62b2fd22679.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">MORGA</p>
          <a href="/products/morga-muesli-vollwertmischung-demeter-500-g-18615">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Müesli Vollwertmischung Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="roPAnMIVw3vGo16Me1BOMLkUBe8cPPlCEArbfY-cR-xF_8Klm6wMSsd4eAQzIySCbSMv31Zt12-HUe8ieRTUbg" />
    <input value="18615" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D57">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-panna-cotta-biok-65-g-18616">
          <img alt="Morga Panna Cotta BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9671/file/small-1afc1179eb9ec1f740c540a52633ba56.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9671/file/medium-af49f6addc5c4371bcc79827b9b74ca4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9671/file/large-026315963c75de353ad9b50c1b0ffb84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9671/file/medium-af49f6addc5c4371bcc79827b9b74ca4.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">MORGA</p>
          <a href="/products/morga-panna-cotta-biok-65-g-18616">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Panna Cotta BioK, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-plantarom-streuwurze-beutel-konv-80-g-18617">
          <img alt="Morga Plantarom Streuwürze Beutel konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9672/file/small-b207d518b1c4b53746295528653f8c2b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9672/file/medium-084fef06c69e6defdd0f56199addb5a6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9672/file/large-895d2438ff0074c78b957a64f4bcf092.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9672/file/medium-084fef06c69e6defdd0f56199addb5a6.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">MORGA</p>
          <a href="/products/morga-plantarom-streuwurze-beutel-konv-80-g-18617">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Plantarom Streuwürze Beutel konv, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-pudding-chocolat-biok-75-g-18618">
          <img alt="Morga Pudding Chocolat BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9674/file/small-2a652d1b64d36fa458fcb1469f4a4e66.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9674/file/medium-229434e1e05da3a39d6abd19aeb473b4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9674/file/large-4abb611a26a279747c380edc6e5cac29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9674/file/medium-229434e1e05da3a39d6abd19aeb473b4.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">MORGA</p>
          <a href="/products/morga-pudding-chocolat-biok-75-g-18618">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Pudding Chocolat BioK, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-pudding-vanille-konv-85-g-18619">
          <img alt="Morga Pudding Vanille konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9676/file/small-5cc2b450b3925ff0056a0370d6f8570b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9676/file/medium-43b947e8087b8d8139fb569cd2bb70f7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9676/file/large-f78cfb05b41d41874103a7b6bcbf933a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9676/file/medium-43b947e8087b8d8139fb569cd2bb70f7.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">MORGA</p>
          <a href="/products/morga-pudding-vanille-konv-85-g-18619">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Pudding Vanille konv, 85 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 4.47 / 100 g
            </p>
        </div>
      </div>

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-pudding-vanille-curcuma-biok-60-g-18620">
          <img alt="Morga Pudding Vanille-Curcuma BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9673/file/small-5503df38c1fae40872240fdbf804da29.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9673/file/medium-33f79c2b65b3fa9997377b24cd09997e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9673/file/large-e390ee1bb330d04811234f9e416e921c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9673/file/medium-33f79c2b65b3fa9997377b24cd09997e.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">MORGA</p>
          <a href="/products/morga-pudding-vanille-curcuma-biok-60-g-18620">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Pudding Vanille-Curcuma BioK, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kHmwgXpLp42_5vm-HxpLN-25uEuBD-XWLzVP9qhlqAl7BbK4I_JovL493zZXaSGFOY6Se8tey_u4bnupXu07iw" />
    <input value="18620" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D57">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-roggen-demeter-500-g-18621">
          <img alt="Morga Roggen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9641/file/small-7b887d5e5e1b618f6d417502d2446976.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9641/file/medium-bffd71368e50154be8cce7c0ae9ad3c5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9641/file/large-8617f48233a730f4f1b25f311958ebbe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9641/file/medium-bffd71368e50154be8cce7c0ae9ad3c5.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">MORGA</p>
          <a href="/products/morga-roggen-demeter-500-g-18621">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Roggen Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HlubEI989KtFgt0ArZIsHNmCIpmcHjL7x6sF7-s9OMb1J5kp1sU7mkRZ-4jl4UauDbUIqdZPHNZQ8DGwHbWrRA" />
    <input value="18621" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D57">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-rohrohrzucker-750-g-18622">
          <img alt="Morga Rohrohrzucker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9635/file/small-39ee6e6d350a1382c954b7647d13825c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9635/file/medium-f3bd10cc0ff6321285be4402e96af376.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9635/file/large-90d1f7c4e62d513de768c8ee95ce0f1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9635/file/medium-f3bd10cc0ff6321285be4402e96af376.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">MORGA</p>
          <a href="/products/morga-rohrohrzucker-750-g-18622">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Rohrohrzucker, 750 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 0.97 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0VqqGIHgc_BATD1JUSzKNXIXR4eVU-ZO8FzaFU2aU0E6Jqgh2Fm8wUGXG8EZX6CHpiBtt98CyGNnB-5KuxLAww" />
    <input value="18622" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-salatkrauter-gefriergetrocknet-konv-25-g-18623">
          <img alt="Morga Salatkräuter gefriergetrocknet konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9675/file/small-bd04567a4dd73a3fa9d24544c587a92e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9675/file/medium-c50e9669826794d6d7b4dcba1d43efec.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9675/file/large-22bba964f1ff82febc22195819a77f65.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9675/file/medium-c50e9669826794d6d7b4dcba1d43efec.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">MORGA</p>
          <a href="/products/morga-salatkrauter-gefriergetrocknet-konv-25-g-18623">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Salatkräuter gefriergetrocknet konv, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9yXhuILqAXQETeUGmEewz2FxIz-zL1MhrZv3gtbE_EMcWeOB21PORQWWw47QNNp9tUYJD_l-fQw6wMPdIExvwQ" />
    <input value="18623" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D57">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-sauce-braun-biok-gf-200-g-18624">
          <img alt="Morga Sauce braun BioK gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10949/file/small-fb8a6634d3943c52c0b3d85203945461.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10949/file/medium-3b72e28fea763505d1bfb60dd1ddcfac.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10949/file/large-88ce9d19165625bdc1194729d7862972.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10949/file/medium-3b72e28fea763505d1bfb60dd1ddcfac.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">MORGA</p>
          <a href="/products/morga-sauce-braun-biok-gf-200-g-18624">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Sauce braun BioK gf, 200 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.80 / 100 g
            </p>
        </div>
      </div>

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-sesamol-bio-150-ml-18625">
          <img alt="Morga Sesamöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9669/file/small-117cee99e8046e4371c9190f085353b7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9669/file/medium-06ac8d9bc43389f6c6c83764e35dfdd2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9669/file/large-a65c79771e545591b4bc8e9d734562c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9669/file/medium-06ac8d9bc43389f6c6c83764e35dfdd2.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">MORGA</p>
          <a href="/products/morga-sesamol-bio-150-ml-18625">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Sesamöl Bio, 150 ml</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 5.27 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pQkbAqfvHJYLwcbTM8Ad-JYbkwGjY6dnxu_yu72fyxxOdRk7_lbTpwoa4Ft7s3dKQiy5MekyiUpRtMbkSxdYng" />
    <input value="18625" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/morga-sesamol-bio-500-ml-18626">
          <img alt="Morga Sesamöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9668/file/small-f0e3005d07adb7388bf42212c3617117.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9668/file/medium-ce86d4665fd995237f0e6fc0b210f812.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9668/file/large-0fd18876e829afb1de3a9c7b3b43660d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9668/file/medium-ce86d4665fd995237f0e6fc0b210f812.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">MORGA</p>
          <a href="/products/morga-sesamol-bio-500-ml-18626">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Sesamöl Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a-7hWy2uIe93Ktj2sOTEqpUNwVjNem46cDpifxYlwaCAkuNidBfu3nbx_n74l64YQTrraIcrQBfnYVYg4K1SIg" />
    <input value="18626" 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">
      1&#39;140 von 3&#39;034 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/products?format=turbo_stream&amp;page=58">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>