<turbo-stream action="append" target="products_grid"><template>
    

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D39">
    <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/meier-beck-dinkel-zwetschgen-tonkabrot-konv-320-g-18557">
          <img alt="Meier-beck Dinkel Zwetschgen Tonkabrot konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10611/file/small-7fef6ee66b94824132657edfcb660a4f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10611/file/medium-36493f646bd7168f0df3a03d8fceedfe.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10611/file/large-bde555701fd0249d0fb404449aa49ef7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10611/file/medium-36493f646bd7168f0df3a03d8fceedfe.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">Meier-beck</p>
          <a href="/products/meier-beck-dinkel-zwetschgen-tonkabrot-konv-320-g-18557">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Meier-beck Dinkel Zwetschgen Tonkabrot konv, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D39">
    <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/meier-beck-marronikuchen-im-glas-bio-gf-200-g-18558">
          <img alt="Meier-beck Marronikuchen im Glas 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/10302/file/small-2b4809e126c8c817e1ea00d24a5adc69.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10302/file/medium-42fde3769a4e4e18483617446e8ae641.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10302/file/large-74a7308e09847f77f2cb7e20adf9ecfb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10302/file/medium-42fde3769a4e4e18483617446e8ae641.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">Meier-beck</p>
          <a href="/products/meier-beck-marronikuchen-im-glas-bio-gf-200-g-18558">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Meier-beck Marronikuchen im Glas Bio gf, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lkO8TOshtdYUViO0bOR8T50qiPpaG33qWHmD-tHXfcVm9D9s2Xey-JRHlSVPVilGUXDEzEF7iEWXz7cm4JDxMQ" />
    <input value="18558" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D39">
    <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/meie-beck-nusstorte-1-8-konv-gf-120-g-18559">
          <img alt="Meie-beck Nusstorte 1/8 konv gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10232/file/small-6cf144fce6246d0b4ed994f960126cd0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10232/file/medium-7d4144bf10e00f001b22b5eb8de6b49d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10232/file/large-665bcdaf54f820da8d751a279319d8ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10232/file/medium-7d4144bf10e00f001b22b5eb8de6b49d.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">Meier-beck</p>
          <a href="/products/meie-beck-nusstorte-1-8-konv-gf-120-g-18559">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Meie-beck Nusstorte 1/8 konv gf, 120 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 6.25 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D39">
    <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/meier-beck-nusstorte-mit-bundner-baumnusse-nr-0-10cm-190g-bio-1-stuck-18560">
          <img alt="Meier-beck Nusstorte mit Bündner Baumnüsse Nr. 0 10cm 190g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10636/file/small-298c37db904cf4299672a3a9a2f6e78b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10636/file/medium-9c507b7a37fd41343e3358fd72429d18.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10636/file/large-7f9d3068adc4f850a5a42b402c82186a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10636/file/medium-9c507b7a37fd41343e3358fd72429d18.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">Meier-beck</p>
          <a href="/products/meier-beck-nusstorte-mit-bundner-baumnusse-nr-0-10cm-190g-bio-1-stuck-18560">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Meier-beck Nusstorte mit Bündner Baumnüsse Nr. 0 10cm 190g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.70
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D39">
    <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/mogli-quetschi-apfel-blaubeere-banane-demeter-120-g-18564">
          <img alt="Mogli Quetschi Apfel Blaubeere Banane Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10332/file/small-1bf9e1a05e62c7e23c8161d8361e5953.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10332/file/medium-d32aa5ff93d1796beb73022fd4b7a7f1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10332/file/large-ac97d443f3cbdc877c701568bd1bb1cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10332/file/medium-d32aa5ff93d1796beb73022fd4b7a7f1.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">Mogli</p>
          <a href="/products/mogli-quetschi-apfel-blaubeere-banane-demeter-120-g-18564">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mogli Quetschi Apfel Blaubeere Banane Demeter, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.60
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D39">
    <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/mogli-quetschi-apfel-erdbeere-banane-demeter-100-g-18565">
          <img alt="Mogli Quetschi Apfel Erdbeere Banane Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10201/file/small-fef335fd9fa211ddb0aa9957862c2afb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10201/file/medium-419d90fb3b0a76dba4556a164034547e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10201/file/large-0ae6609d08a792074a33f7fe0767b26e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10201/file/medium-419d90fb3b0a76dba4556a164034547e.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">Mogli</p>
          <a href="/products/mogli-quetschi-apfel-erdbeere-banane-demeter-100-g-18565">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mogli Quetschi Apfel Erdbeere Banane Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3b0v3ZZYnRB7vS6l6w0fMgYwWiOM8jceKg-uOymJgQMtCqz9pA6aPvusmDTIv0o7ymoWFZeSwrHluZrnGM4N9w" />
    <input value="18565" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D39">
    <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="Dxm2DRgvWxatl0eqF7r9Jq7sJjyz3J43CuZ5n96Tu9f_rjUtKnlcOC2G8Ts0CKgvYrZqCqi8a5jFUE1D79Q3Iw" />
    <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=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D39">
    <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="61IAmdvqNH03ulzcb_OHw1zHyx-_uSPTLMBy1Vn9ZFQb5YO56bwzU7er6k1MQdLKkJ2HKaTZ1nzjdkYJaLrooA" />
    <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=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D39">
    <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="h52L0GlXwB7HCcRWHx1sqOONBZd_UieAGClKmQ5_V0B3KgjwWwHHMEcYcsc8rzmhL9dJoWQy0i_Xn35FPzjbtA" />
    <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=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D39">
    <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="UYZK9OizOJQ5UqEdNcOUs57wpwJFTQikeCZl0dxYHBShMcnU2uU_urlDF4wWccG6UqrrNF4t_Qu3kFEN7R-Q4A" />
    <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=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D39">
    <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="unM_x8HtnW6FSGU1fTxQXVBgnkGms7ugMUf86W29-MxKxLzn87uaQAVZ06RejgVUnDrSd73TTg_-8cg1XPp0OA" />
    <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=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D39">
    <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="MgBNKMkBq5d1RsLaHD5Zw2uabv8o1MlsMO8EHKZzNn_Ct84I-1esufVXdEs_jAzKp8AiyTO0PMP_WTDAlzS6iw" />
    <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=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D39">
    <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="4MEu7gYmf4jVnHeCLwbwu31h3zt9n_bU-dJVVp7t54cQdq3ONHB4plWNwRMMtKWysTuTDWb_A3s2ZGGKr6prcw" />
    <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=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D39">
    <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="tfamORAkU06R-GkuH_GJOBctaswFqc887t8pB2oxtq5FQSUZInJUYBHp3788Q9wx23cm-h7JOpMhaR3bW3Y6Wg" />
    <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=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D39">
    <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="frGvc-ky8hOui2z1Kl4_srOmz-nNw14KMdsgMGxgkmaOBixT22T1PS6a2mQJ7Gq7f_yD39ajq6X-bRTsXScekg" />
    <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=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D39">
    <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="enLF7f0blMffeiDFWtRCrMhn6-ooIVdsexPnlVOm5BmKxUbNz02T6V9rllR5ZhelBD2n3DNBosO0pdNJYuFo7Q" />
    <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 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D39">
    <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="IjByLPTh01u5eMRD2qm3I4oCrHwRLCWfKwEtKCym-UzSh_EMxrfUdTlpctL5G-IqRljgSgpM0DDktxn0HeF1uA" />
    <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  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D39">
    <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="8FscA2eOcKpzN0uYWFw-F-VVHeC3xmrSWgZQzzIBu9IA7J8jVdh3hPMm_Ql77mseKQ9R1qymn32VsGQTA0Y3Jg" />
    <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 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D39">
    <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="V_Tlp0PSgqocrG7K4lNKK2SR6NKP0sTpdCVdkD8aLIanQ2aHcYSFhJy92FvB4R8iqMuk5JSyMUa7k2lMDl2gcg" />
    <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  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D39">
    <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="AeTQ6LhvlTqV0DJFVWnsusAgPbKjEQqgGojt6CxQ7JvxU1PIijmSFBXBhNR227mzDHpxhLhx_w_VPtk0HRdgbw" />
    <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>



</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">
      780 von 1&#39;583 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel?format=turbo_stream&amp;page=40">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>