<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%3D127">
    <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/lipstick-03-camellia-4-1g-1-stuck-20066">
          <img alt="Lipstick 03 camellia 4.1g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10479/file/small-9ed889248d84e05f211848ee801bbf4a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10479/file/medium-e0feca1fc677ac48a740beb011e24bb2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10479/file/large-d5f86431eac97ebe98a2e2bace92d33c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10479/file/medium-e0feca1fc677ac48a740beb011e24bb2.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/lipstick-03-camellia-4-1g-1-stuck-20066">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lipstick 03 camellia 4.1g, 1 Stück</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 29.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fUxIk3mFhT_0L2gi9ibK0INbBPXD-AqKbu9jJJ_LuY-CHzLmENWP6Aouwh2FzvaUHEXsRxFdLq8RDDIr5t1DvA" />
    <input value="20066" 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%3D127">
    <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/lipstick-06-azalea-4-1g-1-stuck-20067">
          <img alt="Lipstick 06 azalea 4.1g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10481/file/small-d0f4f5207bc643628361e48bd2846852.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10481/file/medium-c350ddd881616963dd61e12449f1ddae.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10481/file/large-ff43c6ab5b1c636d8b031f3f7579eb58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10481/file/medium-c350ddd881616963dd61e12449f1ddae.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/lipstick-06-azalea-4-1g-1-stuck-20067">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lipstick 06 azalea 4.1g, 1 Stück</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 29.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1ZHa_E36zKgim2RIhNc8lQmjsHDg8nk1e-jyX1PR7mAqwqCJJKrGf9yaznf3PwDRlr1YwjJXXRAEC6NQKscUUw" />
    <input value="20067" 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%3D127">
    <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/lipstick-07-orpine-4-1g-1-stuck-20068">
          <img alt="Lipstick 07 orpine 4.1g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10482/file/small-84d7ee47116fbbe58f93d51421e4c691.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10482/file/medium-630e70aaf6f5485dafc851405b29593d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10482/file/large-22afbe3a8b358aaf930e42537a0e8684.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10482/file/medium-630e70aaf6f5485dafc851405b29593d.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/lipstick-07-orpine-4-1g-1-stuck-20068">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lipstick 07 orpine 4.1g, 1 Stück</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 29.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PZMowh1dokRLQMh1Xj2hnW7pIjUpOZzJPcA-EEsbCpnCwFK3dA2ok7VBYkot1Z3Z8ffKh_ucuOxCI28fMg3wqg" />
    <input value="20068" 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%3D127">
    <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/lipstick-10-dahlia-4-1g-1-stuck-20069">
          <img alt="Lipstick 10 dahlia 4.1g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10484/file/small-be61422a0a7348e316efed8102192634.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10484/file/medium-edbc9c13d158b389811479ae42d16eb9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10484/file/large-2f5e8854380551331faee4cb83c88d9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10484/file/medium-edbc9c13d158b389811479ae42d16eb9.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/lipstick-10-dahlia-4-1g-1-stuck-20069">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lipstick 10 dahlia 4.1g, 1 Stück</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 29.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b418pbvJU5YByxEsim6vEJz9aonENflarKNU0Gv1lZOQ3gbQ0plZQf_KuxP5hpNUA-OCOxaQ3X_TQAXfEuNvoA" />
    <input value="20069" 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%3D127">
    <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/lipstick-11-amaryllis-4-1g-1-stuck-20070">
          <img alt="Lipstick 11 amaryllis 4.1g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10483/file/small-f88b4955a4b4f3cf89bfc397bb7518dc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10483/file/medium-c506c59f997b7abe6d67e82f9d773ce4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10483/file/large-a59e16f653e5ec91408ae063b44e0979.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10483/file/medium-c506c59f997b7abe6d67e82f9d773ce4.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/lipstick-11-amaryllis-4-1g-1-stuck-20070">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lipstick 11 amaryllis 4.1g, 1 Stück</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 29.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PvdYE7dG--2T9oVfVzCyPVMgO7fv8iZ09OTEY2jSEsrBpCJm3hbxOm33L2Ak2I55zD7TBT1XAlGLB5VsEcTo-Q" />
    <input value="20070" 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%3D127">
    <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/lipstick-13-bromelia-4-1g-1-stuck-20071">
          <img alt="Lipstick 13 bromelia 4.1g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10485/file/small-7b0546df1d5a04b910bd0ffa5632cf7f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10485/file/medium-cc766a10397acf56134598dc88bc571e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10485/file/large-a0d31bf84c82876db8ebe8e413900551.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10485/file/medium-cc766a10397acf56134598dc88bc571e.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/lipstick-13-bromelia-4-1g-1-stuck-20071">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lipstick 13 bromelia 4.1g, 1 Stück</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 29.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9b1E8A0wyfdo55gTN-iVIloLa6emEybpzHd1_uw6XDsK7j6FZGDDIJbmMixEAKlmxRWDFXS2AsyzlCTxlSymCA" />
    <input value="20071" 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%3D127">
    <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/lipstick-14-caralluma-4-1g-1-stuck-20072">
          <img alt="Lipstick 14 caralluma 4.1g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10486/file/small-9e4cf251f89d1e77f6ad9243faa82244.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10486/file/medium-852df773aef9474c52b91dc1f9e3bb20.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10486/file/large-ac3b6a5b985f06a573793411df9dc1bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10486/file/medium-852df773aef9474c52b91dc1f9e3bb20.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/lipstick-14-caralluma-4-1g-1-stuck-20072">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lipstick 14 caralluma 4.1g, 1 Stück</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 29.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WHB_btQwtGad49w1m6QLUGHa7CUKkvuVoxW8_MIrAmqnIwUbvWC-sWPidgroTDcU_sQEl9g337Dc9u3zuz34WQ" />
    <input value="20072" 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%3D127">
    <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/lipstick-22-millionbells-4-1g-1-stuck-20073">
          <img alt="Lipstick 22 millionbells 4.1g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10487/file/small-00b889c0bcb2d58b20833b025c3c41f2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10487/file/medium-a52097269f46d68aa286d40c58d9fc38.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10487/file/large-d8a8f8e62b808029c8c4edc184ecd7d9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10487/file/medium-a52097269f46d68aa286d40c58d9fc38.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/lipstick-22-millionbells-4-1g-1-stuck-20073">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lipstick 22 millionbells 4.1g, 1 Stück</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 29.90 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

  <div 
       class="border-gray-200 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%3D127">
    <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/lipstick-26-hibiscus-4-1g-1-stuck-20074">
          <img alt="Lipstick 26 hibiscus 4.1g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10488/file/small-4da0749efa869a91451150a03102a8d1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10488/file/medium-8eab7887ae0d2d834d775a470df67497.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10488/file/large-1bec55cc04005816850b90108b75100a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10488/file/medium-8eab7887ae0d2d834d775a470df67497.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/lipstick-26-hibiscus-4-1g-1-stuck-20074">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lipstick 26 hibiscus 4.1g, 1 Stück</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 29.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-5g1XS9LD_3eXJw93iW-Fe3NYEl6LLBC6MsimXPR7IAEy08oRhsFKiBdNgKtzYJRctOI-6iJlGeXKHOWCscWsw" />
    <input value="20074" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200  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%3D127">
    <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/lip-line-definer-00-translucent-1-14g-1-stuck-20075">
          <img alt="Lip Line Definer 00 translucent 1.14g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10489/file/small-a0b9309fb66992407b33751acd05d5b2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10489/file/medium-02f884a2813c741aea0de837cb9faca5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10489/file/large-bce093939751d3acff9bd7d6d4ac1b6d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10489/file/medium-02f884a2813c741aea0de837cb9faca5.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/lip-line-definer-00-translucent-1-14g-1-stuck-20075">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lip Line Definer 00 translucent 1.14g, 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-20075-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y1dFlLubDakYorrhdWb8A20EvAppjBDGQSDId-t7yEw0BD_h0ssHfuajEN4GjsBH8hpUuLspNOM-w5l4km0yfw" />
    <input value="20075" 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%3D127">
    <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/highlighter-01-illuminating-5-g-20076">
          <img alt="Highlighter 01 illuminating" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10490/file/small-09b091e697d0bd5e320eb3cc4df7cfdb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10490/file/medium-1113a93e199bd3a2b9dcf9ebaf4c120a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10490/file/large-b69d7a7e2529caa359db68ef1c822d22.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10490/file/medium-1113a93e199bd3a2b9dcf9ebaf4c120a.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/highlighter-01-illuminating-5-g-20076">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Highlighter 01 illuminating, 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-20076-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X_hdraaTsygqIQEnZdLp0ZledN5m4wYeJX1AGkh_ruSgqyfYz8O5_9QgqxgWOtWVBkCcbLRGIjtanhEVMWlU1w" />
    <input value="20076" 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%3D127">
    <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/powder-brush-1-stuck-20077">
          <img alt="Powder Brush" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10491/file/small-e86fa6d083047a8128475c0e1fd03d7c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10491/file/medium-e5da4aa36033989699ff0bec913057a6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10491/file/large-823554a322631cfc7add23b6e7e58f18.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10491/file/medium-e5da4aa36033989699ff0bec913057a6.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/powder-brush-1-stuck-20077">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Powder Brush, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 46.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_Svx4XChMmlG8fCKzBeDGx7uS4dCTJmOxibad1PBRSoCeIuUGfE4vrjwWrW__79fgfCjNZDpvau5xYt4Kte_GQ" />
    <input value="20077" 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%3D127">
    <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/lip-brush-1-stuck-20078">
          <img alt="Lip Brush" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10492/file/small-8a27e5162763b8250e5a68722d2e3a46.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10492/file/medium-5ad23b7a338c8ca858577efa5c3914c4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10492/file/large-c6a6529b2ac29e2cefce253e73e697c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10492/file/medium-5ad23b7a338c8ca858577efa5c3914c4.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/lip-brush-1-stuck-20078">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lip Brush, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h7oR15qk1RxnSrPg8-oNiUM8eVVagarWbHyj6BlGnut46Wui8_Tfy5lLGd-AAjHN3CKR54gkjvMTn_LnYFBk2A" />
    <input value="20078" 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%3D127">
    <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/blusher-brush-1-stuck-20079">
          <img alt="Blusher Brush" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10493/file/small-75070e210977567da37ad8b5b741d680.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10493/file/medium-23e82bb9b42fb3d00c49dd51171df934.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10493/file/large-a7dac867915dab03f829d1240203eb2e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10493/file/medium-23e82bb9b42fb3d00c49dd51171df934.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/blusher-brush-1-stuck-20079">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Blusher Brush, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TQeVwUOMAtebozFVAQp2lpziVKTDLaV2kLG7sq1prhOyVO-0KtwIAGWim2py4krSA_y8FhGIgVPvUuq91H9UIA" />
    <input value="20079" 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%3D127">
    <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-brush-1-stuck-20080">
          <img alt="Eye Definer Brush" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10494/file/small-75b4bcbef6bfef1e3442a0e193a88c7d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10494/file/medium-3314e23e208256c0bbdb69af9b23ca8a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10494/file/large-4e23c94e39c26e2ed119bb7635f44ef6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10494/file/medium-3314e23e208256c0bbdb69af9b23ca8a.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-brush-1-stuck-20080">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eye Definer Brush, 1 Stück</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 29.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jMAewoYF9uyiS4v2nDG4kMrOaYklMoYAyBr3Ydk650Zzk2S371X8O1xKIcnv2YTUVdCBO_eXoiW3-aZuoCwddQ" />
    <input value="20080" 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%3D127">
    <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/foundation-brush-1-stuck-20081">
          <img alt="Foundation Brush" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10495/file/small-d4829b57407d9f9942c10991ceae970c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10495/file/medium-e4752fea920f6719f337a470c49d195e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10495/file/large-69643eaeda81edf97090052ed7080fa0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10495/file/medium-e4752fea920f6719f337a470c49d195e.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/foundation-brush-1-stuck-20081">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Foundation Brush, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 43.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0ibE6q0g92JVJ1or6r8tFN55cozt5gltvc5ilUFTSJgtdb6fxHD9tasm8BSZVxFQQWeaPj9DLUjCLTOaOEWyqw" />
    <input value="20081" 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%3D127">
    <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-blender-brush-1-stuck-20082">
          <img alt="Eyeshadow Blender Brush" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10496/file/small-15a55a5d7596f628df53e7fa71cc7c29.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10496/file/medium-8f01a7d75a8c25c3c82aba947107ecfd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10496/file/large-a881027ea7fcf508c1ed01e262d9f73b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10496/file/medium-8f01a7d75a8c25c3c82aba947107ecfd.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-blender-brush-1-stuck-20082">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eyeshadow Blender Brush, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g_TdvrlleLstx9xctLXsB7CrpvlHSWglylIwwGc5eKJ8p6fL0DVybNPGdmPHXdBDL7VOS5XsTAC1sWHPHi-CkQ" />
    <input value="20082" 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%3D127">
    <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/loose-powder-00-translucent-12-g-20083">
          <img alt="Loose 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/10497/file/small-62390f9772ce2e81e2e780936f6cf85c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10497/file/medium-c8cd69b6f318da2cc574f98b23f51a4b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10497/file/large-439a9116fc7d651fa2aad559d278d3f5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10497/file/medium-c8cd69b6f318da2cc574f98b23f51a4b.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/loose-powder-00-translucent-12-g-20083">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Loose Powder 00 translucent, 12 g</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 325.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DpMENykInSQ--YpRmUhKO5y7Zy39-INWhtvzXQb5hTfxwH5CQFiX88D4IG7qoHZ_A6WPny9dp3P5OKJSf-9_BA" />
    <input value="20083" 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%3D127">
    <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-00-transculent-8-g-20084">
          <img alt="Colour Correcting Powder 00 transculent" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10498/file/small-fdcb2267af14d7674007ea7133271723.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10498/file/medium-03841fdb224cfdf3857ad4f1cc90b49f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10498/file/large-87c15f713aca9f981d9d6db9cfd5bfaf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10498/file/medium-03841fdb224cfdf3857ad4f1cc90b49f.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-00-transculent-8-g-20084">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Colour Correcting Powder 00 transculent, 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-20084-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cCgGHbXtqoUiE5kCzW12JMvqAHHU8h_Bzob7X2u3f4OPe3xo3L2gUtwSMz2-hUpgVPTowwZXO-SxZapQEqGFsA" />
    <input value="20084" 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%3D127">
    <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-01-activating-8-g-20085">
          <img alt="Colour Correcting Powder 01 activating" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10499/file/small-3754d0915c9cd93729e93fd9b9b2f473.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10499/file/medium-579be67a32f91a09060c7b387676796e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10499/file/large-8f9d4fd41c43555061554f8a43bb2c8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10499/file/medium-579be67a32f91a09060c7b387676796e.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-01-activating-8-g-20085">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Colour Correcting Powder 01 activating, 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-20085-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gqfBKnpJL7o_Oj4ETmdKeJplxY8ViBzOKPpk8t-se0F99LtfExklbcE7lDs9j3Y8BXstPcctOOtXGTX9prqBcg" />
    <input value="20085" 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;540 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/products?format=turbo_stream&amp;page=128">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>