<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="/signup?return_to=%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D8">
    <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="/products/borlind-kajalstift-dark-green-1g-1-stuck-19849">
          <img alt="Börlind Kajalstift dark green 1g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10228/file/small-7ee10593928dedad2c113dfb6c41b78e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10228/file/medium-de052281ab7e9bdfbb5b4880deac4196.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10228/file/large-0dc16960cdede2ec9a4b4c1f3710c147.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10228/file/medium-de052281ab7e9bdfbb5b4880deac4196.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/borlind-kajalstift-dark-green-1g-1-stuck-19849">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Kajalstift dark green 1g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4oEFZO6F96sH4VIHVA2-qVRhYDeuYSoDuMfq0eCRbgK7jTfmyr8asQVxg4yuGRQwI9anZgAtJ1FCBGvWLT-T2g" />
    <input value="19849" 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="/signup?return_to=%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D8">
    <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="/products/borlind-sonnenfluid-lsf30-125ml-1-stuck-19920">
          <img alt="Börlind Sonnenfluid LSF30 125ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10296/file/small-9da219d4869889b6c44bea0fd7daeebc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10296/file/medium-14b8ee52f262d200ee27a6eb0954d7bd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10296/file/large-e28ce04165700ed2f9c332c083284d58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10296/file/medium-14b8ee52f262d200ee27a6eb0954d7bd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/borlind-sonnenfluid-lsf30-125ml-1-stuck-19920">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Sonnenfluid LSF30 125ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UcQVNYFhboi9BYoGTYsT365Bpa78Do-z-Wj2mviw5HYIyCe3pVuDkr-VW423n7lG2fZi_1JCguEDq3edNR4Zrg" />
    <input value="19920" 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="/signup?return_to=%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D8">
    <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="/products/borlind-foundation-natuwear-light-30ml-1-stuck-19921">
          <img alt="Börlind Foundation Natuwear light 30ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10297/file/small-d2db897b95c34ef2aa1f435c0fc348ec.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10297/file/medium-1e248ac1b7f433c05262116d70022d81.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10297/file/large-b6949b547263e43ed35ffcf75d612c57.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10297/file/medium-1e248ac1b7f433c05262116d70022d81.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/borlind-foundation-natuwear-light-30ml-1-stuck-19921">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Foundation Natuwear light 30ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Le2OWVhczrACp-Gn5-dpjW2uHzZ6X43kZPMkeKZXZRh04bzbfGYjqgA3MCwd88MUGhnYZ9QTgLaeMKV_a_mYwA" />
    <input value="19921" 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="/signup?return_to=%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D8">
    <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="/products/borlind-foundation-natuwear-hazel-30ml-1-stuck-19922">
          <img alt="Börlind Foundation Natuwear Hazel 30ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10298/file/small-770d1bf5911f6b4fb29346aa0aab2eff.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10298/file/medium-6f37b77662c4489072e1ac88938195af.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10298/file/large-78d8b3255f03ad86f0b25cd5fcfbaa28.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10298/file/medium-6f37b77662c4489072e1ac88938195af.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/borlind-foundation-natuwear-hazel-30ml-1-stuck-19922">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Foundation Natuwear Hazel 30ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0KJAHSVdNNqXcKNeOYKDZsaj7StO5koLI1g6B4GvGcqJrnKfAWfZwJXgctXDlin_sRQqeuCqR1nZm7sATAHkEg" />
    <input value="19922" 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="/signup?return_to=%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D8">
    <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="/products/borlind-sonnencreme-dna-protect-lsf30-50ml-1-stuck-19924">
          <img alt="Börlind Sonnencreme DNA Protect LSF30 50ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10300/file/small-88b64a79f54b9285c5c5d54c58a631fc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10300/file/medium-bb1ca2b9882a9a34a02ba29775190da4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10300/file/large-28fd4f0b55b97913a9ba0278fb80195a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10300/file/medium-bb1ca2b9882a9a34a02ba29775190da4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/borlind-sonnencreme-dna-protect-lsf30-50ml-1-stuck-19924">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Sonnencreme DNA Protect LSF30 50ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t3T7II8FHnTIZBhnjxLEu0X6bQvEXYd0t_CiCw7rSHfueMmiqz_zbsr0yex1Bm4iMk2qWmoRiiZNMyMMw0W1rw" />
    <input value="19924" 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="/signup?return_to=%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D8">
    <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="/products/hauschka-kosmetikspitzer-1-stuck-19985">
          <img alt="Hauschka Kosmetikspitzer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10382/file/small-5897080de3d2e535d471e07013266d37.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10382/file/medium-b389ccf7ca8c7906425f19d060f355ab.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10382/file/large-96bd1d2b04e38ef9bbcc7eedb0a23157.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10382/file/medium-b389ccf7ca8c7906425f19d060f355ab.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="/products/hauschka-kosmetikspitzer-1-stuck-19985">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Kosmetikspitzer, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qdyV7OXxRSQRTbsygVnxbPSxczto2eXxRsXy1yfq0Afw0KduwcuoPhPdarl7TVv1gwa0asaV6KO8BnPQ6kQt3w" />
    <input value="19985" 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="/signup?return_to=%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D8">
    <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="/products/hauschka-concealer-01-macadamia-2-5ml-1-stuck-19986">
          <img alt="Hauschka Concealer 01 macadamia 2.5ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10383/file/small-829f0234e8a2e77cdf17c4b01a00c0b8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10383/file/medium-db590b2775bf5f96715156e9fcae3ca0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10383/file/large-ccfcf7e8cc83c2ef21520a024fbe28f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10383/file/medium-db590b2775bf5f96715156e9fcae3ca0.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="/products/hauschka-concealer-01-macadamia-2-5ml-1-stuck-19986">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Concealer 01 macadamia 2.5ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kkqYX07_KFObwDwjo3cPSQy7EjxveRT2ouc67fQNWXnLRqrdasXFSZlQ7ahZY6XQewzVbcE1GaRYJLvqOaOkoQ" />
    <input value="19986" 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="/signup?return_to=%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D8">
    <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="/products/hauschka-concealer-02-chestnut-2-5ml-1-stuck-19987">
          <img alt="Hauschka Concealer 02 chestnut 2.5ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10384/file/small-491409556cb9832a6cdfa6480a60cead.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10384/file/medium-9682add75424e62ba009c239ac3eb537.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10384/file/large-688ff8ec2046bc6739ab4786c611d25e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10384/file/medium-9682add75424e62ba009c239ac3eb537.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="/products/hauschka-concealer-02-chestnut-2-5ml-1-stuck-19987">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Concealer 02 chestnut 2.5ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NZHpFnwm616lqttp-uNtkzGIiM1zut29y8BeIIi3-iRsnduUWBwGRKc6CuIA98cKRj9PnN320O8xA98nRRkH_A" />
    <input value="19987" 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="/signup?return_to=%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D8">
    <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="/products/hauschka-light-reflecting-concealer-00-translucent-2-5ml-1-stuck-19988">
          <img alt="Hauschka Light Reflecting Concealer 00 translucent 2.5ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10385/file/small-710c9e94715ecac6580b6f081b94d710.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10385/file/medium-2402b82ff7bc8a9b81b5927e0ab5bfb3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10385/file/large-2f692dfacba5b67035f72b37241605ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10385/file/medium-2402b82ff7bc8a9b81b5927e0ab5bfb3.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="/products/hauschka-light-reflecting-concealer-00-translucent-2-5ml-1-stuck-19988">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Light Reflecting Concealer 00 translucent 2.5ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nf9Tj_V4WIys3AA3FMgS7XFTr4nGGYgqLqGrD6HjuO3E82EN0UK1lq5M0bzu3Lh0BuRo2GhVhXjUYioIbE1FNQ" />
    <input value="19988" 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="/signup?return_to=%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D8">
    <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="/products/hauschka-lip-liner-01-tulipwood-1-05g-1-stuck-19989">
          <img alt="Hauschka Lip Liner 01 tulipwood 1.05g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10386/file/small-e90bca6f0d26be81c302c0eb5c371b3d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10386/file/medium-ed648401448c1cdde6cbe6630f82b2a9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10386/file/large-52b034e33ad6788f2601228f15bac756.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10386/file/medium-ed648401448c1cdde6cbe6630f82b2a9.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="/products/hauschka-lip-liner-01-tulipwood-1-05g-1-stuck-19989">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Lip Liner 01 tulipwood 1.05g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Pbo5jpegwoj3gvpc4gF8RSRUCucm59XplZjIdFRVaqxktgsMs5ovkvUSK9cYFdbcU-PNtoir2LtvW0lzmfuXdA" />
    <input value="19989" 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="/signup?return_to=%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D8">
    <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="/products/hauschka-lip-liner-04-cumaru-1-05g-1-stuck-19990">
          <img alt="Hauschka Lip Liner 04 cumaru 1.05g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10387/file/small-95eec0b849633f6becfb049e01df0c93.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10387/file/medium-f4299217e4c64566cce065f070657d53.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10387/file/large-3788225639d81e2579673845e915bc36.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10387/file/medium-f4299217e4c64566cce065f070657d53.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="/products/hauschka-lip-liner-04-cumaru-1-05g-1-stuck-19990">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Lip Liner 04 cumaru 1.05g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jC1V33Uwt-oe8Rj6j8oF208D9v77ycM6oZyhrcRknuDVIWddUQpa8BxhyXF13q9COLQxr1WFzmhbXyCqCcpjOA" />
    <input value="19990" 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="/signup?return_to=%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D8">
    <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="/products/hauschka-foundation-01-macadamia-30ml-1-stuck-19991">
          <img alt="Hauschka Foundation 01 macadamia 30ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10388/file/small-2795d655b3c27ad6cc3d3b2c9d6b43b0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10388/file/medium-954a93df66ab75734dcb31fc3242f116.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10388/file/large-e65a2a2d2ce05dce062d0b5b9272ec4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10388/file/medium-954a93df66ab75734dcb31fc3242f116.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="/products/hauschka-foundation-01-macadamia-30ml-1-stuck-19991">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Foundation 01 macadamia 30ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BUdtRyeTv-b3DiI7vadbUODksXR71NOwWdMwwDZbdI5cS1_FA6lS_PWe87BHs_HJl1N2JdWY3uKjELHH-_WJVg" />
    <input value="19991" 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="/signup?return_to=%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D8">
    <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="/products/hauschka-foundation-02-almond-30ml-1-stuck-19992">
          <img alt="Hauschka Foundation 02 almond 30ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10389/file/small-11d69c17efe5395c818e72f57741aad2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10389/file/medium-c102dc1ccb9c7d3428cb9bc69054ca16.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10389/file/large-9e5456514efe958900cdbcbc3458cb8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10389/file/medium-c102dc1ccb9c7d3428cb9bc69054ca16.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="/products/hauschka-foundation-02-almond-30ml-1-stuck-19992">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Foundation 02 almond 30ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LUTxIxWt8PdL0pw8hoKRM_ZVhUm4eZ6FegoM2K4j2j90SMOhMZcd7UlCTbd8ljuqgeJCGBY1k9eAyY3fY40n5w" />
    <input value="19992" 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="/signup?return_to=%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D8">
    <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="/products/hauschka-foundation-03-chestnut-30ml-1-stuck-19993">
          <img alt="Hauschka Foundation 03 chestnut 30ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10390/file/small-079988a897152a53831d7c5f3295403f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10390/file/medium-e55708d7c240898f518d3be9b170bd53.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10390/file/large-8fe8d38879632581ef3e38a041aa062f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10390/file/medium-e55708d7c240898f518d3be9b170bd53.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="/products/hauschka-foundation-03-chestnut-30ml-1-stuck-19993">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Foundation 03 chestnut 30ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P7pU-wsq4DHmK9Gyxl57JhR_An6e4MpaGoIFDKEBG2RmtmZ5LxANK-S7ADk8StG_Y8jFLzCsxwjgQYQLbK_mvA" />
    <input value="19993" 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="/signup?return_to=%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D8">
    <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="/products/hauschka-foundation-04-hazelnut-30ml-1-stuck-19994">
          <img alt="Hauschka Foundation 04 hazelnut 30ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10391/file/small-7041ea0005acd39942ab2d04af91e8fc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10391/file/medium-2b9e703c812a08a038a1540753c1426d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10391/file/large-698deb1c1bca44b1d5b5d8e199018320.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10391/file/medium-2b9e703c812a08a038a1540753c1426d.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="/products/hauschka-foundation-04-hazelnut-30ml-1-stuck-19994">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Foundation 04 hazelnut 30ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3BNsxayxEhpgmrLnTgMEDnl_0iD-Mx2Q-22Y1oLnIs6FH15HiIv_AGIKY2y0F66XDsgVcVB_EMIBrhnRT0nfFg" />
    <input value="19994" 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="/signup?return_to=%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D8">
    <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="/products/hauschka-foundation-05-nutmeg-30ml-1-stuck-19995">
          <img alt="Hauschka Foundation 05 nutmeg 30ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10392/file/small-c25efbcf75561492d0af16276ad5c538.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10392/file/medium-e8680a7c5f30acf3c313e7549c3629d1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10392/file/large-0ce524177be7daa40a09313e49119a82.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10392/file/medium-e8680a7c5f30acf3c313e7549c3629d1.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="/products/hauschka-foundation-05-nutmeg-30ml-1-stuck-19995">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Foundation 05 nutmeg 30ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5LUZOgKUbKwf5bewafH6bQuMcMfuxT8yr0cYhHaJHHe9uSu4Jq6Bth11ZjuT5VD0fDu3lkCJMmBVhJmDuyfhrw" />
    <input value="19995" 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="/signup?return_to=%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D8">
    <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="/products/hauschka-foundation-06-walnut-30ml-1-stuck-19996">
          <img alt="Hauschka Foundation 06 walnut 30ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10393/file/small-bdd5c8f36cd2b5f3c644c112a0549bda.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10393/file/medium-57d82762795b5b5f31d8b4040629d52b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10393/file/large-1f1c42cba9962a7ed357f1b52f0ec981.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10393/file/medium-57d82762795b5b5f31d8b4040629d52b.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="/products/hauschka-foundation-06-walnut-30ml-1-stuck-19996">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Foundation 06 walnut 30ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sCgv4m_z0775Bp5pPq1hnPlCDqRvmFiogDkHfhFltQLpJB1gS8k-pPuWT-LEucsFjvXJ9cHUVfp6-oZ53MtI2g" />
    <input value="19996" 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="/signup?return_to=%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D8">
    <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="/products/hauschka-foundation-001-cashew-30ml-1-stuck-19997">
          <img alt="Hauschka Foundation 001 cashew 30ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10394/file/small-0b60f4f4853850f440bcca91743f5b94.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10394/file/medium-5ed48940ebb460774cdd07b353324139.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10394/file/large-0c5ac6a2e04efa6fd64f1b1d3da9ca7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10394/file/medium-5ed48940ebb460774cdd07b353324139.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="/products/hauschka-foundation-001-cashew-30ml-1-stuck-19997">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Foundation 001 cashew 30ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 37.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-btqq32nQXmzF7IhzqOxEin8IxodLpHwkX8hyvkPr3Cgt1gpWZ2sY7GHY6o0txuLXkvkS7NinKJrvKDNNKFSqA" />
    <input value="19997" 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="/signup?return_to=%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D8">
    <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="/products/hauschka-foundation-002-pine-30ml-1-stuck-19998">
          <img alt="Hauschka Foundation 002 pine 30ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10395/file/small-146568aa039745e2c7732b6b691cbe14.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10395/file/medium-ea8d1df45cf8eba256e8a6f81cfd74db.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10395/file/large-4c0d92b9c2b8bd6985651c825599cc84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10395/file/medium-ea8d1df45cf8eba256e8a6f81cfd74db.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="/products/hauschka-foundation-002-pine-30ml-1-stuck-19998">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Foundation 002 pine 30ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H2kRkEvvjfV3-T8PM5EeywiqmAZgmTeS2jkKLw1ckSxGZSMSb9Vg73Vp7oTJhbRSfx1fV87VOsAg-osowPJs9A" />
    <input value="19998" 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="/signup?return_to=%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D8">
    <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="/products/hauschka-lipstick-02-mandevilla-4-1g-1-stuck-19999">
          <img alt="Hauschka Lipstick 02 mandevilla 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/10396/file/small-75aa191790d32864701f57c6cfa4b00f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10396/file/medium-91829b6a05a57f7ceaf0732fedb827e8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10396/file/large-148f0324746b19c214163be9a429f5e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10396/file/medium-91829b6a05a57f7ceaf0732fedb827e8.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="/products/hauschka-lipstick-02-mandevilla-4-1g-1-stuck-19999">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Lipstick 02 mandevilla 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-19999-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GPZ64F1DvGTmEjJArk-1h42ciGUvEpUX3Gd-DC9_Mc1B-khieXlRfuSC48tUWx8e-itPNIFemEUmpP8L4tHMFQ" />
    <input value="19999" 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">
      160 von 216 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/naturkosmetik/make-up?format=turbo_stream&amp;page=9">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>