<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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/de/products/gesichtstonikum-klarend-100-ml-19659">
          <img alt="Gesichtstonikum klärend" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10447/file/small-3d7a1d9735a55a649588b4daad7ac18d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10447/file/medium-7fb0eb7cde5bf0359e1fa0fede86ed37.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10447/file/large-142808aafee06c6ffe0db81352d6062c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10447/file/medium-7fb0eb7cde5bf0359e1fa0fede86ed37.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="/de/products/gesichtstonikum-klarend-100-ml-19659">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gesichtstonikum klärend, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y1bGzfR-2tzosm-it-uPXgHf-y-iMbnKTUrdtc052aN0kquu7sfB-R4aUjEtX0UvqRK80YVHkUfaZWoHdx45IQ" />
    <input value="19659" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/de/products/gesichtswaschcreme-50-ml-cc4059c5-aeee-4166-8187-dd797f417113-19660">
          <img alt="Gesichtswaschcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10449/file/small-ed0f93060829c1751d8f2dae024447f5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10449/file/medium-75742ff75c38730be106a05a87e9cf69.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10449/file/large-c869f7dfe1f10d3bfab5af6da1fcb366.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10449/file/medium-75742ff75c38730be106a05a87e9cf69.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="/de/products/gesichtswaschcreme-50-ml-cc4059c5-aeee-4166-8187-dd797f417113-19660">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gesichtswaschcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZeqBteIxkps_OOSlbAkVNVzoJGkH_ji1s8C6lfIxAeNyLuzW-IiJvsmQ2Tb2vd9E9CVjlyCIEDgk7w0nSBbhYQ" />
    <input value="19660" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/de/products/haartonikum-100-ml-19661">
          <img alt="Haartonikum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10450/file/small-a1162f866dcf5da0a427c913f81a051e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10450/file/medium-4f819a4318dcbd33df011b581a193397.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10450/file/large-3b86f3ed1ce7ed6e26b358586a0c72d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10450/file/medium-4f819a4318dcbd33df011b581a193397.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="/de/products/haartonikum-100-ml-19661">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haartonikum, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nbupYFd1Ag9xzd4NF0MfRorYulVuvNagN5w5q5LiNq2Kf8QDTcwZKodl456N99U3IhX9q0nK_i2gs44ZKMXWLw" />
    <input value="19661" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/de/products/handcreme-50-ml-19662">
          <img alt="Handcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11522/file/small-411cb7adbb92c63a5c02101f1725e993.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11522/file/medium-edb8a301708446057a6e9767d475dc28.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11522/file/large-c51d08726db09013a916e7b97fa8f81f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11522/file/medium-edb8a301708446057a6e9767d475dc28.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="/de/products/handcreme-50-ml-19662">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tj_qoqkaRCVi3NYvHx0Wv4YFyGWYxvkqv4AzCa1BEIRZ-4fBs6NfAJR067yFqdzOLsiPm7-w0acor4S7F2bwBg" />
    <input value="19662" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/de/products/kuhlende-augenampullen-10-x-5-ml-19663">
          <img alt="kühlende Augenampullen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10451/file/small-5bcb4a4ff07c70f139d1504e7c3854b0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10451/file/medium-e0264aca1751eaf83ad48d7d7916d858.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10451/file/large-7b70c0c478bdf38cfda6a6718b9f1bc0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10451/file/medium-e0264aca1751eaf83ad48d7d7916d858.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="/de/products/kuhlende-augenampullen-10-x-5-ml-19663">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">kühlende Augenampullen, 10 x 5 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 68.20 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CTtPHZb7UFWyMNS19ePtsuIhR9i1XGtckR1Nbt-OAlce_yJ-jEJLcESY6SZvVyfDSuwAJpIqQ9EGMvrcZani1Q" />
    <input value="19663" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/de/products/med-mundspulung-salbei-300-ml-19664">
          <img alt="Med Mundspülung Salbei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9394/file/small-8e56b15a7f33b0fc555bd9fd5b14702e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9394/file/medium-8dfa2f989b57b0e8905f85d5a7405c6a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9394/file/large-7be941077b38c97fd5db5d536e892192.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9394/file/medium-8dfa2f989b57b0e8905f85d5a7405c6a.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="/de/products/med-mundspulung-salbei-300-ml-19664">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Med Mundspülung Salbei, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ImoiWb_pHUpWSrs_PLRdszdXu39OLFGilBR4wKlphjE1rk86pVAGb6DihqymAJfCn5r8gWlaeS8DO89yE05msw" />
    <input value="19664" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/de/products/med-minze-zahncreme-forte-75-ml-19665">
          <img alt="Med Minze Zahncreme Forte" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9395/file/small-ee4571e83e00cf7d22762e612e88ae43.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9395/file/medium-07e93cd3a4836be066388d315b75d870.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9395/file/large-cc497f7e48ab8aad7aea435b68eb3864.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9395/file/medium-07e93cd3a4836be066388d315b75d870.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="/de/products/med-minze-zahncreme-forte-75-ml-19665">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Med Minze Zahncreme Forte, 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-19665-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RDg4I83OwPLPhdH6qFMg6z04R-Rmy59ExgRlrx3y2SRT_FVA13fb1zkt7Gky5-qalfUAGkG9t8lRK9Idp9U5pg" />
    <input value="19665" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/de/products/moor-lavendel-pflegeol-75-ml-19666">
          <img alt="Moor Lavendel Pflegeöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10452/file/small-74509c932694363aa3ab94050c67001d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10452/file/medium-422aeb1d033e9addea1c6844ed1c069c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10452/file/large-535ecb0e217233ccb4f10de9b8bad5f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10452/file/medium-422aeb1d033e9addea1c6844ed1c069c.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="/de/products/moor-lavendel-pflegeol-75-ml-19666">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Moor Lavendel Pflegeöl, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="huI94VkWf3-CRmc3okp9NrAnetuybGeOpT-FnsK7PrORJlCCQ69kWnTuWqQ4_rdHGOo9JZUaTwMyEDIseJzeMQ" />
    <input value="19666" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/de/products/nach-der-sonne-150-ml-19667">
          <img alt="Nach der Sonne" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10166/file/small-4fd757eb9aec34719bd4afd7f533caf4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10166/file/medium-3cb16f9d37c026742f20f0e4caf07d51.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10166/file/large-148d93ae84aa17d6f7fd34ecf9765333.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10166/file/medium-3cb16f9d37c026742f20f0e4caf07d51.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="/de/products/nach-der-sonne-150-ml-19667">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nach der Sonne, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.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-19667-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wJb9zE7eJGZ9IiumHh00EJ_ZtOg_mzPeOgaW3A1Q3t3XUpCvVGc_Q4uKFjWEqf5hNxTzFhjtG1OtKSFut3c-Xw" />
    <input value="19667" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/de/products/neem-nagelol-18-ml-19668">
          <img alt="Neem Nagelöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10453/file/small-005b38e1540547a89e5d4b2978cf17c7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10453/file/medium-7bc3e76b3a84fd1787d83fef7f91250a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10453/file/large-0693a318dcf74a8658d92d189dc5e7fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10453/file/medium-7bc3e76b3a84fd1787d83fef7f91250a.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="/de/products/neem-nagelol-18-ml-19668">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Neem Nagelöl, 18 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3VVYjzDcGwCsMPz4AlLSIpvHhjl78gzlrC1QMbGkG8TKkTXsKmUAJVqYwWuY5hhTMwrBx1yEJGg7AueDC4P7Rg" />
    <input value="19668" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/de/products/neem-nagelolstift-3-ml-19669">
          <img alt="Neem Nagelölstift" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9396/file/small-b2fafeb618aea48bb40f17a5220ad6c9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9396/file/medium-8d1d2d200f07a1a7525ba37bdb4463f5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9396/file/large-54b64f66e220c8de21facac6f09922c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9396/file/medium-8d1d2d200f07a1a7525ba37bdb4463f5.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="/de/products/neem-nagelolstift-3-ml-19669">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Neem Nagelölstift, 3 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w4M5tZlI6-ewi4GxpBJRCifkEN4b7asyEj27mzn8xK_UR1TWg_HwwkYjvCI-ppt7jylXIDybg7-FEgwpg9skLQ" />
    <input value="19669" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/de/products/quitten-tagescreme-30-ml-19670">
          <img alt="Quitten Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10455/file/small-db518cc5ecc2beaa9535c6f7467e9839.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10455/file/medium-ed6f88e6e905e136e61e9e74bb6299ba.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10455/file/large-d265126ac14d974d859e40f63538eb24.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10455/file/medium-ed6f88e6e905e136e61e9e74bb6299ba.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="/de/products/quitten-tagescreme-30-ml-19670">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Quitten Tagescreme, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G_e4kUbJuXEKSF8ldpuExgWA-VPzMvdWYnK0VlvxDC0MM9XyXHCiVPzgYrbsL063rU2-rdRE39v1XQPk4dbsrw" />
    <input value="19670" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/de/products/regeneration-augenpflege-15-ml-19671">
          <img alt="Regeneration Augenpflege" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9397/file/small-d04ac3db59520508400bd09b7e1ec6f7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9397/file/medium-e193d49626373acf6bed5c734e1bbbee.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9397/file/large-1ec611c5134f588c3c0d26e751d05285.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9397/file/medium-e193d49626373acf6bed5c734e1bbbee.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="/de/products/regeneration-augenpflege-15-ml-19671">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Regeneration Augenpflege, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 72.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EeTHTVh4Ftt-BKfkMX9m-6mJrhQ4tMgZuFIGK3mEaP8GIKouQsEN_oismnery6yKAUTp6h_C4JQvfbGZw6OIfQ" />
    <input value="19671" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/de/products/regeneration-korperbalsam-150-ml-19672">
          <img alt="Regeneration Körperbalsam" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10442/file/small-bdbf240d0ca792184a15f7eb21e6771d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10442/file/medium-56696bab04e1d2477f7cee2f572c3227.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10442/file/large-0f032b774f5b8c2e6ef305cd04e24497.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10442/file/medium-56696bab04e1d2477f7cee2f572c3227.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="/de/products/regeneration-korperbalsam-150-ml-19672">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Regeneration Körperbalsam, 150 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 33.27 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tb0dVTfh01z4Y9-Tin4-2ACVlUb_R-yB9ILQKlBDa1WieXA2LVjIeQ7L4gAQyvSpqFjSuNgxxAxjrWeY6mSL1w" />
    <input value="19672" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/de/products/regeneration-tag-und-nachtserum-30-ml-19673">
          <img alt="Regeneration Tag- und Nachtserum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10444/file/small-180e454928aecab3a4698d1743caebd4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10444/file/medium-6b8ba1f73d42610f5f94180d76265b5c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10444/file/large-23cfa1670808ebb192f411870f6043d8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10444/file/medium-6b8ba1f73d42610f5f94180d76265b5c.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="/de/products/regeneration-tag-und-nachtserum-30-ml-19673">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Regeneration Tag- und Nachtserum, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 76.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Gz9xxsTORPNP9BGN6ns-eJvc4EePCH-D4uUZJDLZIwQM-xyl3ndf1rlcLB5wz_QJMxGnuah-Vw51yq6WiP7Dhg" />
    <input value="19673" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/de/products/regeneration-tagescreme-40-ml-19674">
          <img alt="Regeneration Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10445/file/small-95385c8860528138a05dbe013bbfbf2f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10445/file/medium-56a7efa8fe1f73b014a9dd49c42b2c25.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10445/file/large-927b53d31b6d3cb2d3967b5b4cc00ea7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10445/file/medium-56a7efa8fe1f73b014a9dd49c42b2c25.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="/de/products/regeneration-tagescreme-40-ml-19674">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Regeneration Tagescreme, 40 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 72.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vvdwBl-bIy8Qhebe0FjtlzyAH3sqCaFW8svbXzalZSGpMx1lRSI4CuYt201K7CfmlE1YhQ1_idtl5GztjIKFow" />
    <input value="19674" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/de/products/regeneration-tagescreme-intensiv-40-ml-19675">
          <img alt="Regeneration Tagescreme Intensiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10443/file/small-66b43e2189a13d3f7d33e907e7432446.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10443/file/medium-02a3fcf4d4dcef3ef902c9fd2a41b20d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10443/file/large-3a2597e1f6ca6b8d5b273e2d5c9511a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10443/file/medium-02a3fcf4d4dcef3ef902c9fd2a41b20d.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="/de/products/regeneration-tagescreme-intensiv-40-ml-19675">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Regeneration Tagescreme Intensiv, 40 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 85.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6yHS9Tq4-00tzvXGRPGWKO0K1mc7AvNWPho471I_rhb85b-WIAHgaNtmyFXeRVxZRceRmRx029upNY9d6BhOlA" />
    <input value="19675" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/de/products/reinigungsbalsam-75-ml-19676">
          <img alt="Reinigungsbalsam" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10456/file/small-b1c2abe7b20ffe60b960024f5b698572.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10456/file/medium-1a1a9ad8deb827aa03adfc2facac11d2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10456/file/large-b49be741c45d81194328d6c3e57cf1ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10456/file/medium-1a1a9ad8deb827aa03adfc2facac11d2.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="/de/products/reinigungsbalsam-75-ml-19676">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reinigungsbalsam, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9h4vZrHq0tbC-_vK82lCYKcsVLjpcPPfXaE2hlOZOu3h2kIFq1PJ8zRTxllp3YgRD-ETRs4G21LKjoE06b7abw" />
    <input value="19676" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/de/products/reinigungsmilch-145-ml-19677">
          <img alt="Reinigungsmilch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10458/file/small-44d431d08555f701fdf3fcc3a84ef10f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10458/file/medium-d05f76024e87ef8a2bf587b13ed71925.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10458/file/large-e3bec2be96749b707c14419b6740513c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10458/file/medium-d05f76024e87ef8a2bf587b13ed71925.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="/de/products/reinigungsmilch-145-ml-19677">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reinigungsmilch, 145 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gfq9Na78o3ugBjEeRvoM29NwNFKKXEaB92xGAn0iOUiWPtBWtEW4XlauDI3cTsaqe71zrK0qbgxgQ_GwxwXZyg" />
    <input value="19677" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/de/products/revitalisierende-maske-30-ml-19678">
          <img alt="Revitalisierende Maske" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9398/file/small-c34fad8ae597babec060141c860c35c3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9398/file/medium-6cb33fa6e4922f35dc3358adf6daac45.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9398/file/large-8c19ebb8b1f8630da9735775e9026a10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9398/file/medium-6cb33fa6e4922f35dc3358adf6daac45.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="/de/products/revitalisierende-maske-30-ml-19678">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Revitalisierende Maske, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.15
            </p>

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

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

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

</template></turbo-stream>