<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%3Fformat%3Dturbo_stream%26page%3D6">
    <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/energynature-reinigungsgel-125-ml-19386">
          <img alt="Energynature Reinigungsgel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11008/file/small-6e3a23a708ca1e1ac79b0e02291efab6.webp 600w, https://assets.fabulous.ch/public/variant_asset/11008/file/medium-a266ae20571ce3aec5366372f538f794.webp 900w, https://assets.fabulous.ch/public/variant_asset/11008/file/large-55f79be6fa614cf6f13860d79aa43760.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11008/file/medium-a266ae20571ce3aec5366372f538f794.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/energynature-reinigungsgel-125-ml-19386">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Energynature Reinigungsgel, 125 ml</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 16.72 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2SIG0aWDd0guEhBDG7l-iX3JmeYG8h8sBVkv-gRO2DEcXXnUVzhy4UnnkaGu-_9ewVYTZDqS_EeyaGe6CzQfkA" />
    <input value="19386" 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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/energynature-tagescreme-50-ml-19387">
          <img alt="Energynature Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11009/file/small-a7c73475a39c6c079d68a37632e75ba6.webp 600w, https://assets.fabulous.ch/public/variant_asset/11009/file/medium-f5761e8fdf6da6263acb82b1b04e2eac.webp 900w, https://assets.fabulous.ch/public/variant_asset/11009/file/large-4993c07cd749d54e80cecbba7c71133a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11009/file/medium-f5761e8fdf6da6263acb82b1b04e2eac.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/energynature-tagescreme-50-ml-19387">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Energynature Tagescreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l2iDBFsUPObVlmneH7vkMV52mKtj54RufovWOvG9wQpSF_wBqa85T7Jj6Dyq-WXm4ukSKV-HZwXJup56_scGqw" />
    <input value="19387" 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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/enzym-peeling-30-g-19388">
          <img alt="Enzym-Peeling" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11010/file/small-2e2b06d2b9de659b4928013a878819e8.webp 600w, https://assets.fabulous.ch/public/variant_asset/11010/file/medium-a1170e5d66cf5b3ebda94b30b144b274.webp 900w, https://assets.fabulous.ch/public/variant_asset/11010/file/large-05ec16d03422a97ee88b98937dc414c2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11010/file/medium-a1170e5d66cf5b3ebda94b30b144b274.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/enzym-peeling-30-g-19388">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Enzym-Peeling, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 43.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Aon2MvFqLFjGX1lJI89E1u76wOnw8HzUQZv88_QW8XPH9ok3A9Ep8aGq2KuWjcUBUmVKa8yQn7_2qrSz-2w20g" />
    <input value="19388" 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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 action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0u51ECFjG2szj77lvX6ACNusaNfvS9ME3jdmwGVXSdoXkQoV09gewlR6PwcIPAHfZzPiVdMrMG9pBi6Aai2Oew" />
    <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 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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 action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Cbp1O-C2Hm8MsDSkryi42eX7LkH5pyBvTmZNcoPqCMPMxQo-Eg0bxmtFtUYaajkOWWSkw8XHwwT5VwUyjJDPYg" />
    <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  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%3Fformat%3Dturbo_stream%26page%3D6">
    <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 action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2Ck98JeWFCy_E89EAF8EUio7vW3O5wc3Hniur9Qpqa0dVkL1ZS0RhdjmTqa1HYWFlqQ37_KH5FypSebv21NuDA" />
    <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 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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 action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VuAPxXnub61k7NIuQU1oCmLGWI73jlnGYhrJHMiDrrSTn3DAi1VqBAMZU8z0D-nd3lnSDMvuuq3VK4Fcx_lpFQ" />
    <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  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%3Fformat%3Dturbo_stream%26page%3D6">
    <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 action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1O7D27jm661PrQyovgLAlZDwtan5Q4xtv4TyUokzeZ8RkbzeSl3uBChYjUoLQEFCLG8_K8UjbwYItboShkm-Pg" />
    <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 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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 action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9YwSROGXzs58aEjWy6Kl1rEZgtx3bfdebgSd2kB9V-Ew821BEyzLZxudyTR-4CQBDYYIXksNFDXZNdWaTweQQA" />
    <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  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%3Fformat%3Dturbo_stream%26page%3D6">
    <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 action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F2mFtHeYLNOp-Ml5hxJUndN-8-wZpsQ1xiK6ivHhQ0_SFvqxhSMpes4NSJsyUNVKb-F5biXGJ15xE_LK_puE7g" />
    <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 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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 action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uw1nZ8nogfNVxAeABV1CBa8JpKl-5e0uis0ObmmUZTR-chhiO1OEWjIxhmKwH8PSE5YuK0KFDkU9_EYuZu6ilQ" />
    <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  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%3Fformat%3Dturbo_stream%26page%3D6">
    <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/for-lips-stift-5-g-19397">
          <img alt="For Lips Stift" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9934/file/small-f0cb4dcd6426318b97538aefead68c37.webp 600w, https://assets.fabulous.ch/public/variant_asset/9934/file/medium-dfe470c3293980e7e1545362fe0612df.webp 900w, https://assets.fabulous.ch/public/variant_asset/9934/file/large-62b20c237c24cc5965d4c01b34993246.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9934/file/medium-dfe470c3293980e7e1545362fe0612df.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/for-lips-stift-5-g-19397">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">For Lips Stift, 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nywGfZLfLhdAvuhrKOnW5uEHkdP3_jlBpGs3WPOc-zZaU3l4YGQrvidLaYmdq1cxXZgbUcue2ioTWn8Y_OY8lw" />
    <input value="19397" 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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 action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qUBZEMe8VU3J_fBgrxRulMHWmIOEvRn5lc5fYIKYzHhsPyYVNQdQ5K4IcYIaVu9DfUkSAbjd-pIi_xcgjeIL2Q" />
    <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%3Fformat%3Dturbo_stream%26page%3D6">
    <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 action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-tyaQam9esxnpO-06Ay3VRTa_Ig8Nvo5jxS3poiwMWI_o-VEWwZ_ZQBRblZdTjaCqEV2CgBWGVI4Jf_mh8r2ww" />
    <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%3Fformat%3Dturbo_stream%26page%3D6">
    <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/fruchtsaure-peeling-30-ml-19400">
          <img alt="Fruchtsäure Peeling" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11011/file/small-056532270b7244d53619cc266afd63f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/11011/file/medium-8a319b8af872479c8ce345c1924db1b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/11011/file/large-546ebd346052141537ed639ec9228b26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11011/file/medium-8a319b8af872479c8ce345c1924db1b3.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/fruchtsaure-peeling-30-ml-19400">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruchtsäure Peeling, 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-19400-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4x6AVnM0o39LnhRp2jA79V8oCTBqKeRlpeAnze-aZNsmYf9TgY-m1ixrlYtvcroi47eDslZJBw4S0W-N4OCjeg" />
    <input value="19400" 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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/gesichts-straffungs-gel-50-ml-19401">
          <img alt="Gesichts-Straffungs-Gel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9930/file/small-3c4d4184d6bf7b9b7eeed56ed2d51a4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/9930/file/medium-fdfeb10fca596c4e0a1312ae00f2743d.webp 900w, https://assets.fabulous.ch/public/variant_asset/9930/file/large-39c76e3e9e576bf83a2fa8bfac01c0cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9930/file/medium-fdfeb10fca596c4e0a1312ae00f2743d.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/gesichts-straffungs-gel-50-ml-19401">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gesichts-Straffungs-Gel, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 43.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MfHz7MbPBmi2NH0ZMy9MNeRt4CVjaAmqMpYzptMwEDL0jozpNHQDwdHB_PuGbc3iWPJqp18I6sGFp3vm3ErXkw" />
    <input value="19401" 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%3Fformat%3Dturbo_stream%26page%3D6">
    <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 action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u3hRFPqeEOpqIgHI6UtjVszEDX4n4GxHhxVZyGLvl4F-By4RCCUVQw3XgCpcCeKBcFuH_BuAjywwJBGIbZVQIA" />
    <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%3Fformat%3Dturbo_stream%26page%3D6">
    <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 action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lshEHYgsSlx2zFDMWbWYYeHNzwfqSC-XjMSghWdMjdZTtzsYepdP9RE50S7s9xm2XVJFhdYozPw79ejFaDZKdw" />
    <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%3Fformat%3Dturbo_stream%26page%3D6">
    <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 action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uNCah0R7bTVvohfC5G0s7zIXjsHYFQu0RrDesIwfMbZ9r-WCtsBonAhXliBRL604jogEQ-R16N_xgZbwg2X2Fw" />
    <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%3Fformat%3Dturbo_stream%26page%3D6">
    <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-marine-blue-1-g-19406">
          <img alt="Kajalstift marine blue" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9925/file/small-261c95e4a7ee6f8232b67f831c11828c.webp 600w, https://assets.fabulous.ch/public/variant_asset/9925/file/medium-e41fa072b4de03eb3334a076367dcf7a.webp 900w, https://assets.fabulous.ch/public/variant_asset/9925/file/large-d26b57f5a9cf768d1fec177b1de2525f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9925/file/medium-e41fa072b4de03eb3334a076367dcf7a.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-marine-blue-1-g-19406">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kajalstift marine blue, 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-19406-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RWHG4ddVDeRu-6kPl6ZbIxVtq4gVBhR0XdwWXY5d4pGAHrnkJe4ITQkOKO0i5Nr0qfIhCilm9x_q7V4dgSclMA" />
    <input value="19406" 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">
      120 von 301 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/naturkosmetik?format=turbo_stream&amp;page=7">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>