<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%3Fformat%3Dturbo_stream%26page%3D15">
    <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/body-wash-200-ml-4edf1209-3e79-4af2-b25a-d932b70a6b38-19639">
          <img alt="Body Wash" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10216/file/small-41c85c1d79f36ea0afee6c1079c09593.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10216/file/medium-186846d754a0b3357e0f371834d41fb7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10216/file/large-3c356f06b23a50d1510e29684fae6780.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10216/file/medium-186846d754a0b3357e0f371834d41fb7.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/body-wash-200-ml-4edf1209-3e79-4af2-b25a-d932b70a6b38-19639">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Body Wash, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="86CzHGfXQaN_2X9vrUr5-P4sKmEyJpTNhywFNT28AwdSNK8uOE-GeV4cG4gkrBKJNjeL08Ma7nYArkwc8-vyGw" />
    <input value="19639" 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%3Fformat%3Dturbo_stream%26page%3D15">
    <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="P1haARPhUTkNet3dnGJ4FUq8tnHLtHi12m_MxMlZR1aezEYzTHmW4yy_uToVhJNkgqcXwzqIAg5d7YXtBw62Sg" />
    <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 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%3Fformat%3Dturbo_stream%26page%3D15">
    <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="pEQSJsUQX1DukHvWH6pEXbEpFQvNXeNgkgx9HCii3oUF0A4UmoiYis9VHzGWTK8seTK0uTxhmdsVjjQ15vUvmQ" />
    <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  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%3Fformat%3Dturbo_stream%26page%3D15">
    <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="nKECmKrysJeErkoJOqOp9hU19eIZoebxl0u99RqbP-U9NR6q9Wp3TaVrLu6zRUKH3S5UUOidnEoQyfTc1MzO-Q" />
    <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 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%3Fformat%3Dturbo_stream%26page%3D15">
    <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="u99Ki_1pJi8TcSpW5SJmFHLGAGtvldWgB41DWuETIaoaS1a5ovHh9TK0TrFsxI1lut2h2Z6prxuADwpzL0TQtg" />
    <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  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%3Fformat%3Dturbo_stream%26page%3D15">
    <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="ndcuRaKryr2U2qsx69pN-tmmfPpvByzlg7bQ3-opWb48QzJ3_TMNZ7Ufz9ZiPKaLEb3dSJ47Vl4ENJn2JH6oog" />
    <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 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%3Fformat%3Dturbo_stream%26page%3D15">
    <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="qB3pikVGhPiV-TrCLkNMLFqSPR4jzz7c_e-xB5VggLEJifW4Gt5DIrQ8XiWnpaddkomcrNLzRGd6bfguWzdxrQ" />
    <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  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%3Fformat%3Dturbo_stream%26page%3D15">
    <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="GM-KRPuytby4eoifdwnNf5gBL4c2-fjAAXmrD5LavmG5W5Z2pCpyZpm_7Hj-7yYOUBqONcfFgnuG--ImXI1PfQ" />
    <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 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%3Fformat%3Dturbo_stream%26page%3D15">
    <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/hair-scalp-lotion-50-ml-19647">
          <img alt="Hair &amp; Scalp Lotion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10221/file/small-b229ce73e8642650bfd1732e57420eaf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10221/file/medium-4fa4c47ced03ae8215b00d4674d62251.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10221/file/large-9ab8108d2ef44fef8786aaa1dc7d09bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10221/file/medium-4fa4c47ced03ae8215b00d4674d62251.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/hair-scalp-lotion-50-ml-19647">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hair &amp; Scalp Lotion, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 37.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2Cv9Jcd8PQhyPZEv_3YmR6-XRe5-A3H64n5yn4DJR9p5v-EXmOT60lP49ch2kM02Z4zkXI8_C0Fl_Du2Tp62xg" />
    <input value="19647" 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%3Fformat%3Dturbo_stream%26page%3D15">
    <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/hair-conditioner-200-ml-19648">
          <img alt="Hair Conditioner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10223/file/small-46206723fc602f36b8039b1374aa2cad.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10223/file/medium-8f22adede4a94bd39d032f4365d99368.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10223/file/large-2682c6396d0520dd45c4c4074aeda12c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10223/file/medium-8f22adede4a94bd39d032f4365d99368.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/hair-conditioner-200-ml-19648">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hair Conditioner, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iGK0mDOYo6w8tw0SQk2B76nEgPDfLXT5LjwtJsOw-r8p9qiqbABkdh1yafXLq2qeYd8hQi4RDkKpvmQPDecLow" />
    <input value="19648" 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%3Fformat%3Dturbo_stream%26page%3D15">
    <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/hand-cream-75-ml-19649">
          <img alt="Hand Cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10140/file/small-d41d29fc801b0d880801dc4c5f455f2f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10140/file/medium-a05b581bf2a668816d2c3a36ecd11a12.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10140/file/large-77963e0c0ec499bf385ea8b29932b389.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10140/file/medium-a05b581bf2a668816d2c3a36ecd11a12.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/hand-cream-75-ml-19649">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hand Cream, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cHE7FrdRYkZ-2TTwzNqz4R593oQwnyIPbZSDcJpLmDHR5Sck6MmlnF8cUBdFPFiQ1mZ_NsGjWLTqFspZVBxpLQ" />
    <input value="19649" 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%3Fformat%3Dturbo_stream%26page%3D15">
    <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/massage-lotion-125-ml-19650">
          <img alt="Massage Lotion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10139/file/small-88a86708e9d320d1cdeb1545c137893d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10139/file/medium-40e943e5d99a4014846da795e0bfc50b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10139/file/large-e5b829106a7eda4463b743b94ea004c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10139/file/medium-40e943e5d99a4014846da795e0bfc50b.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/massage-lotion-125-ml-19650">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Massage Lotion, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 51.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9eDPYunffmR8h_why6a8nuRd71LQeg2eINUL2sUNW2dUdNNQtke5vl1CmMZCQFfvLEZO4CFGdyWnV0LzC1qqew" />
    <input value="19650" 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%3Fformat%3Dturbo_stream%26page%3D15">
    <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/shampoo-fine-normal-hair-200-ml-19651">
          <img alt="Shampoo Fine &amp; Normal Hair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10222/file/small-b827d51a8cbf46db3b5f5443a7ebcab6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10222/file/medium-7a54826f9b6f8c72e004c77063da986d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10222/file/large-3b26f3400e76d1e052f99ab96f89ec9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10222/file/medium-7a54826f9b6f8c72e004c77063da986d.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/shampoo-fine-normal-hair-200-ml-19651">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shampoo Fine &amp; Normal Hair, 200 ml</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 9.95 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="znj9qcdpJK8kWOXaN6TooXfJkTvmbCwf2_dRPBq4ju9v7OGbmPHjdQWdgT2-QgPQv9IwiRdQVqRcdRgV1O9_8w" />
    <input value="19651" 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%3Fformat%3Dturbo_stream%26page%3D15">
    <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/shampoo-thick-hair-200-ml-19652">
          <img alt="Shampoo Thick Hair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10141/file/small-3676b8efae66a6ad39d59ec40e98bbb7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10141/file/medium-d1f36f426e13b4e1a353ea59cea20c07.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10141/file/large-74b742c29cd702d88415f1bc2c7f98d9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10141/file/medium-d1f36f426e13b4e1a353ea59cea20c07.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/shampoo-thick-hair-200-ml-19652">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shampoo Thick Hair, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gN9tNnzcJoy8_Z31eOL_zy4fNrPym-K-jJLC6iiYc2khS3EEI0ThVp04-RLxBBS-5gSXAQOnmAULEIvD5s-CdQ" />
    <input value="19652" 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%3Fformat%3Dturbo_stream%26page%3D15">
    <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/veno-well-lotion-125-ml-19653">
          <img alt="Veno Well Lotion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10143/file/small-38fbf12001796dc3a6f9a56c38c3be06.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10143/file/medium-aa426dd5b7ff61c811e7268cdebdb195.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10143/file/large-668eb5771633c57ed1e42ddbea27f6aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10143/file/medium-aa426dd5b7ff61c811e7268cdebdb195.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/veno-well-lotion-125-ml-19653">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Veno Well Lotion, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 56.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kIdnkyoJjraRF48nGLaBA-4gfyS65ZuAh_B8yENVxXcxE3uhdZFJbLDS68CRUGpyJjvelkvZ4TsAcjXhjQI0aw" />
    <input value="19653" 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%3Fformat%3Dturbo_stream%26page%3D15">
    <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="WiqolnhkkewT5OhnokOQWyNS25gzh9_GbnjbMJrxrRb7vrSkJ_xWNjIhjIArpXsq60l6KsK7pX3p-pIZVKZcCg" />
    <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>


  

  <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%3Fformat%3Dturbo_stream%26page%3D15">
    <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/beruhigende-maske-30-ml-19655">
          <img alt="Beruhigende Maske" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10168/file/small-a6a3b314bb2c479919835f92be949c0a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10168/file/medium-0c02710d30ea532774e1ecc81ff48dfd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10168/file/large-5cab62278f5d952c3814dc32f5b0df9b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10168/file/medium-0c02710d30ea532774e1ecc81ff48dfd.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/beruhigende-maske-30-ml-19655">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beruhigende Maske, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1qP2hj2zDxwJmziv5xNSQ3ExMZOV4RqVZnV5ZtChkUt3N-q0YivIxiheXEhu9bkyuSqQIWTdYC7h9zBPHvZgVw" />
    <input value="19655" 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%3Fformat%3Dturbo_stream%26page%3D15">
    <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/deomilch-rosen-50-ml-19656">
          <img alt="Deomilch Rosen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9392/file/small-978769f796777512e34730b32cf82e10.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9392/file/medium-c1a50d945173e939757db57237817f84.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9392/file/large-eab5d1b5309dc36e7ad24828c99b7bd7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9392/file/medium-c1a50d945173e939757db57237817f84.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/deomilch-rosen-50-ml-19656">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deomilch Rosen, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QWJtjrPt39FrhKmiDt6RQdi_swwDDVWPG6QT7hxzD6jg9nG87HUYC0pBzUWHOHowEKQSvvIxLzScJlrH0iT-tA" />
    <input value="19656" 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%3Fformat%3Dturbo_stream%26page%3D15">
    <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/deomilch-salbei-minze-50-ml-19657">
          <img alt="Deomilch Salbei-Minze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9393/file/small-384d916c02768595a5812f6ec9becc23.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9393/file/medium-74179374f18fc3801aabb2d4a64f2d9a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9393/file/large-cf7f45f5eecc3eb084bf541e61cb1bdb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9393/file/medium-74179374f18fc3801aabb2d4a64f2d9a.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/deomilch-salbei-minze-50-ml-19657">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deomilch Salbei-Minze, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vwZOcpZZFjy9_h7UZkamleof2Ag284lUHRXNATdqZMceklJAycHR5pw7ejPvoE3kIgR5usfP8--al4Qo-T2V2w" />
    <input value="19657" 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%3Fformat%3Dturbo_stream%26page%3D15">
    <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/gesichtstonikum-100-ml-19658">
          <img alt="Gesichtstonikum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10448/file/small-95fec92e119f82e983945066d5a419c4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10448/file/medium-d36f860570f5ff9f80e87092a2972538.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10448/file/large-8b0eec3638e83e51a953ed4cb9b472c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10448/file/medium-d36f860570f5ff9f80e87092a2972538.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/gesichtstonikum-100-ml-19658">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gesichtstonikum, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.90
            </p>

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

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

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

</template></turbo-stream>