<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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D114">
    <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/conditionerbit-balsam-60-g-19806">
          <img alt="ConditionerBit Balsam" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11343/file/small-0e211a97f74586dc1bc1af7569970706.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11343/file/medium-15cb611148c55db873d8bfcb947e0cc7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11343/file/large-fd5b99e84aa7fd8f7b09d5ade2067003.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11343/file/medium-15cb611148c55db873d8bfcb947e0cc7.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">Rosenrot</p>
          <a href="/de/products/conditionerbit-balsam-60-g-19806">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">ConditionerBit Balsam, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jXEDH55XNlT88F0VjkpRGqfpqRzzJF7F8DQg4ipOzi-LC6D_hgHYFpsrAoJyLsb45ntxsokXOZ1oKo_VdygkSA" />
    <input value="19806" 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D114">
    <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/fembit-intimwaschlotion-40-g-19807">
          <img alt="FemBit Intimwaschlotion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11344/file/small-e788e55f42baee06f6320e2e8f1ffb0c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11344/file/medium-fd66b9e14c8078cef23567060f016785.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11344/file/large-01a846792e5886c24c510bc602e6afae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11344/file/medium-fd66b9e14c8078cef23567060f016785.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">Rosenrot</p>
          <a href="/de/products/fembit-intimwaschlotion-40-g-19807">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">FemBit Intimwaschlotion, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D114">
    <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/shampoobit-honig-60-g-19808">
          <img alt="ShampooBit Honig" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11345/file/small-781f56bafccb9dc5ab45cf0b67dc6fbe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11345/file/medium-851d58c779be77852605a9d0caca6dfa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11345/file/large-d92c2edc5ff27fb441a8ee7e912ce5c8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11345/file/medium-851d58c779be77852605a9d0caca6dfa.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">Rosenrot</p>
          <a href="/de/products/shampoobit-honig-60-g-19808">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">ShampooBit Honig, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.20
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200  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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D114">
    <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/rose-il-rosato-bio-5-dl-19809">
          <img alt="Rosé il Rosato Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10291/file/small-683830ad606369f78efa6fa66ec9fcdd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10291/file/medium-842d9d2923c07560a0ebd962dcb0740d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10291/file/large-6bb071abbc6deb115125ab95b6abbf56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10291/file/medium-842d9d2923c07560a0ebd962dcb0740d.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">Küferweg</p>
          <a href="/de/products/rose-il-rosato-bio-5-dl-19809">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosé il Rosato Bio, 5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D114">
    <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/rose-rosa-lenz-7-5dl-bio-1-stuck-19810">
          <img alt="Rosé rosa Lenz 7.5dl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10952/file/small-f90cedafeea7db378c8b0410e94749d8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10952/file/medium-bbafb9677bf0c933a03125bbe9c80a17.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10952/file/large-70de7883ddea61b56535bcc7617c29dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10952/file/medium-bbafb9677bf0c933a03125bbe9c80a17.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">Küferweg</p>
          <a href="/de/products/rose-rosa-lenz-7-5dl-bio-1-stuck-19810">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosé rosa Lenz 7.5dl Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200  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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D114">
    <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/rose-sogno-rosato-7-5dl-bio-1-stuck-19811">
          <img alt="Rosé Sogno Rosato 7.5dl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10292/file/small-d510c790c3230dc77fccc3f7bfce92ee.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10292/file/medium-0889f087957475c22460ed945de391b6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10292/file/large-b433082e71d7d0969cc7c9af7808c9b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10292/file/medium-0889f087957475c22460ed945de391b6.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">Küferweg</p>
          <a href="/de/products/rose-sogno-rosato-7-5dl-bio-1-stuck-19811">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosé Sogno Rosato 7.5dl Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D114">
    <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/schafmilchseife-natur-100-g-19812">
          <img alt="Schafmilchseife natur" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10157/file/small-3ae69d1d8150e655a48f7a42aef7a83e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10157/file/medium-1a89bb33a670fa0ac2eb2114fb08d894.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10157/file/large-812172d2830597aac2da0e56dde580c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10157/file/medium-1a89bb33a670fa0ac2eb2114fb08d894.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">Saling</p>
          <a href="/de/products/schafmilchseife-natur-100-g-19812">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schafmilchseife natur, 100 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 4.90 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

  <div 
       class="border-gray-200  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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D114">
    <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-03-naturbraun-1-stuck-19813">
          <img alt="Haarfarbe 03 Naturbraun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9470/file/small-4f2e6b832ffa41584ea6ebf08b64faf4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9470/file/medium-c32fc6d382ab8cb8d8375744782db1d2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9470/file/large-90ef3a1b26b765338744c22998dce1ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9470/file/medium-c32fc6d382ab8cb8d8375744782db1d2.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-03-naturbraun-1-stuck-19813">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haarfarbe 03 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-19813-card">
        

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

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


  

  <div 
       class="border-gray-200 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D114">
    <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-04-hellbraun-1-stuck-19814">
          <img alt="Haarfarbe 04 Hellbraun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9465/file/small-90932b3094608bf4943a56119a1584a9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9465/file/medium-6bbc6a3482e046e5eeee1fe34431919f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9465/file/large-7c54df47f02dd69f2530b9826b366179.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9465/file/medium-6bbc6a3482e046e5eeee1fe34431919f.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-04-hellbraun-1-stuck-19814">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haarfarbe 04 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-19814-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W8_RPi4gD0DU3umBHnAcX2WWruPV7YRjeRI9F-j1JzldtXLeNnbhArMFthbiFIu9JAR2Ta_e4zvhDJIgtZPNXg" />
    <input value="19814" 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D114">
    <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-05-goldbraun-1-stuck-19815">
          <img alt="Haarfarbe 05 Goldbraun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9467/file/small-43f24ad0fd55af377a174d4fd80fdeb8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9467/file/medium-86faf60e96794ad6b15dd089e5302261.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9467/file/large-9a3ebcb478617fe15d66b2ee6432a2fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9467/file/medium-86faf60e96794ad6b15dd089e5302261.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-05-goldbraun-1-stuck-19815">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haarfarbe 05 Goldbraun, 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-19815-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fproducts%3Fformat%3Dturbo_stream%26page%3D114">
    <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-06-dunkelbraun-1-stuck-19816">
          <img alt="Haarfarbe 06 Dunkelbraun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9469/file/small-6abc7a713425578f8c2bd8fa05099ba9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9469/file/medium-8a2596add32cba05177737f2498e5003.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9469/file/large-8f33b5b72555189d60a6eb314c255725.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9469/file/medium-8a2596add32cba05177737f2498e5003.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-06-dunkelbraun-1-stuck-19816">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haarfarbe 06 Dunkelbraun, 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-19816-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qz1bhi-nz14RYlNWmgWDdpXSyhod2TVc6SPgJKFwaDWtR_hmN_EhHHa5DMFmYRSU1EAStGfqUgRxPU8T_BaCUg" />
    <input value="19816" 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D114">
    <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-07-aschbraun-1-stuck-19817">
          <img alt="Haarfarbe 07 Aschbraun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9468/file/small-94906e412115049d7135d2b39c79bee2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9468/file/medium-504aad2557e3d5cc18aa26c5a4ec0fb2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9468/file/large-37e252283d40c66992f2d4691cfbf82e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9468/file/medium-504aad2557e3d5cc18aa26c5a4ec0fb2.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-07-aschbraun-1-stuck-19817">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haarfarbe 07 Aschbraun, 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-19817-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YsyCpfOMSHPzQna9AA5pY-SOYx1WKuN3ndH3tLeYxqRktiFF69qmMZSZKSr8av6BpRy7sywZhC8Fz1iD6v4sww" />
    <input value="19817" 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D114">
    <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-25-mokka-1-stuck-19818">
          <img alt="Haarfarbe 25 Mokka" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9479/file/small-576fc00e139c26a34ac2fee7e830f47d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9479/file/medium-43d8620bc65cef0a25476d60f557c0a3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9479/file/large-bfb3b7fafbbd668600aafd837e4c55c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9479/file/medium-43d8620bc65cef0a25476d60f557c0a3.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-25-mokka-1-stuck-19818">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haarfarbe 25 Mokka, 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-19818-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jaCqBNG4kkU13Fo6XOdEs9VzHzui6CDuCPcj4C5FxjSL2gnkye58B1IHBa2gg9NRlOHHldjbR7aQ6YzXcyMsUw" />
    <input value="19818" 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D114">
    <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-26-tabak-caramel-1-stuck-19819">
          <img alt="Haarfarbe 26 Tabak Caramel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9464/file/small-fe932f73c2f1df5847fc535f36ca5270.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9464/file/medium-9b5fe0d1fbd93c9bc7959d63d2cfcf6e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9464/file/large-bc5a17067cbb96c2721715788a1a2461.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9464/file/medium-9b5fe0d1fbd93c9bc7959d63d2cfcf6e.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-26-tabak-caramel-1-stuck-19819">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haarfarbe 26 Tabak Caramel, 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-19819-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YuDWBtNSFQTl6v_14h0btzMu2TdDhEC6d-ez4PQRddBkmnXmywT7RoIxoGIeeYxVcrwBmTm3J-Lv-RzXqXeftw" />
    <input value="19819" 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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D114">
    <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="zv-vYEuN3h7oZ8DK3UwWtzAtSCL5QGaTTDAZzFg0LQHIhQyAU9swXI-8n10hKIFVcb-QjINzAcvULrb7BVLHZg" />
    <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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D114">
    <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="_7nlEDBf8zD_xJ5Xz13P5-Zy_CPc9My7cJDExd1O41_5w0bwKAkdcpgfwcAzOVgFp-AkjabHq-PojmvygCgJOA" />
    <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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D114">
    <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="kbUYsfCqbAd830t8GiOdUB8mweCcc08FuEx1kdjchf-Xz7tR6PyCRRsEFOvmRwqyXrQZTuZAKF0gUtqmhbpvmA" />
    <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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D114">
    <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="epoV2crbfZAIA0fRsJTB4WAxTSZ0uz0YDdLwNxXyy4t84LY50o2T0m_YGEZM8FYDIaOViA6IWkCVzF8ASJQh7A" />
    <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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D114">
    <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="BZLfuJmtEF5sPFltqpUfDBC44jiS1NUJ8KiVh7vokUsD6HxYgfv-HAvnBvpW8YjuUSo6lujnslFotjqw5o57LA" />
    <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%2Fproducts%3Fformat%3Dturbo_stream%26page%3D114">
    <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="9cZSdaB7QvN7u4T5-3LNwky5hFoIDt9sbC41I0sKrZnzvPGVuC2ssRxg224HFlogDStc9HI9uDT0MJoUFmxH_g" />
    <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>



</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">
      2&#39;280 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/products?format=turbo_stream&amp;page=115">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>