<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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D21">
    <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-hafer-demeter-500-g-18598">
          <img alt="Morga Hafer Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9640/file/small-d5c83bfdd9434d8653ea6a9d06bd839c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9640/file/medium-1549655fb6198b80b6a7eed378af7a03.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9640/file/large-9d5cf4980e091ec5f8f608fef7ed6fcb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9640/file/medium-1549655fb6198b80b6a7eed378af7a03.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-hafer-demeter-500-g-18598">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Hafer Demeter, 500 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 0.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aQErQxce4aH2yF4Pn1bVfj_QPJgBs12BPzPYsdpHwBsFK_P2YaTLRCkAS4DoB5-hkkdTl8d3Q-ZBwasD99nbSg" />
    <input value="18598" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D21">
    <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-hafergrutze-demeter-500-g-18599">
          <img alt="Morga Hafergrütze Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10347/file/small-3f279948814b39ac30a63b1706f87795.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10347/file/medium-114287ef00724f40a6b1ade7aabcae45.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10347/file/large-58d564684d214063740605783e0cc33d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10347/file/medium-114287ef00724f40a6b1ade7aabcae45.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-hafergrutze-demeter-500-g-18599">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Hafergrütze Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a9Ws-R-wG70qbfU1AeyI4zAK0by-Ggjnyf-Gstt5Y6kH_3RMaQoxWPWl4Lp2vcI8nZ2-s3jeFoC3DfUA9ud4-A" />
    <input value="18599" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D21">
    <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="jb-Ayx4LysTfD2h3_bNZjeQOpL4tBqjxCX2B6FRcMyjhlVh-aLHgIQDHffiK4hNSSZnLsevCtpZ3j_JaecIoeQ" />
    <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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D21">
    <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="ir0mf1WqeU90s38wHzBjRWgQKz90XXbCIxn4bRRjnl7ml_7KIxBTqqt7ar9oYSmaxYdEMLKZaKVd64vfOf2FDw" />
    <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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D21">
    <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="MXDbIeq_yQ3Ps0I4HkpNwWlDQc4x0KdAC44AullLyXtdWgOUnAXj6BB7V7dpGwcexNQuwfcUuSd1fHMIdNXSKg" />
    <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  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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D21">
    <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="9W4oXt2OR7JNDs7hX8VWluGpm-GhRawmr9AoZC8jpOaZRPDrqzRtV5LG224olBxJTD707meBskHRIlvWAr2_tw" />
    <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 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D21">
    <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="45bh343vFVNy5m0zoddd8SlLymbKRRjug0vISOToygKPvDlq-1U_tq0ueLzWhhcuhNylaQyBBon9ubv6yXbRUw" />
    <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  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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D21">
    <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="wsebuMoLUt-POQYIx0GqfyzGg23cdz4Nrruomel8xPOu7UMNvLF4OlDxE4ewEOCggVHsYhqzIGrQSdsrxOLfog" />
    <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 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D21">
    <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="e4nNgcDiqUYOAQft3WwHlW3nHPgtIzjrF2MFyfFA838XoxU0tliDo9HJEmKqPU1KwHBz9-vnJoxpkXZ73N7oLg" />
    <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  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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D21">
    <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="MmKgNxsUvTOkXYh8A595W2HIdw25SKp_n5jlNIRvRSdeSHiCba6X1nuVnfN0zjOEzF8YAn-MtBjhapaGqfFedg" />
    <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 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D21">
    <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-soja-nudeln-breit-biok-250-g-18627">
          <img alt="Morga Soja Nudeln breit BioK" 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-00bd26894f160f335fab0a7597468388.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9160/file/medium-1b3d665da6a966f8ff16eb15c44fce38.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9160/file/large-f2816f84497a84c40c0468a1a85ad42a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9160/file/medium-1b3d665da6a966f8ff16eb15c44fce38.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-soja-nudeln-breit-biok-250-g-18627">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Soja Nudeln breit BioK, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9jN4Ct81-sIyZUCnxOIUvl6Eqpnp4BEWrfTh4ZbqdR2aGaC_qY_QJ-2tVSizs15h8xPFli8kD3HTBpJTu3RuTA" />
    <input value="18627" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D21">
    <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-sojawurfel-klare-suppe-25-stuck-18630">
          <img alt="Morga Sojawürfel Klare Suppe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9677/file/small-e32d357d072c87fa8a283c70db576637.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9677/file/medium-6e1ad7de66962bff965c6091cb81b349.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9677/file/large-9016c5b8760b26eeddf27b52ef878733.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9677/file/medium-6e1ad7de66962bff965c6091cb81b349.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-sojawurfel-klare-suppe-25-stuck-18630">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Sojawürfel Klare Suppe, 25 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vj1IeHEVixoRyPsJoJp0O5pic3C_97PHn3O9nGXc3w_SF5DNB6-h_84A7obXyz7kN_Ucf3kzraDhgc4uSELEXg" />
    <input value="18630" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D21">
    <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-speise-meersalz-grob-konv-750-g-18632">
          <img alt="Morga Speise Meersalz grob konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9678/file/small-ac7111d7f7e0b1cb9851718e61a2756b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9678/file/medium-cb1ec7c5dea00d0132fd70e0371a7628.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9678/file/large-607e8f13885f806b75551a95c48a51dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9678/file/medium-cb1ec7c5dea00d0132fd70e0371a7628.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-speise-meersalz-grob-konv-750-g-18632">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Speise Meersalz grob konv, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3kicortDsAWfGO-mE94nrqfRqXRiYZOWHD_Oav8tw3yyYkQXzfma4EDQ-ilkj21xCkbGe6SljfFizb3Y0rPYLQ" />
    <input value="18632" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D21">
    <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-streuwurze-plantarom-dose-konv-80-g-18633">
          <img alt="Morga Streuwürze Plantarom Dose konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9679/file/small-b510e4b934f5adf1eba0dd762fada23a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9679/file/medium-0559f700b85301320baea7724790e1e9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9679/file/large-cfc53433ef50a733b1669ad19cd20886.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9679/file/medium-0559f700b85301320baea7724790e1e9.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-streuwurze-plantarom-dose-konv-80-g-18633">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Streuwürze Plantarom Dose konv, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SBOMRJ7Xzht0yCDXvOfrlCj2t8eZCY8c7x94gqxQ8SEkOVTx6G3k_qsANVjLtqFLhWHYyF_NkXuR7Qswgc7qcA" />
    <input value="18633" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D21">
    <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-suppe-hafercreme-biok-65-g-18634">
          <img alt="Morga Suppe Hafercrème BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9680/file/small-8459b1f1a1835783c9cecf2d07943d84.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9680/file/medium-f84342183c9a5b508bcd15573d2d25a9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9680/file/large-e11406d5f03d17d65b8eb8ab407af9fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9680/file/medium-f84342183c9a5b508bcd15573d2d25a9.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-suppe-hafercreme-biok-65-g-18634">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Suppe Hafercrème BioK, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1-AvvEHgd1is0jbsC5w8TP5n578BRW5CMGblUyyHSVS7yvcJN1pdvXMaI2N8zXaTU_CIsMeBcCVOlJbhARlSBQ" />
    <input value="18634" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D21">
    <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-weizen-demeter-500-g-18637">
          <img alt="Morga Weizen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9639/file/small-ab3a20b0bcef09957b7b1b82b7851eea.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9639/file/medium-3f1a2578424eb3cda3e81b84740c8f1d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9639/file/large-ae83f16e9ff2081acc938bf5cd5ba626.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9639/file/medium-3f1a2578424eb3cda3e81b84740c8f1d.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-weizen-demeter-500-g-18637">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Weizen Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="exnKw9fkB7b8L5HP92Bqfgoo_3LmhdJGT-aiYF1iTsYXMxJ2oV4tUyPnhECAMSChp7-QfSBBzCExFNHScPxVlw" />
    <input value="18637" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D21">
    <i data-ph="heart" class="size-full"></i>
</a>
    

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

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GUbCGiU87KDlgf-9erCaZT8bkiEPYqw5BGiDEuFTF0p1bBqvU4bGRTpJ6jIN4dC6koz9Lsmmsl56mvCgzM0MGw" />
    <input value="18639" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D21">
    <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/muso-algengewurz-ao-nori-konv-20-g-18644">
          <img alt="Muso Algengewürz Ao Nori konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11239/file/small-b7b2a526aaac967f4177f8ef4d3a5084.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11239/file/medium-c0e7afc2fd235dcb4bce34f09b66502d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11239/file/large-12ad49cde395990cb181b2ef4a293148.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11239/file/medium-c0e7afc2fd235dcb4bce34f09b66502d.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">Muso</p>
          <a href="/products/muso-algengewurz-ao-nori-konv-20-g-18644">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Muso Algengewürz Ao Nori konv, 20 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 19.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PDP7BVOZ_lgT0iWOr3FIgpnY2WC9Yi3D8iQKAGhn4PtQGSOwJSPUvcwaMAHYIAJdNE-2b3umM6SM1nmyRfn7qg" />
    <input value="18644" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D21">
    <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/muso-cracker-tamari-vollreis-konv-65-g-18646">
          <img alt="Muso Cracker Tamari Vollreis konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11240/file/small-fbb267eac87e4a5f2ef2fecde88022dd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11240/file/medium-6cb0dfaf322c5cda7d3dc4eaf4d26d9d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11240/file/large-9c830009628fa23f2df1e7bd2a99a7fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11240/file/medium-6cb0dfaf322c5cda7d3dc4eaf4d26d9d.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">Muso</p>
          <a href="/products/muso-cracker-tamari-vollreis-konv-65-g-18646">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Muso Cracker Tamari Vollreis konv, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lvqLxyCI9rhdFF3_JrhzsR4vt11531HSJAUSWteYq0X60FNyVjLcXYLcSHBR6Tlus7jYUr8bT7Va92Ho-gawFA" />
    <input value="18646" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D21">
    <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/muso-ingwer-pickles-konv-60-g-18648">
          <img alt="Muso Ingwer Pickles konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10016/file/small-843e15e231d14d55b595c832d172d075.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10016/file/medium-9f4c84d60b6ce9b7729957b6a4f6fccc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10016/file/large-fbd5cae5d35e05d07ca59110920b7aeb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10016/file/medium-9f4c84d60b6ce9b7729957b6a4f6fccc.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">Muso</p>
          <a href="/products/muso-ingwer-pickles-konv-60-g-18648">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Muso Ingwer Pickles konv, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1u6raRuCh2k9IJREKHm9tTrcCrnWg95WkRfRjSM2OXC6xHPcbTitjOLogctfKPdql0tlthBHwDHv5aI_DqgiIQ" />
    <input value="18648" 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">
      420 von 726 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/collections/under-5?format=turbo_stream&amp;page=22">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>