<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%3D49">
    <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/rapunzel-weissweinessig-bio-5-dl-18804">
          <img alt="Rapunzel Weissweinessig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9208/file/small-ebf830c6311c4e21cb221cf5c28c80c4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9208/file/medium-23872b3cf647740a3b6cb0799d25fa9a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9208/file/large-e77f8ac25f852609aef2919bb915bd52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9208/file/medium-23872b3cf647740a3b6cb0799d25fa9a.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">Rapunzel</p>
          <a href="/products/rapunzel-weissweinessig-bio-5-dl-18804">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Weissweinessig Bio, 5 dl</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 1.04 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hCAaiXS7LLzZBj-pyhzt7EdxT7LPTuiyjnnB2JlFBjrjudDL7ZVjsxZaawZH-S8MdCwZau_-k7_s4PjHtRyLPA" />
    <input value="18804" 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%3D49">
    <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/rapunzel-wildreis-natur-200-g-18805">
          <img alt="Rapunzel Wildreis Natur" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9209/file/small-4edeec7353e5cf33ef52252d4d28204e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9209/file/medium-b70297670a38000aec7c353b931b2ea3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9209/file/large-1ce639aeb0b37341ceb9792ce223bfd7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9209/file/medium-b70297670a38000aec7c353b931b2ea3.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">Rapunzel</p>
          <a href="/products/rapunzel-wildreis-natur-200-g-18805">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Wildreis Natur, 200 g</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 5.95 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x5bRUuSeobqQT7GzF0sN3rmzUxRbUeV55YL2VKKnpnSgDxsQfbDutV8T5Ryars8-iu4FzHvhnnSHG89Ljv4rcg" />
    <input value="18805" 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%3D49">
    <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/rawbite-protein-crunchy-bio-45-g-18806">
          <img alt="RawBite Protein Crunchy Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10303/file/small-4b2d0cfba68382a8f1309d7fdab1998e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10303/file/medium-f802927133230c3673124be33bd5987f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10303/file/large-c3aafa3e64b09bd23d4a6f52213b540d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10303/file/medium-f802927133230c3673124be33bd5987f.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">RawBite</p>
          <a href="/products/rawbite-protein-crunchy-bio-45-g-18806">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">RawBite Protein Crunchy Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PuZbHjVAVrEkJjPtdwIS3pWtGT5SryES_MrWj8_CgZFZf5FcrG4Zvut6Z0L659A-pvBP5nIfWh-eU--Q45sMlw" />
    <input value="18806" 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%3D49">
    <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/rawbite-rohkostriegel-zitrone-bio-50-g-18807">
          <img alt="RawBite Rohkostriegel Zitrone Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9504/file/small-81e079b21a26b599435f61d6c9005768.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9504/file/medium-08644cdd9738d673abea403806da301a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9504/file/large-3b181b686146da18a71b8d17398eaa06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9504/file/medium-08644cdd9738d673abea403806da301a.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">RawBite</p>
          <a href="/products/rawbite-rohkostriegel-zitrone-bio-50-g-18807">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">RawBite Rohkostriegel Zitrone Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rS1uY3gDSG7UKqyste_hpavw43I6JGKEVIc0d7K8gg3KtKQh4S0HYRt2-AM4CiNFmK21qhqUGYk2Hg1onuUPCw" />
    <input value="18807" 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%3D49">
    <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/burgrain-bio-alpenhonig-bio-500-g-18808">
          <img alt="Burgrain Bio-Alpenhonig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11250/file/small-cb6df2b6fc1280c58387e86cbe152101.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11250/file/medium-5617617ab6c7c110aa6fecd1c913c811.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11250/file/large-4f6a836cba024ab8967c8eec38806cda.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11250/file/medium-5617617ab6c7c110aa6fecd1c913c811.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">RegioFair</p>
          <a href="/products/burgrain-bio-alpenhonig-bio-500-g-18808">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Burgrain Bio-Alpenhonig Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mfjNsMitUuiLsd64Y1z3PqH2d_OD5dYZQfBBOV0lJa7-YQfyUYMd50TtihfuuTXekqshK6NVrRQjaXgmcXyoqA" />
    <input value="18808" 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%3D49">
    <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/burgrain-bio-blutenhonig-biok-500-g-18809">
          <img alt="Burgrain Bio-Blütenhonig BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11193/file/small-bf971b5c0d52b991b68d4db80855dffe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11193/file/medium-be6eb44ed4554996cb2214032aa41e5d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11193/file/large-d54c8d99f164ffc26aee166b1de9a31b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11193/file/medium-be6eb44ed4554996cb2214032aa41e5d.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">RegioFair</p>
          <a href="/products/burgrain-bio-blutenhonig-biok-500-g-18809">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Burgrain Bio-Blütenhonig BioK, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WZC-YuQT63jl9_qdzT7DRsadp_TuNnScAR5HiYfyWxc-CXQgfT2kdyqrrjJA2wGm9cDxLM6GD5Fjh36Wq6vWEQ" />
    <input value="18809" 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%3D49">
    <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/burgrain-schweizer-leinol-biok-250-ml-18810">
          <img alt="Burgrain Schweizer Leinöl BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10981/file/small-97bb69a195c88fef14b46c3236b6bdfd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10981/file/medium-4d3e2bf2fa2774894123129abde8b12e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10981/file/large-9ec7f0bae6fb4c64d5ecc33fd5f35a93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10981/file/medium-4d3e2bf2fa2774894123129abde8b12e.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">RegioFair</p>
          <a href="/products/burgrain-schweizer-leinol-biok-250-ml-18810">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Burgrain Schweizer Leinöl BioK, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C7Az6nxf--4sJLdYW-s70QLYZFCUJmnLcAVmlF9AY0xsKfmo5XG04eN44_fWDvkxMYUyiLSWEsYSnF-LcxnuSg" />
    <input value="18810" 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%3D49">
    <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/burgrain-schweizer-rapsol-biok-250-ml-18811">
          <img alt="Burgrain Schweizer Rapsöl BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10711/file/small-b2ec9004ab0f670ba1c5e753c09f7c60.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10711/file/medium-c2bd250835823dd78f5fcf06d449a481.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10711/file/large-428b25e1684a5b2f794034909e67d30e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10711/file/medium-c2bd250835823dd78f5fcf06d449a481.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">RegioFair</p>
          <a href="/products/burgrain-schweizer-rapsol-biok-250-ml-18811">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Burgrain Schweizer Rapsöl BioK, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wSYpyQvcwx9Dn5utrKzRQe2JRYa0VcJBnTBGRz1gHF-mv-OLkvKMEIzDzwIhSROh3tQTXpTluUz_qX9YETmRWQ" />
    <input value="18811" 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%3D49">
    <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/burgrain-schweizer-sonnenblumenol-biok-250-ml-18812">
          <img alt="Burgrain Schweizer Sonnenblumenöl BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11194/file/small-e85d2058dd18ae33979145ed2f066140.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11194/file/medium-3a12d172d49462c6b89bdcb70695962a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11194/file/large-d9b8ad70a2fcb931306e3b92aa64cd4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11194/file/medium-3a12d172d49462c6b89bdcb70695962a.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">RegioFair</p>
          <a href="/products/burgrain-schweizer-sonnenblumenol-biok-250-ml-18812">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Burgrain Schweizer Sonnenblumenöl BioK, 250 ml</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 4.36 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eKjhVjQORhqxL1VyOB1L8q3EIEK-rTIIxp96bFKQe9QfMSsUrSAJFX5zAd21-IkSnpl2mp4dSQWkBkNzfsn20g" />
    <input value="18812" 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%3D49">
    <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/rigoni-nocciolata-nuss-nougat-bio-vegan-270-g-18813">
          <img alt="Rigoni Nocciolata Nuss Nougat Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10078/file/small-577ba0a4ab5ee87bf36bd13d46954a43.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10078/file/medium-b920378a73966f0b50fe4492bf6cf9a0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10078/file/large-f3026d837545349f9b8632ec2fbb8efa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10078/file/medium-b920378a73966f0b50fe4492bf6cf9a0.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">Rigoni</p>
          <a href="/products/rigoni-nocciolata-nuss-nougat-bio-vegan-270-g-18813">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rigoni Nocciolata Nuss Nougat Bio vegan, 270 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="We73munf09MGExku3l1Xxm65B2pbXj5kMk1eOGEnuwE-dz3YcPGc3MlPTYFTuJUmXeRRsnvuRWlQ1GcnTX42Bw" />
    <input value="18813" 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%3D49">
    <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/schar-brot-mix-dunkel-konv-gf-1-kg-18818">
          <img alt="Schär Brot-Mix dunkel 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/10953/file/small-b259f42420fa3bc6f49ebe1cacfef91e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10953/file/medium-06504d771ee9899cffb94ac2859ad133.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10953/file/large-9226ef7786767c64c15243e6213d97ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10953/file/medium-06504d771ee9899cffb94ac2859ad133.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">Schär</p>
          <a href="/products/schar-brot-mix-dunkel-konv-gf-1-kg-18818">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schär Brot-Mix dunkel konv gf, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ejqWEYGxOsum7OAbhyOV64QqLQ3dgLXN4t2fcxKzG7Qdo1xTGJ91xGmwtLQKxlcLt3d71f0wzsCARKZsPuqWsg" />
    <input value="18818" 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%3D49">
    <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/schar-butterkeks-konv-gf-165-g-18819">
          <img alt="Schär Butterkeks 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/10960/file/small-72eb7eb9578ccf4285c51986179d05e0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10960/file/medium-4e352281b5eba41dd99ee15ed5983471.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10960/file/large-c56e58233917e0b3e6eed49b8b3a588f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10960/file/medium-4e352281b5eba41dd99ee15ed5983471.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">Schär</p>
          <a href="/products/schar-butterkeks-konv-gf-165-g-18819">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schär Butterkeks konv gf, 165 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 2.79 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TNBKTVkvL_KA2nvcRIKAEP78gNVucTYjiqrBYWOtC-wrSYAPwAFg_U-GL3PJZ0LwzaHWDU7BTS7oM_h-T_SG6g" />
    <input value="18819" 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%3D49">
    <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/schar-butterkeks-choco-konv-gf-130-g-18820">
          <img alt="Schär Butterkeks Choco 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/9522/file/small-59e977073b3da158f7f68a5ca042f2d2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9522/file/medium-0d9cca2a4253a6403605d66870a3713c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9522/file/large-32ccf2d56cb7c52d4055738329689778.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9522/file/medium-0d9cca2a4253a6403605d66870a3713c.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">Schär</p>
          <a href="/products/schar-butterkeks-choco-konv-gf-130-g-18820">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schär Butterkeks Choco konv gf, 130 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 4.77 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lwSkSJrX6JorktiarzW7wErn6qOH6CwcTC7cqBYOKRfwnW4KA_mnleTOjDUi0Hkgebq8e6dYVxEut-W3OlekEQ" />
    <input value="18820" 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%3D49">
    <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/schar-cereal-flakes-konv-gf-300-g-18821">
          <img alt="Schär Cereal Flakes 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/9542/file/small-1b5d07728b0b1c2b0d7afdd2de7f10cd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9542/file/medium-558d4e0cf6f96ac018a30562623994a4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9542/file/large-6191f1701254bb28987c26e6fb210bb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9542/file/medium-558d4e0cf6f96ac018a30562623994a4.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">Schär</p>
          <a href="/products/schar-cereal-flakes-konv-gf-300-g-18821">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schär Cereal Flakes konv gf, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aUuE36LiygvHCLvZitJPrVyD1XgLPZGJjkXiCv5idBoO0k6dO8yFBAhU73YHN41Nb96DoCuN6oTs3NsV0jv5HA" />
    <input value="18821" 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%3D49">
    <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/schar-choco-balls-konv-gf-250-g-18822">
          <img alt="Schär Choco Balls 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/9541/file/small-cc8243896ae1b6436eb22774bf2846d4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9541/file/medium-4ff3fb00b58578e1c2f1a56a5e0f4126.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9541/file/large-f6230c777107bac5eff40531f885d504.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9541/file/medium-4ff3fb00b58578e1c2f1a56a5e0f4126.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">Schär</p>
          <a href="/products/schar-choco-balls-konv-gf-250-g-18822">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schär Choco Balls konv gf, 250 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 2.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ceuDU2JMmmGHrWt4mNvz8mv39yALRqedi5PSRKyuhdAWckkR-2LVbkjxP9cVPjESWKqh-Cv23JDpCutbgPcI1g" />
    <input value="18822" 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%3D49">
    <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/schar-choco-chip-cookies-konv-gf-200-g-18823">
          <img alt="Schär Choco Chip Cookies 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/9520/file/small-ff5fdca841ccc7531ab7e3fc234b1100.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9520/file/medium-68366e42258693196158415c7da0fd41.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9520/file/large-bf05bc78fe61eb374300b7782a47aaed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9520/file/medium-68366e42258693196158415c7da0fd41.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">Schär</p>
          <a href="/products/schar-choco-chip-cookies-konv-gf-200-g-18823">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schär Choco Chip Cookies konv gf, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lGhxhv2uR4ZXZQzx9-LHULhbA4FNbuYXZkSpJKoCVAzz8bvEZIAIiZg5WF56BwWwiwZVWW3enRoE3ZA7hlvZCg" />
    <input value="18823" 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%3D49">
    <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/schar-chocolate-o-s-konv-gf-165-g-18824">
          <img alt="Schär Chocolate O’s 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/9210/file/small-202cd17e0564c469cef9fee2d0c6b64e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9210/file/medium-d190c49c2696559ab748a4a1232a74f9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9210/file/large-fed4f922908bff6be6e4f89f2f49967b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9210/file/medium-d190c49c2696559ab748a4a1232a74f9.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">Schär</p>
          <a href="/products/schar-chocolate-o-s-konv-gf-165-g-18824">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schär Chocolate O’s konv gf, 165 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 2.73 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K3JAx_xDHCZJasgClOpHafTC_w_zCoLD7WIYCKpdv9dM64qFZW1TKYY2nK0ZD4WJx5-p19O6-c6P-yEXhgQy0Q" />
    <input value="18824" 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%3D49">
    <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/schar-ciabatta-rustica-konv-gf-4-x-50-g-18825">
          <img alt="Schär Ciabatta Rustica 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/9211/file/small-5522a775998d4609328e6a199173d653.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9211/file/medium-76d105e37d27887d855884f5fde56964.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9211/file/large-b64079bc88f3a25a149c078858172e41.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9211/file/medium-76d105e37d27887d855884f5fde56964.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">Schär</p>
          <a href="/products/schar-ciabatta-rustica-konv-gf-4-x-50-g-18825">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schär Ciabatta Rustica konv gf, 4 x 50 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 2.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qH3pObmTPvaqhvaTwuylC4QbTMGQqrDbtH3IA3ZjnHnP5CN7IL1x-WXaojxPCWfrt0YaGbAay9bW5PEcWjoRfw" />
    <input value="18825" 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%3D49">
    <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/schar-cookies-salted-caramel-gf-150-g-18826">
          <img alt="Schär Cookies Salted Caramel gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9537/file/small-0e73f99a4f52121888ebe0eac709c957.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9537/file/medium-8504a45721ea22ce9451d687f2aa941d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9537/file/large-b4081f2db7b481fea414b9aa3bc70f74.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9537/file/medium-8504a45721ea22ce9451d687f2aa941d.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">Schär</p>
          <a href="/products/schar-cookies-salted-caramel-gf-150-g-18826">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schär Cookies Salted Caramel gf, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qPZmTCJjZsGdDSLZ-ScqYV88APBxq7_w8r7JuVI0AhvPb6wOu00pzlJRdnZ0wuiBbGFWKFEbxP2QJ_Cmfm2PHQ" />
    <input value="18826" 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%3D49">
    <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/schar-cornflakes-konv-gf-250-g-18827">
          <img alt="Schär Cornflakes 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/9518/file/small-53c93ccecfdd1e599282da131c7179bd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9518/file/medium-7a6e8e818c878d00d479f866c3de8a5d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9518/file/large-cda320bdb6a52a3146f82d7187fa13a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9518/file/medium-7a6e8e818c878d00d479f866c3de8a5d.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">Schär</p>
          <a href="/products/schar-cornflakes-konv-gf-250-g-18827">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schär Cornflakes konv gf, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l_BdUtJdpADUoFDhLSDgkZqTYTgUBNj4YQIjhbhf-gTwaZcQS3PrDxv8BE6gxSJxqc434DS0o_UDmxqalAZ3Ag" />
    <input value="18827" 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">
      980 von 1&#39;583 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel?format=turbo_stream&amp;page=50">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>