<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%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D10">
    <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/colour-correcting-powder-02-calming-8-g-20086">
          <img alt="Colour Correcting Powder 02 calming" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10500/file/small-076c6175cd9620c9f2f231303590eeb0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10500/file/medium-02b85c57c352f99c3babda9b019f525f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10500/file/large-f6fd1f1ef571fcf301d6c7687d3cc36d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10500/file/medium-02b85c57c352f99c3babda9b019f525f.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/colour-correcting-powder-02-calming-8-g-20086">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Colour Correcting Powder 02 calming, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k69oIGv7vMyrzc4n5zncMinU6ICzOwkyUZ4SHEYromHFzfq72_EvgQXugBKltyxwGPKH_-2Ga3P3b1o-yw2G9Q" />
    <input value="20086" 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%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D10">
    <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/compact-powder-00-translucent-8-g-20087">
          <img alt="Compact Powder 00 translucent" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10501/file/small-4a936a8c64ad8d3db41236fc71821d1d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10501/file/medium-175a5c429929c885a99b9a2a9a43f491.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10501/file/large-1496c2298aad4848bcf1a2e5bc2cc1fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10501/file/medium-175a5c429929c885a99b9a2a9a43f491.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/compact-powder-00-translucent-8-g-20087">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Compact Powder 00 translucent, 8 g</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 436.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="22ynWoKHv4RyVKYgqYa-ZZ9I_3EAxT8Ab8BE7Blz5HyNDjXBMo0sydx36BXrCE4nrm6QDl54XUHJMQzOlFXA6A" />
    <input value="20087" 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%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D10">
    <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/bronzing-powder-bronze-10-g-20088">
          <img alt="Bronzing Powder bronze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10502/file/small-717cafaf47533d06ea7ad5ab53160c23.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10502/file/medium-e98480e7dd87c0486c07fb6b0be62a37.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10502/file/large-eb64c50aa3d69fa058aaeb7db906ce7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10502/file/medium-e98480e7dd87c0486c07fb6b0be62a37.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/bronzing-powder-bronze-10-g-20088">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bronzing Powder bronze, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 38.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8HwZlMCZp5cW1QChEEw5ZGLhBFzrRZptoZRPKm860DemHosPcJM02rj2TpRSwskmU8drI7X4-CwHZQcI4hz0ow" />
    <input value="20088" 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%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D10">
    <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/defining-mascara-01-black-6-ml-20089">
          <img alt="Defining Mascara 01 black" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10503/file/small-95a726a921129be7952a9a5755199e42.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10503/file/medium-57cd97a20e3e711ec17839ee2f5f277c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10503/file/large-5c04990f0bdfbe763a7fafb1881980ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10503/file/medium-57cd97a20e3e711ec17839ee2f5f277c.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/defining-mascara-01-black-6-ml-20089">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Defining Mascara 01 black, 6 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YN18_EqbnZ1HQ4IHaWFL9hYukURUquLkgL8mF48OOsw2v-5n-pEO0OlgzDIr77u0Jwj-OwoXgKUmTm41AigeWA" />
    <input value="20089" 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%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D10">
    <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/defining-mascara-02-brown-6-ml-20090">
          <img alt="Defining Mascara 02 brown" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10504/file/small-a29dbd96f604e0c0dd5193c3b89c6ee4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10504/file/medium-5725009d2d0834921d321d6105031d2b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10504/file/large-08be6fbd666cb0ca5bc665083bb2545c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10504/file/medium-5725009d2d0834921d321d6105031d2b.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/defining-mascara-02-brown-6-ml-20090">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Defining Mascara 02 brown, 6 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ceUeErEH3oXMFBtuqvhA5vW7I6ZMgM88FsnLLFGZqxInh4yJAQ1NyGI3VVvodrCkxJ1M2RI9rX2wOIMO3L-Phg" />
    <input value="20090" 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%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D10">
    <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/volume-mascara-02-brown-8-ml-20091">
          <img alt="Volume Mascara 02 brown" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10505/file/small-52eee62a424b35305ef6de61bf4afe1f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10505/file/medium-fbbafca77cd40b6208815f8f0309781f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10505/file/large-6c74b992e015703f817cbeaf130b5b78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10505/file/medium-fbbafca77cd40b6208815f8f0309781f.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/volume-mascara-02-brown-8-ml-20091">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Volume Mascara 02 brown, 8 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dZxbS6SNXWXOPZJeIOOZk8tz6ar0Oi3lmiBzOqFiiOEj_snQFIfOKGAe3GtibWnR-lWG1aqHT6Q80TsYLESsdQ" />
    <input value="20091" 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%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D10">
    <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/volume-mascara-01-black-8-ml-20092">
          <img alt="Volume Mascara 01 black" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10506/file/small-23ac3d2025747c57cfa5b10f844f7cf6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10506/file/medium-7c817b570a583629cca45db6532f87d7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10506/file/large-08b8b22198c17de87671d7decd932a0d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10506/file/medium-7c817b570a583629cca45db6532f87d7.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/volume-mascara-01-black-8-ml-20092">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Volume Mascara 01 black, 8 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iiOP1hUm2YtyrNLGu-j8EKzUa0Q0ZXSOxTh8v6z9qSLcQR1NpSxKxtyPnPP5ZgxSnfIEO2rYFs9jyTSdIduNtg" />
    <input value="20092" 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%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D10">
    <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/brow-lash-gel-00-translucent-6-ml-20093">
          <img alt="Brow &amp; Lash Gel 00 translucent" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10507/file/small-fdff66c6f3d4032340d9b2c7b982581f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10507/file/medium-918dc67278c95cad8a8112f9fbe15399.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10507/file/large-40644fea45340eebf1ce412307d79d25.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10507/file/medium-918dc67278c95cad8a8112f9fbe15399.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/brow-lash-gel-00-translucent-6-ml-20093">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brow &amp; Lash Gel 00 translucent, 6 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dWC2jXeq25HLs6K22rArU6qNPbiFIbkzCwzKSXCgNgEjAiQWx6BI3GWQ7IOYPtsRm6tSx9uc23Kt_YJr_YYSlQ" />
    <input value="20093" 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%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D10">
    <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/eye-definer-05-taupe-1-05g-1-stuck-20094">
          <img alt="Eye Definer 05 taupe 1.05g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10508/file/small-e7c245694d72d6a1bf53ef74456c9a8c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10508/file/medium-949b548a75a49083d163530e277142a9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10508/file/large-c9333db7b280d4e73cd84da12ecb1c86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10508/file/medium-949b548a75a49083d163530e277142a9.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/eye-definer-05-taupe-1-05g-1-stuck-20094">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eye Definer 05 taupe 1.05g, 1 Stück</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 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xwOlzRAUrt2L7Ujp9iCnKfWTG5Er2M4ywGWJMl6DTFiRYTdWoB49kCXOBty0rldrxLV07nVlrHNmlMEQ06VozA" />
    <input value="20094" 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%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D10">
    <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/eye-definer-02-brown-1-05g-1-stuck-20095">
          <img alt="Eye Definer 02 brown 1.05g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10509/file/small-a3951b94493ccd165b541930fc6b62b9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10509/file/medium-6005124a6e8e58f40c5b7d2cef4d21d2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10509/file/large-8d54b937fc6b071f2d9e7fb5845700cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10509/file/medium-6005124a6e8e58f40c5b7d2cef4d21d2.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/eye-definer-02-brown-1-05g-1-stuck-20095">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eye Definer 02 brown 1.05g, 1 Stück</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 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z20-FNyMLE0wx7sj7_cuGJqhi6ycO7DO0yDyzEbYjEIxD6yPbIa_AJ7k9Rated5aq4fk08KG0o910bruy_6o1g" />
    <input value="20095" 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%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D10">
    <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/eye-definer-01-black-1-05g-1-stuck-20096">
          <img alt="Eye Definer 01 black 1.05g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10510/file/small-304c5487a39e9633a35c74461f764762.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10510/file/medium-d4c87877cf868322c0dd972d5e59013d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10510/file/large-65111ccd0673450d61069c92c79d28e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10510/file/medium-d4c87877cf868322c0dd972d5e59013d.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/eye-definer-01-black-1-05g-1-stuck-20096">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eye Definer 01 black 1.05g, 1 Stück</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 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O0ya9NldpK8kGfmZTeR2DMjpsP3nnrAYjLedsDpifrptLghvaVc34oo6t6wPaoZO-c_fgrkj0lkqRtWSt0RaLg" />
    <input value="20096" 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%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D10">
    <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/eyebrow-definer-01-light-brown-1-05g-1-stuck-20097">
          <img alt="Eyebrow Definer 01 light brown 1.05g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10511/file/small-c43f68e9add84c4b372b3226329c45be.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10511/file/medium-495ebaaa4915845517828bea2d38b2f9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10511/file/large-a3beb3943238c7d06584aae00d93e4fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10511/file/medium-495ebaaa4915845517828bea2d38b2f9.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/eyebrow-definer-01-light-brown-1-05g-1-stuck-20097">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eyebrow Definer 01 light brown 1.05g, 1 Stück</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 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WUTrV7RpVwJi_gDIFqLDi5NgXLAVyv8J7L0NVCf6HtIPJnnMBGPET8zdTv1ULDPJokYzz0t3nUhKTEV2qtw6Rg" />
    <input value="20097" 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%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D10">
    <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/eyebrow-definer-02-dark-brown-1-05g-1-stuck-20098">
          <img alt="Eyebrow Definer 02 dark brown 1.05g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10512/file/small-ebfb1efea1022dcc7ef1ed01afc561f8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10512/file/medium-ce2ca6e252eb08115919432d7d117c11.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10512/file/large-ec37a8eca1096274256d816a8f886c9a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10512/file/medium-ce2ca6e252eb08115919432d7d117c11.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/eyebrow-definer-02-dark-brown-1-05g-1-stuck-20098">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eyebrow Definer 02 dark brown 1.05g, 1 Stück</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 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dh-2uF7M96X-XlaCM6monYBfbxxGMh_fewEZeQstHyFYfSQj7sZk6FB9GLdxJ1jfsXkAYxiPfZ7d8FFbhgs7tQ" />
    <input value="20098" 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%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D10">
    <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/blush-01-raspberry-5-g-20099">
          <img alt="Blush 01 raspberry" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10513/file/small-1d7b8030c592b35bc7cc17ebb75cccce.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10513/file/medium-59329c9c3b1daa0b006f2e68ec4eb847.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10513/file/large-5ff888e6c4d6baee2eb77245f191e72c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10513/file/medium-59329c9c3b1daa0b006f2e68ec4eb847.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/blush-01-raspberry-5-g-20099">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Blush 01 raspberry, 5 g</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 598.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QWB-0DZlBwBOWPCwX3i8K91RkqKiB5HTF5gS56wWicMXAuxLhm-UTeB7voUd9kxp7Hf93fy685KxaVrFITCtVw" />
    <input value="20099" 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%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D10">
    <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/blush-02-apricot-5-g-20100">
          <img alt="Blush 02 apricot" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10515/file/small-1a759bcd688c7d566d429b0b287c3365.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10515/file/medium-1a96189c757c0e820db892f33c227d2b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10515/file/large-fbd7e70a6dd19234a8c653a1d8c9bbb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10515/file/medium-1a96189c757c0e820db892f33c227d2b.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/blush-02-apricot-5-g-20100">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Blush 02 apricot, 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i8LHvjdAJl2LQd6kpkTz4HEn6aqGiB2CEluZJ5FnZjrdoFUlh0q1ECVikJHkygOiQAGG1dg1f8O0qtEFHEFCrg" />
    <input value="20100" 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%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D10">
    <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/eyeshadow-04-verdelite-1-4g-1-stuck-20101">
          <img alt="Eyeshadow 04 verdelite 1.4g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10514/file/small-f6d1e8581bc3832c52d1d806139af02b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10514/file/medium-3dbc1470cde3ec951dfdeedfe7c3c29d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10514/file/large-e273bcac8d8a4f7e40f72e46dd18e9f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10514/file/medium-3dbc1470cde3ec951dfdeedfe7c3c29d.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/eyeshadow-04-verdelite-1-4g-1-stuck-20101">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eyeshadow 04 verdelite 1.4g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zgzp7ghxJJwlcn1j8pJ0_AhdcdZqnkRzB4nXdgRHjsWYbnt1uHu30YtRM1awHIS-OXseqTQjJjKheJ9UiWGqUQ" />
    <input value="20101" 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%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D10">
    <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/eyeshadow-08-golden-topaz-1-4g-1-stuck-20102">
          <img alt="Eyeshadow 08 golden topaz 1.4g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10516/file/small-c567650a71fc829f72e91990e38ebfda.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10516/file/medium-2c48f9f2aede0c9a6b7205615dbaf5d1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10516/file/large-ee019362e9d5e02ffbc52a9dea25d59d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10516/file/medium-2c48f9f2aede0c9a6b7205615dbaf5d1.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/eyeshadow-08-golden-topaz-1-4g-1-stuck-20102">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eyeshadow 08 golden topaz 1.4g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RTzrmk5YeqGJ970EiuR-2asjWR3iucpk1sOOLmpSSU4TXnkB_lLp7CfU8zHIao6bmgU2YrwEqCVwMsYM53Rt2g" />
    <input value="20102" 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%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D10">
    <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/eyeshadow-07-aquamarine-1-4g-1-stuck-20103">
          <img alt="Eyeshadow 07 aquamarine 1.4g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10517/file/small-9d7e3472967c9be22c6b0e6b6616a140.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10517/file/medium-1c3639c22c49aa455bd1c4efb2832000.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10517/file/large-6aabf841c20b0556ec787a7f99c25e53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10517/file/medium-1c3639c22c49aa455bd1c4efb2832000.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/eyeshadow-07-aquamarine-1-4g-1-stuck-20103">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eyeshadow 07 aquamarine 1.4g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="43U8_daHMLWRPTVCDc3ffcWrBGomYFQOBhZIuIi4B621F65mZo2j-D8ee3dPQy8_9I1rFXjdNk-g5wCaBZ4jOQ" />
    <input value="20103" 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%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D10">
    <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/liquid-eyeliner-01-black-4-ml-20104">
          <img alt="Liquid Eyeliner 01 black" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10518/file/small-830c56741f5700f24de115459e3b3cf9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10518/file/medium-60dbc5992747e971f5a80fbff67c480d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10518/file/large-760c88167c33d01ed71027632855a658.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10518/file/medium-60dbc5992747e971f5a80fbff67c480d.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/liquid-eyeliner-01-black-4-ml-20104">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Eyeliner 01 black, 4 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tZHaEu6063k1t84Qwn3JCZuk10-Niq1a-cptIBG8WGjj80iJXr54NJuUgCWA8zlLqoK4MNM3zxtfOyUCnJp8_A" />
    <input value="20104" 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%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D10">
    <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/lakur-dusk-12-ml-20126">
          <img alt="Lakur Dusk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10563/file/small-a1d3dbc877c63d64cbbf226b15a4699b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10563/file/medium-f57ec5742fa5cfc2afabb979614f2962.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10563/file/large-97eb067cff6bca610c79e56ae79490cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10563/file/medium-f57ec5742fa5cfc2afabb979614f2962.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">LondonTown</p>
          <a href="/de/products/lakur-dusk-12-ml-20126">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lakur Dusk, 12 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 182.50 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qD1QkUtcLCDzWF8W11EfXyTDibkmAKXS9OFv6F0JQ_v-X8IK-1a_bV17ESOV3-8dFeXmxni9x5NSECfK0C9nbw" />
    <input value="20126" 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">
      200 von 216 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/naturkosmetik/make-up?format=turbo_stream&amp;page=11">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>