<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%3D2">
    <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/augenbrauenstift-light-stone-1-g-19373">
          <img alt="Augenbrauenstift light stone" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9938/file/small-124ebf50679489b8794b5c94d96384cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/9938/file/medium-5b02eb887d44166d18e331c793c7d6d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/9938/file/large-ed6b97a478b4bc4492c00b8643b1b3ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9938/file/medium-5b02eb887d44166d18e331c793c7d6d4.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/augenbrauenstift-light-stone-1-g-19373">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Augenbrauenstift light stone, 1 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19373&quot;],&quot;content_name&quot;:&quot;Augenbrauenstift light stone, 1 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19373&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K8XvxShPXbawe0vHe95WfKxzOKHJXQLJgFohOL0UURIlxj7zaY34BSy_HRykfLzKdj9QlS9ZESq9z0ZBPRWAGg" />
    <input value="19373" 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%3D2">
    <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/bb-cream-almond-50-ml-19375">
          <img alt="BB Cream Almond" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9833/file/small-a953a261d26ea89808e4c31b6a7c81c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/9833/file/medium-bf265d0d1780ea78112c545026f18d65.webp 900w, https://assets.fabulous.ch/public/variant_asset/9833/file/large-9e1647bdb82b71223adb074e37d6efa8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9833/file/medium-bf265d0d1780ea78112c545026f18d65.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/bb-cream-almond-50-ml-19375">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BB Cream Almond, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19375&quot;],&quot;content_name&quot;:&quot;BB Cream Almond, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19375&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:28.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EbRRHwSDbvMMRI-QB-CIqHGz9Gt-B_WiHsRCNgCsNRwft4ApRUHLQJCA2UvYQmIeq_-cX5gD5kEjUSVPgK3kFA" />
    <input value="19375" 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%3D2">
    <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/bb-cream-beige-50-ml-19376">
          <img alt="BB Cream Beige" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9834/file/small-f6d78e47251e16d036f5f82eab941977.webp 600w, https://assets.fabulous.ch/public/variant_asset/9834/file/medium-4b0d79d65691d92eb14831cad4cc0874.webp 900w, https://assets.fabulous.ch/public/variant_asset/9834/file/large-df60840187f622863b78d21642b378f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9834/file/medium-4b0d79d65691d92eb14831cad4cc0874.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/bb-cream-beige-50-ml-19376">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BB Cream Beige, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19376&quot;],&quot;content_name&quot;:&quot;BB Cream Beige, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19376&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:28.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="THO8qcLSyfLg1NdFe8sdCHryvqG6SDmOk2_OXvmJ1xJCcG2fgxBsQXwQgZ6kafe-oL7WlVxMKm2u-qkneYgGGg" />
    <input value="19376" 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%3D2">
    <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/creme-pastell-apricot-30-ml-19382">
          <img alt="Creme Pastell Apricot" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9835/file/small-e6bff23ee9b204866f24960730c029cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/9835/file/medium-fe38c86556af07f7c9f4099f73fd6822.webp 900w, https://assets.fabulous.ch/public/variant_asset/9835/file/large-625d4004dc34f35634d733872e4f7879.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9835/file/medium-fe38c86556af07f7c9f4099f73fd6822.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/creme-pastell-apricot-30-ml-19382">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Creme Pastell Apricot, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19382&quot;],&quot;content_name&quot;:&quot;Creme Pastell Apricot, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19382&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:22.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z9y87yY0U20M7yZ9t1sWQYtbrPQQrd32_ypblIR-HfnB323ZZ_b23pArcKZo-fz3URfEwPapzhXCvzztBH_M8Q" />
    <input value="19382" 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%3D2">
    <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/feuchtigkeits-make-up-almond-30-ml-19389">
          <img alt="Feuchtigkeits Make Up almond" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10028/file/small-711591e3b5ae5bcec9cb2c6b68493e5c.webp 600w, https://assets.fabulous.ch/public/variant_asset/10028/file/medium-1ee6b92960b98439bf363d4a7dfd953d.webp 900w, https://assets.fabulous.ch/public/variant_asset/10028/file/large-5ad33f877c55fba98d8b2da555bf46ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10028/file/medium-1ee6b92960b98439bf363d4a7dfd953d.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/feuchtigkeits-make-up-almond-30-ml-19389">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Feuchtigkeits Make Up almond, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19389&quot;],&quot;content_name&quot;:&quot;Feuchtigkeits Make Up almond, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19389&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:31.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3XfZtsnQl-zfcM6weHb066oSoleLGhOot1N93PnMjErTdAiAiBIyX0O0mGun1B5dcF7KY20eAEuKxhqlec1dQg" />
    <input value="19389" 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%3D2">
    <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/feuchtigkeits-make-up-beige-30-ml-19390">
          <img alt="Feuchtigkeits Make Up beige" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10026/file/small-e7e62da48b04c100a8ad5e4da7dbef62.webp 600w, https://assets.fabulous.ch/public/variant_asset/10026/file/medium-06ac96823541f3e26d2b008c9cf041a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/10026/file/large-fa34e52ffa94c9a528a4260c0767be55.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10026/file/medium-06ac96823541f3e26d2b008c9cf041a9.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/feuchtigkeits-make-up-beige-30-ml-19390">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Feuchtigkeits Make Up beige, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19390&quot;],&quot;content_name&quot;:&quot;Feuchtigkeits Make Up beige, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19390&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:31.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ipyawQePwXgsWtEAHwGqDiiJMK-YP3_Wsw9nG2-LQpuEn0v3Rk1ky7Ceh9vAo0C48sVYm347bDWOmgBi74qTkw" />
    <input value="19390" 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%3D2">
    <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/feuchtigkeits-make-up-bronze-30-ml-19391">
          <img alt="Feuchtigkeits Make Up bronze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10029/file/small-137af2fd4d34d052bf4a932bf70ec181.webp 600w, https://assets.fabulous.ch/public/variant_asset/10029/file/medium-c3702803a76198f32ee8f95094f6e5b1.webp 900w, https://assets.fabulous.ch/public/variant_asset/10029/file/large-6b128f92ff8e99b803f522f989dbcc62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10029/file/medium-c3702803a76198f32ee8f95094f6e5b1.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/feuchtigkeits-make-up-bronze-30-ml-19391">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Feuchtigkeits Make Up bronze, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19391&quot;],&quot;content_name&quot;:&quot;Feuchtigkeits Make Up bronze, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19391&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:31.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xHi7SAjM-Z8SayONqQVx2vdzwp_-uLA1AUBk70EN1OLKe2p-SQ5cLI6vdVZ2p5tsLT-qqxi8o9Y81QOWwQwF6g" />
    <input value="19391" 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%3D2">
    <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/feuchtigkeits-make-up-hazel-30-ml-19392">
          <img alt="Feuchtigkeits Make Up hazel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10027/file/small-0048698322595f0136ad83c70c1af7fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/10027/file/medium-7a12880491fc042456f7372db916134f.webp 900w, https://assets.fabulous.ch/public/variant_asset/10027/file/large-d1a9c825e0712509867fc1db34b0a3bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10027/file/medium-7a12880491fc042456f7372db916134f.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/feuchtigkeits-make-up-hazel-30-ml-19392">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Feuchtigkeits Make Up hazel, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19392&quot;],&quot;content_name&quot;:&quot;Feuchtigkeits Make Up hazel, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19392&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:31.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mG4psHCxRkOMc5Fy98VWIqNDRKDI92OphrJsBUgRM2CWbfiGMXPj8BC3x6koZ7yUeQ8slC7zcEq7Jwt8yBDiaA" />
    <input value="19392" 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%3D2">
    <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/feuchtigkeits-make-up-honey-30-ml-19393">
          <img alt="Feuchtigkeits Make Up honey" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10025/file/small-2bb6da3161f0086573d04e6f952cf8c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/10025/file/medium-a3eb71ac86c3181fc57d9b4cf118c181.webp 900w, https://assets.fabulous.ch/public/variant_asset/10025/file/large-39c6a3c7558b747e2942cd1e01e9c846.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10025/file/medium-a3eb71ac86c3181fc57d9b4cf118c181.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/feuchtigkeits-make-up-honey-30-ml-19393">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Feuchtigkeits Make Up honey, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19393&quot;],&quot;content_name&quot;:&quot;Feuchtigkeits Make Up honey, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19393&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:31.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cWQ5Lv9DfG-A0ipQ3YDqGXvXGarY-Lx4Rmy1NtOWEKx_Z-gYvoHZ3BwWfIsCIgCvoZtxnj78r5t7-dJPU5fBpA" />
    <input value="19393" 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%3D2">
    <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/feuchtigkeits-make-up-light-30-ml-19394">
          <img alt="Feuchtigkeits Make Up light" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10024/file/small-41dddea4cb87547916651e08df81869c.webp 600w, https://assets.fabulous.ch/public/variant_asset/10024/file/medium-8f6240de0a3e44fe0be1e1ce7d312aa4.webp 900w, https://assets.fabulous.ch/public/variant_asset/10024/file/large-df18144677e2d27e45dada857da2d7c8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10024/file/medium-8f6240de0a3e44fe0be1e1ce7d312aa4.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/feuchtigkeits-make-up-light-30-ml-19394">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Feuchtigkeits Make Up light, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19394&quot;],&quot;content_name&quot;:&quot;Feuchtigkeits Make Up light, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19394&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:31.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Uyvo1MPU1xvArq1Pbwip5sgmOIPNcMT4c9GZ_IaG_V9dKDnighZyqFxq-5SwqkNQEmpQtyt01xtORP6FBocsVw" />
    <input value="19394" 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%3D2">
    <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/flussiger-lippenstift-matt-nude-9-5-ml-19395">
          <img alt="flüssiger Lippenstift matt nude" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9932/file/small-1eab9ecb43083b894e36ef8bdbc86f9e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9932/file/medium-854c71d96bdd3c3a0e8213b3c0282102.webp 900w, https://assets.fabulous.ch/public/variant_asset/9932/file/large-d73cdf1d8a2f85184ce638b4201a653c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9932/file/medium-854c71d96bdd3c3a0e8213b3c0282102.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/flussiger-lippenstift-matt-nude-9-5-ml-19395">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">flüssiger Lippenstift matt nude, 9.5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19395&quot;],&quot;content_name&quot;:&quot;flüssiger Lippenstift matt nude, 9.5 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19395&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:25.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NJ-qCzN-v_yhA66-_usvQId8DbjGfcgK3rnrXXKfjEo6nHs9crwaTz3H-GUhScX2XTBljCB52-njLIwk8p5dQg" />
    <input value="19395" 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%3D2">
    <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/flussiger-lippenstift-matt-rosewood-9-5-ml-19396">
          <img alt="flüssiger Lippenstift matt rosewood" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9942/file/small-f278177705c25d95f1f3118d5f6137f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/9942/file/medium-df24f26fd7d6db0f8579e08831fb1743.webp 900w, https://assets.fabulous.ch/public/variant_asset/9942/file/large-4109d8f8680f3638d7c0b7b21e3a1c43.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9942/file/medium-df24f26fd7d6db0f8579e08831fb1743.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/flussiger-lippenstift-matt-rosewood-9-5-ml-19396">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">flüssiger Lippenstift matt rosewood, 9.5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19396&quot;],&quot;content_name&quot;:&quot;flüssiger Lippenstift matt rosewood, 9.5 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19396&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:25.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_fBopCX7fOnqblv9i9ozqy7SOtAAw_vnfqYUmywUyoLz87mSZDnZWnaqDSZUeNkd9J5S5ObH6ARDM3PirBUbig" />
    <input value="19396" 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%3D2">
    <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/foundation-natuwear-almond-30-ml-19398">
          <img alt="Foundation Natuwear almond" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9943/file/small-a807a2fd093f89901d5c7bab3913a06b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9943/file/medium-0b550afc73ba9d86e5a83d4542cf1fae.webp 900w, https://assets.fabulous.ch/public/variant_asset/9943/file/large-c1a15c7305b3ddbdb81cda137d1108fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9943/file/medium-0b550afc73ba9d86e5a83d4542cf1fae.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/foundation-natuwear-almond-30-ml-19398">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Foundation Natuwear almond, 30 ml</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 120.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19398&quot;],&quot;content_name&quot;:&quot;Foundation Natuwear almond, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19398&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:36.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mJr2mUy5o1oKLsQ5vY1dNSTdfqXFxaN7fn30-HrBd9mWmSevDXsG6ZbqkuJiL7eD_pEWkSPBsJhD6JOB-sCm0Q" />
    <input value="19398" 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%3D2">
    <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/foundation-natuwear-beige-30-ml-19399">
          <img alt="Foundation Natuwear beige" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9944/file/small-4f7d00e2d6a5ce8531b07ad1b9c78651.webp 600w, https://assets.fabulous.ch/public/variant_asset/9944/file/medium-0444de55ebb7303d8e51e3fc57ba4974.webp 900w, https://assets.fabulous.ch/public/variant_asset/9944/file/large-402bd965728805819602bf7473a23e4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9944/file/medium-0444de55ebb7303d8e51e3fc57ba4974.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/foundation-natuwear-beige-30-ml-19399">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Foundation Natuwear beige, 30 ml</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 120.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19399&quot;],&quot;content_name&quot;:&quot;Foundation Natuwear beige, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19399&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:36.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j29DFqdjtiRXdjzY-5LLsAQqipjgznoN5-OyPQUXUKKBbJIg5qETl8uyagMkMCEG3mbirAbKae7adtVEhRaBqg" />
    <input value="19399" 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%3D2">
    <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/kajalstift-black-1-g-19403">
          <img alt="Kajalstift black" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9928/file/small-329ade00ae2b54d605a8613c84fd02ee.webp 600w, https://assets.fabulous.ch/public/variant_asset/9928/file/medium-27f92df27aa4f779bccabba243788e6d.webp 900w, https://assets.fabulous.ch/public/variant_asset/9928/file/large-460801db1e2873099839263e273241b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9928/file/medium-27f92df27aa4f779bccabba243788e6d.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/kajalstift-black-1-g-19403">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kajalstift black, 1 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19403&quot;],&quot;content_name&quot;:&quot;Kajalstift black, 1 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19403&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="baGWnItAVt-od9RpxJzKzkIUYcIsnO9xtmQrWEcCh-JjokeqyoLzbDSzgrIbPiB4mFgJ9sqY_JKL8UwhxwNW6g" />
    <input value="19403" 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%3D2">
    <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/kajalstift-black-brown-1-g-19404">
          <img alt="Kajalstift black brown" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9927/file/small-c39c566ec15f671f15ceb381619f16a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/9927/file/medium-a2a59550787de07698c704a06bb8d7d3.webp 900w, https://assets.fabulous.ch/public/variant_asset/9927/file/large-101b28c6e5948dee90787bcb54e2d97b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9927/file/medium-a2a59550787de07698c704a06bb8d7d3.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/kajalstift-black-brown-1-g-19404">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kajalstift black brown, 1 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19404&quot;],&quot;content_name&quot;:&quot;Kajalstift black brown, 1 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19404&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Pz610fyVi84jrD7OIG2JFZ0BvuuWR1JTs_k8nmMQaZYxPWTnvVcufb9oaBX_z2OjR03W33BDQbCObFvn4xG4ng" />
    <input value="19404" 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%3D2">
    <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/kajalstift-graphite-1-g-19405">
          <img alt="Kajalstift graphite" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9926/file/small-0cf7877e146936fd9ec38bfba164274d.webp 600w, https://assets.fabulous.ch/public/variant_asset/9926/file/medium-54961aa155c9164248dd6ff0d3b2f689.webp 900w, https://assets.fabulous.ch/public/variant_asset/9926/file/large-8f4b14ef0106247db346a8fa07af61f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9926/file/medium-54961aa155c9164248dd6ff0d3b2f689.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/kajalstift-graphite-1-g-19405">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kajalstift graphite, 1 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19405&quot;],&quot;content_name&quot;:&quot;Kajalstift graphite, 1 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19405&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oabgV17P6YA4Q2YdnYrx2FGkYG9l6w00JVpANK5VV8avpTFhHw1MM6SHMMZCKBtui-gIW4PvHtcYzydNLlSGzg" />
    <input value="19405" 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%3D2">
    <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/kajalstift-violet-black-1-g-19407">
          <img alt="Kajalstift violet black" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9924/file/small-0d0a1a636fc4c177fc836bae57ab02a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/9924/file/medium-77d8237f451f8e286cedfddfc376130e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9924/file/large-dae2348a3545d3476168fe224eb0194b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9924/file/medium-77d8237f451f8e286cedfddfc376130e.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/kajalstift-violet-black-1-g-19407">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kajalstift violet black, 1 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19407&quot;],&quot;content_name&quot;:&quot;Kajalstift violet black, 1 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19407&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gFM4Z5NFiGPjz67a38WjMFRoI4vRpGOENJM1-aEwXEGOUOlR0oct0H8L-AEAZ0mGjiRLvzegcGcJBlKAITGNSQ" />
    <input value="19407" 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%3D2">
    <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/kompaktpuder-beige-9-g-19408">
          <img alt="Kompaktpuder beige" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9923/file/small-12d89e4537dda2b837f51451e7c9f6f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/9923/file/medium-33bb9adcc1f0783f245a4c107fd44001.webp 900w, https://assets.fabulous.ch/public/variant_asset/9923/file/large-df6bf41d327b022973d57d6a59d6299b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9923/file/medium-33bb9adcc1f0783f245a4c107fd44001.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/kompaktpuder-beige-9-g-19408">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kompaktpuder beige, 9 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19408&quot;],&quot;content_name&quot;:&quot;Kompaktpuder beige, 9 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19408&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1sMMmeRBixBC-xubaOja5rENb1EM4QOEV-s4ZBi897fYwN2vpYMuo94_TUC3SjBQa0EHZerlEGdqfl8dmL0mvw" />
    <input value="19408" 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%3D2">
    <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/kompaktpuder-light-9-g-19409">
          <img alt="Kompaktpuder light" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9922/file/small-b7feb9b6b1a8082f8867a40b39150b1d.webp 600w, https://assets.fabulous.ch/public/variant_asset/9922/file/medium-2c5f8ebc035bb714910a6a20cfb089ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/9922/file/large-9d94c4be48df202d88e2285ea8a5a3eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9922/file/medium-2c5f8ebc035bb714910a6a20cfb089ac.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/kompaktpuder-light-9-g-19409">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kompaktpuder light, 9 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19409&quot;],&quot;content_name&quot;:&quot;Kompaktpuder light, 9 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19409&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TPYxAMaMb8WSPmBglZmXnhohKuG-K_l7qNCq_E-HX_FC9eA2h07Kdg76NrtKO30owG1C1Vgv6piVRc2Fz4aO-Q" />
    <input value="19409" 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">
      40 von 107 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/naturkosmetik/make-up?format=turbo_stream&amp;page=3">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>