<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%3D107">
    <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/moor-lavendel-pflegeol-75-ml-19666">
          <img alt="Moor Lavendel Pflegeöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10452/file/small-74509c932694363aa3ab94050c67001d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10452/file/medium-422aeb1d033e9addea1c6844ed1c069c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10452/file/large-535ecb0e217233ccb4f10de9b8bad5f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10452/file/medium-422aeb1d033e9addea1c6844ed1c069c.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/moor-lavendel-pflegeol-75-ml-19666">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Moor Lavendel Pflegeöl, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="scxaYS2T7gEPbhO4xD-QTyS8w3R7R8cTDDiwBY8gMFPiF3XYPlvWxhZHsrl7tJS4v57PMmwl4aXaFgfp2MToxQ" />
    <input value="19666" 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%3D107">
    <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/nach-der-sonne-150-ml-19667">
          <img alt="Nach der Sonne" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10166/file/small-4fd757eb9aec34719bd4afd7f533caf4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10166/file/medium-3cb16f9d37c026742f20f0e4caf07d51.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10166/file/large-148d93ae84aa17d6f7fd34ecf9765333.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10166/file/medium-3cb16f9d37c026742f20f0e4caf07d51.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/nach-der-sonne-150-ml-19667">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nach der Sonne, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5Z4vKReosUsljEkOTIv5RE58lU3Z8h4QnJTDLOqtSdK2RQCQBGCJjDyl6A_zAP2z1V6ZC86QOKZKunTAvUmRRA" />
    <input value="19667" 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%3D107">
    <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/neem-nagelol-18-ml-19668">
          <img alt="Neem Nagelöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10453/file/small-005b38e1540547a89e5d4b2978cf17c7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10453/file/medium-7bc3e76b3a84fd1787d83fef7f91250a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10453/file/large-0693a318dcf74a8658d92d189dc5e7fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10453/file/medium-7bc3e76b3a84fd1787d83fef7f91250a.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/neem-nagelol-18-ml-19668">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Neem Nagelöl, 18 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S-EAjVD0Si-63LG_B2p1Gnd1KexoKHezLauGKsxPleoYOi80Qzxy6KP1EL644XHt7Fclqn9KUQX7hTHGm6tNfA" />
    <input value="19668" 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%3D107">
    <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/neem-nagelolstift-3-ml-19669">
          <img alt="Neem Nagelölstift" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9396/file/small-b2fafeb618aea48bb40f17a5220ad6c9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9396/file/medium-8d1d2d200f07a1a7525ba37bdb4463f5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9396/file/large-54b64f66e220c8de21facac6f09922c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9396/file/medium-8d1d2d200f07a1a7525ba37bdb4463f5.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/neem-nagelolstift-3-ml-19669">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Neem Nagelölstift, 3 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MDJkajhw4TQM9RVnk-CcOP6V476Fv7r6Aa4wvzjnNwdj6UvTK7jZ8xXctGYsa5jPZbfv-JLdnEzXgIdTbwPvkQ" />
    <input value="19669" 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%3D107">
    <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/quitten-tagescreme-30-ml-19670">
          <img alt="Quitten Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10455/file/small-db518cc5ecc2beaa9535c6f7467e9839.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10455/file/medium-ed6f88e6e905e136e61e9e74bb6299ba.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10455/file/large-d265126ac14d974d859e40f63538eb24.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10455/file/medium-ed6f88e6e905e136e61e9e74bb6299ba.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/quitten-tagescreme-30-ml-19670">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Quitten Tagescreme, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tJuVsH5RBk96qa_gjcRLjYWPXoWkMGGu5vFuNmIpVzfnQLoJbZk-iGOADuEyT096Hq1Sw7NSRxgw39naNc2PoQ" />
    <input value="19670" 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%3D107">
    <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/regeneration-augenpflege-15-ml-19671">
          <img alt="Regeneration Augenpflege" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9397/file/small-d04ac3db59520508400bd09b7e1ec6f7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9397/file/medium-e193d49626373acf6bed5c734e1bbbee.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9397/file/large-1ec611c5134f588c3c0d26e751d05285.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9397/file/medium-e193d49626373acf6bed5c734e1bbbee.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/regeneration-augenpflege-15-ml-19671">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Regeneration Augenpflege, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 72.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XncDhCJwavLK1F5m3JL_6egGhvcuuUPCgMB_TxGHdocNrCw9MbhSNdP9_2djGfsecySKsTnbZXRW7sijRmOuEQ" />
    <input value="19671" 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%3D107">
    <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/regeneration-korperbalsam-150-ml-19672">
          <img alt="Regeneration Körperbalsam" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10442/file/small-bdbf240d0ca792184a15f7eb21e6771d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10442/file/medium-56696bab04e1d2477f7cee2f572c3227.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10442/file/large-0f032b774f5b8c2e6ef305cd04e24497.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10442/file/medium-56696bab04e1d2477f7cee2f572c3227.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/regeneration-korperbalsam-150-ml-19672">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Regeneration Körperbalsam, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2IAkEW6SSI4ppexFXgwCEXHC1QxXObUAogZYFxHQYL6LWwuofVpwSTCMTUThhwbm6uDZSkBbk7Z0KO_7RjS4KA" />
    <input value="19672" 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%3D107">
    <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/regeneration-tag-und-nachtserum-30-ml-19673">
          <img alt="Regeneration Tag- und Nachtserum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10444/file/small-180e454928aecab3a4698d1743caebd4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10444/file/medium-6b8ba1f73d42610f5f94180d76265b5c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10444/file/large-23cfa1670808ebb192f411870f6043d8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10444/file/medium-6b8ba1f73d42610f5f94180d76265b5c.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/regeneration-tag-und-nachtserum-30-ml-19673">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Regeneration Tag- und Nachtserum, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 76.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aIZsBpFnCbNbz9PsrXIfjCQMMVxo7IoFn8T9uj0G3Ds7XUO_gq8xdELmcu0S-Rt7vy49Gn-OrLNJ6kpWauIErQ" />
    <input value="19673" 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%3D107">
    <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/regeneration-tagescreme-40-ml-19674">
          <img alt="Regeneration Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10445/file/small-95385c8860528138a05dbe013bbfbf2f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10445/file/medium-56a7efa8fe1f73b014a9dd49c42b2c25.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10445/file/large-927b53d31b6d3cb2d3967b5b4cc00ea7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10445/file/medium-56a7efa8fe1f73b014a9dd49c42b2c25.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/regeneration-tagescreme-40-ml-19674">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Regeneration Tagescreme, 40 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 72.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qla1LhT1BUIuLk9SHpa7KMwgh96-x7AtyIhAFY74qMIRjZqXBz09hTcH7lOhHb_fVwKLmKmllpsepvf52RxwVA" />
    <input value="19674" 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%3D107">
    <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/regeneration-tagescreme-intensiv-40-ml-19675">
          <img alt="Regeneration Tagescreme Intensiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10443/file/small-66b43e2189a13d3f7d33e907e7432446.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10443/file/medium-02a3fcf4d4dcef3ef902c9fd2a41b20d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10443/file/large-3a2597e1f6ca6b8d5b273e2d5c9511a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10443/file/medium-02a3fcf4d4dcef3ef902c9fd2a41b20d.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/regeneration-tagescreme-intensiv-40-ml-19675">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Regeneration Tagescreme Intensiv, 40 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 85.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1dpRG1ZigPQYZ9JqYjRH4x7bEqaN6n6r00SxQhoAN-WGAX6iRaq4MwFOc2vdv0MUhfke4JqIWB0FagauTeTvcw" />
    <input value="19675" 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%3D107">
    <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/reinigungsbalsam-75-ml-19676">
          <img alt="Reinigungsbalsam" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10456/file/small-b1c2abe7b20ffe60b960024f5b698572.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10456/file/medium-1a1a9ad8deb827aa03adfc2facac11d2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10456/file/large-b49be741c45d81194328d6c3e57cf1ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10456/file/medium-1a1a9ad8deb827aa03adfc2facac11d2.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/reinigungsbalsam-75-ml-19676">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reinigungsbalsam, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YQrq23IIMUd7nQCkzvT0t55RRG7g61nhI1S1cMgwqYEy0cViYcAJgGK0oaVxf_BABXNIKPeJf1f1egKcn9RxFw" />
    <input value="19676" 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%3D107">
    <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/reinigungsmilch-145-ml-19677">
          <img alt="Reinigungsmilch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10458/file/small-44d431d08555f701fdf3fcc3a84ef10f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10458/file/medium-d05f76024e87ef8a2bf587b13ed71925.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10458/file/large-e3bec2be96749b707c14419b6740513c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10458/file/medium-d05f76024e87ef8a2bf587b13ed71925.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/reinigungsmilch-145-ml-19677">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reinigungsmilch, 145 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f5YjS7FtNgAJY5CdAuvMOP-S9GDh1ikHvXjr_X7TJm8sTQzyoqUOxxBKMZy9YMjPZLD4Jva0D7FrVlwRKTf--Q" />
    <input value="19677" 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%3D107">
    <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/revitalisierende-maske-30-ml-19678">
          <img alt="Revitalisierende Maske" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9398/file/small-c34fad8ae597babec060141c860c35c3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9398/file/medium-6cb33fa6e4922f35dc3358adf6daac45.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9398/file/large-8c19ebb8b1f8630da9735775e9026a10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9398/file/medium-6cb33fa6e4922f35dc3358adf6daac45.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/revitalisierende-maske-30-ml-19678">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Revitalisierende Maske, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Yri88TMi4kzJZVR4LfZgYDGkQrrgaanhyw40eS8ZSBkxY5NIIOrai9BM9XmSfWSXqoZO_PcLj1cdIIOVeP2Qjw" />
    <input value="19678" 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%3D107">
    <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/rosen-korperbalsam-145-ml-19679">
          <img alt="Rosen Körperbalsam" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10461/file/small-c264bc143ae143b4bde386b1f2bbc8ac.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10461/file/medium-e9184ad0925b45371952dd5c0dd585db.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10461/file/large-5d84481ca427c93a2fce3caf7fa53f8c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10461/file/medium-e9184ad0925b45371952dd5c0dd585db.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/rosen-korperbalsam-145-ml-19679">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosen Körperbalsam, 145 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uW-a6dWjXCsXFRVUPLU_mudkMtCEP_qRJqTRP9aXVa3qtLVQxmtk7A48tFWDPjttfEY-lpNd3CfwimbTgXONOw" />
    <input value="19679" 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%3D107">
    <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/rosen-pflegeol-75-ml-19680">
          <img alt="Rosen Pflegeöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10457/file/small-a96590f3a1a3150c1b4ae5df1c149591.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10457/file/medium-5fa3d5871ab208b3c29e3df90721dc62.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10457/file/large-a36bc43aacb28916a7ca53d296cd4f96.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10457/file/medium-5fa3d5871ab208b3c29e3df90721dc62.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/rosen-pflegeol-75-ml-19680">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosen Pflegeöl, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xAFZjN82FGVl46uCkZBRWyIzhUmOqnauKTYuJ9MYl86X2nY1zP4sonzKCoMuG1WsuRGJD5nIUBj_GJnLhPxPWA" />
    <input value="19680" 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%3D107">
    <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/rosen-tagescreme-30-ml-19681">
          <img alt="Rosen Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10459/file/small-00d9c83589561f92cd8dbb76f6a14c79.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10459/file/medium-1e36adee0ad9885c9c9013ef82762613.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10459/file/large-d6dc2a1539e4f3198734d511241c09a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10459/file/medium-1e36adee0ad9885c9c9013ef82762613.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/rosen-tagescreme-30-ml-19681">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosen Tagescreme, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DwmIZ4IUSvkFdeMw-fo4d6Q00rGAOdT8P7sfIyI2WSVc0qfekdxyPhxcQjFGcTyAPxbe95db8krplajPddKBsw" />
    <input value="19681" 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%3D107">
    <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/rosen-tagescreme-leicht-30-ml-19682">
          <img alt="Rosen Tagescreme leicht" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10460/file/small-06c2bbd9a238a9bdf4a020ed2071e328.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10460/file/medium-b6524f4be5c4c0726a6ae0a4c4c952fb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10460/file/large-0981811d193d50d302dfdb01157062e3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10460/file/medium-b6524f4be5c4c0726a6ae0a4c4c952fb.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/rosen-tagescreme-leicht-30-ml-19682">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosen Tagescreme leicht, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="htbHUI1x_JE772WlCVvmgiM6jPGO4enpgfkPJtofECrVDejpnrnEViLGxKS20OJ1uBiAt5mDz19X17jKjfvIvA" />
    <input value="19682" 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%3D107">
    <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-150-ml-19683">
          <img alt="Shampoo" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9399/file/small-94352271820ec3bcddb59ee0b2353c66.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9399/file/medium-0b5e92618e1a3eec9ce5cbc56392d508.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9399/file/large-d6bbcaa9734f1af3589bccaff63cb07c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9399/file/medium-0b5e92618e1a3eec9ce5cbc56392d508.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/shampoo-150-ml-19683">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shampoo, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eHBNvqrqCnDj4grPASgL3ksFs1yc5wmw3SYteREmZY4rq2IHuSIyt_rLq86-ow8p0Ce_GouFLwYLCJqVRsK9GA" />
    <input value="19683" 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%3D107">
    <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/tag-nachtkur-sensitiv-10-x-1-ml-19684">
          <img alt="Tag-/Nachtkur sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10167/file/small-c074cea0f5cc4f1975ad5a38454c1aed.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10167/file/medium-e265ef097868078e54f1bec9503e094e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10167/file/large-d9a7b940a7ff7c98106abf2a5593e04a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10167/file/medium-e265ef097868078e54f1bec9503e094e.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/tag-nachtkur-sensitiv-10-x-1-ml-19684">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tag-/Nachtkur sensitiv, 10 x 1 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5nA5AyXAF3HUFbo__8Sv8U7jPiYstTsLS643kGmXoKW1qxa6Nggvts08Gz5AT6sG1cEyYDvXHb2dgIB8PnN4Mw" />
    <input value="19684" 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%3D107">
    <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/aktivierendes-tagesfluid-50-ml-19685">
          <img alt="Aktivierendes Tagesfluid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10169/file/small-62065471ca0b84907230fecfc1ab5f18.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10169/file/medium-ee32050c9be48c81707feea2e8e3735c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10169/file/large-d364ab0c8e2fd4600e0138af0c5a72cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10169/file/medium-ee32050c9be48c81707feea2e8e3735c.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/aktivierendes-tagesfluid-50-ml-19685">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aktivierendes Tagesfluid, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KD_nmW-qjQwS2eeMBU4YGBwpr9i0XfE1boaa_9AKONh75MggfGK1ywvwRo26xRzvhwujnqM_14O4qC0Th-7gTg" />
    <input value="19685" 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;140 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/products?format=turbo_stream&amp;page=108">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>