<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%3D8">
    <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/lipbalm-baby-mild-4-g-19528">
          <img alt="Lipbalm Baby Mild" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9364/file/small-70eabfc408fb66765196c8693ebc0c0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9364/file/medium-f7ea07a7ea3ba7255515aade6f72714b.webp 900w, https://assets.fabulous.ch/public/variant_asset/9364/file/large-93e59c67cfec5235b59d92c11ded8175.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9364/file/medium-f7ea07a7ea3ba7255515aade6f72714b.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/lipbalm-baby-mild-4-g-19528">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lipbalm Baby Mild, 4 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19528&quot;],&quot;content_name&quot;:&quot;Lipbalm Baby Mild, 4 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19528&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fNAK5LLJFmVRJpAhh5lvCWw2m38sPKPIVcZmcvvmEO4UM7XQ0bnCgWr07edqbya9coLiR0JVMatsps1lkMabBg" />
    <input value="19528" 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%3D8">
    <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/mundwasser-sensitiv-500-ml-19348">
          <img alt="Mundwasser sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9352/file/small-805a024951fe9399c32c476f824552aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/9352/file/medium-389a86f5b5423996f22a94e9c9eff1a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/9352/file/large-8af536db8f8c9ef88fe27c89e94d5175.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9352/file/medium-389a86f5b5423996f22a94e9c9eff1a7.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/mundwasser-sensitiv-500-ml-19348">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mundwasser sensitiv, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19348&quot;],&quot;content_name&quot;:&quot;Mundwasser sensitiv, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19348&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4DI4bh6jaOaBvAk5NlpMP2tD38VgpghJ9lZkXRDWBECI0YdafdO8ArpudP_brAWLdfem_Q7PmirPNs9Ke_aPqA" />
    <input value="19348" 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%3D8">
    <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/lipbalm-citrus-lime-4-g-19530">
          <img alt="Lipbalm Citrus-Lime" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9366/file/small-e899a8a1e993e1a75a03121a2726384d.webp 600w, https://assets.fabulous.ch/public/variant_asset/9366/file/medium-ab91e03532120564c1051cf2bd9e22c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/9366/file/large-31cae2f139beacab2ee9a94c5ce900dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9366/file/medium-ab91e03532120564c1051cf2bd9e22c6.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/lipbalm-citrus-lime-4-g-19530">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lipbalm Citrus-Lime, 4 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19530&quot;],&quot;content_name&quot;:&quot;Lipbalm Citrus-Lime, 4 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19530&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k1Lx_tY-3JvA2kxt0D4esV1_QYaVC9v80kpgMyzUUlD7sU7KtU4If_sIMas9yFcFQ8s4vvtiSZ_rKsskR_TZuA" />
    <input value="19530" 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%3D8">
    <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/zahnpasta-zimt-140-g-19548">
          <img alt="Zahnpasta Zimt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10076/file/small-37acb559e0cd6a6574b7a074bc8c68a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/10076/file/medium-12f16da5afc3821eac2f4886702b0af8.webp 900w, https://assets.fabulous.ch/public/variant_asset/10076/file/large-d5195c52c322d51c73e7b5e91b0c5125.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10076/file/medium-12f16da5afc3821eac2f4886702b0af8.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/zahnpasta-zimt-140-g-19548">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta Zimt, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19548&quot;],&quot;content_name&quot;:&quot;Zahnpasta Zimt, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19548&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Nl_UpjrdvZw842oROzWb4NDKAlyrFeRRdG_AKsM-KN5evGuSWa1peAcxF9fWw9JUzn57ZMV8djJND2s9qB6jNg" />
    <input value="19548" 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%3D8">
    <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/liquid-soap-citrus-orange-240-ml-19535">
          <img alt="Liquid Soap Citrus-Orange" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9370/file/small-6405db75749c12b033e5fbfc80a4567b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9370/file/medium-2948eab548b56910a316d0ab6e2a40aa.webp 900w, https://assets.fabulous.ch/public/variant_asset/9370/file/large-49ff996a70cf8fec701898820a911f15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9370/file/medium-2948eab548b56910a316d0ab6e2a40aa.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/liquid-soap-citrus-orange-240-ml-19535">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Citrus-Orange, 240 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19535&quot;],&quot;content_name&quot;:&quot;Liquid Soap Citrus-Orange, 240 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19535&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jFsxSPN7u6SZnZO7vyclneYGjwYmmxYM6L1VPBCGI1nkuI58kAtvQKJP7n1S0Wwp-LL2PkjyhG_R3f4re6aosQ" />
    <input value="19535" 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%3D8">
    <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/zahnpasta-white-mit-fluorid-100-ml-19726">
          <img alt="Zahnpasta White mit Fluorid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11895/file/small-7547b0625f5862fddb9955f85c2a8e0e.webp 600w, https://assets.fabulous.ch/public/variant_asset/11895/file/medium-157d7fa2fb4b2cd5cefb51405ab01910.webp 900w, https://assets.fabulous.ch/public/variant_asset/11895/file/large-a0c47aa94e3669b25160065f1680a66a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11895/file/medium-157d7fa2fb4b2cd5cefb51405ab01910.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/zahnpasta-white-mit-fluorid-100-ml-19726">
            <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-19726-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19726&quot;],&quot;content_name&quot;:&quot;Zahnpasta White mit Fluorid, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19726&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="61GaI6thiu7kU76ydgzI6nAW0g-jSJ9yld2OLIPSA3GDsiUXyBFeCt-Bw3Sb-oFebqKrN80hDRGsvSU76PKImQ" />
    <input value="19726" 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%3D8">
    <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/zahnpasta-black-100-ml-19349">
          <img alt="Zahnpasta Black" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11900/file/small-3ab866734caef3a1254f983552fedce0.webp 600w, https://assets.fabulous.ch/public/variant_asset/11900/file/medium-946842c814eede39a9221b1846e1fbba.webp 900w, https://assets.fabulous.ch/public/variant_asset/11900/file/large-088a57c0a6e99edc72d9774e2f85f984.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11900/file/medium-946842c814eede39a9221b1846e1fbba.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/zahnpasta-black-100-ml-19349">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta Black, 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-19349-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19349&quot;],&quot;content_name&quot;:&quot;Zahnpasta Black, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19349&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sNg2Y26QdMPHoUopLlrzuu9ybvfkV1yYqa3dTG0c0sTYO4lXDeCgJ_xzN-_DrLoO8cYXz4o-zvuQzXZbBjxZLA" />
    <input value="19349" 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%3D8">
    <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/zahnpasta-white-100-ml-19351">
          <img alt="Zahnpasta White" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11898/file/small-94962232ed9d66534db19d3455359c8a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11898/file/medium-353d594b9d410f50a89719516af71df2.webp 900w, https://assets.fabulous.ch/public/variant_asset/11898/file/large-364e0b0ec43aefdd1448b949165eb6dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11898/file/medium-353d594b9d410f50a89719516af71df2.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/zahnpasta-white-100-ml-19351">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta White, 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-19351-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19351&quot;],&quot;content_name&quot;:&quot;Zahnpasta White, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19351&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UXoXOjEyE4z2x7aoToqu9DIjYHx5mbjZAZp4Vjr7Clo5magOUkLHaM0Vy26jfOdALJcZRBfwKro4-tNBUduBsg" />
    <input value="19351" 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%3D8">
    <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/bar-soap-baby-mild-140-g-19520">
          <img alt="Bar Soap Baby Mild" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9357/file/small-a658b59e53181ea839f2497125bc678b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9357/file/medium-d00b0059d1ef2488c6cd716d1e4758cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/9357/file/large-24bdc089670e8b131c76677b1a580d2d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9357/file/medium-d00b0059d1ef2488c6cd716d1e4758cc.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/bar-soap-baby-mild-140-g-19520">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Baby Mild, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19520&quot;],&quot;content_name&quot;:&quot;Bar Soap Baby Mild, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19520&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="39SkD6n-Qbx4Mc-ihHRT2E7Q54iozUCXV8TaQgBVs9S3Nxs7yo6VWEPjsmRpghpsUGSesMak0vRupHFVa3U4PA" />
    <input value="19520" 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%3D8">
    <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/bar-soap-sandelholz-jasmin-140-g-19519">
          <img alt="Bar Soap Sandelholz-Jasmin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10030/file/small-fdfbc655a31b5a3f356a23b5e8dcded5.webp 600w, https://assets.fabulous.ch/public/variant_asset/10030/file/medium-6cad5c21b9a4365e211b51fe40111f96.webp 900w, https://assets.fabulous.ch/public/variant_asset/10030/file/large-36ee9610305e4fccfb25b7af838c2357.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10030/file/medium-6cad5c21b9a4365e211b51fe40111f96.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/bar-soap-sandelholz-jasmin-140-g-19519">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Sandelholz-Jasmin, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19519&quot;],&quot;content_name&quot;:&quot;Bar Soap Sandelholz-Jasmin, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19519&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WHdKa1HAowV2SZZKh1OWCevQaxtFEaGNH_hQht_FyVUwlPVfMrB34U2b64xqpd-99WQSIyt4M-4mmPuRtOVCvQ" />
    <input value="19519" 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%3D8">
    <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/badesalz-rose-300-g-19885">
          <img alt="Badesalz Rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11893/file/small-5feff1bca0d7cba5b2b78b526c6967a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/11893/file/medium-7adfb1253a75ffb8887960149393daab.webp 900w, https://assets.fabulous.ch/public/variant_asset/11893/file/large-ace6881604a89652edf6661593a91f2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11893/file/medium-7adfb1253a75ffb8887960149393daab.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/badesalz-rose-300-g-19885">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Badesalz Rose, 300 g</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 3.30 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19885&quot;],&quot;content_name&quot;:&quot;Badesalz Rose, 300 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19885&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eRJlBP7pxnBjlSf9hJf-vxoGx0xLGaFaO3urL70BVVIR8downZkSlFhHWjtpYbcLBLK-dCVwMzkCGwA41iHeug" />
    <input value="19885" 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%3D8">
    <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/basische-edelsteinseife-zirbenol-135-g-19549">
          <img alt="Basische Edelsteinseife Zirbenöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11192/file/small-42ea57fb51b3f03659d66b8c79b79b61.webp 600w, https://assets.fabulous.ch/public/variant_asset/11192/file/medium-86868cecbc1abe1a293c90112ef8a530.webp 900w, https://assets.fabulous.ch/public/variant_asset/11192/file/large-244f78a4194d40bf5b037a7e2fb58a4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11192/file/medium-86868cecbc1abe1a293c90112ef8a530.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Droste-Laux</p>
          <a href="/products/basische-edelsteinseife-zirbenol-135-g-19549">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basische Edelsteinseife Zirbenöl, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19549&quot;],&quot;content_name&quot;:&quot;Basische Edelsteinseife Zirbenöl, 135 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19549&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nhLcdGZ-PcC1ry88jhXDxEMdxYKraOiirK4-3TCpDA728WNABQ7pJI59Uvpj44pwXam8usUBesGVzpXKW4mH5g" />
    <input value="19549" 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%3D8">
    <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/handcreme-aloe-vera-bio-75-ml-5277">
          <img alt="Handcreme Aloe Vera Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3081/file/small-087cb3f36948825eb4c07a0496caa4ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/3081/file/medium-dd66c02609776889f7f4dc268e91b460.webp 900w, https://assets.fabulous.ch/public/variant_asset/3081/file/large-5eaaa09d77d9585fd4466378cdd8e635.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3081/file/medium-dd66c02609776889f7f4dc268e91b460.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">Urtekram</p>
          <a href="/products/handcreme-aloe-vera-bio-75-ml-5277">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handcreme Aloe Vera Bio, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5277&quot;],&quot;content_name&quot;:&quot;Handcreme Aloe Vera Bio, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5277&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HrTQtPIz7k4LXYzfooFKdr04Kl-yTKJFqKf1HymUX5d2V2-AkUM6qjCP8RlPdwPCo4xTZ9wlMCaRx14IQrTUfw" />
    <input value="5277" 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%3D8">
    <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/fusspflege-aloe-vera-bio-100-ml-5276">
          <img alt="Fusspflege Aloe Vera Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3080/file/small-c26bf0e283a2a32be9700a1701d470c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/3080/file/medium-dae2620fa92d4666ddbf3e31c2612d58.webp 900w, https://assets.fabulous.ch/public/variant_asset/3080/file/large-1c6dd4ab30ba79739f4c312bb66953fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3080/file/medium-dae2620fa92d4666ddbf3e31c2612d58.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">Urtekram</p>
          <a href="/products/fusspflege-aloe-vera-bio-100-ml-5276">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fusspflege Aloe Vera Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5276&quot;],&quot;content_name&quot;:&quot;Fusspflege Aloe Vera Bio, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5276&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9ftOpBI4BM4nIbxV2PB2PkEUTZ0W2WU5tzkSbO_P4qGdGPGQcUjQKhzzwZM1Bj-KX6A0pXiw91qOWbl7hO9pSQ" />
    <input value="5276" 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%3D8">
    <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/shampoo-empfindliche-kopfhaut-ohne-parfum-bio-250-ml-10207">
          <img alt="Shampoo Empfindliche Kopfhaut (Ohne Parfum) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5515/file/small-4ca11ccd58fbbed2326fcd041dd4d008.webp 600w, https://assets.fabulous.ch/public/variant_asset/5515/file/medium-cedc2ef16dd3d0d22fbea4033fd91a07.webp 900w, https://assets.fabulous.ch/public/variant_asset/5515/file/large-20ff20326884a8ba50404b26bd5b3951.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5515/file/medium-cedc2ef16dd3d0d22fbea4033fd91a07.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">Urtekram</p>
          <a href="/products/shampoo-empfindliche-kopfhaut-ohne-parfum-bio-250-ml-10207">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shampoo Empfindliche Kopfhaut (Ohne Parfum) Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10207&quot;],&quot;content_name&quot;:&quot;Shampoo Empfindliche Kopfhaut (Ohne Parfum) Bio, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10207&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qx1KgkoI6q_bMC4MMlabwXv62osLjtL00JkohtRvqP4r_vW2KXg-S-DiU8rfoNJ1ZU6js2XnQJfp-YORv08jFg" />
    <input value="10207" 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%3D8">
    <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/basische-gewurzmischung-30-g-18521">
          <img alt="Basische Gewürzmischung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9223/file/small-e4c7570bf69b69ef483dc1c2e7eaad0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/9223/file/medium-1e2dc9bf49869856e2e7f51c945f406e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9223/file/large-6783e7176561f9070224ed296718e968.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9223/file/medium-1e2dc9bf49869856e2e7f51c945f406e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Droste-Laux</p>
          <a href="/products/basische-gewurzmischung-30-g-18521">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basische Gewürzmischung, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18521&quot;],&quot;content_name&quot;:&quot;Basische Gewürzmischung, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18521&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eS1W6c7nkFALGrhwGmxJq01OmJIjgfYAt0npuWQTdXQRzundrZdEtDDIxbb3mgAfU_rhqk3oZGOOKUKuDzP-nA" />
    <input value="18521" 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%3D8">
    <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/edelsteinbad-basisch-300-g-19552">
          <img alt="Edelsteinbad basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11188/file/small-ce1ef86aa1fdcf7106b53332a5b2a9f5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11188/file/medium-d3b2adc70774af6382701a7e8ab2ba98.webp 900w, https://assets.fabulous.ch/public/variant_asset/11188/file/large-59ba88dbeba07d99b69d7fb884a8054f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11188/file/medium-d3b2adc70774af6382701a7e8ab2ba98.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Droste-Laux</p>
          <a href="/products/edelsteinbad-basisch-300-g-19552">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Edelsteinbad basisch, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19552&quot;],&quot;content_name&quot;:&quot;Edelsteinbad basisch, 300 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19552&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5IIRl65hB0Q3LKzwt8DVhqfmSfJf5SwqagJ5Zaj9H2yMYa6jzRHToAz-0TZaNpwyuVIwyjGMvklTYtJyw92UhA" />
    <input value="19552" 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%3D8">
    <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/edelsteinbad-basisch-900-g-208cdfd2-e925-45db-bd98-0741ed507e94-20114">
          <img alt="Edelsteinbad basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11187/file/small-02e31c3e03f19fe5838cbe419762ce41.webp 600w, https://assets.fabulous.ch/public/variant_asset/11187/file/medium-19a1713e68d09d5dc767c9acea7bb82f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11187/file/large-a611ebdbcbc2cde8d8fdedda836d09da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11187/file/medium-19a1713e68d09d5dc767c9acea7bb82f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Droste-Laux</p>
          <a href="/products/edelsteinbad-basisch-900-g-208cdfd2-e925-45db-bd98-0741ed507e94-20114">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Edelsteinbad basisch, 900 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20114&quot;],&quot;content_name&quot;:&quot;Edelsteinbad basisch, 900 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20114&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:35.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Fi6ms6i2VoShzzvxHPEGlL5jP8vBYgERD8qczjH1cEp-zRmHy8aCYJodRjfxB08goNdG868Lk3I2qjfZWtX7og" />
    <input value="20114" 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%3D8">
    <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/edelsteinbad-basisch-1600-g-c0541613-6ae2-43c0-bccf-adbdf75087b3-20115">
          <img alt="Edelsteinbad basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11189/file/small-e5ebcea08a4f7ffa8512c4a9d285c0cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/11189/file/medium-c81be467a6303982f4ab63f2201d6d48.webp 900w, https://assets.fabulous.ch/public/variant_asset/11189/file/large-d12b3b6806a7eff1fb136012f07ec72b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11189/file/medium-c81be467a6303982f4ab63f2201d6d48.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Droste-Laux</p>
          <a href="/products/edelsteinbad-basisch-1600-g-c0541613-6ae2-43c0-bccf-adbdf75087b3-20115">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Edelsteinbad basisch, 1600 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 50.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20115&quot;],&quot;content_name&quot;:&quot;Edelsteinbad basisch, 1600 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20115&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:50.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7wa1RitTWLp6QVEnlGSXUAIpaY964OHWx9IYq-YtyImH5QpySCOMXkGTLOF5kt7kHJ0QtxSJc7X-srO8jQ1DYQ" />
    <input value="20115" 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%3D8">
    <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/basentee-49-krauter-offen-bio-200-g-18519">
          <img alt="Basentee 49 Kräuter offen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9222/file/small-95061e656d42a8de9ea77712b559b0d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/9222/file/medium-c79aaba1c3827e956337e4f5cd882ef3.webp 900w, https://assets.fabulous.ch/public/variant_asset/9222/file/large-50a3c9d8abd044b0f45df32c686d2366.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9222/file/medium-c79aaba1c3827e956337e4f5cd882ef3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Droste-Laux</p>
          <a href="/products/basentee-49-krauter-offen-bio-200-g-18519">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basentee 49 Kräuter offen Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18519&quot;],&quot;content_name&quot;:&quot;Basentee 49 Kräuter offen Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18519&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:23.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ibnmlACwQlyq5hyOcfAqawLPSIRD7ZxkAO7PYQP-RvDhWlmgY8CWuJE0YUicBmPfHHsxvC2EDgc5jmR2aN7NGA" />
    <input value="18519" 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">
      160 von 371 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/naturkosmetik?format=turbo_stream&amp;page=9">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>