<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%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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-50ml-1-stuck-19923">
          <img alt="Börlind Energynature Nachtcreme 50ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10299/file/small-273b7345872a94936d77066ac92affa1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10299/file/medium-dd6f2a09bb81486c9090275aaeb4536e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10299/file/large-0f68aea46fa78cc7ff1871f04239d48f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10299/file/medium-dd6f2a09bb81486c9090275aaeb4536e.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-50ml-1-stuck-19923">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Energynature Nachtcreme 50ml, 1 Stück</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 36.50 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PIn75iye70KGpyG3FlVhCnIkf7pzol_vfg1kGR4-zigxiuWO2QJE1An_7L-Jwk3Gg4joO9I0OZlfq5kRsX_KWA" />
    <input value="19923" 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%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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-15ml-1-stuck-19925">
          <img alt="Börlind Beauty Shot Hydro Booster 15ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10301/file/small-1dd783f1d2069912927c3a7a61982ca7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10301/file/medium-c0bb3d0ca2b491e46c1f705672643f66.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10301/file/large-73fc02e9e28c9bb69ff93c49ff30c818.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10301/file/medium-c0bb3d0ca2b491e46c1f705672643f66.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-15ml-1-stuck-19925">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Beauty Shot Hydro Booster 15ml, 1 Stück</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 49.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uKG7_2rWbg5K2xs3SqgqQEYAMpTpdaqM9lQwWAFdlma1oqWXn0rFmMWD1j_VPwaMt6ylFUjjzPrX8s1QrhySFg" />
    <input value="19925" 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%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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-15ml-1-stuck-19926">
          <img alt="Börlind Rose Nature Augencreme Gel 15ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10302/file/small-e4ad13031a8307f45296257552123501.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10302/file/medium-6ead98983425e0e6f8a35d27c4bf75c8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10302/file/large-967d0aea6492725beb3bab90270727b6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10302/file/medium-6ead98983425e0e6f8a35d27c4bf75c8.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-15ml-1-stuck-19926">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Rose Nature Augencreme Gel 15ml, 1 Stück</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 62.90 / Stk.
            </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="ZDC7pbzeF0huYnySEBeNKfoYOCNXEsJJ3mSBL3bzl9lpM6XNSUK83uE6sZqPgKHlC7SvovaEpD__wnwn2bKTqQ" />
    <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%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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-150ml-1-stuck-19927">
          <img alt="Börlind Purifying Care Reinigungsgel 150ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10303/file/small-14ad01bb3c4bcf0fdf8c843a5f338507.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10303/file/medium-949edcbdfd25e655cfa4ef8efc1c089d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10303/file/large-f8785507486d84cf155786a6059d9b51.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10303/file/medium-949edcbdfd25e655cfa4ef8efc1c089d.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-150ml-1-stuck-19927">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Purifying Care Reinigungsgel 150ml, 1 Stück</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 / Stk.
            </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="PGeZrJrxkl9Xb-aDKU-rrF9kprYwWPP4zE09c8oZqSMxZIfEb205ydg3K4u22IdgrsgxN5HOlY7t68B7ZVitUw" />
    <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%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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-105ml-1-stuck-19966">
          <img alt="Dr. Bronners Zahnpasta Spearmint 105ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10332/file/small-285abcf1b44a6c67d1106b0ca087c39a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10332/file/medium-88d0ea37d279eeac63dffd44e0f413e0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10332/file/large-aeca006f7db8cc59570a026448244cb8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10332/file/medium-88d0ea37d279eeac63dffd44e0f413e0.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-105ml-1-stuck-19966">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dr. Bronners Zahnpasta Spearmint 105ml, 1 Stück</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.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Hjm7bUgNyxh67mtbutxoNvFjsIX14xggk--1fPVmMQcTOqUFvZFgjvW2plMlS0T6AM8nBFR1flaySUh0Wic1dw" />
    <input value="19966" 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%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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-30ml-1-stuck-19979">
          <img alt="Hauschka Aprikosen Tagescreme 30ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10350/file/small-e81f343b76e7ce804291445a7ff24f7a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10350/file/medium-3fe56b24bdd6d71fb1f3606ea3973816.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10350/file/large-4d4034b53397e57fb96b391b160225d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10350/file/medium-3fe56b24bdd6d71fb1f3606ea3973816.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-30ml-1-stuck-19979">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Aprikosen Tagescreme 30ml, 1 Stück</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 34.10 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JYjbL2K2vXit_zywg8MTS2n9Kf7hlZgPn4k9-kpVdCwoi8VHlyoW7iKn8bgcVD-HmFG-f0AD_nm-L8Dy5RRwXA" />
    <input value="19979" 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%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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-75ml-1-stuck-19980">
          <img alt="Hauschka Med Sole Zahncreme Sensitive 75ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10357/file/small-66ea704ddbb01efbf810828ff78ebc20.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10357/file/medium-42c7a5f9d0154228234e45a4e6dbb3aa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10357/file/large-311ab9c7048c5d88a78398f0ee2c4947.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10357/file/medium-42c7a5f9d0154228234e45a4e6dbb3aa.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-75ml-1-stuck-19980">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Med Sole Zahncreme Sensitive 75ml, 1 Stück</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 7.50 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t7KkxggRWsOiGu-O-4VRQdnjkrFGVPnsr85WjDsgDxG6sbqu_Y3xVS1CIoZkEn2NKE8FMOfCn5qOaKuElGELYQ" />
    <input value="19980" 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%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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-19983">
          <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/10380/file/small-0e732cfcd00ba64e24ea400823cf8bbd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10380/file/medium-0360077b1d0bd84d0dc580ff33700923.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10380/file/large-59ac3533ba1e8a9ba5378771da293b15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10380/file/medium-0360077b1d0bd84d0dc580ff33700923.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-19983">
            <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-19983-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9B1_TXbS5WFvY27h5vVSKtEudbicwWrVLLTzQCYMRJf5HmElg05O9-A7o-l5Yn7mIILiOT1XDKMNEg5IiU1A5w" />
    <input value="19983" 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%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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-19984">
          <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/10381/file/small-72a3b2498d888500017858360180db1a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10381/file/medium-bf496fffcd242fe3fd070f4aec49a801.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10381/file/large-59541b964604d5b63395fafdc38c629a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10381/file/medium-bf496fffcd242fe3fd070f4aec49a801.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-19984">
            <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-19984-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HVaLWJcJnsK8JJdsNBHpxN9DpnmaXTxxHVOb3J4CJWAQVZUwYpU1VDN8WmSrhsUILu8x-DvLWgc89WbUMUMhEA" />
    <input value="19984" 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%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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/jolu-baby-wind-und-wetter-creme-50ml-1-stuck-20053">
          <img alt="Jolu Baby Wind und Wetter Creme 50ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10460/file/small-06d3cd1bd8fb8b84ed386a7adf0a11e4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10460/file/medium-692077d8fcf62ed6dddc0d4270850ea6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10460/file/large-dcd426eb3d348103573025e8be405d74.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10460/file/medium-692077d8fcf62ed6dddc0d4270850ea6.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">Jolu</p>
          <a href="/products/jolu-baby-wind-und-wetter-creme-50ml-1-stuck-20053">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jolu Baby Wind und Wetter Creme 50ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qm26FsgDHBMamv5O-9tCli7kEZqhItgcsXAkETV5wMenbqR-PZ-3hZXCM0ZkTG5a30iGGwC0vmqQ1tkZmjjEtw" />
    <input value="20053" 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%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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/liebwerk-zahnburste-erwachsene-soft-nadelbaum-1stk-fsc-1-stuck-20073">
          <img alt="Liebwerk Zahnbürste Erwachsene soft Nadelbaum 1Stk FSC" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10516/file/small-93f6fb53849fe23807dd174da76f7064.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10516/file/medium-cf96fe708b46f05221e8841660f15811.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10516/file/large-307b9b27e8d994410170612fc1c560b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10516/file/medium-cf96fe708b46f05221e8841660f15811.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">Liebwerk</p>
          <a href="/products/liebwerk-zahnburste-erwachsene-soft-nadelbaum-1stk-fsc-1-stuck-20073">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liebwerk Zahnbürste Erwachsene soft Nadelbaum 1Stk FSC, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sDhS0J2ppbJQqT2HEel-jPWLfNgz6M7AvUDUH069Yq-9O0y4aDUOJN_x8I-OflJABCfrWZJ-qLac5ikX4fxm3w" />
    <input value="20073" 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%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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/liebwerk-zahnburste-erwachsene-medium-laubbaum-fsc-1-stuck-20074">
          <img alt="Liebwerk Zahnbürste Erwachsene medium Laubbaum FSC" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10517/file/small-20837d1281a213b6f56f22b960fca346.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10517/file/medium-6df48e04fdc85eea1d674d836fa66e53.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10517/file/large-a10aeaf3548a94a859c011901e95d62d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10517/file/medium-6df48e04fdc85eea1d674d836fa66e53.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">Liebwerk</p>
          <a href="/products/liebwerk-zahnburste-erwachsene-medium-laubbaum-fsc-1-stuck-20074">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liebwerk Zahnbürste Erwachsene medium Laubbaum FSC, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JFVDcdj74324D7gHaFMn_64kaSa3WoTN2kk8pbbtIfspVl0ZLWdI6zdXdQ_3xAszX4j-pxbM4rv778GtGawliw" />
    <input value="20074" 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%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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-men-augencreme-15ml-1-stuck-20134">
          <img alt="Börlind Men Augencreme 15ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10699/file/small-9d600b53b33a5234af1693b14eb76cfc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10699/file/medium-677d6129430d0358ba1cbdca89bc9820.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10699/file/large-5b72397aa3e21c0999c1af60869ca010.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10699/file/medium-677d6129430d0358ba1cbdca89bc9820.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-men-augencreme-15ml-1-stuck-20134">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Men Augencreme 15ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tT9OTgq7AlHGSQxVB12OijX7WcqmgruwnSrX_EVnmj64PFAm_yepx0kRwV2YyqJGxFfOSwcU3ca8jCr06iaeTg" />
    <input value="20134" 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%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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/weleda-kids-zahngel-mit-fluorid-50ml-1-stuck-20140">
          <div class="py-4 w-full h-full flex items-center justify-center bg-gray-100 max-h-72">
            <span class="text-gray-400">No Image</span>
          </div>
</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">Weleda</p>
          <a href="/products/weleda-kids-zahngel-mit-fluorid-50ml-1-stuck-20140">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weleda Kids Zahngel mit Fluorid 50ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kOyk5uo-1cnaHJ7wKqFI9UhiLly7HNG5cs1qD3OQPdSd77qOH6J-X1VEU_i1NmQ5uc653RqKt89Ta5cH3NE5pA" />
    <input value="20140" 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%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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/ceres-spezialpflege-viola-50ml-1-stuck-20172">
          <img alt="Ceres Spezialpflege Viola 50ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10808/file/small-87e7ed796a3badf854e429734c84234b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10808/file/medium-1f0b0be3821675a665851681025c48c4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10808/file/large-710d942da39d91697aa0ff60444a4934.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10808/file/medium-1f0b0be3821675a665851681025c48c4.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">Ceres</p>
          <a href="/products/ceres-spezialpflege-viola-50ml-1-stuck-20172">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ceres Spezialpflege Viola 50ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xu16fwZnp-_jBfcC_HMhC3kvQDni9fAIyngIM5QwBwRT7mQX8_sMeWxdOgpj5A3HiIPXuENjln7r3vU7O3EDdA" />
    <input value="20172" 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%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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/ceres-spezialpflege-centaurium-50ml-1-stuck-20173">
          <img alt="Ceres Spezialpflege Centaurium 50ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10809/file/small-7d1bacaa7afc342bd75e4bcc70b31bf9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10809/file/medium-c0eedfc947ea8d3c1f4c872ead50f761.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10809/file/large-d7a762dde11de5b5f60075240a41babc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10809/file/medium-c0eedfc947ea8d3c1f4c872ead50f761.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">Ceres</p>
          <a href="/products/ceres-spezialpflege-centaurium-50ml-1-stuck-20173">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ceres Spezialpflege Centaurium 50ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ygSVhGW9IHt5lTMoQR7rHALbx6Ofgmzh4klhsm1xhgfHB4vskCGL7fbN_iDeicfQ83dQIj4UCpfD75y6wjCCdw" />
    <input value="20173" 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%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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/ceres-spezialpflege-calendula-50ml-1-stuck-20174">
          <img alt="Ceres Spezialpflege Calendula 50ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10811/file/small-340326e108bd41a9552dcd294675a24f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10811/file/medium-5bcfbad61444f17688824a66b7e6f9fd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10811/file/large-64ca52959716cd0cafd29a6853cc9312.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10811/file/medium-5bcfbad61444f17688824a66b7e6f9fd.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">Ceres</p>
          <a href="/products/ceres-spezialpflege-calendula-50ml-1-stuck-20174">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ceres Spezialpflege Calendula 50ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BrVFKFeIcDLkuJoffMbWLsj9SmkBspCUln0DUdpTp_cLtltAohTbpGvgVxfjUfriOVHd6KAk9uK32_5ZdRKjhw" />
    <input value="20174" 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%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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/aryalaya-rose-regeneration-tag-nachtpflege-50ml-1-stuck-20177">
          <img alt="AryaLaya Rose Regeneration Tag &amp; Nachtpflege 50ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10813/file/small-b4b51274645d12c7dbf1f4d35f5ca16e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10813/file/medium-03fbdd29d1f1984502d902d01be4ca37.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10813/file/large-8279aff7b85bb8331a3113f97ef533e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10813/file/medium-03fbdd29d1f1984502d902d01be4ca37.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">AryaLaya</p>
          <a href="/products/aryalaya-rose-regeneration-tag-nachtpflege-50ml-1-stuck-20177">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AryaLaya Rose Regeneration Tag &amp; Nachtpflege 50ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7AP4Lgu-xObjQXfU2jNZvXlNlgR_yESq1AaM64yuTjThAOZG_iJvcGwZutxFpHVxiOEBhd5eItz1oHHjI-9KRA" />
    <input value="20177" 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%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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/weleda-junior-zahngel-mit-fluorid-50ml-1-stuck-20197">
          <img alt="Weleda Junior Zahngel mit Fluorid 50ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10836/file/small-4004642106614e76ebc779199c46312c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10836/file/medium-2afc36b2232ca65650175b8aec3d734e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10836/file/large-d51bff87b28fd90da4041ff72518c805.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10836/file/medium-2afc36b2232ca65650175b8aec3d734e.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">Weleda</p>
          <a href="/products/weleda-junior-zahngel-mit-fluorid-50ml-1-stuck-20197">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weleda Junior Zahngel mit Fluorid 50ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B98jozZ5_Hz2doU6VSCiQUYFj1bFoer0IQchPRasnekK3D3Lw-VX6nkuSDLKt46Nt6kY12Q3jIIAodw1ue2ZmQ" />
    <input value="20197" 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%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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/five-make-up-entferner-50ml-1-stuck-20272">
          <img alt="Five Make-Up Entferner 50ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11028/file/small-89b7710e69a9eeecb42a1bec9e596e68.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11028/file/medium-a863b8b7967946031d5b2b7cbd057c9c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11028/file/large-6456f63afc60ab844154e38d5e97eb75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11028/file/medium-a863b8b7967946031d5b2b7cbd057c9c.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">Five Skincare</p>
          <a href="/products/five-make-up-entferner-50ml-1-stuck-20272">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Five Make-Up Entferner 50ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rfTIYiSOgChrzIHYweK8lsQDE-HAwVKq8NmH-wRmivyg99YK0RIrvuSUTNBedZBaNa-EYGFXNNzRf3rzqyeOjA" />
    <input value="20272" 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">
      160 von 166 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/naturkosmetik/gesichtspflege?format=turbo_stream&amp;page=9">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>