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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%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="/products/weleda-calendula-zahncreme-75-ml-19807">
          <img alt="Weleda Calendula Zahncreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9347/file/small-b4be91c919542e1be3f45b4743341724.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9347/file/medium-f6fb7d8349d195c5ac4d77aa870bdeb3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9347/file/large-c6648ad334220da329840b9ebb80004d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9347/file/medium-f6fb7d8349d195c5ac4d77aa870bdeb3.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="/products/weleda-calendula-zahncreme-75-ml-19807">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weleda Calendula 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-19807-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4-myDNPP7jIh8_IMKo9jg3-cSthYz5PCih2lY9ZKZgA6AhJkBKoNFcatO240NkRVG8WG5qbtnISQsweJNUN50A" />
    <input value="19807" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%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="/products/weleda-kinder-zahngel-50-ml-19808">
          <img alt="Weleda 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/9380/file/small-c6ffb6927bc77c160522de3677d6684d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9380/file/medium-857c420802e8360058851e4c77d68275.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9380/file/large-530f2b866be7b17a4e0affab4d63f84b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9380/file/medium-857c420802e8360058851e4c77d68275.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="/products/weleda-kinder-zahngel-50-ml-19808">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weleda 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-19808-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%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="/products/weleda-pflanzen-zahngel-75-ml-19809">
          <img alt="Weleda 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/9376/file/small-4cce162c02c0e2e76cf5b5bd86ff3a98.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9376/file/medium-caa11adcd69a33e7fc446e6115d6f072.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9376/file/large-816ccef7c5cf26f6443ea2dbd9740745.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9376/file/medium-caa11adcd69a33e7fc446e6115d6f072.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="/products/weleda-pflanzen-zahngel-75-ml-19809">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weleda 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-19809-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%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="/products/weleda-ratanhia-mundwasser-50-ml-19810">
          <img alt="Weleda 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/9378/file/small-0af1af37b37ae22430b2fa4124ff360a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9378/file/medium-270d00775cb76e304a7d909d02b635b8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9378/file/large-d442e91cc1484d7ab393dbc7e7ed6297.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9378/file/medium-270d00775cb76e304a7d909d02b635b8.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="/products/weleda-ratanhia-mundwasser-50-ml-19810">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weleda 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-19810-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E4P-cGZXEG_VZnBUWczJPMFu6X90pFW7lmmXRTM2r5vKaF4YsTLzSDI4uTZHde7qpTclQYqGWv2MxzWv0D-wSw" />
    <input value="19810" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%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="/products/weleda-ratanhia-zahncreme-75-ml-19811">
          <img alt="Weleda 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/9379/file/small-7b394042a261b8bb9f2931ac14e3d25d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9379/file/medium-a3370dea50f0822603934295b071ce42.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9379/file/large-1eb22b28b9bdd3446db6648b2ae17568.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9379/file/medium-a3370dea50f0822603934295b071ce42.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="/products/weleda-ratanhia-zahncreme-75-ml-19811">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weleda 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-19811-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%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="/products/weleda-salbei-zahnfleisch-balsam-30-ml-19812">
          <img alt="Weleda 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/9381/file/small-45e865f51fb262e25221d733bd39f9a8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9381/file/medium-8e644b1719c6b3c78c9f1c4503c6a775.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9381/file/large-0035cce29445335c690fbbd91dc1d4a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9381/file/medium-8e644b1719c6b3c78c9f1c4503c6a775.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="/products/weleda-salbei-zahnfleisch-balsam-30-ml-19812">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weleda 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-19812-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%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="/products/weleda-sole-zahncreme-75-ml-19813">
          <img alt="Weleda 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/9377/file/small-f3f89a3ae2078ed9f38242e33d97a773.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9377/file/medium-bfbd35378767f002bcd2bc8baa4e63ca.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9377/file/large-06344c4727486adef4fc7eb6deabc58a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9377/file/medium-bfbd35378767f002bcd2bc8baa4e63ca.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="/products/weleda-sole-zahncreme-75-ml-19813">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weleda 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-19813-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%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="/products/zechstein-magnesium-oil-sensitive-100-ml-19815">
          <img alt="Zechstein 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/10589/file/small-2c0dfb17d2ce2bb70070608212f6a759.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10589/file/medium-f78daaa044dc984687bf8925d5a83099.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10589/file/large-f0eafa6d9ca0c0b4448b0b48c952868d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10589/file/medium-f78daaa044dc984687bf8925d5a83099.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="/products/zechstein-magnesium-oil-sensitive-100-ml-19815">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zechstein 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-19815-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ThsDMsiXfO9YDNtorB9SRS_LRMeGn0GFlxHbGlzteDOX8KNaH_KfyL9SEgqypnWTS5KI-Xi9TsONv3nwv-Rn4w" />
    <input value="19815" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%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="/products/liebwerk-zahnburste-kinder-soft-fuchs-fsc-1-stuck-19827">
          <img alt="Liebwerk 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/10170/file/small-935e3f48f9f39773655eb9a6a641627c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10170/file/medium-40c590ba2d22f1cdb70c1324cb8d895e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10170/file/large-2a0626bc0f1887a19ea5b50b5a0ccdf1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10170/file/medium-40c590ba2d22f1cdb70c1324cb8d895e.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="/products/liebwerk-zahnburste-kinder-soft-fuchs-fsc-1-stuck-19827">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liebwerk 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-19827-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%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="/products/liebwerk-zahnburste-kinder-soft-hirsch-fsc-1-stuck-19828">
          <img alt="Liebwerk 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/10171/file/small-1db714df24f1c4a96f603519d941f37c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10171/file/medium-43dd94eec530462546a5a16f7fc2a743.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10171/file/large-5f2807b58894d13761d30981c25a2a6d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10171/file/medium-43dd94eec530462546a5a16f7fc2a743.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="/products/liebwerk-zahnburste-kinder-soft-hirsch-fsc-1-stuck-19828">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liebwerk 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-19828-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XisGyh2zDAQba5b3j41tbwfNM52q_-vdaYNS-ZTB9_CHwKaiytbvI_w1X5WRNEq5Y5T_o1Td5JtzLfATd8joIA" />
    <input value="19828" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%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="/products/borlind-concealer-beige-3-2ml-1-stuck-19852">
          <img alt="Börlind 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/10237/file/small-c33cc9ac15233716cecfec7699ee62e4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10237/file/medium-7ad4e13478fbe66fe59d7ccffce307a3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10237/file/large-8b96ab763f4cdc51f643fc90d14ecddf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10237/file/medium-7ad4e13478fbe66fe59d7ccffce307a3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/borlind-concealer-beige-3-2ml-1-stuck-19852">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind 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-19852-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WoN-_7dHhNq3wP8YhqDv7KE-4t80JPaO1BkyWeNXFQODaN6XYCJn_VCeNnqYGcg6xWcu4coG-cjOt5CzAF4K0w" />
    <input value="19852" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%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="/products/borlind-kompaktpuder-almond-9-g-19853">
          <img alt="Börlind 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/10238/file/small-cee3747ceaaf58f90a6ba271211b333f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10238/file/medium-127b7029546dbd21bd77a7180504795a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10238/file/large-81cf91735be568b33441e3f178707810.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10238/file/medium-127b7029546dbd21bd77a7180504795a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/borlind-kompaktpuder-almond-9-g-19853">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind 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-19853-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%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="/products/borlind-aquanature-tagescreme-50-ml-19854">
          <img alt="Börlind 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/10239/file/small-350229bd24231f9c8b1ebf846dd2ca57.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10239/file/medium-09dca2a2a1d333264e60181b10a13c53.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10239/file/large-3bb506756dcbe53c1a2d251d6120a817.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10239/file/medium-09dca2a2a1d333264e60181b10a13c53.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/borlind-aquanature-tagescreme-50-ml-19854">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind 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-19854-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%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="/products/borlind-kajalstift-dark-green-1-g-19855">
          <img alt="Börlind 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/10236/file/small-1c07552bfe8b3f9e3c709307aa3403d1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10236/file/medium-d7bdd1e609d2ab55119c4bd69de35ea4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10236/file/large-0e3f9e6206e6209ebdc40f9e2f7d062b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10236/file/medium-d7bdd1e609d2ab55119c4bd69de35ea4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/borlind-kajalstift-dark-green-1-g-19855">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind 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-19855-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%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="/products/dr-bronners-liquid-soap-earl-grey-240-ml-19866">
          <img alt="Dr. Bronners 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/10342/file/small-cf08812a4d4c8771b63b610847eed029.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10342/file/medium-6c39104daf47fe020e558c91fa7f5d40.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10342/file/large-4de63d07e2061e31ee6b72b3d1d78c87.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10342/file/medium-6c39104daf47fe020e558c91fa7f5d40.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="/products/dr-bronners-liquid-soap-earl-grey-240-ml-19866">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dr. Bronners 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-19866-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%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="/products/aryalaya-aloe-vera-body-lotion-150-ml-19903">
          <img alt="AryaLaya 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/10591/file/small-7212790af03db25ca88ab01a12628119.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10591/file/medium-3d7b93e28151bcf2af913dfa3c85e528.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10591/file/large-6681646b2415caa63ed40272f4f6e182.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10591/file/medium-3d7b93e28151bcf2af913dfa3c85e528.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="/products/aryalaya-aloe-vera-body-lotion-150-ml-19903">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AryaLaya 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-19903-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%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="/products/aryalaya-sensitiv-azulen-tagescreme-50-ml-19904">
          <img alt="AryaLaya 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/10590/file/small-ee2ca925d90bcc51055335c15810f73a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10590/file/medium-050555f1ac2c82f0614bb501ba386983.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10590/file/large-ce5dabe81cc3e86e7b33ff9214d93fdc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10590/file/medium-050555f1ac2c82f0614bb501ba386983.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="/products/aryalaya-sensitiv-azulen-tagescreme-50-ml-19904">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AryaLaya 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-19904-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%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="/products/ben-anna-zahnpasta-white-mit-fluorid-100-ml-19907">
          <img alt="Ben&amp;Anna 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/10593/file/small-31047ed0de24cc5e6afe43eb3dba4001.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10593/file/medium-f3205c6ce9cbdd8c02d6f2c49b6df0c8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10593/file/large-93c86edcbba29b4bf1a23999b031d27b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10593/file/medium-f3205c6ce9cbdd8c02d6f2c49b6df0c8.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="/products/ben-anna-zahnpasta-white-mit-fluorid-100-ml-19907">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ben&amp;Anna 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-19907-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L5-UjcYtevUYmOuP1lEXpwU6XM-ETUr2doj9T2AbE6D2dDTlEUiZ0v_GIu3I6DBxYWOQ8XpvRbBsJl-lgxIMcA" />
    <input value="19907" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%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="/products/bionaturis-kartoffelcreme-tube-150-ml-19924">
          <img alt="Bionaturis 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/10600/file/small-b78b4ebd47ca0946add4fb8ae5296a12.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10600/file/medium-42455287aebc8659f91bb1bd92d4fe01.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10600/file/large-f24048485ccd78be259573f557523ef9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10600/file/medium-42455287aebc8659f91bb1bd92d4fe01.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="/products/bionaturis-kartoffelcreme-tube-150-ml-19924">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bionaturis 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-19924-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z76fR9ObN-vjP3n2Re6af7BP1_Hrb95LDiW3rPDdIRwWVT8vBP7UzARhsJRbV72p1BYbzxVN0Q0UixVGE9Q-zA" />
    <input value="19924" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%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="/products/bionaturis-kartoffelcreme-tube-50-ml-19925">
          <img alt="Bionaturis 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/10598/file/small-546a0b4f6c9c57d0671521b87a578293.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10598/file/medium-9c544bfcaad845c29746db6e7874db4c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10598/file/large-50e6ef6492892ac85dbdff365e76cf31.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10598/file/medium-9c544bfcaad845c29746db6e7874db4c.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="/products/bionaturis-kartoffelcreme-tube-50-ml-19925">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bionaturis 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-19925-card">
        

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

</template></turbo-stream>