<turbo-stream action="append" target="products_grid"><template>
    

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zz-sensitive-starkendes-gesichtsgel-150-ml-19585">
          <img alt="zz Sensitive Stärkendes Gesichtsgel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9358/file/small-3bbeb36416c015ce9e60ba2688ddfa15.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9358/file/medium-ca48d6bc7acc93557c2fd76f3ec5fdd2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9358/file/large-dfcbc2b782eb5530be9876dbc0d059bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9358/file/medium-ca48d6bc7acc93557c2fd76f3ec5fdd2.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="/de/products/zz-sensitive-starkendes-gesichtsgel-150-ml-19585">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zz Sensitive Stärkendes Gesichtsgel, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5kjMuMfyFebYxtsQ00ZJGCt3M7OrcRVcK5FeGU2VkekfED3Ls3H7wAY1qRTbSQpriPjVkdi0y3ptDfqhaWXXFw" />
    <input value="19585" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/lipbalm-baby-mild-4-g-19602">
          <img alt="Lipbalm Baby Mild" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9367/file/small-920e99268d0e76ab5440b40923ac1007.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9367/file/medium-3c9abc811d73b39c94d24519843b5b2f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9367/file/large-7156ea83a4cc2df71d2cc119be7ae979.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9367/file/medium-3c9abc811d73b39c94d24519843b5b2f.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">Dr. Bronners</p>
          <a href="/de/products/lipbalm-baby-mild-4-g-19602">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lipbalm Baby Mild, 4 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yVtCCKjB6DcO6YT6rHvHMDSjcQzhXGMeztivKwgPyJ0wA7N73EIGEdAa9v6kdIRDlyyXLpKZvTiIRAuTLP-OYw" />
    <input value="19602" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/lipbalm-cherry-blossom-4-g-19603">
          <img alt="Lipbalm Cherry Blossom" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9366/file/small-0a9cd6747d063a4958ea149b1d26dcce.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9366/file/medium-da05e8b3a8df3805f69dad9725abaeb2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9366/file/large-5dbd259fec766f95168f1ff9b13098ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9366/file/medium-da05e8b3a8df3805f69dad9725abaeb2.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">Dr. Bronners</p>
          <a href="/de/products/lipbalm-cherry-blossom-4-g-19603">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lipbalm Cherry Blossom, 4 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YT-sHhJfHIpsOF2wjG1PcZ8WYmQ8iTc4iNj_xewHaWOYZ11tZtzyrLLLL7SEYgwCPJmERk9M6R7ORFt9yPcvnQ" />
    <input value="19603" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/lipbalm-citrus-lime-4-g-19604">
          <img alt="Lipbalm Citrus-Lime" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9368/file/small-394d5a131a70f2f1522fcd1bc4108aaa.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9368/file/medium-597d7dcfd1d785bd1ba046d7de022525.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9368/file/large-0bc68be4b2698bd99c23aa6006d5fd34.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9368/file/medium-597d7dcfd1d785bd1ba046d7de022525.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">Dr. Bronners</p>
          <a href="/de/products/lipbalm-citrus-lime-4-g-19604">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lipbalm Citrus-Lime, 4 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="etChc8u-SBFDoissl4FiJT745OIx7R06CaZ2FJbqrEqDiFAAvz2mN51RWSifjiFWnXcCwEIowxxPOtKsshrqtA" />
    <input value="19604" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/lipbalm-peppermint-4-g-19605">
          <img alt="Lipbalm Peppermint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9369/file/small-9ceacbfa644328e0ecb2200493b9b5bf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9369/file/medium-70cf924df9a9616daf87b9ddb2c357ea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9369/file/large-6cb9ea386cf0821865fbc32e7dd708ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9369/file/medium-70cf924df9a9616daf87b9ddb2c357ea.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">Dr. Bronners</p>
          <a href="/de/products/lipbalm-peppermint-4-g-19605">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lipbalm Peppermint, 4 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EqrL2Q0DIpHK874UTX5gPh1mDDB_yVjO9Sop-CXwwHXr8jqqeYDMtxQAzBBFcSNNvunqEgwMhuizto1AAQCGiw" />
    <input value="19605" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zahnpasta-pfefferminz-105-ml-19621">
          <img alt="Zahnpasta Pfefferminz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9382/file/small-735b4290e2ceddff2b6c82c4fb53fe97.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9382/file/medium-d1c5e4b3f0e8e31c72d2cb90a96e74e6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9382/file/large-06fa7cfb8a0ed2a61a2fa6c016f06e10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9382/file/medium-d1c5e4b3f0e8e31c72d2cb90a96e74e6.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">Dr. Bronners</p>
          <a href="/de/products/zahnpasta-pfefferminz-105-ml-19621">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta Pfefferminz, 105 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.29 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BB77DQM_9xfiDqZ1mfmGtINuXHlznUM9ZSmzfjGTxkn9Rgp-d7wZMTz91HGR9sXHIOG6WwBYnRsjtRfGFWOAtw" />
    <input value="19621" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zahnpasta-zimt-140-g-19622">
          <img alt="Zahnpasta Zimt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10213/file/small-4e956f318ee243e4c1ae50bd45208d4f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10213/file/medium-a844457602118abc4ac5e57066ee7252.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10213/file/large-afd7da57d48c8b455874aae72ed4e275.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10213/file/medium-a844457602118abc4ac5e57066ee7252.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">Dr. Bronners</p>
          <a href="/de/products/zahnpasta-zimt-140-g-19622">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta Zimt, 140 g</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 9.21 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zE3ql9_XEsR5QUNIKkDpFy-P5jY_47e7ol0avtIygCA1FRvkq1T84qeyMUwiT6pkjAAAFEwmaZ3kwb4G9sLG3g" />
    <input value="19622" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gesichtscreme-basisch-50-ml-19629">
          <img alt="Gesichtscreme basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9387/file/small-e4e0304c9324727d082fca4693d121be.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9387/file/medium-46502523078c1786a03617be317eddd1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9387/file/large-a9072b4b80dd0364cb22ccf1f1598384.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9387/file/medium-46502523078c1786a03617be317eddd1.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="/de/products/gesichtscreme-basisch-50-ml-19629">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gesichtscreme basisch, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sdN4VgypPY3aXzFwwQRQ73uln1JvkQD03KVmZcuJgfhIi4kleCrTqwSsQ3TJCxOc2Cp5cBxU3tKaOcLd73nHBg" />
    <input value="19629" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gesichtsmaske-basisch-50-ml-19630">
          <img alt="Gesichtsmaske basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9386/file/small-b9b9f09de4054d66f730284c4ccb51c4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9386/file/medium-31e863e306b6d0e99af5fc7d26a0dd1a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9386/file/large-32676d4547124bf9a185dfd7a4a5a17b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9386/file/medium-31e863e306b6d0e99af5fc7d26a0dd1a.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="/de/products/gesichtsmaske-basisch-50-ml-19630">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gesichtsmaske basisch, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="La9CUwG_ZEYoh05-rZLX9NPGp43pwZ0iElyuxmmcwnTU97MgdTyKYPZ0PHqlnZSHcElBr5oEQwRUwAp-TWyEig" />
    <input value="19630" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gesichtswaschcreme-basisch-50-ml-19631">
          <img alt="Gesichtswaschcreme basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9388/file/small-098850edad9044b9e0a44feded4071f4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9388/file/medium-f3b52e8b6acb042e2e4145ce53b3f771.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9388/file/large-58ebafd1a922f0137eb58689bd202617.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9388/file/medium-f3b52e8b6acb042e2e4145ce53b3f771.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="/de/products/gesichtswaschcreme-basisch-50-ml-19631">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gesichtswaschcreme basisch, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_fF82KN30b0_udwrmJ0_z6NqRzqWXwUGPXozuhf9ZO0EqY2r1_Q_m-FKri-Qkny8AOWhGOWa2yB75pcCMw0iEw" />
    <input value="19631" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/ayurvedisches-mundol-250-ml-19633">
          <img alt="Ayurvedisches Mundöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9390/file/small-973d9dc5baf1a37f4601995c93bd1913.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9390/file/medium-f47514ce83fe9f3e79fa223af01c3d61.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9390/file/large-a7f760f3d864f63d7128eb771d2a56d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9390/file/medium-f47514ce83fe9f3e79fa223af01c3d61.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="/de/products/ayurvedisches-mundol-250-ml-19633">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ayurvedisches Mundöl, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nSoxVFFeDjP2GCY-uqDyfrdLnGA3HAe8s6QOxfZq9FtkcsAnJd3gFSjrVDqyr7ENFMR6QkTZ2Zr1OKp90pqypQ" />
    <input value="19633" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zahncreme-basisch-50-ml-19635">
          <img alt="Zahncreme basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9391/file/small-041803dea9163ad01135a02a9c0a2224.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9391/file/medium-2c9910fa62c394cb3d24a8cefaa8d880.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9391/file/large-f5807142a26efa143ad047f38995870b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9391/file/medium-2c9910fa62c394cb3d24a8cefaa8d880.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="/de/products/zahncreme-basisch-50-ml-19635">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahncreme basisch, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0gBA3r5NE9L6KeDz64QGIpWjw8LekZ5Eu2FCAEBBm-krWLGtys799CTakvfji0VRNiwl4K1UQGL9_ea4ZLHdFw" />
    <input value="19635" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/cleansing-milk-150-ml-19640">
          <img alt="Cleansing Milk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10217/file/small-1eb5490085ce33b68ccca52aaaa81f9a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10217/file/medium-681105da2e2521a7c504b3e1b5b9709d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10217/file/large-49a950f46ec7234f8a7bd85c8b1a5294.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10217/file/medium-681105da2e2521a7c504b3e1b5b9709d.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">Goloy</p>
          <a href="/de/products/cleansing-milk-150-ml-19640">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cleansing Milk, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9Dy2czMte8jTYRzsByQVLbiYZ9oZPfKG77lhGpRP-KcNZEcAR66V7g2SbugPK1ZeGxeB-Gr4LKCpJcWisL--WQ" />
    <input value="19640" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/eye-cream-15-ml-19641">
          <img alt="Eye Cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10215/file/small-9350e8493bee742c4e478e0ac24f326e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10215/file/medium-45a566b8cd5a75fd20e1b5552bfb7bfb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10215/file/large-79c157b800700e5642a3db2f7568dec1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10215/file/medium-45a566b8cd5a75fd20e1b5552bfb7bfb.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">Goloy</p>
          <a href="/de/products/eye-cream-15-ml-19641">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eye Cream, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 66.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WPA0uyN-rQSBah66evtXnyNx6_7PeB86aEsnBjSQeDehqMXIV_1DIl-ZbL5y9BTsgP4N3Ly9wRwu14O-EGA-yQ" />
    <input value="19641" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/face-cream-50-ml-19642">
          <img alt="Face Cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10219/file/small-60c71c22ca1a7bcaed8d756ccb85bab4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10219/file/medium-490f627fa0cdd4449425e428c56e257a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10219/file/large-84533715530b08cf5bab6d14ece47c02.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10219/file/medium-490f627fa0cdd4449425e428c56e257a.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">Goloy</p>
          <a href="/de/products/face-cream-50-ml-19642">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Face Cream, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 69.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZN3B-XwPc8XamE0pbqhX-uUk17KPhDgFLxnvXwdBS62dhTCKCIyd4wRrPy1mpxSJRqsxkPxB5iNphUvnI7ENUw" />
    <input value="19642" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/face-cream-intense-50-ml-19643">
          <img alt="Face Cream Intense" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10218/file/small-5cc15d716e64edc67d58f68b1be0b3e2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10218/file/medium-86ef069b8ef88580f0fd559c2286d396.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10218/file/large-d1cf07d415201a1b9d9f5b8cdd82579f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10218/file/medium-86ef069b8ef88580f0fd559c2286d396.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">Goloy</p>
          <a href="/de/products/face-cream-intense-50-ml-19643">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Face Cream Intense, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 69.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MAG7wC8Y-oSmUqQp1MPAEej814c0JE26_a_p1dN_HEjJWUqzW5sUonih1i3czINiS3MxpUfhk5y7M01t949atg" />
    <input value="19643" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/face-mask-50-ml-19644">
          <img alt="Face Mask" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10138/file/small-c9d10beae0eca59a24e0630ac775ca92.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10138/file/medium-059075dce77fe072c058ca1ecc9050cf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10138/file/large-0b78248e8cf82b65f80bfe1d2ee4b97d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10138/file/medium-059075dce77fe072c058ca1ecc9050cf.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">Goloy</p>
          <a href="/de/products/face-mask-50-ml-19644">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Face Mask, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IVKW6OdIc3CDw5zB5zdVbFa9XeO_t-ZlxwsTUB_oLOTYCmebk8udVl0w7sXvOBYf9TK7wcxyOEOBl7foOxhqGg" />
    <input value="19644" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/face-peeling-75-ml-19645">
          <img alt="Face Peeling" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10137/file/small-1255cf6920ccf607221a3155c163ea11.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10137/file/medium-721582fff1d9828a00ca80297087607c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10137/file/large-6492f0702cda000ee40cefb1088fd52f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10137/file/medium-721582fff1d9828a00ca80297087607c.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">Goloy</p>
          <a href="/de/products/face-peeling-75-ml-19645">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Face Peeling, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="43QPIlLhSkYbtEsdpbSt62iOI5W-FneuOwJ0o5nPIy4aLP5RJmKkYMVHORmtu-6YywHFt83TqYh9ntAbvT9l0A" />
    <input value="19645" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/face-serum-30-ml-19646">
          <img alt="Face Serum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10220/file/small-e87f517378e9e110bdc7407b41dfe7ed.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10220/file/medium-3a966a5d5ad47f5a541a5cc2e1c037c8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10220/file/large-30b970138060ab511a3f15341f87f617.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10220/file/medium-3a966a5d5ad47f5a541a5cc2e1c037c8.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">Goloy</p>
          <a href="/de/products/face-serum-30-ml-19646">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Face Serum, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 59.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Rf5tMpNKSw56pVHFcIGY0yr1UUWFirrCJxG8byzSxV68ppxB58mlKKRWI8F4jtugiXq3Z_ZPZORhjRjXCCKDoA" />
    <input value="19646" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/augencreme-12-5ml-1-stuck-19654">
          <img alt="Augencreme 12.5ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10446/file/small-751ac4d9e78501f8ce0084fd30daaddf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10446/file/medium-387de4a8b39850a7df0d34c89ef13cef.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10446/file/large-f4e7d34d78235d748d26fcd170438d98.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10446/file/medium-387de4a8b39850a7df0d34c89ef13cef.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hauschka</p>
          <a href="/de/products/augencreme-12-5ml-1-stuck-19654">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Augencreme 12.5ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.15
            </p>

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

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

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

</template></turbo-stream>