<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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D25">
    <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/borlind-sonnenfluid-lsf30-125-ml-19926">
          <img alt="Börlind Sonnenfluid LSF30" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10304/file/small-e692b60e59b07db69fdb59a6dc8146c2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10304/file/medium-4d17bfc689525e36cb0d2e6680538fc2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10304/file/large-6f7b64e0015e588daa5a15b5077e6e66.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10304/file/medium-4d17bfc689525e36cb0d2e6680538fc2.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">Börlind</p>
          <a href="/products/borlind-sonnenfluid-lsf30-125-ml-19926">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Sonnenfluid LSF30, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oUSI1TF9Z4EstMv_mcjDcH1gEm1T-bOMxKEjmfXTncPRuTIKjrVsikRL0yWHntZFhKN0bn-BGWDYAIAjgDYlrw" />
    <input value="19926" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D25">
    <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/borlind-foundation-natuwear-light-30-ml-19927">
          <img alt="Börlind Foundation Natuwear light" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10305/file/small-6a475ee75e0543e91ba8f101048fd69c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10305/file/medium-e9ee9902c9a214870f5670e6869e7139.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10305/file/large-f09e6ba2db1b13913c0aa1aa953dc588.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10305/file/medium-e9ee9902c9a214870f5670e6869e7139.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">Börlind</p>
          <a href="/products/borlind-foundation-natuwear-light-30-ml-19927">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Foundation Natuwear light, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GKu4JZERIbMTZGL4SAPPu5nH1VitEJxGdGvVumQUX11oVgL6LtkquHubeiJWVdqOYASzW4FoNqpoynYAEfHnMQ" />
    <input value="19927" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D25">
    <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/borlind-foundation-natuwear-hazel-30-ml-19928">
          <img alt="Börlind Foundation Natuwear Hazel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10306/file/small-978ba2119ae60b172ec46eefa5438f1b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10306/file/medium-c78f721b0423f2f68d566d43c6957237.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10306/file/large-1d05fdf737e142ec22c8a54e994d9441.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10306/file/medium-c78f721b0423f2f68d566d43c6957237.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">Börlind</p>
          <a href="/products/borlind-foundation-natuwear-hazel-30-ml-19928">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Foundation Natuwear Hazel, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4wxFV4ArtZI4CAgkASppCUfnRMxlgGUl6WjCepg015qT8f-IP-O-mVD3EP4ffHw8viQiz0n4z8n1yWHA7dFv9g" />
    <input value="19928" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D25">
    <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/borlind-energynature-nachtcreme-50-ml-19929">
          <img alt="Börlind Energynature Nachtcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10307/file/small-a5849ead0fd87e7bdef17839f64f2731.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10307/file/medium-43e38fd75e21289d3cb0aa67eee6f9ce.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10307/file/large-67949137998f97afc64efcdc529f99fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10307/file/medium-43e38fd75e21289d3cb0aa67eee6f9ce.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">Börlind</p>
          <a href="/products/borlind-energynature-nachtcreme-50-ml-19929">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Energynature Nachtcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="egBxJqq5wt-Voirh-uZ8teDM-ZMsCJRSuXMnDrs5DHwK_cv5FXHJ1P1dMjvksGmAGQ-fkABwPr6l0oS0zty0EA" />
    <input value="19929" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D25">
    <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/borlind-sonnencreme-dna-protect-lsf30-50-ml-19930">
          <img alt="Börlind Sonnencreme DNA Protect LSF30" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10308/file/small-b2f435295b2615cde8c282bf1c8f8653.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10308/file/medium-7aa02894d428a40a61df1f76491b254e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10308/file/large-b92766369b3deaae9dc128e97403ec39.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10308/file/medium-7aa02894d428a40a61df1f76491b254e.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">Börlind</p>
          <a href="/products/borlind-sonnencreme-dna-protect-lsf30-50-ml-19930">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Sonnencreme DNA Protect LSF30, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tqT1GN1yLVdt_EKYsjJivuXIYKvWS8DktTBx0fWLfYDGWU_HYromXAUDWkKsZHeLHAsGqPozagipkdJrgG7F7A" />
    <input value="19930" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D25">
    <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/borlind-beauty-shot-hydro-booster-15-ml-19931">
          <img alt="Börlind Beauty Shot Hydro Booster" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10309/file/small-ec4dd642195c7de171f0302150c30058.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10309/file/medium-1b84c2bcdc3cda58fabf0322059fde44.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10309/file/large-b83d6e071c7ec47c61c37f12bb75e492.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10309/file/medium-1b84c2bcdc3cda58fabf0322059fde44.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">Börlind</p>
          <a href="/products/borlind-beauty-shot-hydro-booster-15-ml-19931">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Beauty Shot Hydro Booster, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Pwg9yEiIscwQ16mLjfNeAG8VwmV0qfv83jlH2F_zJt1P9YcX90C6x3gosVGTpUs1ltakZljRURDCmORiKhaesQ" />
    <input value="19931" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D25">
    <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/borlind-rose-nature-augencreme-gel-15-ml-19932">
          <img alt="Börlind Rose Nature Augencreme Gel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10310/file/small-2ba3a8eda6d03eb0e816ffd9786a0172.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10310/file/medium-325bb78be1fd8041277052ea231251d4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10310/file/large-23fd0ee23fcc613d4bf55cb9f30535a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10310/file/medium-325bb78be1fd8041277052ea231251d4.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">Börlind</p>
          <a href="/products/borlind-rose-nature-augencreme-gel-15-ml-19932">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Rose Nature Augencreme Gel, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 62.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Mg61egHoiCM_CsgsXSS68n054-Z80X1LX8IcOOFpLyFC8w-lviCDKFf10PZDcq_HhPqF5VCp16dDY7-ClIyXTQ" />
    <input value="19932" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D25">
    <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/borlind-purifying-care-reinigungsgel-150-ml-19933">
          <img alt="Börlind Purifying Care Reinigungsgel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10311/file/small-93675343ca01214d576ce6060e53b869.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10311/file/medium-acc8c347d96d666d9ca1981370427bf6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10311/file/large-5825c7653b4cbcd553b0b10aac14c43a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10311/file/medium-acc8c347d96d666d9ca1981370427bf6.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">Börlind</p>
          <a href="/products/borlind-purifying-care-reinigungsgel-150-ml-19933">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Purifying Care Reinigungsgel, 150 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 11.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7yqMxQZy95nlPaO6DX0e-zCE5XfYw5mom4gsl4dWwXOf1zYaubr8ko3Cu2ATKwvOyUeDdPS7M0SHKY8t8rN5Hw" />
    <input value="19933" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D25">
    <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/dr-bronners-liquid-soap-rose-60-ml-19971">
          <img alt="Dr. Bronners Liquid Soap Rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10339/file/small-1ee8170b6a56f0858e6081e923271ae8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10339/file/medium-1595a011dab9e015a0213d0526b35af3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10339/file/large-fe3c404f8cc377120bd9947fa4bb512f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10339/file/medium-1595a011dab9e015a0213d0526b35af3.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">Dr. Bronners</p>
          <a href="/products/dr-bronners-liquid-soap-rose-60-ml-19971">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dr. Bronners Liquid Soap Rose, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c9iQTRJR0xxyTccCgqEFxUgFOa-oLLfvy1hjn3mgeOIDJSqSrZnYFxqy39ic9xDwscZfrIRUHQPX-cAlDEXAjg" />
    <input value="19971" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D25">
    <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/dr-bronners-zahnpasta-spearmint-105-ml-19972">
          <img alt="Dr. Bronners Zahnpasta Spearmint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10340/file/small-581bf39a31d3f2a1239da70f9de161bf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10340/file/medium-fbddd0a2c0189cb63a54b34ad260d335.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10340/file/large-82ce6ed973a9e65d932a5687287a1fc3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10340/file/medium-fbddd0a2c0189cb63a54b34ad260d335.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">Dr. Bronners</p>
          <a href="/products/dr-bronners-zahnpasta-spearmint-105-ml-19972">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dr. Bronners Zahnpasta Spearmint, 105 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AZbBJyiax2VKQAVkHr3w-HCUtbSXRyQAjAIFlJaJjcpxa3v4l1LMbiK_Hb4A6-XNiVfTt7s_juyQo6Yu42w1pg" />
    <input value="19972" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D25">
    <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/hauschka-aprikosen-tagescreme-30-ml-19985">
          <img alt="Hauschka Aprikosen Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10358/file/small-d07e661015c7d8e00b78fcf353a91056.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10358/file/medium-7958e1286ec45732d05dd0678dc063fb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10358/file/large-02a93f4b0ba68e898e249ea001e73490.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10358/file/medium-7958e1286ec45732d05dd0678dc063fb.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">Hauschka</p>
          <a href="/products/hauschka-aprikosen-tagescreme-30-ml-19985">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Aprikosen Tagescreme, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PtiesQo1OqQuSf3MzlVq9xlg0XU80ztYMpvXw5CKFU5OJSRutf0xr0a25RbQA3_C4KO3dhCrkbQuOnR55W-tIg" />
    <input value="19985" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D25">
    <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/hauschka-med-sole-zahncreme-sensitive-75-ml-19986">
          <img alt="Hauschka Med Sole Zahncreme Sensitive" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10365/file/small-d2557ccb4413faf571ede9d4956c8c12.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10365/file/medium-2ede0258947c4fe0c09d95657bd61613.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10365/file/large-1feca350b332e10c3f5c8ddbefd40080.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10365/file/medium-2ede0258947c4fe0c09d95657bd61613.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">Hauschka</p>
          <a href="/products/hauschka-med-sole-zahncreme-sensitive-75-ml-19986">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Med Sole Zahncreme Sensitive, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sQde2kiZt2vdcC_blMyKdE1zALqniW8frOsdRp2-ozXB-uQF91G8YLWPNwGKmp9BtLBmuYvxxfOwSr786FsbWQ" />
    <input value="19986" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D25">
    <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/hauschka-quitten-korpermilch-145-ml-19987">
          <img alt="Hauschka Quitten Körpermilch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10378/file/small-1cbd6169b3e50916d68c038c94d27672.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10378/file/medium-94e28acc2f7b0bc9b464fa423ef6f7a0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10378/file/large-255a7c194fe069ebb99d301dc3a2c0f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10378/file/medium-94e28acc2f7b0bc9b464fa423ef6f7a0.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">Hauschka</p>
          <a href="/products/hauschka-quitten-korpermilch-145-ml-19987">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Quitten Körpermilch, 145 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.15
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="58HgYn7fDJYmVFS77zneyXLNzAlgpZsEYVMPzLAwCi2XPFq9wRcHnU6rTGHxb8v8iw6qCkzdMeh98qx2xdWyQQ" />
    <input value="19987" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D25">
    <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/hauschka-spulung-150-ml-19988">
          <img alt="Hauschka Spülung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10386/file/small-49ac198fad22db8d8a4155f292d8addf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10386/file/medium-c4977613412519251ec75c383cabc4bd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10386/file/large-330ab652e98bf67454aa34f95c0caefc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10386/file/medium-c4977613412519251ec75c383cabc4bd.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">Hauschka</p>
          <a href="/products/hauschka-spulung-150-ml-19988">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Spülung, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="smnZfZvu-EOIDNh6Iole8S2EMohl1t_Pl2ZIytRHlkjClGOiJCbzSODzwKA830vE1EdUi0mudSOLx-twoaIuJA" />
    <input value="19988" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D25">
    <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/hauschka-lippengold-4-9g-1-stuck-19989">
          <img alt="Hauschka Lippengold 4.9g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10388/file/small-e407cf1efe7241428f55640e7463139c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10388/file/medium-6679beaad820b894da61c28993bd2e60.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10388/file/large-28575307de816997149d89071fb9e201.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10388/file/medium-6679beaad820b894da61c28993bd2e60.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">Hauschka</p>
          <a href="/products/hauschka-lippengold-4-9g-1-stuck-19989">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Lippengold 4.9g, 1 Stück</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 13.10 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r8QUbl93WRrC8zzG7VpQKwAFaqjL2HoC9a7T2nuIVLTfOa6x4L9SEaoMJBzzDEUe-cYMq-eg0O7pD3BgDm3s2A" />
    <input value="19989" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D25">
    <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/hauschka-lippenkosmetikum-4-5ml-1-stuck-19990">
          <img alt="Hauschka Lippenkosmetikum 4.5ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10389/file/small-2f5c015cac0d28359a94e97a39fe6631.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10389/file/medium-5757f656af39c9b729e61f6a8f8fb88a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10389/file/large-6901e35e67d56dbd30c3279d1d90aaac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10389/file/medium-5757f656af39c9b729e61f6a8f8fb88a.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">Hauschka</p>
          <a href="/products/hauschka-lippenkosmetikum-4-5ml-1-stuck-19990">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Lippenkosmetikum 4.5ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kDlkAOTw7KDciFGl1mZNnrq4e9KOls1JmLzziFRjXGngxN7fWzjnq7R3SX_IMFirQ3sd0aLuZ6WEHVAyIYbkBQ" />
    <input value="19990" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D25">
    <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/hauschka-kosmetikspitzer-1-stuck-19991">
          <img alt="Hauschka Kosmetikspitzer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10390/file/small-b075d348f7b1de1fa06f75b6e613033f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10390/file/medium-90445cba60e03fc10f6add6f7ab36c4b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10390/file/large-84e42ccb585abbc063dd5ffed07ce4b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10390/file/medium-90445cba60e03fc10f6add6f7ab36c4b.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">Hauschka</p>
          <a href="/products/hauschka-kosmetikspitzer-1-stuck-19991">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Kosmetikspitzer, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J_TzTTffIg17T06KgjhK-Yj_ef5IOSMNoCDK58a9MwdXCUmSiBcpBhOwVlCcbl_McTwf_WRBieG8gWlds1iLaw" />
    <input value="19991" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D25">
    <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/hauschka-concealer-01-macadamia-2-5ml-1-stuck-19992">
          <img alt="Hauschka Concealer 01 macadamia 2.5ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10391/file/small-c0eca5418b7ab611dfefca610f9666b2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10391/file/medium-0b0157beb410b1a5e74c3591d91b4405.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10391/file/large-ab0d411304d4f858cb5d9010e075b144.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10391/file/medium-0b0157beb410b1a5e74c3591d91b4405.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">Hauschka</p>
          <a href="/products/hauschka-concealer-01-macadamia-2-5ml-1-stuck-19992">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Concealer 01 macadamia 2.5ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1Yhp2-RidU34HQGXRAKZXKjjpEmBzsYPbas9fYiDrqylddMEW6p-RpDiGU1aVIxpUSDCSq22bONxCp7H_WYWwA" />
    <input value="19992" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D25">
    <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/hauschka-concealer-02-chestnut-2-5ml-1-stuck-19993">
          <img alt="Hauschka Concealer 02 chestnut 2.5ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10392/file/small-468ddb9ab33ab35d42b2272dc6ec3a92.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10392/file/medium-664691aadb2c2a06ca4ce878fa3c88d7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10392/file/large-ba3849fe49fd4e00d24a3b0812bb3f75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10392/file/medium-664691aadb2c2a06ca4ce878fa3c88d7.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">Hauschka</p>
          <a href="/products/hauschka-concealer-02-chestnut-2-5ml-1-stuck-19993">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Concealer 02 chestnut 2.5ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XvPlv1jit_zCGnshuT_4JhGq11z-G8pxo1N3hpp2zYguDl9g5yq896rlY_unae0T6GmxX9JjYJ2_8tQ875N15A" />
    <input value="19993" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D25">
    <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/hauschka-light-reflecting-concealer-00-translucent-2-5ml-1-stuck-19994">
          <img alt="Hauschka Light Reflecting Concealer 00 translucent 2.5ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10393/file/small-9499e27a3069deb272defb1fe8fb748a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10393/file/medium-bf8173edee1c6916153b95a67c14d195.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10393/file/large-24bcd2b200f8923a07501792777eaa8f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10393/file/medium-bf8173edee1c6916153b95a67c14d195.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">Hauschka</p>
          <a href="/products/hauschka-light-reflecting-concealer-00-translucent-2-5ml-1-stuck-19994">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Light Reflecting Concealer 00 translucent 2.5ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SxaER26s6RbSmHtt__phfD9dYBYQruWijU9J45s1tKU76z6Y0WTiHbpnY7fhrHRJxp4GFTzWT06R7upZ7tAMyQ" />
    <input value="19994" 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">
      500 von 613 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/naturkosmetik?format=turbo_stream&amp;page=26">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>