<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%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 19.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;990.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;:19.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-2m9y3phSui_-8oRYtbQ4ZpWNcf5B4RvRz2B6Jff8Ar2JwbWliRW5sF8s8xwXegNJ1AizER229iaBxeqDTpQDw" />
    <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%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 19.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;990.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;:19.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8NRNVslLPi9zrHq1DxG5ryF4FIseNA8lwbBChLZbqn39mvZLJQ4iIQ0rA2gdmoFDnH4DgKNFUJIcitTGLL4KeA" />
    <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%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 19.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;990.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;:19.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b2GwIhUUT36PeVwJJC24Ei_Wa232DI5qbCSPjzGz3TNiLws_-VFTcPH-JdQ2poD-ktB8Zkt90d2xHhnNq1Z9Ng" />
    <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%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-brown-1-g-19371">
          <img alt="Augenbrauenstift brown" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9936/file/small-08505053c7e9c5e7f75d20abfe317eec.webp 600w, https://assets.fabulous.ch/public/variant_asset/9936/file/medium-912c68d57e35cc31f51f630fe5a407a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/9936/file/large-ada9b4c40942ad7d3ee6bfe3b65f3478.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9936/file/medium-912c68d57e35cc31f51f630fe5a407a0.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-brown-1-g-19371">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Augenbrauenstift brown, 1 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19371&quot;],&quot;content_name&quot;:&quot;Augenbrauenstift brown, 1 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19371&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aLpbmZFZqYo7a_jG3tGUn5hHjONNT5yd7t42POvys4pl9OCEfRy1hEXsgRvMWqxzJUGb6PA-wyoz5KB-cRcTjw" />
    <input value="19371" 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%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 19.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;990.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;:19.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Gzmxh04cIE48an7qn-4i26r-o5Nwkji4c7ZAbSRG2pwWdwqaolk8QELtBzeNZRo3F_i0mM3jZw-ujNYvvqN6mQ" />
    <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  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%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/concealer-beige-3-2-ml-19674">
          <img alt="Concealer beige" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10143/file/small-a83fe6425bc57f5f6b786544a3ce9c90.webp 600w, https://assets.fabulous.ch/public/variant_asset/10143/file/medium-a2583b82aa994ea8f586847df3d97915.webp 900w, https://assets.fabulous.ch/public/variant_asset/10143/file/large-f28bfeb70bc80a2c228419d8f8866262.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10143/file/medium-a2583b82aa994ea8f586847df3d97915.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/concealer-beige-3-2-ml-19674">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Concealer beige, 3.2 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19674&quot;],&quot;content_name&quot;:&quot;Concealer beige, 3.2 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19674&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:24.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Bjxh9OCDLvIru-fbkirkZpD23fzVWT77f93iq3qCbywLctrpDMYy_FU8ngaAodyKLfDK92goYUyi53Tp4GfPKQ" />
    <input value="19674" 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%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/make-up-entferner-augen-lippen-125-ml-19449">
          <img alt="Make Up Entferner Augen &amp; Lippen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9884/file/small-3ec8abcddb0672e077f86cc94fb2f041.webp 600w, https://assets.fabulous.ch/public/variant_asset/9884/file/medium-632d7b8ca953d6ef57cdd03f137e9fef.webp 900w, https://assets.fabulous.ch/public/variant_asset/9884/file/large-51ceccf4f73e9f5dc90d4d60f5ed1b36.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9884/file/medium-632d7b8ca953d6ef57cdd03f137e9fef.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/make-up-entferner-augen-lippen-125-ml-19449">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Make Up Entferner Augen &amp; Lippen, 125 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 18.32 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19449&quot;],&quot;content_name&quot;:&quot;Make Up Entferner Augen \u0026 Lippen, 125 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19449&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="39SBo-GjnJibMItoOrw5XMxqUjpUg03e9ZNKvUV9KRHSmjq-DeaAluW38rUoNwGwcWxFMenyEmkoqdz_35iJFA" />
    <input value="19449" 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%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/puderlidschatten-mocha-2-g-19480">
          <img alt="Puderlidschatten mocha" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9856/file/small-5c950ac423bb82ab6e8c81a17c434031.webp 600w, https://assets.fabulous.ch/public/variant_asset/9856/file/medium-62feb59931590555b35160971caeae92.webp 900w, https://assets.fabulous.ch/public/variant_asset/9856/file/large-63f93636db9f0f2be9d90ccd96250825.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9856/file/medium-62feb59931590555b35160971caeae92.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/puderlidschatten-mocha-2-g-19480">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten mocha, 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19480&quot;],&quot;content_name&quot;:&quot;Puderlidschatten mocha, 2 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19480&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MLQZ0yIURSOcQeoE9-x_FXzEWCCMVNR_v5Q7Fb_bQOI9-qLOzlFZLeLGk9nlZ0f5wcJPKzEli8hirq1XJT7g5w" />
    <input value="19480" 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%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 27.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 54.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;:27.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4lhPPTl9QC3dYGvoZqosLjoFOTlNoYkeFkd99w3ixBzvFvQg1ThcI6PnEjV0IRTChwMuMvDQ1qnLfeu1lwdkGQ" />
    <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%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 27.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 54.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;:27.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="THNMPiZalCQoDO0-Iw91DzZ6x7a6V6KpYjMx5Jd68vxBPfcjyh-IKlaLlOMxhE3ji3zQvQcm_R6_CaemDZ9S-Q" />
    <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%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 27.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 310.00 / 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;:27.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YFbRBJ2tNbMc0H4QSSqho3y2DexHJ-9fCzKDnu0qnI5tGGoZcegpvWJXB81boZlPwbAa5_pWsOjWCBXcd888iw" />
    <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>


  

  <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%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 27.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 310.00 / 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;:27.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OC4FVE95xpc5Jl9jyNVxkrsHu4KLY60YALjmRXKjlQQ1YL5JozzamUehJr7aXkl-BgGsiTYS8q_dgnAH6EY1AQ" />
    <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 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%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/loser-puder-almond-10-g-19447">
          <img alt="Loser Puder almond" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9881/file/small-f6f4f98406fdbaadb434478eabbaeb8f.webp 600w, https://assets.fabulous.ch/public/variant_asset/9881/file/medium-3c562eaf2f7a9767f5b48fbed077e825.webp 900w, https://assets.fabulous.ch/public/variant_asset/9881/file/large-2ccdb68014d21ea4a39f4dbe012fe329.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9881/file/medium-3c562eaf2f7a9767f5b48fbed077e825.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/loser-puder-almond-10-g-19447">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Loser Puder almond, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19447&quot;],&quot;content_name&quot;:&quot;Loser Puder almond, 10 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19447&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aREB5dV25tsdrPlkd4Ih5RNWV8BsGYl8lFCXXWUjC7xkX7r4OTP61WMrgLllCRkJrlBAy9Fo1stJagEf_8aruQ" />
    <input value="19447" 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%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/loser-puder-light-10-g-19448">
          <img alt="Loser Puder light" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9882/file/small-47c4af7961aea00e07586eea189560a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/9882/file/medium-b4aee9dc303606d38a6c460757037476.webp 900w, https://assets.fabulous.ch/public/variant_asset/9882/file/large-6f82a28baa3510a26968c1330d51413f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9882/file/medium-b4aee9dc303606d38a6c460757037476.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/loser-puder-light-10-g-19448">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Loser Puder light, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19448&quot;],&quot;content_name&quot;:&quot;Loser Puder light, 10 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19448&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i-VdpylDzpQM4-KcSN5ri8kTVhZTGpLQ7r6QbLwuJRKGq-a6xQbSmnJkm0FaVVNndBVBHe5rzWczhAYuJsuFFw" />
    <input value="19448" 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%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/zahnseide-im-glasflaschchen-30-m-22366">
          <img alt="Zahnseide im Glasfläschchen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11825/file/small-b3e7fc1ca7dad92a1e66acd50d92edda.webp 600w, https://assets.fabulous.ch/public/variant_asset/11825/file/medium-19a25e9c878fc2aeb4d4b7cff4e32ce9.webp 900w, https://assets.fabulous.ch/public/variant_asset/11825/file/large-215b789a17c32860fc0b5533bc26421e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11825/file/medium-19a25e9c878fc2aeb4d4b7cff4e32ce9.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">NaTooth</p>
          <a href="/products/zahnseide-im-glasflaschchen-30-m-22366">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnseide im Glasfläschchen, 30 m</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.33 / m
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22366&quot;],&quot;content_name&quot;:&quot;Zahnseide im Glasfläschchen, 30 m&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22366&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tq54_ANhJEvzBQZXNXyCya99Rt7bw_QrpVZpbIsxXL5D4MPh7yQ4RY2Cf4on97olEntR1Wayq5x4bP8uEdT8uw" />
    <input value="22366" 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%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/nachfullpackung-zahnseide-2-x-40-m-22368">
          <img alt="Nachfüllpackung Zahnseide" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11827/file/small-9a3b73b60153753799636b1ad9c8d740.webp 600w, https://assets.fabulous.ch/public/variant_asset/11827/file/medium-241fdc83db834bcd1084464c0e8ce9ec.webp 900w, https://assets.fabulous.ch/public/variant_asset/11827/file/large-b9d98b59b24bd858f9e2246467a04be3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11827/file/medium-241fdc83db834bcd1084464c0e8ce9ec.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">NaTooth</p>
          <a href="/products/nachfullpackung-zahnseide-2-x-40-m-22368">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nachfüllpackung Zahnseide, 2 x 40 m</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.95
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.17 / m
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22368&quot;],&quot;content_name&quot;:&quot;Nachfüllpackung Zahnseide, 2 x 40 m&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22368&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="udRpC-LqmMriDdCEvEibn385CuC7CxOlAufZh7VgoUa0mtIWDq-ExJyKqVmuw6Nzwj8d6wZ6TBLf3U_FL4UBQw" />
    <input value="22368" 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%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/interdentalbursten-14-stuck-22369">
          <img alt="Interdentalbürsten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11828/file/small-c5dfa75ab43324df7325931751a94a98.webp 600w, https://assets.fabulous.ch/public/variant_asset/11828/file/medium-ec296770b277fc477a506b35283383d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/11828/file/large-56703c749710c5cca4f116ebd0c7525a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11828/file/medium-ec296770b277fc477a506b35283383d0.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">NaTooth</p>
          <a href="/products/interdentalbursten-14-stuck-22369">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Interdentalbürsten, 14 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22369&quot;],&quot;content_name&quot;:&quot;Interdentalbürsten, 14 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22369&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Bho4oCX9m8ExVbGHwCAJlKuQmaQu9ryjrEAU1uYJG28LVIO9ybiHz0_SyFrSqzF4FpaOr5OH4xRxeoKUfOy7ag" />
    <input value="22369" 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%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/nahrendes-haarol-kokosnuss-bio-100-ml-22365">
          <img alt="Nährendes Haaröl Kokosnuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11821/file/small-8d9eb23a2a265523b1d33ab6ac311384.webp 600w, https://assets.fabulous.ch/public/variant_asset/11821/file/medium-f65b3bdfa79f0119fa5a812f819cbfb0.webp 900w, https://assets.fabulous.ch/public/variant_asset/11821/file/large-df614964878fdb067ef30220595a409d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11821/file/medium-f65b3bdfa79f0119fa5a812f819cbfb0.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">Urtekram</p>
          <a href="/products/nahrendes-haarol-kokosnuss-bio-100-ml-22365">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nährendes Haaröl Kokosnuss Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22365&quot;],&quot;content_name&quot;:&quot;Nährendes Haaröl Kokosnuss Bio, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22365&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_X62U_hqoKwkwK9AdzKfpeI4FrtQTVe5G8v4ksfPmAjwMA1OFC-8olpH1p1luadJXz4BsO08CA7G8W7QXSo4DQ" />
    <input value="22365" 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%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/zahncreme-aktivkohle-75-ml-22364">
          <img alt="Zahncreme Aktivkohle Ohne Fluor Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11820/file/small-87b2a21ab19ab789879bd53a3ab4eb63.webp 600w, https://assets.fabulous.ch/public/variant_asset/11820/file/medium-80915d1a39768872b6b1c0e07d0ef26a.webp 900w, https://assets.fabulous.ch/public/variant_asset/11820/file/large-e1986e73c294e8990c2e3cf8ff1db5e3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11820/file/medium-80915d1a39768872b6b1c0e07d0ef26a.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">Urtekram</p>
          <a href="/products/zahncreme-aktivkohle-75-ml-22364">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahncreme Aktivkohle Ohne Fluor Bio, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22364&quot;],&quot;content_name&quot;:&quot;Zahncreme Aktivkohle Ohne Fluor Bio, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22364&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nNVoJTIinRBRv8OXvE0WSmN7CUcu7Dpj-bGP_8MQPSaRm9M43meBHi84ukquxi6m3n0eTJOdZdQkixm9WfWdIw" />
    <input value="22364" 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%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/basentee-49-krauter-teebeutel-bio-25-stuck-18520">
          <img alt="Basentee 49 Kräuter Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10242/file/small-91d06eee77be1588f566dbed97542c6b.webp 600w, https://assets.fabulous.ch/public/variant_asset/10242/file/medium-1baa7c905ce486b3b1d32f57a63329ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/10242/file/large-e509be73de59393dfb25d50a4d58c0f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10242/file/medium-1baa7c905ce486b3b1d32f57a63329ca.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">Droste-Laux</p>
          <a href="/products/basentee-49-krauter-teebeutel-bio-25-stuck-18520">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basentee 49 Kräuter Teebeutel Bio, 25 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18520&quot;],&quot;content_name&quot;:&quot;Basentee 49 Kräuter Teebeutel Bio, 25 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18520&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z69vlAtC0FVyUW1oQkOnmWpV1Ba-AQQ1zpqk8pzRPjpq4dSJ5wfMWwzWFLVQyJ9111PDHQNwW4IToDKwBjSePw" />
    <input value="18520" 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 371 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/naturkosmetik?format=turbo_stream&amp;page=3">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>