<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%2Fhubner%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="i0rVNJFdJQXJMly0mPTBl0-mxH1IAfg-ZV8oX6aeS2dK5ABXxaMhTz8YlosSIhhr91BTSNgjWi2IVfXGTG-cDA" />
    <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%2Fhubner%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="B3r6bw6UFztT8mvOnLLJF0Vq3Z9W_P_kqfeyHCoYN7XG1C8MWmoTcaXYofEWZBDr_ZxKqsbeXfdE_W-FwOng3g" />
    <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%2Fhubner%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="wHM14wVjt6sccedN1070AZd3NmEkR-m0XJtgcf8YqKAB3eCAUZ2z4epbLXJdmC39L4GhVLRlS6exkb3oFel_yw" />
    <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%2Fhubner%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="oa2DsMCYFvhGMZhrv47E9eWCvlAdsPWjIbkgIL32hp9gA1bTlGYSsrAbUlQ1WB0JXXQpZY2SV7DMs_25VwdR9A" />
    <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%2Fhubner%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="uAIc7FqNkVAz6-5_TZbtLwimmG1UiE1WRQwoJUozl2t5rMmPDnOVGsXBJEDHQDTTsFAPWMSq70WoBvW8oMJAAA" />
    <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%2Fhubner%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="eU3nUZqR6Dec_Uj1e5LLA4CymMc6TEJRgFGhKJDZZhO44zIyzm_sfWrXgsrxRBL_OEQP8qpu4EJtW3yxeiixeA" />
    <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%2Fhubner%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="KudTekNgv0OLxbOirrc3w5mVYP0nxd2JRU9qfpn8OpTrSYYZF567CX3veZ0kYe4_IWP3yLfnf5qoRbfncw3t_w" />
    <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%2Fhubner%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="hW6x8Y26W6IsmzC3z0iXtA0OcVji_pdYuUzEymjAVdhEwGSS2URf6Nqx-ohFnk5ItfjmbXLcNUtURhlTgjGCsw" />
    <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%2Fhubner%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="SkOZX7CLYdvd6F0PmiRo6IToFUoc8OMoKR0msaY7D9uL7Uw85HVlkSvClzAQ8rEUPB6Cf4zSQTvEF_soTMrYsA" />
    <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%2Fhubner%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="H5AbAqXWY89O9IT6ucqJYzhSJiMeO-8ugWD--ryzlnPePs5h8ShnhbjeTsUzHFCfgKSxFo4ZTT1saiNjVkJBGA" />
    <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%2Fhubner%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="EyNhTRXwMDgCGHJgqpFXyigkGPqarHZHPnflhTDvaSrSjbQuQQ40cvQyuF8gR442kNKPzwqO1FTTfTgc2h6-QQ" />
    <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%2Fhubner%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="4-0DtP4tkIPiCqoGP4Db0setORZui7Th5p5f_ZXfOLQiQ9bXqtOUyRQgYDm1VgIuf1uuI_6pFvILlIJkfy7v3w" />
    <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%2Fhubner%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="Ihx2oRWQa7B_Yvj0egPv_YNAAkA4J1ZlcEnb4xidHg3jsqPCQW5v-olIMsvw1TYBO7aVdagF9HadQwZ68mzJZg" />
    <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%2Fhubner%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="Ya24AShBiIcudNAGAwyCIFS2-glHRlK5sL6HoK3_BDugA21ifL-MzdheGjmJ2lvc7EBtPNdk8KpdtFo5Rw7TUA" />
    <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%2Fhubner%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="glx4vzmyOq_hLTLR_aATaLgeYyQOUVnAqPk4YIEuu8ZD8q3cbUw-5RcH-O53dsqUAOj0EZ5z-9NF8-X5a99srQ" />
    <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%2Fhubner%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="HTEs1fSeqEgHgFnaH4QuUpxXb8NrH2PSeWZxcXo29RHcn_m2oGCsAvGqk-WVUveuJKH49vs9wcGUbKzokMcieg" />
    <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%2Fhubner%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="rmdMBK3kfKZ4Zj1JA0ChACCtrvg-IShiORpU-NxjT0FvyZln-Rp47I5M93aJlnj8mFs5za4DinHUEIlhNpKYKg" />
    <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%2Fhubner%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="HzRwmc9q1A1RVxxiMvx_kEGH7x00_HYfrkUk_Tie7YbemqX6m5TQR6d91l24KqZs-XF4KKTe1AxDT_lk0m867Q" />
    <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%2Fhubner%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="feB4IJk7VvGW4WV_QWqGJ4QA8Wemh3l6dBDgSUs6odC8Tq1DzcVSu2DLr0DLvF_bPPZmUjal22mZGj3Qoct2uw" />
    <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%2Fhubner%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="ibdRqN5l2EA2kOKTFs1qp02DpB6dHXS4_JQnBo1es1ZIGYTLipvcCsC6KKycG7Nb9XUzKw0_1qsRnvqfZ69kPQ" />
    <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/hubner?format=turbo_stream&amp;page=105">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>