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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/gemuse-bouillon-paste-400-g-18666">
          <img alt="Gemüse Bouillon Paste" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9238/file/small-94de9a4fa8174456f0529774c0cdf36a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9238/file/medium-2ee7a28334a74c856a6aae2c11ae9a75.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9238/file/large-42fec398e72b39099489e5ee237ca9c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9238/file/medium-2ee7a28334a74c856a6aae2c11ae9a75.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/gemuse-bouillon-paste-400-g-18666">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemüse Bouillon Paste, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.40
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/gemuse-bouillon-paste-go-clean-bio-400-g-18667">
          <img alt="Gemüse Bouillon Paste go clean Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9737/file/small-798275a188aa2e9e604055ed92cff1ce.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9737/file/medium-9c00b4975a19627cef4eb015e6d89e94.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9737/file/large-48d2478f2507577c94efb0c23283521f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9737/file/medium-9c00b4975a19627cef4eb015e6d89e94.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/gemuse-bouillon-paste-go-clean-bio-400-g-18667">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemüse Bouillon Paste go clean Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.30
            </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-18667-card">
        

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/gemuse-bouillon-wurfel-go-clean-bio-8-stuck-18668">
          <img alt="Gemüse Bouillon Würfel go clean Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9735/file/small-f310091b36ac422ffbe9d560608976b7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9735/file/medium-8aee8d1484a67e6c655071e4f75c3480.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9735/file/large-513ed0a6a916f06937da244a4725010c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9735/file/medium-8aee8d1484a67e6c655071e4f75c3480.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/gemuse-bouillon-wurfel-go-clean-bio-8-stuck-18668">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemüse Bouillon Würfel go clean Bio, 8 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

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

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

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

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

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

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

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/haferkleie-demeter-500-g-18671">
          <img alt="Haferkleie Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9240/file/small-c2c4bae8a907629c323dd1e729178e9e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9240/file/medium-2c53c98dc480cf093c0a08adbfc5dae3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9240/file/large-1332f60b47230f0887f5fbf477e6022d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9240/file/medium-2c53c98dc480cf093c0a08adbfc5dae3.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/haferkleie-demeter-500-g-18671">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferkleie Demeter, 500 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 1.52 / 100 g
            </p>
        </div>
      </div>

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/himalajasalz-krauter-bio-100-g-18672">
          <img alt="Himalajasalz Kräuter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9738/file/small-3b6f4cce9a5464caae88a3b674e0789f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9738/file/medium-00fd66753baec7191722d007a1d0a174.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9738/file/large-9438335757a0cf7f342def8cfb2237bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9738/file/medium-00fd66753baec7191722d007a1d0a174.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/himalajasalz-krauter-bio-100-g-18672">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Himalajasalz Kräuter Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

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

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

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/honig-waben-340-g-18674">
          <img alt="Honig-Waben" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9426/file/small-6dc770dfb4952b25b03061792964ecf0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9426/file/medium-02055f0c15bcf2770d6b484cc07fbd2a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9426/file/large-6d4e3c010212035251fadd2df0f277be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9426/file/medium-02055f0c15bcf2770d6b484cc07fbd2a.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/honig-waben-340-g-18674">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Honig-Waben, 340 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.50
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/hustensirup-holunder-380-ml-18675">
          <img alt="Hustensirup Holunder" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9739/file/small-f383a9915d1ef86a124447c572f93a82.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9739/file/medium-abb46a62bd601d1446c4343720ff223a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9739/file/large-65129b7bb3abf46f0556c9b437105379.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9739/file/medium-abb46a62bd601d1446c4343720ff223a.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/hustensirup-holunder-380-ml-18675">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hustensirup Holunder, 380 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/idee-kaffee-losl-gold-express-100-g-18676">
          <img alt="Idee-Kaffee lösl. Gold-Express" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9740/file/small-c572845e8ccd2fb817222ecaa0ca1735.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9740/file/medium-aa4c9076e889073897b8085b89d3b607.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9740/file/large-f6da61d60aea751e047610f4393623c5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9740/file/medium-aa4c9076e889073897b8085b89d3b607.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/idee-kaffee-losl-gold-express-100-g-18676">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Idee-Kaffee lösl. Gold-Express, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/kartoffelmehl-bio-200-g-18677">
          <img alt="Kartoffelmehl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11049/file/small-2c63812b56add1e026cc5fe9df29eb60.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11049/file/medium-2b6ba9a6ea81bdce22ac75b89b7e0939.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11049/file/large-79b2a44dfe027de5d2a07b04883d966e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11049/file/medium-2b6ba9a6ea81bdce22ac75b89b7e0939.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/kartoffelmehl-bio-200-g-18677">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kartoffelmehl Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.70
            </p>

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

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

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

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

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

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

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

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

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/kokosmehl-entolt-bio-500-g-18680">
          <img alt="Kokosmehl entölt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9241/file/small-fe7e9ed401982327c624c03876f92f40.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9241/file/medium-7d76382a26ca61fb0bd0c8b8707a06c2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9241/file/large-2fc99b392c1b9f6c0c976342f1b5704f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9241/file/medium-7d76382a26ca61fb0bd0c8b8707a06c2.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/kokosmehl-entolt-bio-500-g-18680">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosmehl entölt Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/leinmehl-bio-300-g-18681">
          <img alt="Leinmehl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9242/file/small-afaba1e895b3df6e5d74d1da54575687.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9242/file/medium-9768eaf3a0cad1083bac528c6c234d8a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9242/file/large-51c3b5fb8b77f57a0e94e594a583f30c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9242/file/medium-9768eaf3a0cad1083bac528c6c234d8a.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/leinmehl-bio-300-g-18681">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Leinmehl Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/malzextrakt-aus-gerste-konv-250-g-18682">
          <img alt="Malzextrakt aus Gerste konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9741/file/small-ea6ed087a8b04d598abbc925e5cb5b61.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9741/file/medium-bc7b5791580b65451553ce22385a17b2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9741/file/large-308a05970337540cad15b643694e077f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9741/file/medium-bc7b5791580b65451553ce22385a17b2.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/malzextrakt-aus-gerste-konv-250-g-18682">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Malzextrakt aus Gerste konv, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;140 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/meier-beck?format=turbo_stream&amp;page=58">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>