<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%3D55">
    <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-aceto-balsamico-bianco-bio-500-ml-18567">
          <img alt="Morga Aceto Balsamico Bianco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9642/file/small-98fd964fa01c3cf8726c5c9d24609def.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9642/file/medium-a73bbaead91f0b5f93956c673391716b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9642/file/large-34d984f51c70f7f0945dc891bdc0fd8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9642/file/medium-a73bbaead91f0b5f93956c673391716b.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-aceto-balsamico-bianco-bio-500-ml-18567">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Aceto Balsamico Bianco Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hikupsN8CNLHSQouDwa5FOPbw6e8aJMNVO5cN_ODTQ5vHY2LDE9Sv0voepqIYtKhxyFZcM4syZ94fqlzo5DOlw" />
    <input value="18567" 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%3D55">
    <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-aceto-balsamico-di-modena-bio-500-ml-18568">
          <img alt="Morga Aceto Balsamico di Modena Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9148/file/small-7549b1d34d295453f891b312319ca410.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9148/file/medium-dfd9feb4c9f77e95dd18092202a8e9c5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9148/file/large-c295a02df0f38ad1019bf6c25b87a922.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9148/file/medium-dfd9feb4c9f77e95dd18092202a8e9c5.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-aceto-balsamico-di-modena-bio-500-ml-18568">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Aceto Balsamico di Modena Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qUqT7dQLNBu_Gdk6FExzfT6L2Vo8pf7sRHCC_mTLpllAfjDAGzhudjO4qY6TKBjIGnFDjU7hpH5o4He6NNglwA" />
    <input value="18568" 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%3D55">
    <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-agar-agar-konv-10-g-18569">
          <img alt="Morga Agar Agar konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9149/file/small-6e9de1c4f1648a9c562063aca2b41455.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9149/file/medium-5a5e23966d5bde65d5214c4ecd4b2098.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9149/file/large-857513eb0fb257323c5196b5ade5e418.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9149/file/medium-5a5e23966d5bde65d5214c4ecd4b2098.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-agar-agar-konv-10-g-18569">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Agar Agar konv, 10 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 22.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i3xWyinHeyk32ByHCoAr3l1FnyPf-Cp63vsPikfRiqtiSPXn5vQhRLt5bDON5EBreb8F9K28cOjya_rOF8IJMg" />
    <input value="18569" 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%3D55">
    <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-amaranth-bio-500-g-18570">
          <img alt="Morga Amaranth Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9150/file/small-ceed0fdd8ea2dd08097e9cd63de85e9b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9150/file/medium-e859ba5f8182b72ef37b7237bd9eb9ce.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9150/file/large-85c997c4031371e1e1537df9a608f3ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9150/file/medium-e859ba5f8182b72ef37b7237bd9eb9ce.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-amaranth-bio-500-g-18570">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Amaranth Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l3cNEDyZ-k_2x9HvG9XLJEPpiAr0afBFTJgS71lS2u1-Q64986qgInpmoVucsaCRZxMS3YYtqtdgCOerCUFZdA" />
    <input value="18570" 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%3D55">
    <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-arodor-streuwurze-beutel-biok-80-g-18571">
          <img alt="Morga Arodor Streuwürze Beutel BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9643/file/small-455c974359ce8a6b86de8d48ecd394c9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9643/file/medium-2bcde7b5bd0fffbcfb40ac71558043da.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9643/file/large-0bb078e2ab616007f53557f1e1b62882.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9643/file/medium-2bcde7b5bd0fffbcfb40ac71558043da.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-arodor-streuwurze-beutel-biok-80-g-18571">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Arodor Streuwürze Beutel BioK, 80 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 4.88 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EDnGkl8caABD-KototHHsBvD3piMJH3CMH-PTl6s8Z_5DWW_kC8ybc9Z2pkltawFPzlET_5gJ1Ac73oKDr9yBg" />
    <input value="18571" 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%3D55">
    <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-backpulver-ohne-phosphat-konv-200-g-18572">
          <img alt="Morga Backpulver ohne Phosphat konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9644/file/small-e21497453ad348d2c8b4f8886e48e1c9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9644/file/medium-0934585cd25f63ab09f5290532f5a9e3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9644/file/large-f2923496a53aafd31eea8a42e84eda56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9644/file/medium-0934585cd25f63ab09f5290532f5a9e3.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-backpulver-ohne-phosphat-konv-200-g-18572">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Backpulver ohne Phosphat konv, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R189QDSiJnrqGX3rLkjsTqUxQNlzl7jnk6pmcW178Oaua55t-5F8F2a4DV-pLIf7gcvaDgHT4nW_OpM1PWhzfw" />
    <input value="18572" 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%3D55">
    <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-backpulver-ohne-phosphat-konv-22-g-18573">
          <img alt="Morga Backpulver ohne Phosphat konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9151/file/small-673b7c92af908750302c3e286875fa22.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9151/file/medium-efcb8637b565245c70aa963cba85b1bb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9151/file/large-58a3a4b7ca731983368a557a4fd16c28.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9151/file/medium-efcb8637b565245c70aa963cba85b1bb.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-backpulver-ohne-phosphat-konv-22-g-18573">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Backpulver ohne Phosphat konv, 22 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sQlSqrT0Alpx4TDmVco-kjHx_fxFLDl1n_RMy67BBHZYPfGHe8dYN_1AQFLSrlUnFQtnKzdoY-ezZLmP_tKH7w" />
    <input value="18573" 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%3D55">
    <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-biona-apfelessig-4-5-pet-1-l-18574">
          <img alt="Morga Biona Apfelessig 4.5% PET" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9645/file/small-876b3ca33422c0a9db99f54be12c4d13.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9645/file/medium-236f54bacc73d72f20653394f0a06a89.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9645/file/large-4b06eae8ce862dab2ea33c7a39516f25.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9645/file/medium-236f54bacc73d72f20653394f0a06a89.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-biona-apfelessig-4-5-pet-1-l-18574">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Biona Apfelessig 4.5% PET, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-heb4Whl7bugNjGO0-cGWCvHkKmZFSWusKTizk6quO4TIzjMp1a31iyXQTpUg23tDz0KfutRfzycNBeKHrk7dw" />
    <input value="18574" 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%3D55">
    <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-birnel-birnen-dicksaft-biok-500-g-18575">
          <img alt="Morga Birnel Birnen-Dicksaft BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9638/file/small-24d88bf1a8a9d6a50bda02d9a9eeaf5e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9638/file/medium-263e33496cab3343c012ebe836084559.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9638/file/large-1013f7771b0ad81d10bf369c8860da6c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9638/file/medium-263e33496cab3343c012ebe836084559.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-birnel-birnen-dicksaft-biok-500-g-18575">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Birnel Birnen-Dicksaft BioK, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S_6rdLAL9nPJ0w56y5RaKJ2Wfkd8gZKhQiBw1NBWkwWiyghZfzisHkVyfs5M8DGduWzkkA7FyDNusIWQgEUQnA" />
    <input value="18575" 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%3D55">
    <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-blutenpollen-450-g-18576">
          <img alt="Morga Blütenpollen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9646/file/small-a96ca126749b5d330755b76f484ac263.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9646/file/medium-605c65ffed3cb63c094491cd9276c463.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9646/file/large-3106f7a800d2961af671176db5c61726.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9646/file/medium-605c65ffed3cb63c094491cd9276c463.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-blutenpollen-450-g-18576">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Blütenpollen, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7Pk6f5mMUKAJ410N9oBdI3Yp_8fXgMc572QFwd_PsnoFzZlSVr8KzYVCLblx5DaWUtNlEKXEnavD9PCFj9wx4w" />
    <input value="18576" 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%3D55">
    <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-caramelkopfli-konv-160-g-18577">
          <img alt="Morga Caramelköpfli konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9647/file/small-a0710a145f194bc3ca42d5ccddf2346d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9647/file/medium-392066ee101f677b27e6c14bf29a0ed6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9647/file/large-9099def23e7e9e5b9a4127773e85ffc6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9647/file/medium-392066ee101f677b27e6c14bf29a0ed6.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-caramelkopfli-konv-160-g-18577">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Caramelköpfli konv, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Elww85txh4zKpJQq_YFF30DMJHqHV8uqf_s6BL50DGL7aJPeVELd4UYF5J565S5qZDa-rfUTkThTa89A7meP-w" />
    <input value="18577" 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%3D55">
    <i data-ph="heart" class="size-full"></i>
</a>
    

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

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kVnR9UD2G2pzxYbyu49N2f9R9TiRjxsL0tuY3KR5hSR4bXLYj8VBB_9k9kY86yZs26tv7-PLQZn-S22Y9GoGvQ" />
    <input value="18578" 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%3D55">
    <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-creme-chocolat-konv-85-g-18579">
          <img alt="Morga Crème Chocolat konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9651/file/small-ed3f0dd082b7bbb7871431caf39d9d8b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9651/file/medium-ed69250ba777285d22e428fa2edd0899.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9651/file/large-b9d71e708e8239b500afbee747c9853e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9651/file/medium-ed69250ba777285d22e428fa2edd0899.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-creme-chocolat-konv-85-g-18579">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Crème Chocolat konv, 85 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 4.59 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-qjK-RP5-AqM1gpXOdBpMdcYO8-dXUoYSVJqgXLbc9MTnGnU3MqiZwB3euO-tAKE8-KhGO8ZEIplwp_FIsjwSg" />
    <input value="18579" 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%3D55">
    <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-creme-chocolat-biok-90-g-18580">
          <img alt="Morga Crème 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/9634/file/small-300ff8f8e93f4b79bd5d34c8b6e3d472.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9634/file/medium-1a99e55dd4e5ddbf8b740d6b6694e671.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9634/file/large-8bf64c7f20018f300dc771863359dfc1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9634/file/medium-1a99e55dd4e5ddbf8b740d6b6694e671.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-creme-chocolat-biok-90-g-18580">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Crème Chocolat BioK, 90 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 3.61 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CNhIk8UcXcTFba--7KLE75ngKCXg9X9TkuMKxstzLbHh7Ou-Ci8HqUnM3wprxq9avRqy8pKxJcG-c_-Cm2CuKA" />
    <input value="18580" 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%3D55">
    <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-creme-gebrannt-konv-90-g-18581">
          <img alt="Morga Crème gebrannt konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9649/file/small-d1204edbd1f51742e3ec635257a072fd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9649/file/medium-3b5f38d663c858a5d5fb59689d54bac6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9649/file/large-3e913e55652beeadd52659d5394a6ffe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9649/file/medium-3b5f38d663c858a5d5fb59689d54bac6.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-creme-gebrannt-konv-90-g-18581">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Crème gebrannt konv, 90 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 4.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LADxBexhUH5NSc828TaTUixBRAmgtKJiXuU0xK-4qhrFNFIoI1IKE8Hov4J2UvjnCLve3tLw-PBydcGA_6spgw" />
    <input value="18581" 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%3D55">
    <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-creme-vanille-konv-70-g-18582">
          <img alt="Morga Crème 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/9650/file/small-b02af197c1b7b5c91df2a816dee6e8d1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9650/file/medium-f86eab00d88651fd56eb4c05ff464b74.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9650/file/large-6d2873f9cbb59900aa81589279df1949.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9650/file/medium-f86eab00d88651fd56eb4c05ff464b74.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-creme-vanille-konv-70-g-18582">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Crème Vanille konv, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IG9mG42Mi3e4fuJpbbarX-pxMuBA8k5pb6e8_taQjZ_JW8U2Qr_RGjTfkt3q0sDqzouoNzK2FPtDN0m6hoMOBg" />
    <input value="18582" 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%3D55">
    <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-creme-vanille-curcuma-biok-70-g-18583">
          <img alt="Morga Crème 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/9652/file/small-9e9484c989622a0db0d2264f0bf86d13.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9652/file/medium-d5a03ac69e324e0f09784facccb7a0d4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9652/file/large-ed32103120838482f218661d0781dbc3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9652/file/medium-d5a03ac69e324e0f09784facccb7a0d4.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-creme-vanille-curcuma-biok-70-g-18583">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Crème Vanille-Curcuma BioK, 70 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.64 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PW0kXr55L2jPHCZo1O_gyidCiwl3KDUztGi8ovyzbebUWYdzcUp1BUO9VtxTi4t_A7gR3gVsb6GY-EnmrKDufw" />
    <input value="18583" 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%3D55">
    <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-dattelsusse-bio-300-g-18584">
          <img alt="Morga Dattelsüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9653/file/small-587db1cc601fdfb0fa514f4217614de4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9653/file/medium-1a688624933acd5bd63906eaf0334ca7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9653/file/large-d55bd859039d8e0aa9a13b8aff5686aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9653/file/medium-1a688624933acd5bd63906eaf0334ca7.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-dattelsusse-bio-300-g-18584">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Dattelsüsse Bio, 300 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 2.53 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="REhHHKk1I5oKTIvAoGzLat6d55FSmLhTkR4XeWBDzkatfOQxZgZ594bt-3QnCKDf-md9RiDc4sG9juI9MFBN3w" />
    <input value="18584" 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%3D55">
    <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-dattgold-dattelextrakt-glas-konv-450-g-18585">
          <img alt="Morga Dattgold Dattelextrakt Glas konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9631/file/small-cbc88f53df21966a0f3bbea9997c254f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9631/file/medium-fb9d886fdc416de87f0c6ebcf186613d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9631/file/large-1d1f48334cbf82f2e4c3596fbd40cada.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9631/file/medium-fb9d886fdc416de87f0c6ebcf186613d.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-dattgold-dattelextrakt-glas-konv-450-g-18585">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Dattgold Dattelextrakt Glas konv, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y9qBe9s2RTh2up5MIWkJU7JMMOv2lAWBXHw5jiLTh9iK7iJWFAUfVfob7vimDWLmlraqPITQXxNw7MzKcsAEQQ" />
    <input value="18585" 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%3D55">
    <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-flohsamenschalen-gemahlen-bio-gf-350-g-18586">
          <img alt="Morga Flohsamenschalen gemahlen 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/9655/file/small-85a88260cd4d1323af00d59ac72aad15.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9655/file/medium-447c869fd5ed24d2c8b5d2c705bf41a2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9655/file/large-0f5ac68954882f3a69d6233810bb05e3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9655/file/medium-447c869fd5ed24d2c8b5d2c705bf41a2.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-flohsamenschalen-gemahlen-bio-gf-350-g-18586">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Flohsamenschalen gemahlen Bio gf, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.30
            </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-18586-card">
        

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

</template></turbo-stream>