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

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-korpermilch-after-sun-250-ml-19827">
          <img alt="Pill Kosmetik - Körpermilch After Sun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10743/file/small-189992fc9a65fd0454fab08f67e764f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/10743/file/medium-32e168287231c39fc3544edbe24240b1.webp 900w, https://assets.fabulous.ch/public/variant_asset/10743/file/large-e6271ba6e88e52b517e8dc2d6008c686.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10743/file/medium-32e168287231c39fc3544edbe24240b1.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-korpermilch-after-sun-250-ml-19827">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Körpermilch After Sun, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19827&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Körpermilch After Sun, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19827&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:25.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LBiQhr2TFaLJVsT8sLs5v-ZZUHocV-RCkT_m9ZNmkFEgWVBfM0uF3jzI2azTiPGVRFKM6YimEuTwkA4XKn1twQ" />
    <input value="19827" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-korpermilch-after-sun-100-ml-19828">
          <img alt="Pill Kosmetik - Körpermilch After Sun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10744/file/small-a523ab5188d87963ab7538b7aea71ccf.webp 600w, https://assets.fabulous.ch/public/variant_asset/10744/file/medium-1a1fca7fdd770bf965b988b27e81344a.webp 900w, https://assets.fabulous.ch/public/variant_asset/10744/file/large-a166e2d2ff3fc59a9f9f1ea9ee0527d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10744/file/medium-1a1fca7fdd770bf965b988b27e81344a.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-korpermilch-after-sun-100-ml-19828">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Körpermilch After Sun, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19828&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Körpermilch After Sun, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19828&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bm43VpP0RaLrgkkZ_5fltBnZ_91W4OioxR8c0Hq2wv1iL_ePHSzV3h4cVEmcpC2eu9IjTsIRHg6ksPQyw60_bQ" />
    <input value="19828" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hummus-pinienkerne-bio-170-g-19830">
          <img alt="Hummus Pinienkerne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10391/file/small-548e71ff19f0880da9ceacfdc84d2559.webp 600w, https://assets.fabulous.ch/public/variant_asset/10391/file/medium-a5b5af1a63b5ef3d0f70bc535ed473be.webp 900w, https://assets.fabulous.ch/public/variant_asset/10391/file/large-9660320e7d6b1e1a8f62599c5fa9085a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10391/file/medium-a5b5af1a63b5ef3d0f70bc535ed473be.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">Florentin</p>
          <a href="/de/products/hummus-pinienkerne-bio-170-g-19830">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hummus Pinienkerne Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </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.85 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19830&quot;],&quot;content_name&quot;:&quot;Hummus Pinienkerne Bio, 170 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19830&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UX8T11_7Ea8Xp0TMXvDqtDPmdgoJ3YXOckZQam3aaD1dPtMO0SOB0-I5WZw9wyKeke2qmZ0sc2gT6biI1MGVrQ" />
    <input value="19830" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/beeren-mandel-knusper-musli-bio-300-g-19841">
          <img alt="Beeren Mandel Knusper-Müsli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11378/file/small-07e1d1a58f3a4d0077e032b41fa2fa6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11378/file/medium-049de2212e8ca4061ddb14c1fecaaf93.webp 900w, https://assets.fabulous.ch/public/variant_asset/11378/file/large-5d350c5324708e73abc38d7e9b002e13.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11378/file/medium-049de2212e8ca4061ddb14c1fecaaf93.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">Hammermühle Organic</p>
          <a href="/de/products/beeren-mandel-knusper-musli-bio-300-g-19841">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beeren Mandel Knusper-Müsli Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19841&quot;],&quot;content_name&quot;:&quot;Beeren Mandel Knusper-Müsli Bio, 300 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19841&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LgQWG43amyVt4SLH4oAya5prEZlww1Vn83o65MdNTHEiRdbCAwILWZh_P5eBs_pBOGDNCuQyo8GS1dIGflax4Q" />
    <input value="19841" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kokosnussol-mct-demeter-250-ml-19846">
          <img alt="Kokosnussöl MCT Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10414/file/small-6b9d952a4795a7b0e25e04cf0a8cf139.webp 600w, https://assets.fabulous.ch/public/variant_asset/10414/file/medium-875b61525aa825e08b9b159011462a68.webp 900w, https://assets.fabulous.ch/public/variant_asset/10414/file/large-1a3eec9b08cb53e9dfac43e991ada674.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10414/file/medium-875b61525aa825e08b9b159011462a68.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">NaturKraftWerke</p>
          <a href="/de/products/kokosnussol-mct-demeter-250-ml-19846">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosnussöl MCT Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19846&quot;],&quot;content_name&quot;:&quot;Kokosnussöl MCT Demeter, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19846&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LkZFDNDLrO7mUMd5NjknOx_7u9tY-2ctXtF115hwkoAiB4XVXhM8khPO2ilVCu8RvfBnSMwKkYs_fp01IWtvEA" />
    <input value="19846" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tea-drei-fenchel-bio-20-x-1-8-g-19900">
          <img alt="Tea Drei Fenchel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10542/file/small-06d4296efc93ec3d7b369d74c3360917.webp 600w, https://assets.fabulous.ch/public/variant_asset/10542/file/medium-56901ec7be37c5dddbbf572cb74b41d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/10542/file/large-52184e4cf8c77252d402842619d0daac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10542/file/medium-56901ec7be37c5dddbbf572cb74b41d0.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">Pukka</p>
          <a href="/de/products/tea-drei-fenchel-bio-20-x-1-8-g-19900">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Drei Fenchel Bio, 20 x 1.8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19900&quot;],&quot;content_name&quot;:&quot;Tea Drei Fenchel Bio, 20 x 1.8 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19900&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p2aVOtNzPUKFEtpfRCURqrU_xbcG0ffbjTzWENSCpkmrJ1XjXautPnCMxw8nFtmAFzQZJJIgAX3skz7ybZlb2Q" />
    <input value="19900" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-duschbadeol-400-ml-19968">
          <img alt="Pill Kosmetik - Duschbadeöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10657/file/small-b4f64fcfc4462ab140e5b581cab7852d.webp 600w, https://assets.fabulous.ch/public/variant_asset/10657/file/medium-9883c9f710ad747bb1da206d9c04b2f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/10657/file/large-ced7d877dc3e3f175b0974d15984f2e7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10657/file/medium-9883c9f710ad747bb1da206d9c04b2f0.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-duschbadeol-400-ml-19968">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Duschbadeöl, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19968&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Duschbadeöl, 400 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19968&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h6GyCaL4aKs2QLW-UnzztYZjoL5RSAALbnJ473wGgn-L4HLQLCD418PeqO4xTzufJGh8LcW59q0P3ZANxR1_7w" />
    <input value="19968" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-physiologisches-reinigungsfluid-300-ml-19969">
          <img alt="Pill Kosmetik - Physiologisches Reinigungsfluid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10658/file/small-68937cc0a8dc5c0f4fcdb178b4ba42ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/10658/file/medium-76d5d72fe9e8d857bebe864c3b4d6568.webp 900w, https://assets.fabulous.ch/public/variant_asset/10658/file/large-cefd9eba47210abdf18c28524c8b037d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10658/file/medium-76d5d72fe9e8d857bebe864c3b4d6568.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-physiologisches-reinigungsfluid-300-ml-19969">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Physiologisches Reinigungsfluid, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19969&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Physiologisches Reinigungsfluid, 300 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19969&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A7gkjVXRovPXigl5R7SskGCLJOsUJ2JO9ujthDbCukoP-eRU2wkyjyIUFCkkh2S6woD4eIDWlOiXRwVmj9lH2g" />
    <input value="19969" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-dusch-shampoo-sport-refill-600-ml-19970">
          <img alt="Pill Kosmetik - Dusch-Shampoo Sport Refill" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10659/file/small-0dd23d485b83f43dc80b4ba59a471157.webp 600w, https://assets.fabulous.ch/public/variant_asset/10659/file/medium-ca04e00f42f7c01cde54eb7f60d541ee.webp 900w, https://assets.fabulous.ch/public/variant_asset/10659/file/large-188db5da8d30bcd83d85288565dd2b4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10659/file/medium-ca04e00f42f7c01cde54eb7f60d541ee.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-dusch-shampoo-sport-refill-600-ml-19970">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Dusch-Shampoo Sport Refill, 600 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19970&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Dusch-Shampoo Sport Refill, 600 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19970&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:32.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HSrsty_tvgLixkpUozx-RnP-QpK4N11DlcEvz2XhuP4RayxuoTUufhdYVwTAD7Zs0fWeASzGq-X0bsct3PpFbg" />
    <input value="19970" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-physiologisches-reinigungsfluid-refill-600-ml-19972">
          <img alt="Pill Kosmetik - Physiologisches Reinigungsfluid Refill" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10661/file/small-8842718c0e32fe077b0c9e386d52b875.webp 600w, https://assets.fabulous.ch/public/variant_asset/10661/file/medium-a7960f30034008cb1cd44abd6d9d2a49.webp 900w, https://assets.fabulous.ch/public/variant_asset/10661/file/large-18fbdf5a08ea273b83f2845910a53c4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10661/file/medium-a7960f30034008cb1cd44abd6d9d2a49.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-physiologisches-reinigungsfluid-refill-600-ml-19972">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Physiologisches Reinigungsfluid Refill, 600 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19972&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Physiologisches Reinigungsfluid Refill, 600 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19972&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:32.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EVH0NUuNJ5l7MmC3aPr-glDN3bnH6Yh9vt_DDctzXGsdEDTsxVW35Y6sfecLyTao8sYBKlMYftvfcCvvcmih-w" />
    <input value="19972" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-straffendes-korperol-100-ml-19973">
          <img alt="Pill Kosmetik - straffendes Körperöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10662/file/small-81c9a2feb7a146eb89c64d7cd574da30.webp 600w, https://assets.fabulous.ch/public/variant_asset/10662/file/medium-ea4f2113cb1596480b8c8484266fa498.webp 900w, https://assets.fabulous.ch/public/variant_asset/10662/file/large-29df3199e0b64e06c0252fcf6143457b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10662/file/medium-ea4f2113cb1596480b8c8484266fa498.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-straffendes-korperol-100-ml-19973">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - straffendes Körperöl, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19973&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - straffendes Körperöl, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19973&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EFQj4gGOrGSRSBIIcAlyFwYeSO97P4EWSSbhr_ffRYwcFeM7j1Y8GGTWD1gTOro9pBWUfO_Od7AoiQlNTsS4HA" />
    <input value="19973" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-panthenol-feuchtigkeitscreme-450-ml-19974">
          <img alt="Pill Kosmetik - Panthenol Feuchtigkeitscreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10663/file/small-7f01c3776ec878b0398eec9603b7d1cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/10663/file/medium-c6ca7a4dbd6146e04a5c39a65bd2ba39.webp 900w, https://assets.fabulous.ch/public/variant_asset/10663/file/large-5167886c18744f42d981f3178aa80a04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10663/file/medium-c6ca7a4dbd6146e04a5c39a65bd2ba39.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-panthenol-feuchtigkeitscreme-450-ml-19974">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Panthenol Feuchtigkeitscreme, 450 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 43.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19974&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Panthenol Feuchtigkeitscreme, 450 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19974&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:43.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HPAK8TB47x1O4VKEoUtkjJ7_URmWe19X1H483nCSRgIQscoovqB_Ybt_T9TCeKymPPSNigKKqfG10dQ8yYm7kg" />
    <input value="19974" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-ol-shampoo-schonend-200-ml-19975">
          <img alt="Pill Kosmetik - Öl-Shampoo schonend" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10664/file/small-7dca5ee5d29d980c9132c98cab4c588c.webp 600w, https://assets.fabulous.ch/public/variant_asset/10664/file/medium-169363309dc42b5bd34350219a666575.webp 900w, https://assets.fabulous.ch/public/variant_asset/10664/file/large-04ccac5a809ca20cc7a51afe2ad90745.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10664/file/medium-169363309dc42b5bd34350219a666575.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-ol-shampoo-schonend-200-ml-19975">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Öl-Shampoo schonend, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19975&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Öl-Shampoo schonend, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19975&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RTgFUhlWRMrS0QuN856CV-ZpZTm0eZ1eXDkg4tbE74VJecWLl47UtidPFt2QrUp9RGK5qiCIa_g9lsgAb98SFQ" />
    <input value="19975" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-sonnenspray-kids-lsf50-200-ml-20030">
          <img alt="Pill Kosmetik - Sonnenspray Kids LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10735/file/small-9d75782c96ce411049ba700501e6d7c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/10735/file/medium-8e7286e16dfaf4239d2df8cae28626c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/10735/file/large-59552b15af52cb21ddd9dbdde2344415.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10735/file/medium-8e7286e16dfaf4239d2df8cae28626c1.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-sonnenspray-kids-lsf50-200-ml-20030">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Sonnenspray Kids LSF50+, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20030&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Sonnenspray Kids LSF50+, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20030&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:42.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GEUGz625Dzb3hcAUdWXzHG02lwlhCF3mrRc5fp9hWyYUBMYWI2GfSgIb3UQWVjs2zz1LmvX5q0DMuNGcJnqmtg" />
    <input value="20030" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-sonnenmilch-kids-lsf50-200-ml-20031">
          <img alt="Pill Kosmetik - Sonnenmilch Kids LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10736/file/small-bb78d80acd441ed26cf4e54862c0d0a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/10736/file/medium-b13d8053a6bdd00c10148dffba890ddb.webp 900w, https://assets.fabulous.ch/public/variant_asset/10736/file/large-967fe546e48bafa5ab8882beaed3495f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10736/file/medium-b13d8053a6bdd00c10148dffba890ddb.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-sonnenmilch-kids-lsf50-200-ml-20031">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Sonnenmilch Kids LSF50+, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 40.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20031&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Sonnenmilch Kids LSF50+, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20031&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:40.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nSQWVXAXe4kwQnHysZlSfQyYNwhHv1SZIiZbG7_GktiRZdaM_s_r9cXcbKLSqppXrpPrm9NOoj9DibP5Bt1vSA" />
    <input value="20031" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-sonnenmilch-lsf50-200-ml-20032">
          <img alt="Pill Kosmetik - Sonnenmilch LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10737/file/small-793bea8fd61ad3e4e96afdf7f1e857cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/10737/file/medium-935c3d5512455e1604b47f4b37c140d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/10737/file/large-c57b353ecb9ce46ab013fad185191897.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10737/file/medium-935c3d5512455e1604b47f4b37c140d6.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-sonnenmilch-lsf50-200-ml-20032">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Sonnenmilch LSF50+, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 40.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20032&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Sonnenmilch LSF50+, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20032&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:40.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YeJ-jAgzr_hLNRSobViOO-ahj4yob5tpqJXqLxPEQBNto75Vhus_hL6rCfgOa0YRRKpTHzyebc_JOgLNqt-9gw" />
    <input value="20032" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-sonnen-gesichtscreme-reichhaltig-lsf50-50-ml-20033">
          <img alt="Pill Kosmetik - Sonnen Gesichtscreme reichhaltig LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10738/file/small-22c90f6956380511f87d2888e87826fe.webp 600w, https://assets.fabulous.ch/public/variant_asset/10738/file/medium-8dcaf6761ba2c40d3c5c26486f17a26e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10738/file/large-28fe29c1e0f3a564c780d62f9015217c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10738/file/medium-8dcaf6761ba2c40d3c5c26486f17a26e.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-sonnen-gesichtscreme-reichhaltig-lsf50-50-ml-20033">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Sonnen Gesichtscreme reichhaltig LSF50+, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20033&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Sonnen Gesichtscreme reichhaltig LSF50+, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20033&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:31.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yG-IQxs4DHwD3W_m60hdwfXlQWejgmpo2Qg0CHwbszrELkialeCcAPZDcraIe5XrV-6d9DdznM64p9zqxQBOqg" />
    <input value="20033" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-sonnen-gesichtscreme-leicht-lsf50-50-ml-20034">
          <img alt="Pill Kosmetik - Sonnen Gesichtscreme leicht LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10739/file/small-b6584ca5a00790012d058b5fec02fbeb.webp 600w, https://assets.fabulous.ch/public/variant_asset/10739/file/medium-3a8ac12d0ff695d8467e7f23d393fe7a.webp 900w, https://assets.fabulous.ch/public/variant_asset/10739/file/large-0331350070d4a294a5b35af1807cbf73.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10739/file/medium-3a8ac12d0ff695d8467e7f23d393fe7a.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-sonnen-gesichtscreme-leicht-lsf50-50-ml-20034">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Sonnen Gesichtscreme leicht LSF50+, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20034&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Sonnen Gesichtscreme leicht LSF50+, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20034&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:31.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MoxMsw9lJOLzSW12GPWj8NyoHE29Lr_5gumVk-zFLt0-zYxqgb20ngbXcCZ7xmvafqPA3infSV_jRn1xVd7TTQ" />
    <input value="20034" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-sonnenstick-lsf50-12-ml-20035">
          <img alt="Pill Kosmetik - Sonnenstick LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10740/file/small-3efbdf2297bbf8da40fcf531629cd498.webp 600w, https://assets.fabulous.ch/public/variant_asset/10740/file/medium-e70aab7f8a3338c97e094d0b6fe786f5.webp 900w, https://assets.fabulous.ch/public/variant_asset/10740/file/large-4be650e1516716e971b04da77c5378fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10740/file/medium-e70aab7f8a3338c97e094d0b6fe786f5.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-sonnenstick-lsf50-12-ml-20035">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Sonnenstick LSF50+, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20035&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Sonnenstick LSF50+, 12 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20035&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:22.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VUEnA591AIkZaJmsSK0JHtZWFUG-AwkUjZzuG2_Vp6xZAOfaEa2Q9ez2hPwrnsE0dF3J0iry_7LsMwb51s5aPA" />
    <input value="20035" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-sonnen-lippenpflegestick-lsf50-4-5-ml-20036">
          <img alt="Pill Kosmetik - Sonnen Lippenpflegestick LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10741/file/small-60aaa783ab1c41e65ed62d32040e1fa5.webp 600w, https://assets.fabulous.ch/public/variant_asset/10741/file/medium-91045e3cbfd5ed708af26979e0cb1727.webp 900w, https://assets.fabulous.ch/public/variant_asset/10741/file/large-e30aa8bb22cd29bff7201bd2cbc88f60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10741/file/medium-91045e3cbfd5ed708af26979e0cb1727.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-sonnen-lippenpflegestick-lsf50-4-5-ml-20036">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Sonnen Lippenpflegestick LSF50+, 4.5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20036&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Sonnen Lippenpflegestick LSF50+, 4.5 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20036&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e0HKJdeFEe7RLZz8iaWOWDoe9Hf_Go52zKzxfBdzk7t3AAr8WV2BkiSzgazqlkZymBUo5GvreNCtAxmermhuKw" />
    <input value="20036" 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">
      3&#39;960 von 4&#39;095 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/noel?format=turbo_stream&amp;page=199">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>