<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%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D4">
    <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="zvkgWy7G91JWDMdoH39IY_QQwDzkC5Iu4OZOdU4A1egA0CAUE_s0MDAKAS_fKBuAfBvOwoHL28747Ws-hzB3vg" />
    <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  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%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D4">
    <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="JUkcrrBE9FuKTAv71oIOMdM7qVIOdLfepoWOyqa-JKTrYBzhjXk3OexKzbwW1V3SWzCnrGu0_j6-jquBb46G8g" />
    <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 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%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D4">
    <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="xYWdx5YFzOS_FP5xWUP6l6MloYoTgwRIpExRR11jieoLrJ2IqzgPhtkSODaZFKl0Ky6vdHZDTai8R3QMlFMrvA" />
    <input value="20073" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D4">
    <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="v8itrN0T5uAAp2wxFdvkuRqp8nHZeXY-ycH6zoWumgNx4a3j4C4lgmahqnbVjLdakqL8j7y5P97Ryt-FTJ44VQ" />
    <input value="20074" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D4">
    <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="pwjwy7ehBQaFrA5ELIXrNapMi0Wt8ewKxYHgZ7GCV39pIfCEipzGZOOqyAPs0rjWIkeFu8gxperdisUseLL1KQ" />
    <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  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%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D4">
    <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="cerreojFuozFnWqqaqVuNkjktZV8Fdaobg3MBWSW5zu_w-s1tfh57qObrO2q8j3VwO-7axnVn0h2BulOraZFbQ" />
    <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 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%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D4">
    <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="p-ef7e7Lmms1kEdPKYpONWPVN-v4iHUliL0hCiHhuaZpzp-i0_ZZCVOWgQjp3R3W6945FZ1IPMWQtgRB6NEb8A" />
    <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  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%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D4">
    <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="3q7kfoxOdtkzOxXUZM7gs3meTyENgHhV9DZ0XIrKpPEQh-QxsXO1u1U905OkmbNQ8ZVB32hAMbXsPVEXQ_oGpw" />
    <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 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%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D4">
    <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="Sn9FEK6ucsKvWswKJRZR2jU5OL8njWwhmfQZV_CwuxKEVkVfk5OxoMlcCk3lQQI5vTI2QUJNJcGB_zwcOYAZRA" />
    <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  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%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D4">
    <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="PCcx0vd9_WWJW16ELCJWOzVXsq3aDiqUPykr5MROwxXyDjGdykA-B-9dmMPsdQXYvVy8U7_OY3QnIg6vDX5hQw" />
    <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 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%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D4">
    <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="wFYhVYX8mAEhJ1cK_ayk8VsbA34q7nOVN5tj0oIZvGsOfyEauMFbY0chkU09-_cS0xANgE8uOnUvkEaZSykePQ" />
    <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  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%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D4">
    <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="5_OSpXCQp9OxaT8uO4LHvRIQpBoATz5xjKWg4kY84QIp2pLqTa1ksddv-Wn71ZRemhuq5GWPd5GUroWpjwxDVA" />
    <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 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%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D4">
    <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="Cz4H4yvt5wTwbTbkdqrAPwk6Uc3yYp46Vsn_gafVDkXFFwesFtAkZpZr8KO2_ZPcgTFfM5ei19pOwtrKbuWsEw" />
    <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  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%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D4">
    <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="U1L3aTLcNqRkGOalxtw7lyyDH35ACImH_QZ9CTbmMYCde_cmD-H1xgIeIOIGi2h0pIgRgCXIwGflDVhC_9aT1g" />
    <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 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%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D4">
    <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="hI7xkN-6tRs6RySgR36W3VcqaQc2KTPh4O6hpx4pmjxKp_Hf4od2eVxB4ueHKcU-3yFn-VPpegH45YTs1xk4ag" />
    <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>


  

  <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%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D4">
    <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="dgZnSRU5siA65Xf1bsyK4zwLRaI-niyJNiIzQjLVtCe4L2cGKARxQlzjsbKum9kAtABLXFteZWkuKRYJ--UWcQ" />
    <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 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%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D4">
    <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="QTW13xAVCsyV6ie33D8ijId1ZF3cxZX6EpWmaA6yGqePHLWQLSjJrvPs4fAcaHFvD35qo7kF3BoKnoMjx4K48Q" />
    <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  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%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D4">
    <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="i3IZqaFmrfGoi9Fk2OY0HdAEWoEogbtZ7ZBr-V2q2ElFWxnmnFtuk86NFyMYsWf-WA9Uf01B8rn1m06ylJp6Hw" />
    <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 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%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D4">
    <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="pUUCrBRPtEW2dfTHcB3Y62rTuAzYWpiyjNAMdcA7_w9rbALjKXJ3J9BzMoCwSosI4ti28r2a0VKU2yk-CQtdWQ" />
    <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  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%2Fmanufacturers%2Fhauschka%3Fformat%3Dturbo_stream%26page%3D4">
    <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="JxWULAhNBHBHvJaC0o_iFxhuNFCYQ6g_hpO327irOqPpPJRjNXDHEiG6UMUS2LH0kGU6rv2D4d-emJKQcZuY9Q" />
    <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>



</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">
      80 von 94 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/manufacturers/hauschka?format=turbo_stream&amp;page=5">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>