<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%2Fceres%3Fformat%3Dturbo_stream%26page%3D104">
    <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/sesamini-krokant-bio-27-g-19641">
          <img alt="Sesamini-Krokant Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10888/file/small-2f8f261186c10466d04b9b1e3a323fd2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10888/file/medium-a1eb3f0776ae454f8d35ed6e96a3bacf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10888/file/large-7ffd17a39ba5828db0f04bd3c25adc9d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10888/file/medium-a1eb3f0776ae454f8d35ed6e96a3bacf.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/sesamini-krokant-bio-27-g-19641">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sesamini-Krokant Bio, 27 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WtlPkVol__ct4g7B8in0yB_-SWhHDaPP9lKYjFv9CnhOtC27gtZWp4SjaZ-PM7H2xQUWdb4UwL-Y0kJGWuzIxw" />
    <input value="19641" 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%2Fceres%3Fformat%3Dturbo_stream%26page%3D104">
    <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/artischockenherzen-in-lake-bio-200-g-19642">
          <img alt="Artischockenherzen in Lake Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10402/file/small-03e73f437b8a7e814cb2d03267759b58.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10402/file/medium-af5fd9d5fc18088c4004a206ce373034.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10402/file/large-af6a2cd797137ba8e2e98316f214cf0d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10402/file/medium-af5fd9d5fc18088c4004a206ce373034.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/artischockenherzen-in-lake-bio-200-g-19642">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Artischockenherzen in Lake Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wZMhKsV8vnfqaUFbPWfw0tsUNm64D5aRucLMehfl3F_V_kMAHY8XJ0MoJgVAfbXsAe9pc0EW9eHXQhawFvQe4A" />
    <input value="19642" 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%2Fceres%3Fformat%3Dturbo_stream%26page%3D104">
    <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/artischockenherzen-in-olivenol-bio-120-g-19643">
          <img alt="Artischockenherzen in Olivenöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10403/file/small-b0f71f90fb937ea7c3df8d3d09ed7a68.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10403/file/medium-1422090716df4b6f79458c19ea1c25b7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10403/file/large-18c1229470df4e16a4f8b30428d6a8ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10403/file/medium-1422090716df4b6f79458c19ea1c25b7.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/artischockenherzen-in-olivenol-bio-120-g-19643">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Artischockenherzen in Olivenöl Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8v1Qkn9ZT4j4IjHDxB-ak3yBz0G8yjIYQIb_rJn7unvmkDK4p6rm2FFjVp25Bd-tpnqQXEXTUWguBiVmmOp4xA" />
    <input value="19643" 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%2Fceres%3Fformat%3Dturbo_stream%26page%3D104">
    <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/bourbon-vanille-gemahlen-nfp-17-g-19644">
          <img alt="Bourbon Vanille gemahlen NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10153/file/small-d96e048f66d75c22ba97333a90a0e848.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10153/file/medium-a5a22cfbb690d3b0089037a87a2f93c2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10153/file/large-94ae2b61a928d27716c21f642e75cb07.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10153/file/medium-a5a22cfbb690d3b0089037a87a2f93c2.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">Chalira</p>
          <a href="/products/bourbon-vanille-gemahlen-nfp-17-g-19644">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bourbon Vanille gemahlen NFP, 17 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="APVOEFxksVCAUSVKIi1UDZTpzX8283_Id1HI5KyYF4YUmCw6hJcYACkQQhRfNxEzThKSYs_qHLgZ0RIurYnVOQ" />
    <input value="19644" 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%2Fceres%3Fformat%3Dturbo_stream%26page%3D104">
    <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/hansel-glas-100-ml-19645">
          <img alt="Hänsel Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10315/file/small-84de88e5e180151cae621de6bbcf23c1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10315/file/medium-adbc418995f8d3af137c6865ddaec274.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10315/file/large-c8c215efa8245af259957b40df4a82bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10315/file/medium-adbc418995f8d3af137c6865ddaec274.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">Chalira</p>
          <a href="/products/hansel-glas-100-ml-19645">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hänsel Glas, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C1nTZmkMJQbbDhH3eP3dfBbKfz_4X57__9ENugBVp3IfNLFMsf-MVnJPdqkF55hCzDEgIgFG_Y-RUddwAURlzQ" />
    <input value="19645" 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%2Fceres%3Fformat%3Dturbo_stream%26page%3D104">
    <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/hansel-nfb-42-g-19646">
          <img alt="Hänsel NFB" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10151/file/small-c74cf1a037096413b2910417b5b3d066.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10151/file/medium-e3895ecf9d317d128037f398ec3075a9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10151/file/large-aa8f61fcf169e7d02784b38a94810089.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10151/file/medium-e3895ecf9d317d128037f398ec3075a9.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">Chalira</p>
          <a href="/products/hansel-nfb-42-g-19646">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hänsel NFB, 42 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6IrLpSp0IWctlIDJABsB-fhS71a8g3hxSh8DFyeWk5P856mP8oeIN4TV55d9AUTHIqmwS0WaGwEkn9ndJodRLA" />
    <input value="19646" 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%2Fceres%3Fformat%3Dturbo_stream%26page%3D104">
    <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/gretel-lebkuchensenf-bio-120-g-19647">
          <img alt="Gretel Lebkuchensenf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10734/file/small-c6611ffb3113bd751b8247ab6fb82f27.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10734/file/medium-8ded05f20c952e616cbaa655a6e5c47b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10734/file/large-3f70ee03e8315e46c0c41d890e1a4b75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10734/file/medium-8ded05f20c952e616cbaa655a6e5c47b.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">Chalira</p>
          <a href="/products/gretel-lebkuchensenf-bio-120-g-19647">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gretel Lebkuchensenf Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UyM1RNv7UNcniq1l1mgSN6L7bI69sUaiGTo7Z86xTqdHTlduAwj5h47LyjurclcJeAAzk0SoJdJ3uuGtz6CMGA" />
    <input value="19647" 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%2Fceres%3Fformat%3Dturbo_stream%26page%3D104">
    <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/rauna-glas-100-ml-19648">
          <img alt="Rauna Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10324/file/small-2ff64665604177d01198f67e26165a62.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10324/file/medium-213c0bf55e5a4b6bd5030bfca1a8dedc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10324/file/large-f2c00d3e3b5edd69bf7735e87f959f0b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10324/file/medium-213c0bf55e5a4b6bd5030bfca1a8dedc.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">Chalira</p>
          <a href="/products/rauna-glas-100-ml-19648">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rauna Glas, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c9WI5G116_Ai-4fHdhx42lS81EPqt-acemImAQmpvdxnuOrOtYZCoIu64JkLBj3kjkeLXhOuhewU4vzLCLh_Yw" />
    <input value="19648" 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%2Fceres%3Fformat%3Dturbo_stream%26page%3D104">
    <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/rauna-nfp-60-g-19649">
          <img alt="Rauna NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10136/file/small-a442af9dcf3f08742b2fe5fca017b52b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10136/file/medium-3215516e92814aab2fc710c6d8c7eb28.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10136/file/large-a0ece698937ec04f302afd89b0e77569.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10136/file/medium-3215516e92814aab2fc710c6d8c7eb28.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">Chalira</p>
          <a href="/products/rauna-nfp-60-g-19649">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rauna NFP, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uqV9w5soGbl2Ho9tNLHPaolboHMQePjDN0dJ6yB1ZbKuyB_pQ9uw6d9f6DNJq4pUU6D_bulhm7NZx5MhIWSnDQ" />
    <input value="19649" 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%2Fceres%3Fformat%3Dturbo_stream%26page%3D104">
    <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/pill-kosmetik-energiespendende-creme-mit-prokollagensaure-1-stuck-19650">
          <img alt="Pill Kosmetik - energiespendende Creme mit Prokollagensäure" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10256/file/small-3d461ce4ea02c838d90ade2335e0e048.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10256/file/medium-bf9e901349b777d74baecf17fba193ba.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10256/file/large-dcd248edf12dc5e914cc73fd4a4b4065.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10256/file/medium-bf9e901349b777d74baecf17fba193ba.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">Unicosmed</p>
          <a href="/products/pill-kosmetik-energiespendende-creme-mit-prokollagensaure-1-stuck-19650">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - energiespendende Creme mit Prokollagensäure, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2pshgG5PcAID4ebn1sWN3CNHzj38QrTerKLQlBAu-WjO9kOqtrzZUqqggbmr38ji-byRIAVb167CIgpeET871w" />
    <input value="19650" 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%2Fceres%3Fformat%3Dturbo_stream%26page%3D104">
    <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/pill-kosmetik-gesichts-und-halscreme-mit-prokollagensaure-1-stuck-19651">
          <img alt="Pill Kosmetik - Gesichts- und Halscreme mit Prokollagensäure" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10381/file/small-545e211c6713aec7d60082ac2eaab5cd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10381/file/medium-3c98b2305831daa29c1d87084ead75a7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10381/file/large-c2c62191c3e9e8824214b5faab7c6495.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10381/file/medium-3c98b2305831daa29c1d87084ead75a7.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">Unicosmed</p>
          <a href="/products/pill-kosmetik-gesichts-und-halscreme-mit-prokollagensaure-1-stuck-19651">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Gesichts- und Halscreme mit Prokollagensäure, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 46.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xnTEelpLBTAmpkLnh3oicfb8MyUyvnRjHuKRWKewha3SGaZQgrisYI_nJbn6YGdPLAdsOMunFxNwYkuSpqFHEg" />
    <input value="19651" 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%2Fceres%3Fformat%3Dturbo_stream%26page%3D104">
    <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/datteln-bouquet-bio-500-g-19652">
          <img alt="Datteln Bouquet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10437/file/small-5efc41e1a056c2082b0c61c1114521f6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10437/file/medium-e38f0c58066226eeed2a4b70b9785edd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10437/file/large-42579d1260c1b8bfb83f339adca91e07.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10437/file/medium-e38f0c58066226eeed2a4b70b9785edd.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">Sun Snack</p>
          <a href="/products/datteln-bouquet-bio-500-g-19652">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Datteln Bouquet Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OSlycIjNxuXYabHA5pVaSySaFllx20z2KCtAdqQkcWotRBBaUD5vtXEo1p6bjx91_mFJRIjCL4ZGq5q8pTWz1Q" />
    <input value="19652" 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%2Fceres%3Fformat%3Dturbo_stream%26page%3D104">
    <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/basmati-reis-natur-bio-1-kg-19653">
          <img alt="Basmati Reis natur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10084/file/small-63e00774c9ac807b04b09e2df2667967.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10084/file/medium-a8d0a255a387e347c3c74fd61add6f62.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10084/file/large-fa7305cf788e05f697b3f48cd8e62782.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10084/file/medium-a8d0a255a387e347c3c74fd61add6f62.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/basmati-reis-natur-bio-1-kg-19653">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basmati Reis natur Bio, 1 kg</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 1.09 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="usXRIv4I9P7rqaVz0L-n8jS7BHzIFOsKkLsx3BEsGSSuqLMIJvtdrkLowi2tpeLM7kBbYTENiHr-O-sWED3bmw" />
    <input value="19653" 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%2Fceres%3Fformat%3Dturbo_stream%26page%3D104">
    <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/leinsamen-ch-bioknospe-200-g-19654">
          <img alt="Leinsamen CH BioKnospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10901/file/small-2f58cc6066e848eaa30ed330440accc6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10901/file/medium-b68e06d2d19bb790710f17e73c65a1f2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10901/file/large-2a148f8e2615ea8ce58f604b842c18a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10901/file/medium-b68e06d2d19bb790710f17e73c65a1f2.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">Biofarm</p>
          <a href="/products/leinsamen-ch-bioknospe-200-g-19654">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Leinsamen CH BioKnospe, 200 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-19654-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h9pvPQdowgskPxS-NLvt0tjH_pkMjnJcQO2j40kHwYiTtw0X35trW41-c-BJoajsAjyhhPWXESwubXkpSBYDNw" />
    <input value="19654" 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%2Fceres%3Fformat%3Dturbo_stream%26page%3D104">
    <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/gohl-schafchasli-vom-spitzebarg-bio-130-g-19655">
          <img alt="Gohl Schafchäsli vom Spitzebärg Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10854/file/small-11115b8c5ae365af891b271e819790cb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10854/file/medium-6462e8143fe9d8d8c370cdf37e2ee570.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10854/file/large-190cb063e2b43ab64f3fef00fa5ad4ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10854/file/medium-6462e8143fe9d8d8c370cdf37e2ee570.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">Guggisberg</p>
          <a href="/products/gohl-schafchasli-vom-spitzebarg-bio-130-g-19655">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gohl Schafchäsli vom Spitzebärg Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2L1meGUoKZLpJrYqhWfRFd993_gT4lKxPq3BLaQNigvM0ARSvduAwkBn0XT4fZQrBYaA5er7McFQLRvnpRxItA" />
    <input value="19655" 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%2Fceres%3Fformat%3Dturbo_stream%26page%3D104">
    <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/ananasmarkstangel-200-g-19656">
          <img alt="Ananasmarkstängel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10487/file/small-cd44d07709c5eaa29b0f05e21e67b385.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10487/file/medium-123dc7fd1f6b2598e53b8a9f22f32164.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10487/file/large-5eb30d323e8a2220f6e7b8ff99254126.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10487/file/medium-123dc7fd1f6b2598e53b8a9f22f32164.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">Sun Snack</p>
          <a href="/products/ananasmarkstangel-200-g-19656">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ananasmarkstängel, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YLLdPSAy4ftn2sr2AfFYtDDaEcInyHlAMCiVQI-vrzF0378X-MFIq86brah86x2K6iFO397RGjBeqE-Kjr5tjg" />
    <input value="19656" 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%2Fceres%3Fformat%3Dturbo_stream%26page%3D104">
    <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/mandeln-weiss-gemahlen-200-g-19657">
          <img alt="Mandeln weiss gemahlen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10500/file/small-72e04a355b926936a866e8630211d0a9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10500/file/medium-ca1fd19beaee5baf8ad6e6510c29a553.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10500/file/large-e92fbffe82a7cc23f8af1b0a20432a8c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10500/file/medium-ca1fd19beaee5baf8ad6e6510c29a553.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">Sun Snack</p>
          <a href="/products/mandeln-weiss-gemahlen-200-g-19657">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandeln weiss gemahlen, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hRxjVL0ULiYbCAh25U5YY06b-Gs7njxWIyyFrUVIiteRcQF-ZeeHdrJJbyiYVB1dlGCndsKHXyZNrF9nRFlIaA" />
    <input value="19657" 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%2Fceres%3Fformat%3Dturbo_stream%26page%3D104">
    <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/ghee-bio-180-g-19658">
          <img alt="Ghee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10282/file/small-f232a08c11e33f843b78384fae2a1b51.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10282/file/medium-225308a8cd94cd6874563965696aeb77.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10282/file/large-b417c09f793e6caefdd55753a0b38aa8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10282/file/medium-225308a8cd94cd6874563965696aeb77.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">MaharishiAyurveda</p>
          <a href="/products/ghee-bio-180-g-19658">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ghee Bio, 180 g</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 11.06 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rQjmkqtUqxRrRV8CtWPUBHBPcXnKfTiMLxcSwxfKZXu5ZYS4c6cCRMIEOFzIeZE6qrQuZDNkW_xBl8gJFtunxA" />
    <input value="19658" 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%2Fceres%3Fformat%3Dturbo_stream%26page%3D104">
    <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/lesirupier-cafe-chai-350-ml-19659">
          <img alt="LeSirupier Cafe Chai" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10085/file/small-7cc76ddeda57b906a903d599d8f71c4f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10085/file/medium-74b3c08b03adc6a86a2f034434ac17b1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10085/file/large-739f72c831be3b18515a2401a30408c8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10085/file/medium-74b3c08b03adc6a86a2f034434ac17b1.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">Le Sirupier de Berne</p>
          <a href="/products/lesirupier-cafe-chai-350-ml-19659">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Cafe Chai, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VAqmFiMF8JXOA3xyVto1-8tzeA4vQw3c0BLFbcMOLEdAZ8Q8-_ZZxWdCGywrwHDFEYgnE9Zabqy-kh-nwh_u-A" />
    <input value="19659" 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%2Fceres%3Fformat%3Dturbo_stream%26page%3D104">
    <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/pill-kosmetik-konzentriertes-hyaluron-gel-1-stuck-19660">
          <img alt="Pill Kosmetik - konzentriertes Hyaluron-Gel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10380/file/small-821f8169c776dfe2488fcb6806abaad5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10380/file/medium-36db0fda7aea36c4b5c846fcbb475b46.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10380/file/large-114f5b3e0ee9bbefdd0df67aab2c4574.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10380/file/medium-36db0fda7aea36c4b5c846fcbb475b46.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">Unicosmed</p>
          <a href="/products/pill-kosmetik-konzentriertes-hyaluron-gel-1-stuck-19660">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - konzentriertes Hyaluron-Gel, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 50.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t4SkM5izRZ_qexAT2pC65X4GGu89bKONRyv42Ixe126j6cYZQEDsz0M6d02niv_bpP1F8sR1wP0pqyISjU8V0Q" />
    <input value="19660" 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">
      2&#39;080 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/ceres?format=turbo_stream&amp;page=105">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>