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

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/aquanature-augencreme-15-ml-19361">
          <img alt="AquaNature Augencreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9827/file/small-57cbb9c96ff686334cf6bbad1d9ebb59.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9827/file/medium-b04f4bf681ac976fdd87ff9ece8438e3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9827/file/large-c5ecebe7766312622b127dce0a68998e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9827/file/medium-b04f4bf681ac976fdd87ff9ece8438e3.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">Börlind</p>
          <a href="/products/aquanature-augencreme-15-ml-19361">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AquaNature Augencreme, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.50
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/aquanature-feuchtigkeitsserum-50-ml-19362">
          <img alt="AquaNature Feuchtigkeitsserum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11001/file/small-966d214463924bbf9f6ee84eed4bab4f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11001/file/medium-a48b2942e4246d4fe92235bef81f6f1b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11001/file/large-6eb6481872f861bc9f0e927400c95556.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11001/file/medium-a48b2942e4246d4fe92235bef81f6f1b.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">Börlind</p>
          <a href="/products/aquanature-feuchtigkeitsserum-50-ml-19362">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AquaNature Feuchtigkeitsserum, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.50
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/aquanature-nachtcreme-50-ml-19363">
          <img alt="AquaNature Nachtcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11002/file/small-99497f505994d1d82eb76f76bf1d2ae0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11002/file/medium-9a903dabb104b82f4ec2d06f190b5430.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11002/file/large-3e32a3a1bbc9e13a1d66f7f5daeb8255.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11002/file/medium-9a903dabb104b82f4ec2d06f190b5430.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">Börlind</p>
          <a href="/products/aquanature-nachtcreme-50-ml-19363">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AquaNature Nachtcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 51.50
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/aquanature-reinigungsmousse-150-ml-19364">
          <img alt="AquaNature Reinigungsmousse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11003/file/small-44fe46be6226459ab62e7c0cc5505250.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11003/file/medium-6040d912e0fd5fbe7e6e4c7a552002a6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11003/file/large-c265019f890279adcf9fe85de1a6aa6a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11003/file/medium-6040d912e0fd5fbe7e6e4c7a552002a6.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">Börlind</p>
          <a href="/products/aquanature-reinigungsmousse-150-ml-19364">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AquaNature Reinigungsmousse, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w0Ad8Jr9McpKZWFZI1Bu9XgLcp_AV0JWr0pVH5iWVME1XYpb-oym61w7bWwVcBzmTOI1aOexIRJjehOH_U7-IQ" />
    <input value="19364" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/aquanature-tagescreme-light-50-ml-19365">
          <img alt="AquaNature Tagescreme light" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11004/file/small-fda6670c61a35644b0c6489136260a37.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11004/file/medium-cd78489c7f42566015982eb16463208f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11004/file/large-e643188092cee2cfaa2a2a812ab84e7a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11004/file/medium-cd78489c7f42566015982eb16463208f.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">Börlind</p>
          <a href="/products/aquanature-tagescreme-light-50-ml-19365">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AquaNature Tagescreme light, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ieW5SjqMtfacjB4_JDRtoBOroHWavOLKkoPQdCt_Icp_-C7hWv0i14rSEgoSFB-zJ0Lngr1agY5es5bsTqeLKg" />
    <input value="19365" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/augenbrauenstift-blonde-1-g-19366">
          <img alt="Augenbrauenstift blonde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9930/file/small-87bf48556c4f9d40de6b6a3bb4497466.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9930/file/medium-fc35bf71b4e1576dbda75b2588fbd72d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9930/file/large-1ebce642461ca640dd5d65028eb10643.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9930/file/medium-fc35bf71b4e1576dbda75b2588fbd72d.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">Börlind</p>
          <a href="/products/augenbrauenstift-blonde-1-g-19366">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Augenbrauenstift blonde, 1 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2&#39;090.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gynUzlLD-C7XTEOdfEcdwp7j7-u2zZfPDkF9GGN08ZF1NENlMrJvD8EST6hKZ2_RqgqoHJEr9IvCcTuABqxbcQ" />
    <input value="19366" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/augenbrauenstift-brown-1b-1-stuck-19367">
          <img alt="Augenbrauenstift brown 1b" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9931/file/small-5eae4ecd7e7def314e06785189bdbf7b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9931/file/medium-6ce70660045e65a04fe09e5349241572.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9931/file/large-077b2abc7036ac9817040a738cdb8ac4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9931/file/medium-6ce70660045e65a04fe09e5349241572.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">Börlind</p>
          <a href="/products/augenbrauenstift-brown-1b-1-stuck-19367">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Augenbrauenstift brown 1b, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9IKXBtz5keWzVya9NXgKZ1RlPgMyvN5F374YST-4XHgCnwCtvIgGxKUJKogDWHh0YIx59BVavQETjl7RWmD2mA" />
    <input value="19367" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/augenbrauenstift-brown-pearl-1-g-19368">
          <img alt="Augenbrauenstift brown pearl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9932/file/small-1808af563bc46767f3036fac99d6b0f1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9932/file/medium-ace91b8d46e2e7063a3bc4b11637d087.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9932/file/large-bbeee1a6f4cbe900e3e4e6d8431ad08e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9932/file/medium-ace91b8d46e2e7063a3bc4b11637d087.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">Börlind</p>
          <a href="/products/augenbrauenstift-brown-pearl-1-g-19368">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Augenbrauenstift brown pearl, 1 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2&#39;090.00 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/augenbrauenstift-light-stone-1-g-19369">
          <img alt="Augenbrauenstift light stone" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9933/file/small-63ba6c0e54e86c56d4f0cd89a1a1f9d4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9933/file/medium-525ff138b5c9bb4ad17a3451c235ce18.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9933/file/large-b4139aab5a43fde87e006f7dff90a8c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9933/file/medium-525ff138b5c9bb4ad17a3451c235ce18.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">Börlind</p>
          <a href="/products/augenbrauenstift-light-stone-1-g-19369">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Augenbrauenstift light stone, 1 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2&#39;090.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A0slWo9dzClvqWECm4EuMg-NEc9CfCeMQXapzYI29Az1VrLx7yxbCHn3bTetoVwhO2RWOGWaRMiNRu9V5-5e7A" />
    <input value="19369" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/augenfaltchen-creme-20-ml-19370">
          <img alt="Augenfältchen Creme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11005/file/small-e1c7c623dc3353e843ab35cef666c94b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11005/file/medium-447abed0b503bfe791cd4df9039004b2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11005/file/large-b544d957c08d076f0d4d222dabd62b9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11005/file/medium-447abed0b503bfe791cd4df9039004b2.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">Börlind</p>
          <a href="/products/augenfaltchen-creme-20-ml-19370">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Augenfältchen Creme, 20 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rGsht6XeKrzXTRDKBIfkrhnpuftDCagGNInlNcLD--BadrYcxa-9ncETHP8yp5a9LQD-DGTvy0L4uaOtpxtRAA" />
    <input value="19370" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bb-cream-almond-50-ml-19371">
          <img alt="BB Cream Almond" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9828/file/small-ce6a4c8ba3c661ecc4cd5440727b4ea7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9828/file/medium-81d87217b8ded8a3c212b93bf9d29ba8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9828/file/large-458a14da8ae650a6d9314efd30f8f40e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9828/file/medium-81d87217b8ded8a3c212b93bf9d29ba8.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">Börlind</p>
          <a href="/products/bb-cream-almond-50-ml-19371">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BB Cream Almond, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.00
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bb-cream-beige-50-ml-19372">
          <img alt="BB Cream Beige" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9829/file/small-69248ede170293ffdeae482c34c95757.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9829/file/medium-11fc33ad88308d80e6e0518d49290026.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9829/file/large-88c0faa395462687231892ed0eda2d8c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9829/file/medium-11fc33ad88308d80e6e0518d49290026.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">Börlind</p>
          <a href="/products/bb-cream-beige-50-ml-19372">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BB Cream Beige, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.00
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/beauty-shot-anti-aging-revitalizer-15-ml-19373">
          <img alt="Beauty Shot Anti-Aging Revitalizer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9934/file/small-d86dbb01e6d5d208061d7152d003b46d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9934/file/medium-48e90a7b4731f88c27a18384a7a88ca1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9934/file/large-82248bc885c7337169ed47ab7b460fa0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9934/file/medium-48e90a7b4731f88c27a18384a7a88ca1.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">Börlind</p>
          <a href="/products/beauty-shot-anti-aging-revitalizer-15-ml-19373">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beauty Shot Anti-Aging Revitalizer, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 57.00
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/beauty-shot-skin-pore-balancer-15-ml-19374">
          <img alt="Beauty Shot Skin &amp; Pore Balancer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9935/file/small-e3eac76f6d671b446e5a3fb20fed9d0d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9935/file/medium-1bb2d373f03165ef74ff7f8320324ef9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9935/file/large-6134e518d11c018d21bd662314e2ec9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9935/file/medium-1bb2d373f03165ef74ff7f8320324ef9.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">Börlind</p>
          <a href="/products/beauty-shot-skin-pore-balancer-15-ml-19374">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beauty Shot Skin &amp; Pore Balancer, 15 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 332.67 / 100 ml
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/body-care-deo-roll-on-50-ml-19375">
          <img alt="Body Care Deo Roll-on" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9928/file/small-65226a66bffa41d2338e70594468be35.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9928/file/medium-05f43c9a94b81ab774ec8488dd36fa12.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9928/file/large-97eef7068ad7f072634e6b3d9bedd749.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9928/file/medium-05f43c9a94b81ab774ec8488dd36fa12.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">Börlind</p>
          <a href="/products/body-care-deo-roll-on-50-ml-19375">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Body Care Deo Roll-on, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/body-care-deo-spray-75-ml-19376">
          <img alt="Body Care Deo Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11006/file/small-bcbd00b59bcd8bbe882235b2b498992c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11006/file/medium-dea0f4b0d640bc923a3a3f0873f60e1b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11006/file/large-4a13c6854c417286182dc361d8a76ca8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11006/file/medium-dea0f4b0d640bc923a3a3f0873f60e1b.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">Börlind</p>
          <a href="/products/body-care-deo-spray-75-ml-19376">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Body Care Deo Spray, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T48VoRzUptioNoasa5xB3Ze90rcP9PEdzb05-vmiIzO5koIKfKUx-b5oipldvDPOo1SVQCgSklkBjX9inHqJ0w" />
    <input value="19376" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/concealer-light-3-2-ml-19377">
          <img alt="Concealer light" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9936/file/small-28a114aeb186572a0be74b2c87203de7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9936/file/medium-047eee78e1db03ce4bd0b5b67bf5fc1d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9936/file/large-50cb999aeecf68d97eb08606a9e13769.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9936/file/medium-047eee78e1db03ce4bd0b5b67bf5fc1d.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">Börlind</p>
          <a href="/products/concealer-light-3-2-ml-19377">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Concealer light, 3.2 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.00
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/creme-pastell-apricot-30-ml-19378">
          <img alt="Creme Pastell Apricot" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9830/file/small-84203e6024ccc094e74ee412aceee5c1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9830/file/medium-d8689dde5096a0f6e5887b7a429f7ce4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9830/file/large-40a748177564b025c0c22fb7d5c892da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9830/file/medium-d8689dde5096a0f6e5887b7a429f7ce4.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">Börlind</p>
          <a href="/products/creme-pastell-apricot-30-ml-19378">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Creme Pastell Apricot, 30 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 76.33 / 100 ml
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/effekt-peeling-50-ml-19379">
          <img alt="Effekt Peeling" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11007/file/small-17ce25b5e50a77c6c367f6e13b1ee6d4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11007/file/medium-aeb0aba25f426d2a6b284bb8de79533f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11007/file/large-2712a0a74a8da7f0ccd42389028d16df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11007/file/medium-aeb0aba25f426d2a6b284bb8de79533f.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">Börlind</p>
          <a href="/products/effekt-peeling-50-ml-19379">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Effekt Peeling, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.00
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/energynature-augenserum-15-ml-19380">
          <img alt="Energynature Augenserum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9926/file/small-6d5cd328081b9a03841135c9355e3c5b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9926/file/medium-fbb760bac7d9d4e6385c41ff82f36ea3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9926/file/large-0779d65fc3ce22c27e910607c8768c1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9926/file/medium-fbb760bac7d9d4e6385c41ff82f36ea3.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">Börlind</p>
          <a href="/products/energynature-augenserum-15-ml-19380">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Energynature Augenserum, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kzvAq_xcJ28MK1EGcczcn3mwnyeTR2lH7n_6JIIGqYhlJlcAnC2wThp1XTNH7K6MTVnY0LShCgMiT7y8594DaA" />
    <input value="19380" 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">
      1&#39;800 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/spielberger-muhle?format=turbo_stream&amp;page=91">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>