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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/haarfarbe-29-dunkelblond-kupfer-1-stuck-19820">
          <img alt="Haarfarbe 29 Dunkelblond Kupfer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9463/file/small-99e391a50e44b2fa4a5a0cde7af5b4b4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9463/file/medium-10a3165805959aa786e9cc872120e937.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9463/file/large-43594af3abb0d5cd348186f950587a76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9463/file/medium-10a3165805959aa786e9cc872120e937.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">Sanotint</p>
          <a href="/de/products/haarfarbe-29-dunkelblond-kupfer-1-stuck-19820">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haarfarbe 29 Dunkelblond Kupfer, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_CWEvJ1caZpGX_keYClKloxwLYPZOHKWPwIK3GQ2e-qJZos3r-vSRW6UI0V4xOqyoeiVaiBMs5hB_yITci39fg" />
    <input value="19820" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/haarfarbe-30-dunkelblond-gold-1-stuck-19821">
          <img alt="Haarfarbe 30 Dunkelblond Gold" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9480/file/small-f40c54ca12c8973c5835b9dae24e01e7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9480/file/medium-d4d27111f4fa4e7af07ddcc3d39033aa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9480/file/large-af059a98f2553a269969171eed0c76cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9480/file/medium-d4d27111f4fa4e7af07ddcc3d39033aa.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">Sanotint</p>
          <a href="/de/products/haarfarbe-30-dunkelblond-gold-1-stuck-19821">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haarfarbe 30 Dunkelblond Gold, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/haarfarbe-light-71-schwarz-1-stuck-19822">
          <img alt="Haarfarbe Light 71 Schwarz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9478/file/small-fd911afa75bad25d4662006222bc332e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9478/file/medium-3e8bb13959f37bec22f076c1ef086922.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9478/file/large-788276d26a26a4b9d5db230b4a413700.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9478/file/medium-3e8bb13959f37bec22f076c1ef086922.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">Sanotint</p>
          <a href="/de/products/haarfarbe-light-71-schwarz-1-stuck-19822">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haarfarbe Light 71 Schwarz, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A9yg3vVERKOptXLHSuImOpaymolmPT5Rnl_Y8f8qDTR2n69Vx_P_fIF-qJxSD4YeuyoiYJ9J_1_govA-6TGLoA" />
    <input value="19822" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/haarfarbe-light-72-kastanie-hell-1-stuck-19823">
          <img alt="Haarfarbe Light 72 Kastanie hell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9471/file/small-9c23d2ece51a00190f5f8dfdf90710a0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9471/file/medium-c6858fc7f540bdc5083c9229c81d3200.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9471/file/large-b473f6f817e5821835f21b80cdd5bafb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9471/file/medium-c6858fc7f540bdc5083c9229c81d3200.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">Sanotint</p>
          <a href="/de/products/haarfarbe-light-72-kastanie-hell-1-stuck-19823">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haarfarbe Light 72 Kastanie hell, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/haarfarbe-light-73-naturbraun-1-stuck-19824">
          <img alt="Haarfarbe Light 73 Naturbraun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9466/file/small-9aff5259bcd0e5a31961003713b743e3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9466/file/medium-26ad80ce297cb3073326dbd856eec680.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9466/file/large-7bebde41a8c71a9b2291833224dbad32.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9466/file/medium-26ad80ce297cb3073326dbd856eec680.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">Sanotint</p>
          <a href="/de/products/haarfarbe-light-73-naturbraun-1-stuck-19824">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haarfarbe Light 73 Naturbraun, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ilSwjBeTlC8zZ3fwpjIfwkDZ-zPjr3y_h50fNR8c-z__F78HJSQv8Busrau-37_mbUFD2hrbvbH5YDf6CQd9qw" />
    <input value="19824" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/haarfarbe-light-74-hellbraun-1-stuck-19825">
          <img alt="Haarfarbe Light 74 Hellbraun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9474/file/small-c8a7ad903c07278eac367fd5f0c292b9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9474/file/medium-2fe03d7ef97e288df5265ed2b992cd65.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9474/file/large-1e2d01eed69047844dc34f089b7d80d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9474/file/medium-2fe03d7ef97e288df5265ed2b992cd65.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">Sanotint</p>
          <a href="/de/products/haarfarbe-light-74-hellbraun-1-stuck-19825">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haarfarbe Light 74 Hellbraun, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2L7PUCQPeX8-VVbK4jqQDqUWqM50wKG65Xivw7F_A0St_cDbFrjCoBaejJH61zAqiI4QJ420YLSbhYcMp2SF0A" />
    <input value="19825" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/haarfarbe-light-75-goldbraun-1-stuck-19826">
          <img alt="Haarfarbe Light 75 Goldbraun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9476/file/small-376b7214342a6740e88ada5f1b8662d1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9476/file/medium-56aaa8a67adf5bd4b96dab7ede2b07d4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9476/file/large-9a6ac9b37e72a2161713c2d99e87c445.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9476/file/medium-56aaa8a67adf5bd4b96dab7ede2b07d4.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">Sanotint</p>
          <a href="/de/products/haarfarbe-light-75-goldbraun-1-stuck-19826">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haarfarbe Light 75 Goldbraun, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Hd-2YdV38dl6hcZpUjLtx1RJJqZHrsPQzpui1NB-rchonLnq58BKBlJOHDJK303jedGeT77aAt6wZoobxmUrXA" />
    <input value="19826" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/haarfarbe-light-77-dunkelblond-gold-1-stuck-19827">
          <img alt="Haarfarbe Light 77 Dunkelblond Gold" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9472/file/small-ccc1542964160ed419e5411145d71749.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9472/file/medium-3d85dfff5713e1f8102fad7d7bdd1568.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9472/file/large-7ccbbaf13c0d98a0e62211cf4455826a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9472/file/medium-3d85dfff5713e1f8102fad7d7bdd1568.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">Sanotint</p>
          <a href="/de/products/haarfarbe-light-77-dunkelblond-gold-1-stuck-19827">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haarfarbe Light 77 Dunkelblond Gold, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/haarfarbe-light-80-hell-naturblond-1-stuck-19828">
          <img alt="Haarfarbe Light 80 Hell Naturblond" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9473/file/small-da6013fc56c36ec491c7279a35f2386b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9473/file/medium-8b9015280660ed416a300a210001d08c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9473/file/large-d475537fa879055f8b78e5aee48176b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9473/file/medium-8b9015280660ed416a300a210001d08c.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">Sanotint</p>
          <a href="/de/products/haarfarbe-light-80-hell-naturblond-1-stuck-19828">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haarfarbe Light 80 Hell Naturblond, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JI-ztaz0oLlhBvWjWxlyxUIsHl9aXLdyl-NrXmmI9TNRzLw-nkMbZknNL_hD9NLhb7SmtqModnzpHkORf5Nzpw" />
    <input value="19828" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/haarfarbe-light-82-hellgrau-1-stuck-19829">
          <img alt="Haarfarbe Light 82 Hellgrau" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9475/file/small-2340eb4f42b4ed5e86afedcb127a6ba4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9475/file/medium-35ed389778a2c0706bf2aa59093a575c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9475/file/large-89f5030f8b7799bdba1369d69bf4e406.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9475/file/medium-35ed389778a2c0706bf2aa59093a575c.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">Sanotint</p>
          <a href="/de/products/haarfarbe-light-82-hellgrau-1-stuck-19829">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haarfarbe Light 82 Hellgrau, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/haarfarbe-light-84-dunkelblond-1-stuck-19830">
          <img alt="Haarfarbe Light 84 Dunkelblond" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9477/file/small-071caba7c133cf204080a33dde248806.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9477/file/medium-aa556ef83737b6cc40087bc234412f45.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9477/file/large-ebea84806167964975ac81d4aa27c9a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9477/file/medium-aa556ef83737b6cc40087bc234412f45.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">Sanotint</p>
          <a href="/de/products/haarfarbe-light-84-dunkelblond-1-stuck-19830">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haarfarbe Light 84 Dunkelblond, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/spulung-150-ml-20048">
          <img alt="Spülung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10462/file/small-d1f7a617b3458577d37795301db25e9c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10462/file/medium-6051c6acc03876f54ae794145fdedeef.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10462/file/large-ca1ec82f7f12086c5dc700376636e27b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10462/file/medium-6051c6acc03876f54ae794145fdedeef.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="/de/products/spulung-150-ml-20048">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spülung, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AM2lNLS0Fy_KteSjgd9aJIrfBMzgA5qVR6-zLJJv_Cp1jqq_hgOs8OJ-PviZMvoAp0e8JRl3W5s5UpvjhHR6vg" />
    <input value="20048" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pflegespulung-hirse-250-ml-20108">
          <img alt="Pflegespülung Hirse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10641/file/small-c09f25581c63bd59929e484b0403c61a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10641/file/medium-f5851e578a74ebd7d0d4f7a2b1dbb4f1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10641/file/large-2b0bc4263aab4aac3dd5fb9c5ff83755.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10641/file/medium-f5851e578a74ebd7d0d4f7a2b1dbb4f1.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">Heidak</p>
          <a href="/de/products/pflegespulung-hirse-250-ml-20108">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflegespülung Hirse, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6DUi_ZM6qRuGdcb4i4K1rwmXwWPFcs-e5y6k6Yc1uvOddi12oY0SxK6-HKOTbxWLJA95ijwGDpCZ04wmkS48Zw" />
    <input value="20108" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/shampoo-hirse-250-ml-20109">
          <img alt="Shampoo Hirse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10640/file/small-3df267f88527aa9df0e280b09790b145.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10640/file/medium-39ac8925097157c3cb07e74048d98ff4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10640/file/large-6d621d431f1a7994928b208c0d1f2215.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10640/file/medium-39ac8925097157c3cb07e74048d98ff4.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">Heidak</p>
          <a href="/de/products/shampoo-hirse-250-ml-20109">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shampoo Hirse, 250 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 7.16 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JxF8uCoKuXwlJULVfk-rylp7sKe6XShOrioP3AtcYKVSUnMzGL0Cow3umI5mogvud-MITkMp6UDQ1ycTHUfmMQ" />
    <input value="20109" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/erfrischendes-dusch-shampoo-250-ml-20110">
          <img alt="Erfrischendes Dusch &amp; Shampoo" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10639/file/small-e50b75b056859a842e843a0d28648696.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10639/file/medium-74d35cbfdd5d75be6ffa1a3fdb9f48a8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10639/file/large-4651ba1e368419f5dae4b1c669814375.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10639/file/medium-74d35cbfdd5d75be6ffa1a3fdb9f48a8.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">Heidak</p>
          <a href="/de/products/erfrischendes-dusch-shampoo-250-ml-20110">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erfrischendes Dusch &amp; Shampoo, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z0cSbW3vJ0cwJmw154b3d8EVYwshPR9ICdrYXidf5Z-6BB3mX1icmBjttm7_a1dT7I3b4thJ3kZ3J_CRMURjCw" />
    <input value="20110" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/baby-shampoo-waschlotion-250-ml-20118">
          <img alt="Baby Shampoo &amp; Waschlotion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10544/file/small-c63c18aa08b07bedd4ca2bf4b9664cd2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10544/file/medium-d534a68c5f7a7039f617f4afa8600b93.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10544/file/large-400152309f27275ad9e7faf2d3809d8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10544/file/medium-d534a68c5f7a7039f617f4afa8600b93.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">Jolu</p>
          <a href="/de/products/baby-shampoo-waschlotion-250-ml-20118">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baby Shampoo &amp; Waschlotion, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bIYxE7JxsAqgzZZ5WGy98hpH18FDCbqqcnDFHO-Ba88ZxT6YgMYL1YgGTCJAgR3WN99vKLp9e6QMje3T-ZrtWw" />
    <input value="20118" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/shampoo-amla-volume-200-ml-20122">
          <img alt="Shampoo Amla Volume" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11075/file/small-b598ece3107658cd973db80f9122bfe1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11075/file/medium-bffbc34f3584fad9ba842ebfcbaff2bc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11075/file/large-58e69f3a90bd19f53431f6684ef25901.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11075/file/medium-bffbc34f3584fad9ba842ebfcbaff2bc.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="/de/products/shampoo-amla-volume-200-ml-20122">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shampoo Amla Volume, 200 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 11.45 / 100 ml
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pflanzenhaarfarbe-mittelblond-100-g-20123">
          <img alt="Pflanzenhaarfarbe Mittelblond" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10588/file/small-7adb895da9a15bdd4e4a07676f8e5cfe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10588/file/medium-8b788c2c32999d43aa1fc3006dabe959.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10588/file/large-59aa2f634871bf181d519578241f32ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10588/file/medium-8b788c2c32999d43aa1fc3006dabe959.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="/de/products/pflanzenhaarfarbe-mittelblond-100-g-20123">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflanzenhaarfarbe Mittelblond, 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-20123-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pflanzenhaarfarbe-mahagoni-100-g-20124">
          <img alt="Pflanzenhaarfarbe Mahagoni" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10586/file/small-825112afc060a6f3b23d21fb45312646.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10586/file/medium-0c8383a91d83d97adc17e4a650b3a819.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10586/file/large-3f89280f3c536394fb34541268471140.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10586/file/medium-0c8383a91d83d97adc17e4a650b3a819.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="/de/products/pflanzenhaarfarbe-mahagoni-100-g-20124">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflanzenhaarfarbe Mahagoni, 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-20124-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9KeTDi080rrwPT5pZjRAzSoUkyHekwmcxW97BhrHJbmB5JyFH4tpZdj25DJ-2eDpB4wryCfnyJK7klPJDNyjLQ" />
    <input value="20124" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/haarol-rose-repair-50-ml-20134">
          <img alt="Haaröl Rose Repair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10594/file/small-fe6492137758660022b58229f663afe7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10594/file/medium-929111c2d3d54ab9c11535b88e3caf02.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10594/file/large-4c1598190ff6da13f13eb7de98bdc11c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10594/file/medium-929111c2d3d54ab9c11535b88e3caf02.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="/de/products/haarol-rose-repair-50-ml-20134">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haaröl Rose Repair, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PWJ2AttggCov4LDsjEQ9-8bWIN8YIuj13LO8seD2ZTtIIXmJ6dc79QcrareUqZ3f606YNuFWKfuiTpR-9u3jrw" />
    <input value="20134" 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">
      80 von 87 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/naturkosmetik/haarpflege?format=turbo_stream&amp;page=5">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>