<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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D100">
    <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/maske-2in1-black-75-ml-19526">
          <img alt="Maske 2in1 Black" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9964/file/small-b7d9dd343c69ceb3d5601896e8776b36.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9964/file/medium-dbab0b676a16c221311894202a494c34.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9964/file/large-0543b8808bf5ce8ae1aae3985c4c0fae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9964/file/medium-dbab0b676a16c221311894202a494c34.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="/de/products/maske-2in1-black-75-ml-19526">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Maske 2in1 Black, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k7ltWYXEXifIUkcjvnO6xisT2sm__J91PNp58oBKZSkUF__t0e9jo9jnRqoMVda54ALDTWtQmW6jHWAAqAKtIg" />
    <input value="19526" 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D100">
    <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/maske-anti-aging-cream-50-ml-19527">
          <img alt="Maske Anti Aging Cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9965/file/small-c12b3ba368caac8e2ffb4a6dc7d72166.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9965/file/medium-5f74cd335385e3037631ec526fc8921b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9965/file/large-fd52413b936f76719c191f4225b589c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9965/file/medium-5f74cd335385e3037631ec526fc8921b.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="/de/products/maske-anti-aging-cream-50-ml-19527">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Maske Anti Aging Cream, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 79.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QmZq5Dy6lUfIVU0hBCwl0LO9Od7QUOUHlKHNhi_PX87FyPhQaJGow9jgTKi2CkmveKwgWgT84xwLZtR0B4eXxQ" />
    <input value="19527" 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D100">
    <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/maske-hydro-gel-75-ml-19528">
          <img alt="Maske Hydro Gel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9960/file/small-2f2afddcee78b662f689c0a4a2de9278.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9960/file/medium-89c64d8485af42d5137a3421ea86533c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9960/file/large-7995a692fc1504c179393ade4eab5a4d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9960/file/medium-89c64d8485af42d5137a3421ea86533c.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="/de/products/maske-hydro-gel-75-ml-19528">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Maske Hydro Gel, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ieVq_tFCBB18g4yU-LkhhjpdnFMr9NIp8jf0HuBPhBQOS_hKhWk5mWw2jR1Kn0358UyF1_9Y1DJt8O3syAdMHw" />
    <input value="19528" 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D100">
    <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/men-2-phasen-bartol-30-ml-19529">
          <img alt="Men 2 Phasen Bartöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9956/file/small-e7e3d1653fad28c150b5d5eba608f043.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9956/file/medium-cebe59b802ad168c1802e912735eeadb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9956/file/large-7f005020bd015d354252de10f71e83c8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9956/file/medium-cebe59b802ad168c1802e912735eeadb.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="/de/products/men-2-phasen-bartol-30-ml-19529">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Men 2 Phasen Bartöl, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0KeJ64yg8vUFzzL2bSyIjPq6vkmo2uEVCmzcGF7wEfRXCRtf2IvPcRV6M3_fCuTzMaunzXx25w6Vq8XqdrjZ_w" />
    <input value="19529" 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D100">
    <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/men-after-shave-gel-50-ml-19530">
          <img alt="Men After Shave Gel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9957/file/small-747dee91f43a00dd61ad4d66f9498d8f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9957/file/medium-a54bb805e5f225d735d952a501a9415d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9957/file/large-64d721e7d558d6fa16702986a68128a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9957/file/medium-a54bb805e5f225d735d952a501a9415d.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="/de/products/men-after-shave-gel-50-ml-19530">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Men After Shave Gel, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hN2j3YeoHfUqo4lHsUZrtkj3EVddM_mA6T7ipMqXsZoDczFp04MgcToWiM4DYAfJg-YI04mf_5t2-ftW4t95kQ" />
    <input value="19530" 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D100">
    <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/men-anti-aging-gesichtscreme-50-ml-19531">
          <img alt="Men Anti Aging Gesichtscreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9958/file/small-84539e1aca7688601a3c82ba7a07fe0c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9958/file/medium-76f53bb1a9f930caf7e8b9dc3f767ae4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9958/file/large-c751ab92ef086bb971114691c60c2dd9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9958/file/medium-76f53bb1a9f930caf7e8b9dc3f767ae4.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="/de/products/men-anti-aging-gesichtscreme-50-ml-19531">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Men Anti Aging Gesichtscreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EJD2_g0WH07pV5gPmsTqmEr7qaUtofUZe74PD-XjHW-XPmRKWT0iyvnimYYo4obngeqwIfkN8wLkeRb9zavVZA" />
    <input value="19531" 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D100">
    <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/men-reinigung-face-body-200-ml-19532">
          <img alt="Men Reinigung Face &amp; Body" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9962/file/small-95149756dd28bd1247a11d208b201048.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9962/file/medium-1342f4fc1e93539a14a7ee1e23cf2f93.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9962/file/large-3b8be71421b326bfe3beeb4ab07f9bf2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9962/file/medium-1342f4fc1e93539a14a7ee1e23cf2f93.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="/de/products/men-reinigung-face-body-200-ml-19532">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Men Reinigung Face &amp; Body, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y-JzdH8Cu-iSz72VFLVtnjfZrsGQ2NN55mm0rVgYCynkTOHAKymGbIJ6vBymkwHh_Mi3RUR01WJ5rq1fcFDDIg" />
    <input value="19532" 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D100">
    <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/mischhaut-gesichtstonic-150-ml-19533">
          <img alt="Mischhaut Gesichtstonic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9356/file/small-d1d754905c39558c7b913399774ac01c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9356/file/medium-10b2e0058eeb09451b9624357b16e3f8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9356/file/large-50617bc8e8f3f44fdafea5424f349438.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9356/file/medium-10b2e0058eeb09451b9624357b16e3f8.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="/de/products/mischhaut-gesichtstonic-150-ml-19533">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mischhaut Gesichtstonic, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q4tZv8v0D8D3PffCIZoZLNtoIAyPKmsK2kzEmXemmRMsJcsLn98yROeI9kuTvHVTEHk5iFuGbRFFi91rX-5RGA" />
    <input value="19533" 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D100">
    <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/mischhaut-nachtcreme-50-ml-19534">
          <img alt="Mischhaut Nachtcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11509/file/small-38cb8d5a0934e6f05abb50d562bf0c02.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11509/file/medium-0ae23839ba63aad526a6f00a501749b2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11509/file/large-1f4c8ef72756134e11168fc7f2a1f688.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11509/file/medium-0ae23839ba63aad526a6f00a501749b2.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="/de/products/mischhaut-nachtcreme-50-ml-19534">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mischhaut Nachtcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="APp3SwYDmFK2P8eLh1uA63x-3uOCzi4pnAu2GedNfQmHVOX_Uiil1qaKxgI1feyUt2_HZ1ZiKDIDzK_rzwW1Ag" />
    <input value="19534" 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D100">
    <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/mischhaut-reinigungsgel-150-ml-19535">
          <img alt="Mischhaut Reinigungsgel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11510/file/small-fcc5ddb11d1f0c9f6aca872a4a258dfe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11510/file/medium-dd7ba378423acb5ac2e3e542d7cd4238.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11510/file/large-cff83f0756f2c5ac3d51fe32770ff4a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11510/file/medium-dd7ba378423acb5ac2e3e542d7cd4238.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="/de/products/mischhaut-reinigungsgel-150-ml-19535">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mischhaut Reinigungsgel, 150 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 19.93 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c4OMbtx0m6EhpgvbCUxkCbRLb5r5IsgKqbqVaAyjZbL0LR7aiF-mJTETClK7agh2f1p2Hi2OzhE2fYyaJOutuQ" />
    <input value="19535" 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D100">
    <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/mischhaut-tagesfluid-75-ml-19536">
          <img alt="Mischhaut Tagesfluid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9959/file/small-6ec395724f388a3d00fa94e87b3c92ee.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9959/file/medium-17f530c500e58128b0e2c395d91bde79.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9959/file/large-aac3c6e7ca70d6e57abf9c1dc46548ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9959/file/medium-17f530c500e58128b0e2c395d91bde79.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="/de/products/mischhaut-tagesfluid-75-ml-19536">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mischhaut Tagesfluid, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XfufGSHexyB3kNuWrDWxrKf5P1G92gfZ37sJcH0jqKTaVQ2tdfX6pGcl2h8eE93TbOgm1Wl2AcJAfBCCVWtgrw" />
    <input value="19536" 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D100">
    <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/natuperfect-50-ml-19537">
          <img alt="NatuPerfect" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9963/file/small-0150bb9650019352d7a0fd3ed548f404.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9963/file/medium-52fd875ad68aaf4b975b888e2528160e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9963/file/large-d8a7bf496d099378d97e8e56b8718b27.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9963/file/medium-52fd875ad68aaf4b975b888e2528160e.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="/de/products/natuperfect-50-ml-19537">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NatuPerfect, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 56.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q-9hQ-Wm6g7O_tEYeVbUOYrR_rAL7ffjj8QJOLD83xLEQfP3sY3Xit5L0JHLcLhGQcDnNN9B8fgQAxDKmLQXGQ" />
    <input value="19537" 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D100">
    <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/puderlidschatten-beige-2-g-19538">
          <img alt="Puderlidschatten beige" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9961/file/small-3ab2439778bcfcf3f1de7435e4833cf3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9961/file/medium-7d0e9a385e5fb4b79fb51014d4b873de.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9961/file/large-6d0cc02b8c2861d5aca91b3232be150e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9961/file/medium-7d0e9a385e5fb4b79fb51014d4b873de.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="/de/products/puderlidschatten-beige-2-g-19538">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten beige, 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;045.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gI4Bo3-rt-23x-bTnaFIYjgE1CUdWlzPhxp4HRLwEEwHIJMXK4CKaady51ovhyQd8xXNocn2WtQY3WHvOrjYRw" />
    <input value="19538" 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D100">
    <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/puderlidschatten-blue-pearl-2-g-19539">
          <img alt="Puderlidschatten blue pearl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9954/file/small-578aa87a0fcb079a9c6887657ee610ef.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9954/file/medium-963e75a161e021ae36f1ba628b92680d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9954/file/large-8bafe8138eb382437be250d081eb8fad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9954/file/medium-963e75a161e021ae36f1ba628b92680d.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="/de/products/puderlidschatten-blue-pearl-2-g-19539">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten blue pearl, 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;025.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NA1zJBtvFTaw-dU2Nd4AkNDNNmFuOzqUcI2w9mxdvAKzo-GQT0QosqBM1L-H-GzvG9wv5bqXPI_vSqkERBV0CQ" />
    <input value="19539" 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D100">
    <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/puderlidschatten-dark-green-2-g-19540">
          <img alt="Puderlidschatten dark green" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9955/file/small-550d4e9c79cf5acd3e8594ca96171312.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9955/file/medium-44c9e78416a68b2f9b206a3ec55328c8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9955/file/large-179530b8757134b493d8d51ac9d152d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9955/file/medium-44c9e78416a68b2f9b206a3ec55328c8.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="/de/products/puderlidschatten-dark-green-2-g-19540">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten dark green, 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;025.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7UeeC2O0ib6AAhKumGFfpqiJ0cq_eJrEAPDkb53Fhqdq6Qy_N5-0OpC3EycqRzPZY5jITmvUnN-fN_2dtY1OrA" />
    <input value="19540" 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D100">
    <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/puderlidschatten-golden-sand-2-g-19541">
          <img alt="Puderlidschatten golden sand" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9951/file/small-eff82d10f57f16eae5cdbcbd7cfea04d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9951/file/medium-88b17b2c514b488764449dc8111d11a9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9951/file/large-8e0d10e6aaddf6f5d279cd6ae8e2fc4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9951/file/medium-88b17b2c514b488764449dc8111d11a9.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="/de/products/puderlidschatten-golden-sand-2-g-19541">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten golden sand, 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;025.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D01TskPg82szKwT4kziKlzTRqZMVaUDWEFSNyJR9UPWI48EGF8vO7yOeBXEhHubo_8CwF8HFRs2Pk5Q6vDWY_g" />
    <input value="19541" 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D100">
    <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/puderlidschatten-grey-blue-2-g-19542">
          <img alt="Puderlidschatten grey blue" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9953/file/small-e4a0e7b2b91ec8e9c3e252a8697d3d5a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9953/file/medium-47f580f82d07e0d621f4a71094cdd7ab.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9953/file/large-81f491849e2c2a427d420970feaf27ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9953/file/medium-47f580f82d07e0d621f4a71094cdd7ab.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="/de/products/puderlidschatten-grey-blue-2-g-19542">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten grey blue, 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;025.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PkKHUX9Iy4sLXmrJjMwzXY0cUIr_eeazPGDxAgem_DG57BXlK2P2Dxvra0A-6l8iRg1JDivV4Kijp-jwL-40Og" />
    <input value="19542" 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D100">
    <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/puderlidschatten-light-rose-2-g-19543">
          <img alt="Puderlidschatten light rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9950/file/small-54736bc2c136b0f4b531e29ac6f2b133.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9950/file/medium-0073e757fe952cb0e63d669e7e1c9b1e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9950/file/large-c1b184dedbb6a0f1dc8d408218e9ad7e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9950/file/medium-0073e757fe952cb0e63d669e7e1c9b1e.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="/de/products/puderlidschatten-light-rose-2-g-19543">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten light rose, 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;025.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1Um9uv8Ef2ya7x1ig_Zq6jdK4WH_kH8RZCdgHWHGoqlS5y8Oqy9C6IpaHOsx0AaV_Fv45Ss8eQr74HnvSY5qog" />
    <input value="19543" 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D100">
    <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/puderlidschatten-matt-graphite-2-g-19544">
          <img alt="Puderlidschatten matt graphite" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9952/file/small-214b5187adee76c16168b879ffecd044.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9952/file/medium-f39310e4183bc972acabe05c362cbcb3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9952/file/large-7ef5ab009754bce0d5e69f0d456e3c15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9952/file/medium-f39310e4183bc972acabe05c362cbcb3.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="/de/products/puderlidschatten-matt-graphite-2-g-19544">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten matt graphite, 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;025.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jALHtJ2wWSfAOHHp7jbnzqPTqF4roy8KS9VKIeEvPt8LrFUAyZtko9CNcGBcEIuxaMKx2v8PKRHUElPTyWf21A" />
    <input value="19544" 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D100">
    <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/puderlidschatten-matt-ivory-2-g-19545">
          <img alt="Puderlidschatten matt ivory" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9949/file/small-96bd94d8c161b5e69e419ae7d00e3876.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9949/file/medium-b84e7e85bdf90049996f167d24939cbf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9949/file/large-e28084a1a0e58304e348154ffb2a4d10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9949/file/medium-b84e7e85bdf90049996f167d24939cbf.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="/de/products/puderlidschatten-matt-ivory-2-g-19545">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten matt ivory, 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;025.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5EAVTQSbsjTPMn4M44npgGBqYGgDBaVR6OUUi6dxwbhj7of5ULCPsN-Hf4VRr4X_q3t57Nepo0p3Ig15jzkJsw" />
    <input value="19545" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      2&#39;000 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/products?format=turbo_stream&amp;page=101">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>