<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/energieriegel-protein-smooth-cacao-bio-45-g-12974">
          <img alt="Energieriegel Protein Smooth Cacao Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6371/file/small-69a98085bca7cac8c8f03402a52c06bf.webp 600w, https://assets.fabulous.ch/public/variant_asset/6371/file/medium-5f4e765a0405053ec3e1c48b623f326e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6371/file/large-7480c36324ff7a05c2a4f229c9a40c65.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6371/file/medium-5f4e765a0405053ec3e1c48b623f326e.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">Raw Bite</p>
          <a href="/de/products/energieriegel-protein-smooth-cacao-bio-45-g-12974">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Energieriegel Protein Smooth Cacao Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="40Lm_uy1DLKPlATgygLv2la7Ipne6g-t4tCUb-VBZ8Pdr1DjtsK6CqflSfJNjPrc4hCAotUjo1enxS0KqNUcTQ" />
    <input value="12974" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/raucherknacker-bio-250-g-13008">
          <img alt="Räucherknacker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6375/file/small-1d855ec057c09c37b028e7ff3e9293b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6375/file/medium-bd8c1be4a4772d1b32288c2a638695fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6375/file/large-67a655cb3463fcd270ce6ae9ee882f8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6375/file/medium-bd8c1be4a4772d1b32288c2a638695fc.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">Taifun</p>
          <a href="/de/products/raucherknacker-bio-250-g-13008">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Räucherknacker Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.16 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/lovechock-bliss-weiss-bio-70-g-13010">
          <img alt="Lovechock Bliss Weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6373/file/small-92e87240ba9c827af617951d92693203.webp 600w, https://assets.fabulous.ch/public/variant_asset/6373/file/medium-d429e58f2322857c14c37145e8fd8652.webp 900w, https://assets.fabulous.ch/public/variant_asset/6373/file/large-767eaaab70417fc00976c611fa30bf63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6373/file/medium-d429e58f2322857c14c37145e8fd8652.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">Lovechock</p>
          <a href="/de/products/lovechock-bliss-weiss-bio-70-g-13010">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lovechock Bliss Weiss Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RNDNiKGl0GxCnreHx5X9cb4LP6sPJK6n3M1MLRQYtPJ6PXuV-9Jm1Grv-pVAG-h3CqCdkATtAl2Z2PVIWYzPfA" />
    <input value="13010" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/harissa-gewurzmischung-bio-70-g-13011">
          <img alt="Harissa Gewürzmischung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6376/file/small-0115aad5ba4f21436904c0e983669f09.webp 600w, https://assets.fabulous.ch/public/variant_asset/6376/file/medium-61f9da11781215185ab153f24b117a00.webp 900w, https://assets.fabulous.ch/public/variant_asset/6376/file/large-9c8dd5693fee2bea7e575292830f20c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6376/file/medium-61f9da11781215185ab153f24b117a00.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">Sonnentor</p>
          <a href="/de/products/harissa-gewurzmischung-bio-70-g-13011">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Harissa Gewürzmischung Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T0tlhlRRaEORAsNTfblTqVAzrpVZEKfCEk42WjXSAhxxptObDibe-7lzjkH6N0av5JgMrlLZCzhXW48_eEZ5kg" />
    <input value="13011" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/flohsamenschalen-bio-250-g-13012">
          <img alt="Flohsamenschalen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6377/file/small-b30f08d4eb7c9e785752c47732bfe04d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6377/file/medium-3f00e287c1a3fa7553d9f6d488fd9297.webp 900w, https://assets.fabulous.ch/public/variant_asset/6377/file/large-be146d5bec13b10da492a21d782bb7ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6377/file/medium-3f00e287c1a3fa7553d9f6d488fd9297.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">Govinda</p>
          <a href="/de/products/flohsamenschalen-bio-250-g-13012">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flohsamenschalen Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y85fNETbQhJhU7iWLHVhBWqKphI9FiLmliDIrttTiVtdI-kpHqz0qkki9YSr-3QD3iEEKTbfjhzTNXHLlsfy1Q" />
    <input value="13012" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-pflegendes-creme-gel-50-ml-13109">
          <img alt="Pill Kosmetik - Pflegendes Creme-Gel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6378/file/small-70f09a264fa7985fd494e19dd21c634f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6378/file/medium-97b8b24e3146e2e5fdbff4395b3e7e47.webp 900w, https://assets.fabulous.ch/public/variant_asset/6378/file/large-75928e2235c0e09d30ab58364ea7fd9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6378/file/medium-97b8b24e3146e2e5fdbff4395b3e7e47.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/de/products/pill-kosmetik-pflegendes-creme-gel-50-ml-13109">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Kosmetik - Pflegendes Creme-Gel, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sNYPZVeF9PyqvQVKsT35d0x3Hut2zpBGnYB6bLOKFRaOO7l4DfJCRILMSFg2s-xx-Ny80H0HPLzYlcMJ_h5umA" />
    <input value="13109" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-feuchtigkeitsspendende-creme-mit-vitamin-e-und-hyaluronsaure-50-ml-13110">
          <img alt="Pill Kosmetik - Feuchtigkeitsspendende Creme mit Vitamin E und Hyaluronsäure" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6379/file/small-a112b4a1f4f3a48da14c60672e18cb98.webp 600w, https://assets.fabulous.ch/public/variant_asset/6379/file/medium-c33b33275a366bda23856f6200c0c07b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6379/file/large-94327ee08f465d893b4a799d855ec8aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6379/file/medium-c33b33275a366bda23856f6200c0c07b.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/de/products/pill-kosmetik-feuchtigkeitsspendende-creme-mit-vitamin-e-und-hyaluronsaure-50-ml-13110">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Kosmetik - Feuchtigkeitsspendende Creme mit Vitamin E und Hyaluronsäure, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sCXbDDgyWLYd2e039mbK8bfpGEK1dnNIxT31pmDDALSOyG0RYkXuDjWooCVx6N_3A0K6eb6_37KAKEzDLVd7Og" />
    <input value="13110" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-feuchtigkeitsspendende-creme-mit-omega-6-und-hyaluronsaure-50-ml-13111">
          <img alt="Pill Kosmetik - Feuchtigkeitsspendende Creme mit Omega 6 und Hyaluronsäure" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6380/file/small-de5a7b832be4d13d2553ce77ddab9b86.webp 600w, https://assets.fabulous.ch/public/variant_asset/6380/file/medium-69a159a76fb3a18da245efcf44bd0b90.webp 900w, https://assets.fabulous.ch/public/variant_asset/6380/file/large-c9ef14db5a0cb89c9a78dd4fc791a454.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6380/file/medium-69a159a76fb3a18da245efcf44bd0b90.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/de/products/pill-kosmetik-feuchtigkeitsspendende-creme-mit-omega-6-und-hyaluronsaure-50-ml-13111">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Kosmetik - Feuchtigkeitsspendende Creme mit Omega 6 und Hyaluronsäure, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QHtIU8BSofXcL_sM3smu88WjUZs4QJkypN0NSi2FG5N-lv5OmiUXTfReth5ZR7v1cQjzoDOJNcjhyLQvYBFgHQ" />
    <input value="13111" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-energiespendende-creme-mit-prokollagensaure-50-ml-13112">
          <img alt="Pill Kosmetik - Energiespendende Creme mit Prokollagensäure" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6381/file/small-aff552da762307481871036022ce7907.webp 600w, https://assets.fabulous.ch/public/variant_asset/6381/file/medium-d8ca6f237e295dd5e418826ef5631387.webp 900w, https://assets.fabulous.ch/public/variant_asset/6381/file/large-1f9fa8709bc31705fd8279d0a386f6b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6381/file/medium-d8ca6f237e295dd5e418826ef5631387.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/de/products/pill-kosmetik-energiespendende-creme-mit-prokollagensaure-50-ml-13112">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Kosmetik - Energiespendende Creme mit Prokollagensäure, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wV3jg62rVeB0vMVzYdtvkCfTeNxhaNOOgVWFT4VE2FD_sFWe99zjWFzNiGHmVXqWk3ja52qhf3TEQDwqyNCj3g" />
    <input value="13112" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-gesichts-und-halscreme-mit-prokollagensaure-50-ml-13113">
          <img alt="Pill Kosmetik - Gesichts- und Halscreme mit Prokollagensäure" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6382/file/small-ff3e5e4b61c5fa50ae1cf13c47a1ec67.webp 600w, https://assets.fabulous.ch/public/variant_asset/6382/file/medium-b26d0ae4d0f08dc0338af53ffd5b54b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/6382/file/large-8ed3194d4a1940d0e71e5db3d61bf6c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6382/file/medium-b26d0ae4d0f08dc0338af53ffd5b54b9.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/de/products/pill-kosmetik-gesichts-und-halscreme-mit-prokollagensaure-50-ml-13113">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Kosmetik - Gesichts- und Halscreme mit Prokollagensäure, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mhr2sS9_4fpUpFMz9Yv7WBOUeQEfBbvvW9F3kcMjTZ6k90CsdQhXQnzVHiFyBe5epz_bOhTMFxUexM70jrc2EA" />
    <input value="13113" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-nahrende-creme-mit-prokollagensaure-50-ml-13114">
          <img alt="Pill Kosmetik - Nährende Creme mit Prokollagensäure" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6383/file/small-23e6698aab00dc1f10f332becc8a8197.webp 600w, https://assets.fabulous.ch/public/variant_asset/6383/file/medium-65171eed36af92f9489cd838c8f5656c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6383/file/large-ecef754dea39048c857118b25138377a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6383/file/medium-65171eed36af92f9489cd838c8f5656c.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/de/products/pill-kosmetik-nahrende-creme-mit-prokollagensaure-50-ml-13114">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Kosmetik - Nährende Creme mit Prokollagensäure, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zTcMshXWxFQNJa56_ZNOR3rhJBcJS8W5_I4OfvZHHrrz2rqvT6Fy7CVU42h6HVtBzkqGLAKCaUO5m7cbu9NlNA" />
    <input value="13114" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-ceramide-hautverdichtende-creme-50-ml-13115">
          <img alt="Pill Kosmetik - Ceramide hautverdichtende Creme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6384/file/small-11620c3b7351c0a0dae0d343dbdcce91.webp 600w, https://assets.fabulous.ch/public/variant_asset/6384/file/medium-ac8cc5548cbb5847590e5ec000ddbccb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6384/file/large-46f9fa4b0b5fa76f6d370ffb97370f5e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6384/file/medium-ac8cc5548cbb5847590e5ec000ddbccb.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/de/products/pill-kosmetik-ceramide-hautverdichtende-creme-50-ml-13115">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Kosmetik - Ceramide hautverdichtende Creme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R5c_IHWvKwT_5ra_MLAtni1bdLDUTLWNpRZUmEgAo0R5eok9L9idvNeX-623PjiYmfDWi9-FGXfgA-39BZTYyg" />
    <input value="13115" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-ceramide-hautstraffende-creme-50-ml-13116">
          <img alt="Pill Kosmetik - Ceramide hautstraffende Creme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6385/file/small-d9432bbca73d6bf9a83ef0ced453c660.webp 600w, https://assets.fabulous.ch/public/variant_asset/6385/file/medium-209d07dadf435ab48036d3cb1ef7b561.webp 900w, https://assets.fabulous.ch/public/variant_asset/6385/file/large-eda3632e9e986705fd518ad958532475.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6385/file/medium-209d07dadf435ab48036d3cb1ef7b561.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/de/products/pill-kosmetik-ceramide-hautstraffende-creme-50-ml-13116">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Kosmetik - Ceramide hautstraffende Creme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vzD-ZpJmrqoHt86cBhutcXMkpBaX773xO6c0fUlPMziB3Uh7yBEYEi_Gg46Blbh3x48GLZwmEQt-so0YBNtItg" />
    <input value="13116" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-hyaluron-augen-und-lippencreme-25-ml-13117">
          <img alt="Pill Kosmetik - Hyaluron Augen- und Lippencreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6386/file/small-e63ab8371305df9433294d353d737812.webp 600w, https://assets.fabulous.ch/public/variant_asset/6386/file/medium-66d0dbfdb607dcd97f3ca974789c8752.webp 900w, https://assets.fabulous.ch/public/variant_asset/6386/file/large-e554882fa3ff62a68fff381f87b8b3fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6386/file/medium-66d0dbfdb607dcd97f3ca974789c8752.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/de/products/pill-kosmetik-hyaluron-augen-und-lippencreme-25-ml-13117">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Kosmetik - Hyaluron Augen- und Lippencreme, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XT8pAexNg3VC3eqniB6wyIUJoRfFde1lHYT1VUNK065j0p8ctjo1zWqsp7UPkKXOMaIDLM68QZ9YkUwwDt6oIA" />
    <input value="13117" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-augencreme-belebend-25-ml-13118">
          <img alt="Pill Kosmetik - Augencreme belebend" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6387/file/small-ffa6f59b0e63b7c8f7a9470ab89b0201.webp 600w, https://assets.fabulous.ch/public/variant_asset/6387/file/medium-965c3ce66c10accbb62b3c7d76dd38a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/6387/file/large-2752d87da8c892a2be0ee04a3cedaeb1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6387/file/medium-965c3ce66c10accbb62b3c7d76dd38a9.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/de/products/pill-kosmetik-augencreme-belebend-25-ml-13118">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Kosmetik - Augencreme belebend, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_zdhluurqt4pcMMMOcKsK7IiDoTNsECU0OE4JHRJuEDB2teLsdwcZgEBjh6-TLktBomsv8Z57G6V9IFBOd3Dzg" />
    <input value="13118" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-aloe-vera-creme-fur-den-mann-mit-hyaluronsaure-50-ml-13119">
          <img alt="Pill Kosmetik - Aloe Vera Creme für den Mann mit Hyaluronsäure" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6388/file/small-ba6535e3115a1ceb69b6618283f4c3f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/6388/file/medium-d7cdb133019e36c9295f443c11c20e75.webp 900w, https://assets.fabulous.ch/public/variant_asset/6388/file/large-0474099b5b9cd30aff9e04fa4fe00e52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6388/file/medium-d7cdb133019e36c9295f443c11c20e75.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/de/products/pill-kosmetik-aloe-vera-creme-fur-den-mann-mit-hyaluronsaure-50-ml-13119">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Kosmetik - Aloe Vera Creme für den Mann mit Hyaluronsäure, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N51aEeXZNgWI0dhsmVgGnMA6FOHv70W419YVzOOiLVAJcOwMv66AvaCglX4e1hOadJG22uQm6UKSw6yprjZW3g" />
    <input value="13119" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-konzentriertes-hyaluron-gel-50-ml-13120">
          <img alt="Pill Kosmetik - Konzentriertes Hyaluron-Gel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6389/file/small-40f03996db67f2905a10052d2b829c7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6389/file/medium-69c7febc926e6cf9441623e78a66087d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6389/file/large-78c6b242ef9eddee66b3b70c96dbfdf0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6389/file/medium-69c7febc926e6cf9441623e78a66087d.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/de/products/pill-kosmetik-konzentriertes-hyaluron-gel-50-ml-13120">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Kosmetik - Konzentriertes Hyaluron-Gel, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LdK6F6nFkVAzYwIuEYMrVSVKGjonKwmzbFr25PlwgHQTPwwK87In6BsSTzyWDT5TkeG4ASzipUkpT0-BtOT7-g" />
    <input value="13120" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-glow-serum-mit-hyaluronsaure-30-ml-13122">
          <img alt="Pill Kosmetik - Glow Serum mit Hyaluronsäure" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6391/file/small-800e8f9dd3fd28c67f0b1e2c72d22284.webp 600w, https://assets.fabulous.ch/public/variant_asset/6391/file/medium-12efaed96b203a2be1930357a3810c97.webp 900w, https://assets.fabulous.ch/public/variant_asset/6391/file/large-ae4175f478cfc0cbee7cc9f412d47e59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6391/file/medium-12efaed96b203a2be1930357a3810c97.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/de/products/pill-kosmetik-glow-serum-mit-hyaluronsaure-30-ml-13122">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Kosmetik - Glow Serum mit Hyaluronsäure, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vw994CXuLoK94vgk0fksqdy3E1iesTDMGV6rh2ISKtuB4sv9f5mYOpWTtTZWdzmvaByxY5V4nDZcSxLiL4ZRVQ" />
    <input value="13122" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-schutzfluid-mit-hyaluronsaure-30-ml-13123">
          <img alt="Pill Kosmetik - Schutzfluid mit Hyaluronsäure" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6392/file/small-7a921e9e636e6ee52b925f0c711f5ee4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6392/file/medium-3a3cfb2ccd486466ec6a48fcb2e7f054.webp 900w, https://assets.fabulous.ch/public/variant_asset/6392/file/large-8a44a221add795c5d046b0304064e455.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6392/file/medium-3a3cfb2ccd486466ec6a48fcb2e7f054.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/de/products/pill-kosmetik-schutzfluid-mit-hyaluronsaure-30-ml-13123">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Kosmetik - Schutzfluid mit Hyaluronsäure, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 37.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-9ZsZTOIGOxoSucGcnjzm5KxZ1m_rTXHyfFW_0gViX7FO9p4af-uVEA7qhT19uadJhrFYrRkmT2M5O-aBYHy8A" />
    <input value="13123" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-anti-pigment-fluid-50-ml-13124">
          <img alt="Pill Kosmetik - Anti-Pigment Fluid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6393/file/small-3bba278e8d45395da00903d37f3c94df.webp 600w, https://assets.fabulous.ch/public/variant_asset/6393/file/medium-c0adc36ba4b659cf30014d70b707bd52.webp 900w, https://assets.fabulous.ch/public/variant_asset/6393/file/large-0354a9a5f1570b29453f286cb1428a5c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6393/file/medium-c0adc36ba4b659cf30014d70b707bd52.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/de/products/pill-kosmetik-anti-pigment-fluid-50-ml-13124">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Kosmetik - Anti-Pigment Fluid, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TtjbbPTjN6_ZM2a1dVtSnWkXw1iWLZKdV_kAhZ5ApW1wNW1xrpSBF_FCK6fy1Ueb3bxhY53kPmcS7Lng09Te4w" />
    <input value="13124" 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;460 von 3&#39;205 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/pakka?format=turbo_stream&amp;page=124">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>