<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%3D12">
    <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/system-absolut-augencreme-15-ml-19572">
          <img alt="System Absolut Augencreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9926/file/small-66a670691df32db2b64483873fd38634.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9926/file/medium-5a011852fc34f9608764e4daaaad5022.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9926/file/large-ffd2b3c7989eef1edd394507c5a2ab42.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9926/file/medium-5a011852fc34f9608764e4daaaad5022.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/system-absolut-augencreme-15-ml-19572">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">System Absolut Augencreme, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 43.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bxUiuvPffpOJfDdJU_ZH11xXDsVSx7T1yJcXAZ6AklvPiquoi9CwhU-g1_VueI5YiZn3Sv7AwpCCG5cOpeC8qg" />
    <input value="19572" 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%3D12">
    <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/system-absolut-nachtcreme-50-ml-19573">
          <img alt="System Absolut Nachtcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9927/file/small-6d68f9f4ee632bed34205eb441d7a2cb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9927/file/medium-427f1f698fb170cce2fa2c38118bc501.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9927/file/large-626a53485904be119995ad9c136c1033.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9927/file/medium-427f1f698fb170cce2fa2c38118bc501.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/system-absolut-nachtcreme-50-ml-19573">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">System Absolut Nachtcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 89.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lP3LZJiyKYp1hKhnIiyoWKDkZyVhopOJg7-pVaEWxBU0YkJ24L3nnLNYSNsfomHXdSqeqs2l5ezJMylamnbq5A" />
    <input value="19573" 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%3D12">
    <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/system-absolut-nachtcreme-light-50-ml-19574">
          <img alt="System Absolut Nachtcreme light" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9357/file/small-135ee6bb27cd4efeef3c0434c11d3e03.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9357/file/medium-021c19a599fc9f465049920d42a1113b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9357/file/large-153c2be7c3fd752c697daee43feb73ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9357/file/medium-021c19a599fc9f465049920d42a1113b.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/system-absolut-nachtcreme-light-50-ml-19574">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">System Absolut Nachtcreme light, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 89.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oNf3Xh2Z_amzeORciAcXj1OVYTv5Qca4nJjXdn7rfxgASH5MZZYzv3WkBOC1id4AhluYtFVGsN3WFFd5RYtR6Q" />
    <input value="19574" 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%3D12">
    <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/system-absolut-reinigungsemulsion-120-ml-19575">
          <img alt="System Absolut Reinigungsemulsion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9930/file/small-8a7be4733941e68129641b499691b864.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9930/file/medium-f67e5d978f32ebfae7c2bea768b32b55.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9930/file/large-0e9aa529412a7beff36156b6851c234b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9930/file/medium-f67e5d978f32ebfae7c2bea768b32b55.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/system-absolut-reinigungsemulsion-120-ml-19575">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">System Absolut Reinigungsemulsion, 120 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 29.92 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ePHaR-y2eyxDICl4Gih9Yc0ePHynQO-aNnBT5uLZY4LYblNVlLm1OoX8ycQnprTuGNDF8wtHmf98_NPp2blNcw" />
    <input value="19575" 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%3D12">
    <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/system-absolut-tagescreme-50-ml-19576">
          <img alt="System Absolut Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9929/file/small-3b3cb4e90dc6cc6aacd89a883256871e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9929/file/medium-a8c930c6be107c18f6ab537a7011f0b6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9929/file/large-1de1aa158ec365ccaede345b2e76006b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9929/file/medium-a8c930c6be107c18f6ab537a7011f0b6.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/system-absolut-tagescreme-50-ml-19576">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">System Absolut Tagescreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 86.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u74-hFCiphx2mWDU3ye3fu7Hfus2oMrOQ24OjMXIo7wbIbeWKK1oCrBFgGjiqX7xOwmHZJqnvKsJ4o6D_qiNTQ" />
    <input value="19576" 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%3D12">
    <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/system-absolut-tagescreme-light-50-ml-19577">
          <img alt="System Absolut Tagescreme light" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11516/file/small-6fc3e4810a819505266e803b7b68bba8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11516/file/medium-0933227b2e3d2e794191b5dad8a1b924.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11516/file/large-934ad289a1c3f38f2dfcbf184c20145c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11516/file/medium-0933227b2e3d2e794191b5dad8a1b924.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/system-absolut-tagescreme-light-50-ml-19577">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">System Absolut Tagescreme light, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 86.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7CxzSWCoXiYYoiYQFPrx06HUF4V6PcEToBgWysZUeDBMs_pbGKeQMN5-xqwpdDhcdBruCtY6t3bqlJbF_TRWwQ" />
    <input value="19577" 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%3D12">
    <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/wimpernserum-lash-creator-5-ml-19578">
          <img alt="Wimpernserum Lash Creator" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9931/file/small-67f80331d63799d9d9a9a8c544ec86c7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9931/file/medium-e154dc4724a289f5b84e51ba356cdf1e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9931/file/large-24a703f0bb55bf20d282d8cf2a407c14.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9931/file/medium-e154dc4724a289f5b84e51ba356cdf1e.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/wimpernserum-lash-creator-5-ml-19578">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wimpernserum Lash Creator, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 62.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7411VejP1W6YeT1-JNogmyIl2Vzllk52EK8qloB4lPNPEvxHkMAbeF6l3cIZVOkU9-sg00mROBNaI6qZuxi6Ag" />
    <input value="19578" 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%3D12">
    <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-aufbauende-nachtcreme-50-ml-19579">
          <img alt="zz Sensitive Aufbauende Nachtcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11518/file/small-38039dd136a558db0012291e6ee3f63d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11518/file/medium-fde3b3dcddd3c37d508ed76637cf7248.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11518/file/large-7755be78b0975aac320a95a8b6471652.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11518/file/medium-fde3b3dcddd3c37d508ed76637cf7248.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-aufbauende-nachtcreme-50-ml-19579">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zz Sensitive Aufbauende Nachtcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aLf2DofPzM6hDxuBigXQl2xb3K2J0UdIYfGAl9xYeufIKH8c_8AC2GfT-z23ixkYuZUlIiXWMS0rfQCY5zhUFg" />
    <input value="19579" 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%3D12">
    <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-augencreme-15-ml-19580">
          <img alt="zz Sensitive Augencreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11517/file/small-1aa3c27f5c4b468571417448f25e8b13.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11517/file/medium-937ebd9aa1c30587aebd3675713d2215.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11517/file/large-f2cb10ead62f108daa2d4de236cf0522.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11517/file/medium-937ebd9aa1c30587aebd3675713d2215.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-augencreme-15-ml-19580">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zz Sensitive Augencreme, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0OnXhYx83IpmHX_3n54UkeGu-xLtxY67VEPFiIrpwkBwdl6X9HMSnKDBn0uiEN0eNGACnUHC-N4ez0WHsYnssQ" />
    <input value="19580" 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%3D12">
    <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-milde-reinigungsemulsion-150-ml-19581">
          <img alt="zz Sensitive Milde Reinigungsemulsion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11521/file/small-c13235c6032ba89f01a912567737e3de.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11521/file/medium-f47daaea5b68cd1d04f4c18208c889be.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11521/file/large-75ac7163fa8115f0f4516f8953ad346d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11521/file/medium-f47daaea5b68cd1d04f4c18208c889be.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-milde-reinigungsemulsion-150-ml-19581">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zz Sensitive Milde Reinigungsemulsion, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cR0o1ajCM2ri-tZbSmwXqWQQBQ7qpTfLjt94HXj0CO_RgqHH0M39fCQmNud34t4msd78gUaiQa7EU_gSQ5QmHg" />
    <input value="19581" 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%3D12">
    <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-regenerierende-nachtcreme-50-ml-19582">
          <img alt="zz Sensitive Regenerierende Nachtcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11520/file/small-1649891b3d362c0202360bce49068eea.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11520/file/medium-7a98dd2e975cff5068e6990e6bafb705.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11520/file/large-f0be966c4e0a52b9920b1021bc545636.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11520/file/medium-7a98dd2e975cff5068e6990e6bafb705.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-regenerierende-nachtcreme-50-ml-19582">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zz Sensitive Regenerierende Nachtcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 52.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="te1asqF7Pn6AbP3l3k-lwEOeGBO-dgMUj2gyRC6DQyIVctOg2XTwaEawHVnjwWxPllDhnBJxdXHF5LJLFeNt0w" />
    <input value="19582" 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%3D12">
    <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-regenerierende-tagescreme-50-ml-19583">
          <img alt="zz Sensitive Regenerierende Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9932/file/small-d685781e2e845cce3d3f2d5b1f0388bf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9932/file/medium-be72bee9aefea26f66e1e7fd55ac8ded.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9932/file/large-855eae42dd93bb392911e2de9d994bac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9932/file/medium-be72bee9aefea26f66e1e7fd55ac8ded.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-regenerierende-tagescreme-50-ml-19583">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zz Sensitive Regenerierende Tagescreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 46.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vlFaETjDYRihJpVS3AGg-tH329GH4ilk9u5ejL9QjqYeztMDQMyvDmf6de7hj2l1BDkiXivlXwG8Yt6DhDCgVw" />
    <input value="19583" 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%3D12">
    <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-schutzende-tagescreme-50-ml-19584">
          <img alt="zz Sensitive Schützende Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11519/file/small-24fc58d182442810a524c263da289d69.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11519/file/medium-8e76a7843ebe7e37591858c76a2ceaaa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11519/file/large-9f9b853929587be1bf1125cbd56fc1f5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11519/file/medium-8e76a7843ebe7e37591858c76a2ceaaa.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-schutzende-tagescreme-50-ml-19584">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zz Sensitive Schützende Tagescreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eDI7GPXKQpMXGyuMq2vbisEgMH8LLqO_ITPCSu9IyALYrbIKjcWMhdHHyzCW5RIFFO7J8Kcp1dprv0JF1Cjm8w" />
    <input value="19584" 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%3D12">
    <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="griweyorEzUitTeCpJrA4LNLVVFgIvoy7P-QnCRQDoIiJzlpUiTdI-Rp1z6ZFAlvZoWs3swljFemcxCTHzAgcw" />
    <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 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%3D12">
    <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-19591">
          <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/11361/file/small-6fd12d07e5e33ee82ed80f967d807831.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11361/file/medium-d97d24a13e1b9b0aa1db477c0e14ca89.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11361/file/large-4eaea069f0ba357df72e26d07dc6d413.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11361/file/medium-d97d24a13e1b9b0aa1db477c0e14ca89.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">Coriaderm</p>
          <a href="/de/products/body-wash-200-ml-19591">
            <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 29.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0AcDpGaPqkszKcQcweQ-7AyrAAGUoy4ErFINXgZ_ioRwmIq2HoBkXfX1JKD8avdj2WX5jjikWGHm3o1RPR-kdQ" />
    <input value="19591" 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%3D12">
    <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/deo-kristall-stick-120-g-19592">
          <img alt="Deo Kristall Stick" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10156/file/small-a6bc4532eb0bd5d9520454f0e0db00bd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10156/file/medium-126339389ab5f7b61e30bfb013e6ebda.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10156/file/large-234852dd4b67f7c200dd0154013e3ff1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10156/file/medium-126339389ab5f7b61e30bfb013e6ebda.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">Cos</p>
          <a href="/de/products/deo-kristall-stick-120-g-19592">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo Kristall Stick, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oPGlrhI-013Wl5lh0CI8e3T9nq1mW4bw7iCNbtmc60cAbiy8ajEdSxBLed3trPX0oTNnIspc8JWkrA1h4vzFtg" />
    <input value="19592" 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%3D12">
    <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/bar-soap-sandelholz-jasmin-140-g-19593">
          <img alt="Bar Soap Sandelholz-Jasmin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10129/file/small-045c12854c117ef44cef5cb666415612.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10129/file/medium-ca2909c936916968dbbcf180524c5af8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10129/file/large-beba596a3100c1ceb5d60a9efdbe23b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10129/file/medium-ca2909c936916968dbbcf180524c5af8.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/bar-soap-sandelholz-jasmin-140-g-19593">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Sandelholz-Jasmin, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MyjCiL77voNy_1YIDrfo092OOxaKnPoNMEunisrOlG6Tt0uaxvRwlbQjtrQzOSFcCEDCmSabjGh6xyeF8a66nw" />
    <input value="19593" 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%3D12">
    <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/bar-soap-baby-mild-140-g-19594">
          <img alt="Bar Soap 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/9359/file/small-e6291a751f1d5aeda7c9a37a4b46f847.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9359/file/medium-462f080b6eb2d0d206ccc9f522df454f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9359/file/large-e1d778702abc709b75d8405e3835ec90.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9359/file/medium-462f080b6eb2d0d206ccc9f522df454f.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/bar-soap-baby-mild-140-g-19594">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Baby Mild, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ntGWatNcDP9OG3znju--M0lGYN7_K_6XeBNyCgzF2TM-Th94q1PC6YjHnFuzYXe8nIiZUVMsiPIyn_IFN6X3wg" />
    <input value="19594" 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%3D12">
    <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/bar-soap-cherry-blossom-140-g-19595">
          <img alt="Bar Soap 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/10211/file/small-7fbf93e77e24b7b84947633b598f0e0d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10211/file/medium-e1ae019c577fab4ac089ba980490d18f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10211/file/large-d6386194c8ba9f15c82bbe5cab24888b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10211/file/medium-e1ae019c577fab4ac089ba980490d18f.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/bar-soap-cherry-blossom-140-g-19595">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Cherry Blossom, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cJ8RiFIK-IJWMx6y2aZ9aZU4WxDBaxCjjPt_PPjQeBjQAJiaKgU2lJDv_g7kKLTmQPain21sZsbGd_8zw7BW6Q" />
    <input value="19595" 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%3D12">
    <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/bar-soap-eukalyptus-140-g-19596">
          <img alt="Bar Soap Eukalyptus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9360/file/small-d9b048b2f7e7c47e0532844df59bea81.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9360/file/medium-eecec68454f19265b2f768cb46170757.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9360/file/large-377d4eb55f55b5020945a4ad9e23c0b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9360/file/medium-eecec68454f19265b2f768cb46170757.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/bar-soap-eukalyptus-140-g-19596">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Eukalyptus, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

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

</template></turbo-stream>