<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%3D17">
    <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/hauschka-rosen-pflegeol-75-ml-19611">
          <img alt="Hauschka Rosen Pflegeöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10382/file/small-fd8567e1771523af8839a0d89e13509a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10382/file/medium-ff0f1aaee6cd4d9da5ff96be2aa46285.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10382/file/large-243bbd324c99beb44e70bd14d26cb20e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10382/file/medium-ff0f1aaee6cd4d9da5ff96be2aa46285.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hauschka</p>
          <a href="/products/hauschka-rosen-pflegeol-75-ml-19611">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Rosen Pflegeöl, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hf3gRR5h8biDaWg05dNeZN839UEtwQP8CrhHNCPj23nMrIRjh2G515YJRbEU7Dd0c8FQfUFUOk7F7Ws79BMmcg" />
    <input value="19611" 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%3D17">
    <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/hauschka-rosen-tagescreme-30-ml-19612">
          <img alt="Hauschka Rosen Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10383/file/small-2cb8d939aa9f73c758b1c26bf47884bd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10383/file/medium-2eb72af31a1c869c5b0e9c851a696019.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10383/file/large-b8dee960d8e4352699fd719d66171ad8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10383/file/medium-2eb72af31a1c869c5b0e9c851a696019.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hauschka</p>
          <a href="/products/hauschka-rosen-tagescreme-30-ml-19612">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Rosen Tagescreme, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c5Vs6KhDbZx3UJeG9rtwVsp9GLH75SL95L2cu3JquKQ6xAjOMUMl82IwugMHhBlGZou9jZdwG08r6LC0pZpFrw" />
    <input value="19612" 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%3D17">
    <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/hauschka-rosen-tagescreme-leicht-30-ml-19613">
          <img alt="Hauschka Rosen Tagescreme leicht" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10384/file/small-67d6e5280fa98ba68e6feef5efe3160a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10384/file/medium-230cc7b480a1e53c41c9f8b32e19c246.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10384/file/large-075ae44abe6c8a1759f3afbc430f00ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10384/file/medium-230cc7b480a1e53c41c9f8b32e19c246.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hauschka</p>
          <a href="/products/hauschka-rosen-tagescreme-leicht-30-ml-19613">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Rosen Tagescreme leicht, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aQsTyaJCpEm0WOgqw7j5afoF1QkIBSsAY8MZVOWrNqAgWnfvO0LsJqE4xa8yh5B5VvNwNWSQErKsljVbMlvLqw" />
    <input value="19613" 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%3D17">
    <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/hauschka-shampoo-150-ml-19614">
          <img alt="Hauschka Shampoo" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9318/file/small-2f3d1c07601f0887b1a6a18b4ad8af4e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9318/file/medium-a99bca99c68f350c33bcf4e33c0af14a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9318/file/large-7674becc4d5238c812fa8e64d98defbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9318/file/medium-a99bca99c68f350c33bcf4e33c0af14a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hauschka</p>
          <a href="/products/hauschka-shampoo-150-ml-19614">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Shampoo, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A4uSqvmsjg9jMjo1vpRBtuoIEfwqMNtonkj_acq2ep1K2vaMYKzGYHZSF7BPqyimRv60wEal4tpRHdNmHUaHlg" />
    <input value="19614" 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%3D17">
    <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/hauschka-tag-nachtkur-sensitiv-10-x-1-ml-19615">
          <img alt="Hauschka Tag-/Nachtkur sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10090/file/small-e03745b61d2c3ee95184b18cb3f12b77.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10090/file/medium-64581d49ca635dfbf4dde40106e52dd0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10090/file/large-208806e9e0f6e8339e199bf59be24db3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10090/file/medium-64581d49ca635dfbf4dde40106e52dd0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hauschka</p>
          <a href="/products/hauschka-tag-nachtkur-sensitiv-10-x-1-ml-19615">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Tag-/Nachtkur sensitiv, 10 x 1 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IrnG2xawR3oBGRWF9z0s9oMAWP646YfbQTuFbnbmqydr6KL9j7APFRR5OAAGAkXmL_b9wtR8vmmObqlhoRZWLA" />
    <input value="19615" 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%3D17">
    <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/hauschka-aktivierendes-tagesfluid-50-ml-19616">
          <img alt="Hauschka Aktivierendes Tagesfluid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10092/file/small-0fc49b95a957abdfb7edb5d2b536984d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10092/file/medium-d32dc3702472e921f8e64cc80080d444.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10092/file/large-9a9db83e35c0e7b12479722a139e1e4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10092/file/medium-d32dc3702472e921f8e64cc80080d444.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hauschka</p>
          <a href="/products/hauschka-aktivierendes-tagesfluid-50-ml-19616">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Aktivierendes Tagesfluid, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G27bdn1bfihy1g1JQ8X9bw0LY2aQWvBQp0NooO2-dgtSP79Q5Fs2R2e2IMyy-pR_of3GWvzPyeJoFkSvOk6LAA" />
    <input value="19616" 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%3D17">
    <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/hauschka-ausgleichendes-tagesfluid-50-ml-19617">
          <img alt="Hauschka Ausgleichendes Tagesfluid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10088/file/small-94159625d4c9c4de603fb8c9429467ae.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10088/file/medium-bcc466933b41952cb7ff740af526cf64.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10088/file/large-ac986faea5e4af3961e1500b3921a452.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10088/file/medium-bcc466933b41952cb7ff740af526cf64.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hauschka</p>
          <a href="/products/hauschka-ausgleichendes-tagesfluid-50-ml-19617">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Ausgleichendes Tagesfluid, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j_AoqS8zm0AADQ1kwSUviOCIShRBbWz0gkOA3PHB_O3GoUyPtjPTLxVtIOEwGkaYTH7vKC34VUZNFqzTJjEB5g" />
    <input value="19617" 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%3D17">
    <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/hauschka-tagesfluid-beruhigend-50-ml-19618">
          <img alt="Hauschka Tagesfluid Beruhigend" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10089/file/small-d71af6df922901221317fd86e6c4cdf3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10089/file/medium-5e9e6ad269bb119c4d40e599ad2ac2c8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10089/file/large-8de54edc1420e6fbd47eb5989dedd7fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10089/file/medium-5e9e6ad269bb119c4d40e599ad2ac2c8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hauschka</p>
          <a href="/products/hauschka-tagesfluid-beruhigend-50-ml-19618">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Tagesfluid Beruhigend, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7O36XqagSY9_u88EcULvUflHsxLi6QYbFsFsBUBcGRKlvJ54P6AB4Grb4oGAfYZBVbEWLo58P6nZlEAKl6zkGQ" />
    <input value="19618" 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%3D17">
    <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/hauschka-tonungsfluid-18-ml-19619">
          <img alt="Hauschka Tönungsfluid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10387/file/small-82a580dfec25605df8cb8cb52d3ce9bd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10387/file/medium-f9435d627f09b60ab32cf7d8f898137f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10387/file/large-da87928002dd5ceb4e8f7c5ab5212b1a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10387/file/medium-f9435d627f09b60ab32cf7d8f898137f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hauschka</p>
          <a href="/products/hauschka-tonungsfluid-18-ml-19619">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Tönungsfluid, 18 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z9PBMJZpUndfVzqGHVRwoxL8JUHno_MIkhEbpedTq9uGgqUWD2kaGEo3FwPsaxmzvgqAfYs2yrpdRDeqMKNW0A" />
    <input value="19619" 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%3D17">
    <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/i-m-deo-creme-extra-strong-30-ml-19620">
          <img alt="i+m Deo Creme Extra Strong" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11294/file/small-be84ae6c098e1a5ad0c238426979ca0c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11294/file/medium-283fc5fec7589d10954044713e967696.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11294/file/large-7165fbbf4a4f07ff1b4e458d6d3d0f86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11294/file/medium-283fc5fec7589d10954044713e967696.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">i+m</p>
          <a href="/products/i-m-deo-creme-extra-strong-30-ml-19620">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">i+m Deo Creme Extra Strong, 30 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 49.67 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QAK5YpuLNLot3FJsHlqr6xwAWJa88bFM0HalckbbUIQJU91EAot81Ti8f-nvZcL7sPb9qtBkiP4fI4l9kSutjw" />
    <input value="19620" 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%3D17">
    <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/i-m-deo-creme-floral-swing-30-ml-19621">
          <img alt="i+m Deo Creme Floral Swing" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11293/file/small-381420190807d1145cf94439b886b37a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11293/file/medium-c0beae1c30e8a075b73d49d8b8c352f2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11293/file/large-7426a0127c906ef48328c551d92c8f19.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11293/file/medium-c0beae1c30e8a075b73d49d8b8c352f2.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">i+m</p>
          <a href="/products/i-m-deo-creme-floral-swing-30-ml-19621">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">i+m Deo Creme Floral Swing, 30 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 49.67 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C6UXsfjQjba3Zv6rflAIs_XdG3uYSthjEEUyynzbTe1C9HOXYdDF2aIG0y6Pb2GjWSu-R_Tf4dHfEB7Fqyuw5g" />
    <input value="19621" 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%3D17">
    <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/i-m-deo-creme-sensitive-care-natronfrei-30-ml-19622">
          <img alt="i+m Deo Creme Sensitive Care natronfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11296/file/small-b098951ac317d7cff69895f0554840d4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11296/file/medium-85c17ffa3dbcfc44343047848184d7a1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11296/file/large-b6a6eaf1bdbd1d7e4e60e127e0f69db0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11296/file/medium-85c17ffa3dbcfc44343047848184d7a1.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">i+m</p>
          <a href="/products/i-m-deo-creme-sensitive-care-natronfrei-30-ml-19622">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">i+m Deo Creme Sensitive Care natronfrei, 30 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 49.67 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BoH_4sJvwahZuNsFQgGtDOYMtB6nuB0YJVzylVZs5XNP0JvEW2-Jx0zY9oCzPsQcSvoRIsstJKrqCd6agZwYeA" />
    <input value="19622" 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%3D17">
    <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/i-m-deo-creme-spicy-energy-30-ml-19623">
          <img alt="i+m Deo Creme Spicy Energy" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11297/file/small-62d5cdeb5b2d8928df8d0f16045e3970.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11297/file/medium-7fa47dc3a1985efa0e703a14b7fed3ed.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11297/file/large-25212a7b5c8ae325a719f67bb0e25b3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11297/file/medium-7fa47dc3a1985efa0e703a14b7fed3ed.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">i+m</p>
          <a href="/products/i-m-deo-creme-spicy-energy-30-ml-19623">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">i+m Deo Creme Spicy Energy, 30 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 49.67 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WC2JXzQTcjSb7sQa3lBFr84OMqQ1Lpwqn-mNB0IYQhoRfO15rRM6W46O6Z8vbyy_YviXmFm7pZhQvKEIlei_EQ" />
    <input value="19623" 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%3D17">
    <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/jentschura-meine-base-750-g-19624">
          <img alt="Jentschura Meine Base" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9315/file/small-efdfa6e074512aa21df03f1248e8a2f2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9315/file/medium-3413e3f330dc746e45dfbeb0deb3d6bf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9315/file/large-eabbd42a7f6fa3f9cad3529b7885386c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9315/file/medium-3413e3f330dc746e45dfbeb0deb3d6bf.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">Jentschura</p>
          <a href="/products/jentschura-meine-base-750-g-19624">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jentschura Meine Base, 750 g</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 3.45 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MfiEL6hsqyN7hNitcic8ml6B_h97QwrrLlwaUtSBiUN4qeAJMWzjTG7k9SiDGFWK8ndbIxfWM1nhCTZdA3F0SA" />
    <input value="19624" 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%3D17">
    <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/jentschura-meine-base-75-g-19625">
          <img alt="Jentschura Meine Base" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9316/file/small-f4efcc835e5ccc25975fd3acb423288e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9316/file/medium-8f7b9afd6c2b1e8ff84681c619fb1d94.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9316/file/large-6a330e60e4d496b7f1d0cb31d6d50cdc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9316/file/medium-8f7b9afd6c2b1e8ff84681c619fb1d94.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">Jentschura</p>
          <a href="/products/jentschura-meine-base-75-g-19625">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jentschura Meine Base, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ELE4B7ZJ3WZvanR7HQb8zuuTs8LkrWBlyCH2w4jQuONZ4FwhL0mVCXoKWf7sOZXeR2UW_og4WdcHdNrMXyBF6A" />
    <input value="19625" 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%3D17">
    <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/jentschura-ph-streifen-100-stuck-19626">
          <img alt="Jentschura pH-Streifen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10629/file/small-9186015bd61da47cf30f2eafe224f49a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10629/file/medium-0791f706eb04f10b376ec1fc66de4660.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10629/file/large-d932eb6e2542649fb3799dcb0aeb0272.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10629/file/medium-0791f706eb04f10b376ec1fc66de4660.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">Jentschura</p>
          <a href="/products/jentschura-ph-streifen-100-stuck-19626">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jentschura pH-Streifen, 100 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EF1SR19KP5RqBRJCz_P98UhvM17kutLZw4i8YxcxXGRZDDZhxkp3-39lP8c-zJTh5JmWYogv62sM3ZBswMGhbw" />
    <input value="19626" 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%3D17">
    <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/khadi-color-prep-farbevorbehandlung-100-g-19627">
          <img alt="Khadi Color Prep Färbevorbehandlung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10500/file/small-5b9cc464fe559b4b7225c125bb9aca6a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10500/file/medium-2648069c766d4f7caad379a929e0852f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10500/file/large-57e4d8d8de5549e5a20f4a6165ebed28.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10500/file/medium-2648069c766d4f7caad379a929e0852f.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">Khadi</p>
          <a href="/products/khadi-color-prep-farbevorbehandlung-100-g-19627">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Color Prep Färbevorbehandlung, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sn8qnFBTKuxElYSNUiNHZVgT9ebTsweDmFsU6K3EQ8r7Lk66yVNig1H1qQijHC519OVQ2r8mPjFXDjjnejS-wQ" />
    <input value="19627" 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%3D17">
    <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/khadi-haarol-color-care-50-ml-19628">
          <img alt="Khadi Haaröl Color Care" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10499/file/small-d20adbe3f85f893e64c25ef88283540b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10499/file/medium-cd6c5aa7069818bd1f79e47d3666794b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10499/file/large-27a538192d6c5109b8f13943d1cc2047.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10499/file/medium-cd6c5aa7069818bd1f79e47d3666794b.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">Khadi</p>
          <a href="/products/khadi-haarol-color-care-50-ml-19628">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Haaröl Color Care, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A9qrpXsUZguzFgs-Sx8vLQ-AYFWCTB0WEJsJs4T4lEpKi8-D4hQuZKZ2Jru6IEY9o3bFae7ZJKTfziW8UwhpQQ" />
    <input value="19628" 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%3D17">
    <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/khadi-haarol-strong-amla-50-ml-19629">
          <img alt="Khadi Haaröl Strong Amla" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10501/file/small-d19b6b73ff6c2d0a3e4471d60b5390fe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10501/file/medium-ead86a51734133a5836d9a0538bb8bc2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10501/file/large-a75246ea4bcdb82fcf634c9e8a4bfeae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10501/file/medium-ead86a51734133a5836d9a0538bb8bc2.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">Khadi</p>
          <a href="/products/khadi-haarol-strong-amla-50-ml-19629">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Haaröl Strong Amla, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J_SHcS5oZ44-CGfSpTxSDEFaVcAmWF0GM5IhqGu_Dk1upeNXt2gv4StoSldUAzsc7azw_ErNZLT8xw2nvE_zRg" />
    <input value="19629" 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%3D17">
    <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/khadi-haarol-vitality-grow-50-ml-19630">
          <img alt="Khadi Haaröl Vitality Grow" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10502/file/small-e35d86109487e44e7fe3b1b7660b1f07.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10502/file/medium-e02a7270c8805f75ada8201262acb818.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10502/file/large-0df6d59efe0890f770ab74a3cfb25441.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10502/file/medium-e02a7270c8805f75ada8201262acb818.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">Khadi</p>
          <a href="/products/khadi-haarol-vitality-grow-50-ml-19630">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Haaröl Vitality Grow, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

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

</template></turbo-stream>