<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%3D24">
    <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/kinder-zahngel-50-ml-19868">
          <img alt="Kinder Zahngel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9458/file/small-c9f5c344cc18171ff1ecabc48155615f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9458/file/medium-a51bc52a3421faae20c1bab189c6b408.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9458/file/large-8cce7d767ff97d6f3951bede4c15ed66.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9458/file/medium-a51bc52a3421faae20c1bab189c6b408.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">Weleda</p>
          <a href="/de/products/kinder-zahngel-50-ml-19868">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kinder Zahngel, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bPeKswdpdxh-ON0EtEWcGi61Vpc1orqdQwFKkH_ZjlVRwlFYWl1qvRnTdZgRo_ItWKiLG3lCG-U26N8RP-7REg" />
    <input value="19868" 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%3D24">
    <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/pflanzen-zahngel-75-ml-19869">
          <img alt="Pflanzen Zahngel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9454/file/small-1ae9dd234fd3c057ef2f165e85062ccc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9454/file/medium-8971fd032a81cf9aae66e728e7f20857.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9454/file/large-6d73c022ccfa582d83c3bec0ac46750a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9454/file/medium-8971fd032a81cf9aae66e728e7f20857.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">Weleda</p>
          <a href="/de/products/pflanzen-zahngel-75-ml-19869">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflanzen Zahngel, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GEwG-UzcwkOXs8vWyFwvVWJtDoGIcniNK8N6sFuAF7Eled0SEejf5vBYY0ptukFiFHDTDcSS2fVeKu8xG7dI9g" />
    <input value="19869" 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%3D24">
    <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/ratanhia-mundwasser-50-ml-19870">
          <img alt="Ratanhia Mundwasser" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9456/file/small-cd4cdb9c50741578baa2f9f09214e819.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9456/file/medium-755cb73b7591d57115c73e49b0a64e7f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9456/file/large-d86df24c28e1d744ea3b8d6710edcc50.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9456/file/medium-755cb73b7591d57115c73e49b0a64e7f.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">Weleda</p>
          <a href="/de/products/ratanhia-mundwasser-50-ml-19870">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ratanhia Mundwasser, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0tUMPycaOwNRLJVixTjQ7Hzq9i29fJSyNz_gQfXcikLv4NfUei4mpjbHPf5g3r7bCvcrofGcNcpC1nXAtevVBQ" />
    <input value="19870" 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%3D24">
    <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/ratanhia-zahncreme-75-ml-19871">
          <img alt="Ratanhia Zahncreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9457/file/small-63ce263df5c44b4b12bbbe548be396ba.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9457/file/medium-b37c487bb13b4de98f71ed3ae183826d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9457/file/large-6e6921f93562d9200b55e22f10708e69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9457/file/medium-b37c487bb13b4de98f71ed3ae183826d.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">Weleda</p>
          <a href="/de/products/ratanhia-zahncreme-75-ml-19871">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ratanhia Zahncreme, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rWbn6hfiyAZzklqys8nmsApMnXOJmgx6PEnpUi4tjQOQUzwBStbVoxR58i4WL4iHfFFA_8V6rQJJoHzTbhrSRA" />
    <input value="19871" 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%3D24">
    <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/salbei-zahnfleisch-balsam-30-ml-19872">
          <img alt="Salbei Zahnfleisch Balsam" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9459/file/small-61dc0c42da0dbd4392c1f76bc923c811.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9459/file/medium-6ecbec3c4ca3cbae9250f9d4d11930a6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9459/file/large-105c5ccc41943d9f2f23d7b4f51a89d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9459/file/medium-6ecbec3c4ca3cbae9250f9d4d11930a6.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">Weleda</p>
          <a href="/de/products/salbei-zahnfleisch-balsam-30-ml-19872">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salbei Zahnfleisch Balsam, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iCuMyNLrsF0Cy-tFUiGNoKelGdhGK1UvQZhnCrOKmZS1Hlcjj9-t-GUgQ9n3x-OX0bjEVArL9Fc0cfKL873G0w" />
    <input value="19872" 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%3D24">
    <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/sole-zahncreme-75-ml-19873">
          <img alt="Sole Zahncreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9455/file/small-366231beb21cc9865307e7e71c79cec1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9455/file/medium-26cc3ad83f02a3fb465cc3dc57001057.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9455/file/large-9397a40dc8a183232cf44b5ec8f9dc87.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9455/file/medium-26cc3ad83f02a3fb465cc3dc57001057.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">Weleda</p>
          <a href="/de/products/sole-zahncreme-75-ml-19873">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sole Zahncreme, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XRtTC1BPHrG4TNyEiXbL1twLYaZzpGqMg2VB4dPC_1FgLojgDXsDFN-ndBgskKXhqha8Kj9Ey_T2jNRgk_WgFg" />
    <input value="19873" 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%3D24">
    <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/magnesium-oil-sensitive-100-ml-19875">
          <img alt="Magnesium Oil sensitive" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10664/file/small-56ee47ed9c515ef42c934080b6cad862.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10664/file/medium-f361be87d0ed8b0f17ef73f4bee86d2a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10664/file/large-bd9b93e9a252c5218187ede885ae0ee3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10664/file/medium-f361be87d0ed8b0f17ef73f4bee86d2a.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">Zechstein</p>
          <a href="/de/products/magnesium-oil-sensitive-100-ml-19875">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Magnesium Oil sensitive, 100 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 19.90 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J4orVcp3gPtLkbI4rVHtV2_S-WS_WoZwJ5rtndQH6jAav_C-l0OdXix6GqQIt4NgGc8k6PO6JwhSc3gclDC1dw" />
    <input value="19875" 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%3D24">
    <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/zahnburste-kinder-soft-fuchs-fsc-1-stuck-19887">
          <img alt="Zahnbürste Kinder soft Fuchs FSC" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10246/file/small-688b572bd4539a3cdd7df24da0d85ea0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10246/file/medium-f28a453ea96ce1ba691afce2eecf6177.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10246/file/large-c897c74c9a046e59e607826733635ec8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10246/file/medium-f28a453ea96ce1ba691afce2eecf6177.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">Liebwerk</p>
          <a href="/de/products/zahnburste-kinder-soft-fuchs-fsc-1-stuck-19887">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnbürste Kinder soft Fuchs FSC, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qkpM00MwTRGltVjXtGuhYSXo0Cvxrb0Ml9Wo9VpkeCOXf5c4HgRQtMJe8EsRjc9WU_UNp71NHHTiPD10GlMnZA" />
    <input value="19887" 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%3D24">
    <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/zahnburste-kinder-soft-hirsch-fsc-1-stuck-19888">
          <img alt="Zahnbürste Kinder soft Hirsch FSC" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10247/file/small-15524d1b42209b341acbd7128673d7bb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10247/file/medium-2a4ba794d2eabeba3e2ffa321d8a86bb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10247/file/large-899d54da92a281dc3174beabb6e759de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10247/file/medium-2a4ba794d2eabeba3e2ffa321d8a86bb.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">Liebwerk</p>
          <a href="/de/products/zahnburste-kinder-soft-hirsch-fsc-1-stuck-19888">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnbürste Kinder soft Hirsch FSC, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DSRnoPl9n5Klfhcl2H2AuAtGnMU4u_N8oz54UpuEYZQwEbxLpEmCN8KVv7l9m-6PfVtBSXRbUgTW1-3T27M-0w" />
    <input value="19888" 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%3D24">
    <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/concealer-beige-3-2ml-1-stuck-19912">
          <img alt="Concealer beige 3.2ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10313/file/small-9e70bc12f2aecee5e1b07f0d5b0411d7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10313/file/medium-27fd362b0330e66c6b71376888976b09.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10313/file/large-3ff8bf9e522f20ef9971a36135bf7851.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10313/file/medium-27fd362b0330e66c6b71376888976b09.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/concealer-beige-3-2ml-1-stuck-19912">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Concealer beige 3.2ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o0eDsJf2Q1PpLTX2KeFLwxczphNnpHdtpEjpow71tvCeclhbysJe9o7GnWqMByX0YS57nytE1hXRoXwiTsLptw" />
    <input value="19912" 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%3D24">
    <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/kompaktpuder-almond-9-g-19913">
          <img alt="Kompaktpuder almond" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10315/file/small-96c3db32d063d1cb572ea7f506b717e0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10315/file/medium-d25d56b24461a118c56ae4673bf63574.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10315/file/large-b61d4acd62f94d4566a98f54ce45d53a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10315/file/medium-d25d56b24461a118c56ae4673bf63574.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/kompaktpuder-almond-9-g-19913">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kompaktpuder almond, 9 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_k64ToCjbnZE97UXVTfknFwblOkBtPCKOwjNyBf3--rDe2Ol3Zdz0yMcHYvw0YqrKgZJZU1UUfJO4VhJV8CkrQ" />
    <input value="19913" 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%3D24">
    <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/aquanature-tagescreme-50-ml-19914">
          <img alt="AquaNature Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10314/file/small-03e782b33a6838ef40b73aedc6ff49b0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10314/file/medium-2e40c9a23e2ac2d495a337695df52407.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10314/file/large-611e63815f30ffabfdccc2a7f1cfc523.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10314/file/medium-2e40c9a23e2ac2d495a337695df52407.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/aquanature-tagescreme-50-ml-19914">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AquaNature Tagescreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q_c_I30B4q3eyxX0pHBVoswhXiIEdobTOErKPIoRWY1-wuTIIDX_CLkgvWgBljuVujyDrkiWJ6tNo1-9yiYGyg" />
    <input value="19914" 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%3D24">
    <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/kajalstift-dark-green-1-g-19915">
          <img alt="Kajalstift dark green" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10312/file/small-2ad4785055950ad7f4eac8e8a402f24d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10312/file/medium-62bc7657c2a0a70a724571e8c13622b9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10312/file/large-eeb49c747fba9f3d7ca89a3afa99f315.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10312/file/medium-62bc7657c2a0a70a724571e8c13622b9.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/kajalstift-dark-green-1-g-19915">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kajalstift dark green, 1 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BLejxbXWoF4v1DcZbQEufof7RXGALesWuo7699hv3cA5gngu6OK9-0g_n4XI50BJ8eaY_czNSm7PZ292mFiChw" />
    <input value="19915" 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%3D24">
    <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/liquid-soap-earl-grey-240-ml-19926">
          <img alt="Liquid Soap Earl Grey" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10417/file/small-3c6d1ce4ffa83d8515846ce037cd76c5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10417/file/medium-454e8c9bc1f9cfc103e5539be98da8b8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10417/file/large-a060938c025e64d7f360d8cfb2bf7fb7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10417/file/medium-454e8c9bc1f9cfc103e5539be98da8b8.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/liquid-soap-earl-grey-240-ml-19926">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Earl Grey, 240 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X2CzH03eHdB3kFepud3oBj6JV1gT2e5tutV7feBTeltiVWj0EOoAdRB7_zUcO4YxSJSK1F85TxXPPO78oGQlHA" />
    <input value="19926" 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%3D24">
    <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/aloe-vera-body-lotion-150-ml-19963">
          <img alt="Aloe Vera Body Lotion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10666/file/small-7b83608936a3c46e3e2ea2b98c329669.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10666/file/medium-594b9ee7fdaec977520335269ffc944f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10666/file/large-8bb6da16b5df76aea372a732df5cdf3f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10666/file/medium-594b9ee7fdaec977520335269ffc944f.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">AryaLaya</p>
          <a href="/de/products/aloe-vera-body-lotion-150-ml-19963">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aloe Vera Body Lotion, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LQ2lEWjDoTiSDbknNo0vfZwls0iyRY5Msgi1xQ5BmyYQOH76Nfe8nfXmEbuTa0FK6jhuxP6lLzTH4SBETnbEYQ" />
    <input value="19963" 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%3D24">
    <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/sensitiv-azulen-tagescreme-50-ml-19964">
          <img alt="Sensitiv Azulen Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10665/file/small-7b296dd3091d10248b90f3112757a0ef.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10665/file/medium-666a4a52fa59c2ae0d5eef205b8173d7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10665/file/large-c6feb45d1f06092ceeffea7ca61b3e15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10665/file/medium-666a4a52fa59c2ae0d5eef205b8173d7.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">AryaLaya</p>
          <a href="/de/products/sensitiv-azulen-tagescreme-50-ml-19964">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sensitiv Azulen Tagescreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DykdozYBE3anb3BzL1QBgA4zzSfMX1ui6sIUFlOII6MyHMZIazUO08CE2O-Ksm-3eC4Qq4C_-tqfK4GXE7985A" />
    <input value="19964" 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%3D24">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zahnpasta-white-mit-fluorid-100-ml-19967">
          <img alt="Zahnpasta White mit Fluorid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10668/file/small-db20bfc16a346caecbe315fa68657a20.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10668/file/medium-f986c5667933f683d93c15534eb16a3f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10668/file/large-e2807964b6cd451b67eb284d04cd55fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10668/file/medium-f986c5667933f683d93c15534eb16a3f.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">Ben&amp;Anna</p>
          <a href="/de/products/zahnpasta-white-mit-fluorid-100-ml-19967">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta White mit Fluorid, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mOssNKFvVxGwAkiXvcTM5kFcjt8t80Tl0ZmVMjJ8bx-l3vff_FtKtNfp4AsYIqLRN0FTU2ET5Z2kcACzckswWA" />
    <input value="19967" 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%3D24">
    <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/kartoffelcreme-tube-150-ml-19984">
          <img alt="Kartoffelcreme Tube" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10673/file/small-2c7c511772ba35ee7b73e53045abcdfe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10673/file/medium-5cff8b8e30f26c73d203a6f4b93916d4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10673/file/large-e7e5f8101a929d9ba918f5d27fa9c804.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10673/file/medium-5cff8b8e30f26c73d203a6f4b93916d4.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">Bionaturis</p>
          <a href="/de/products/kartoffelcreme-tube-150-ml-19984">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kartoffelcreme Tube, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1kCUzvrKqlVUCH-llh16L4OffgnKstgTKqbvQ_AOyPTrdU8lp_638DPj1zkz-xQY9YKjhYZSeWtfT3rCsDmXsw" />
    <input value="19984" 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%3D24">
    <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/kartoffelcreme-tube-50-ml-19985">
          <img alt="Kartoffelcreme Tube" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10674/file/small-05d7d2667e15fd56e3350cf08d323b0e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10674/file/medium-25e07528674de33784631a805b6b274d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10674/file/large-f7943a52508a7dcc47a39d399bf18240.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10674/file/medium-25e07528674de33784631a805b6b274d.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">Bionaturis</p>
          <a href="/de/products/kartoffelcreme-tube-50-ml-19985">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kartoffelcreme Tube, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q0y0S5gV-FMDpdlcHXQRCX7uEbFD3lwFuuvCfhx-wat-eW-gxSHl9mROccC4kn8-CPPMPQ8-_X3PAlf_XEme7A" />
    <input value="19985" 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%3D24">
    <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/sonnenfluid-lsf30-125-ml-19986">
          <img alt="Sonnenfluid LSF30" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10380/file/small-2d561e72cec0574c9b4c49541950b439.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10380/file/medium-1ebddaac75c8003eb6d4d566c1b69301.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10380/file/large-fb80f4bee941d271a6e6cf0c9504f630.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10380/file/medium-1ebddaac75c8003eb6d4d566c1b69301.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/sonnenfluid-lsf30-125-ml-19986">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnenfluid LSF30, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.50
            </p>

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

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

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

</template></turbo-stream>