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

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/aloe-vera-feuchtigkeitsspendendes-allover-gel-150-ml-4444">
          <img alt="Aloe Vera, Feuchtigkeitsspendendes Allover-Gel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2759/file/small-4494fd88408cb5d3fb1fffdcade0f2a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/2759/file/medium-bf2f55d6cb126aec4a8a19c0658fc949.webp 900w, https://assets.fabulous.ch/public/variant_asset/2759/file/large-bae0586619a02f3bb15c61772dcb6a39.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2759/file/medium-bf2f55d6cb126aec4a8a19c0658fc949.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">farfalla</p>
          <a href="/products/aloe-vera-feuchtigkeitsspendendes-allover-gel-150-ml-4444">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aloe Vera, Feuchtigkeitsspendendes Allover-Gel, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4444&quot;],&quot;content_name&quot;:&quot;Aloe Vera, Feuchtigkeitsspendendes Allover-Gel, 150 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4444&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:25.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w3KmQDb0DGW3BShemNydgiPbEX2StnG69cwoECoCuCqXwK-bLG4yRqDoUFSE6EOs4pZDnLiYVmR6cqJzrO-5lw" />
    <input value="4444" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/reinigungsmilch-cleansing-milk-200-ml-695">
          <img alt="Reinigungsmilch Cleansing Milk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/647/file/small-1fb337e0c89c938cbf9ac645cb50625a.webp 600w, https://assets.fabulous.ch/public/variant_asset/647/file/medium-ec8476137b875578e68c6c6f15158a95.webp 900w, https://assets.fabulous.ch/public/variant_asset/647/file/large-4804b8f0caa817d6534888a00d06070c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/647/file/medium-ec8476137b875578e68c6c6f15158a95.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">MADARA</p>
          <a href="/products/reinigungsmilch-cleansing-milk-200-ml-695">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reinigungsmilch Cleansing Milk, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;695&quot;],&quot;content_name&quot;:&quot;Reinigungsmilch Cleansing Milk, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;695&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5Bwe3H_t9G4GmhTVwT_H_Ub-DAnuGlUQ4ABT0yGyNTGwrhcHZXfKTRF3bN_dCxnTh7Ne6MQ0cs5vvtmwp180jA" />
    <input value="695" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/zahnputztabletten-denttabs-mint-fluoridfrei-beutel-tabletten-125-stuck-6371">
          <img alt="Zahnputztabletten Denttabs MINT fluoridfrei Beutel Tabletten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3665/file/small-9f981ba044f28fcc7fe83e4cb8d11673.webp 600w, https://assets.fabulous.ch/public/variant_asset/3665/file/medium-2a674f28fe83b93d179b654a0691cc6b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3665/file/large-7b0ac4328ca1b7e4fa5320cdd04e7796.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3665/file/medium-2a674f28fe83b93d179b654a0691cc6b.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">Denttabs</p>
          <a href="/products/zahnputztabletten-denttabs-mint-fluoridfrei-beutel-tabletten-125-stuck-6371">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnputztabletten Denttabs MINT fluoridfrei Beutel Tabletten, 125 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6371&quot;],&quot;content_name&quot;:&quot;Zahnputztabletten Denttabs MINT fluoridfrei Beutel Tabletten, 125 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6371&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RYTpbguVPDXTgzp78Khc3i8AgTCu8aMIFQOS5vJAErIRNuC1EQ8CFsRuQnHsnILw7k3T0YTfhNaavRiFdK0TDw" />
    <input value="6371" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/zahnputztabletten-denttabs-fluorid-beutel-tabletten-125-stuck-6372">
          <img alt="Zahnputztabletten Denttabs Fluorid Beutel Tabletten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3669/file/small-63b71b834b4247059b4da63205591e35.webp 600w, https://assets.fabulous.ch/public/variant_asset/3669/file/medium-df5d39ecc0141f820edd72b80bbe2e6b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3669/file/large-06e5464caec078d1fc530c243f6036b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3669/file/medium-df5d39ecc0141f820edd72b80bbe2e6b.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">Denttabs</p>
          <a href="/products/zahnputztabletten-denttabs-fluorid-beutel-tabletten-125-stuck-6372">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnputztabletten Denttabs Fluorid Beutel Tabletten, 125 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6372&quot;],&quot;content_name&quot;:&quot;Zahnputztabletten Denttabs Fluorid Beutel Tabletten, 125 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6372&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CtO092yq5QU-Zl_pfEu-mj5knRDMwRtbvYjZPTsIDypeYb0sdjDbJimLJ-Ngf2C0_ynP8ebvPIUyNlNeveUOlw" />
    <input value="6372" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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="/products/vegane-zahnseide-aus-maisstarke-50-m-8209">
          <img alt="Vegane Zahnseide aus Maisstärke" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4797/file/small-c6f7195a30fdaa70a1880c4720dc0057.webp 600w, https://assets.fabulous.ch/public/variant_asset/4797/file/medium-14c5160f918f25dbe0a3cd23160c8493.webp 900w, https://assets.fabulous.ch/public/variant_asset/4797/file/large-4a2d89ba724437ea86d4b777b434ad03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4797/file/medium-14c5160f918f25dbe0a3cd23160c8493.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">Bambaw</p>
          <a href="/products/vegane-zahnseide-aus-maisstarke-50-m-8209">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegane Zahnseide aus Maisstärke, 50 m</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.19 / m
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/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  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/2-phasen-rosenbluten-vitalpflege-50-ml-19355">
          <img alt="2 Phasen Rosenblüten Vitalpflege" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9830/file/small-54bc50639df02745f21d946cc3685299.webp 600w, https://assets.fabulous.ch/public/variant_asset/9830/file/medium-d4180c3f90fd6be659ab376efb1b3db6.webp 900w, https://assets.fabulous.ch/public/variant_asset/9830/file/large-6ae61162b0d340fefc133cacddcec139.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9830/file/medium-d4180c3f90fd6be659ab376efb1b3db6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/2-phasen-rosenbluten-vitalpflege-50-ml-19355">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">2 Phasen Rosenblüten Vitalpflege, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19355&quot;],&quot;content_name&quot;:&quot;2 Phasen Rosenblüten Vitalpflege, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19355&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:28.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZgAjHCbEuPqus3dkQ7T83af7xckjYLUQrzgZm87uwnAysirHPF6G2bleD25fgCLzZraXKAlOks4ghpP4SAPDzQ" />
    <input value="19355" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/3in1-gesichtsol-30-ml-19356">
          <img alt="3in1 Gesichtsöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9831/file/small-42c7db5faa010203c4abe7d536518fb8.webp 600w, https://assets.fabulous.ch/public/variant_asset/9831/file/medium-d59e2815b2e76a38e1a997e6f998be1d.webp 900w, https://assets.fabulous.ch/public/variant_asset/9831/file/large-76880374382d9c85f02ba6549642c47e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9831/file/medium-d59e2815b2e76a38e1a997e6f998be1d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/3in1-gesichtsol-30-ml-19356">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">3in1 Gesichtsöl, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19356&quot;],&quot;content_name&quot;:&quot;3in1 Gesichtsöl, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19356&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:45.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sQ2gNxGhegWBZfs2lcurXH6gqBUiAciAk-KBTmFGWfzlv6nsCztEJpaIgzyJ_3Vyv-369Agv714cXAst56tYQQ" />
    <input value="19356" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/aquanature-augencreme-15-ml-19365">
          <img alt="AquaNature Augencreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9832/file/small-586caa6c6f1a26aec1bade22afd5dafb.webp 600w, https://assets.fabulous.ch/public/variant_asset/9832/file/medium-a6d5354257b2000564d82ad321190af4.webp 900w, https://assets.fabulous.ch/public/variant_asset/9832/file/large-805568b6ba6d8196866114bf22115e79.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9832/file/medium-a6d5354257b2000564d82ad321190af4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/aquanature-augencreme-15-ml-19365">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AquaNature Augencreme, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19365&quot;],&quot;content_name&quot;:&quot;AquaNature Augencreme, 15 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19365&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:33.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8nEDtQU5NtoBa3RfIWv3JpDCWgq8N-Rn--zwcv8rOWqmwwpuH6MI-RaGDFU9XykIUY8I65YZw7l0UnoRecY41w" />
    <input value="19365" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/aquanature-feuchtigkeitsserum-50-ml-19366">
          <img alt="AquaNature Feuchtigkeitsserum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11000/file/small-3ffb2365bc59515c1d4f6bad2de49aec.webp 600w, https://assets.fabulous.ch/public/variant_asset/11000/file/medium-c66d4afe4a9a137323865653b15dd173.webp 900w, https://assets.fabulous.ch/public/variant_asset/11000/file/large-1f562acd75b89427a4bcdf5d75e6e6f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11000/file/medium-c66d4afe4a9a137323865653b15dd173.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/aquanature-feuchtigkeitsserum-50-ml-19366">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AquaNature Feuchtigkeitsserum, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19366&quot;],&quot;content_name&quot;:&quot;AquaNature Feuchtigkeitsserum, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19366&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:42.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ngPYy3s_nP6EcZf8z-Xxtji7HF8k7txje21nYYTcDcLKsdEQYaWi3ZOc7_bT0S-Y-fZOvg7A-7300-0CAjEMfw" />
    <input value="19366" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/aquanature-nachtcreme-50-ml-19367">
          <img alt="AquaNature Nachtcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11001/file/small-d2b79ef5e86cf0b6e81998934efe25ab.webp 600w, https://assets.fabulous.ch/public/variant_asset/11001/file/medium-ed06f9ea0d58f0ce550996095000a754.webp 900w, https://assets.fabulous.ch/public/variant_asset/11001/file/large-be8c38a757749e0a1aad173e82f62c04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11001/file/medium-ed06f9ea0d58f0ce550996095000a754.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/aquanature-nachtcreme-50-ml-19367">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AquaNature Nachtcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19367&quot;],&quot;content_name&quot;:&quot;AquaNature Nachtcreme, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19367&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:49.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U1Zi3rj0K4r9XKLj3Dwqp08_O6Elko_Nccn1TBtIIuAH5GsFom4Vqeqx2unACPSJjnJpQA-8qBP-d38vnaUjXQ" />
    <input value="19367" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/aquanature-reinigungsmousse-150-ml-19368">
          <img alt="AquaNature Reinigungsmousse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11002/file/small-2a0dcf6dd0afc07b73f882d8713990d4.webp 600w, https://assets.fabulous.ch/public/variant_asset/11002/file/medium-0ec4a4d0dc55a37234a47ac5ffc5b105.webp 900w, https://assets.fabulous.ch/public/variant_asset/11002/file/large-c3367a692ed4d5237b0772552aaa5d29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11002/file/medium-0ec4a4d0dc55a37234a47ac5ffc5b105.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/aquanature-reinigungsmousse-150-ml-19368">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AquaNature Reinigungsmousse, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19368&quot;],&quot;content_name&quot;:&quot;AquaNature Reinigungsmousse, 150 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19368&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-3f6qB4RMy5I_7zor3U29mqG-xJmZ3Gx5l5zMFSbln-vxfNzBIsNDV8SxOKzQejYq8up80xJVm9p4PlT0naXwg" />
    <input value="19368" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/aquanature-tagescreme-light-50-ml-19369">
          <img alt="AquaNature Tagescreme light" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11003/file/small-8c1eb5aa2662c4f4a9743bb2d8189bfb.webp 600w, https://assets.fabulous.ch/public/variant_asset/11003/file/medium-3a5734ad423798b9b20b5c43ccc6655a.webp 900w, https://assets.fabulous.ch/public/variant_asset/11003/file/large-1d56a9df333b8a01dbe6e6cb871b8991.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11003/file/medium-3a5734ad423798b9b20b5c43ccc6655a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/aquanature-tagescreme-light-50-ml-19369">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AquaNature Tagescreme light, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 43.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19369&quot;],&quot;content_name&quot;:&quot;AquaNature Tagescreme light, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19369&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:43.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8NexG_LK83sbqVhuJ4ObsyMkOWOTx_IEFI-a5Dtmaq-kZbjA6FDNWAxEIGQ7t0Wd4mlrgrnp1dqbMRCHvYtrEg" />
    <input value="19369" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/augenfaltchen-creme-30-ml-19374">
          <img alt="Augenfältchen Creme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11004/file/small-46acaf1238b5353921423de3625b3e11.webp 600w, https://assets.fabulous.ch/public/variant_asset/11004/file/medium-1c66578b138bb6a669112ae0fea31f4a.webp 900w, https://assets.fabulous.ch/public/variant_asset/11004/file/large-7a21a3a89f3b585f2679ca568f48a8d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11004/file/medium-1c66578b138bb6a669112ae0fea31f4a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/augenfaltchen-creme-30-ml-19374">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Augenfältchen Creme, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 43.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19374&quot;],&quot;content_name&quot;:&quot;Augenfältchen Creme, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19374&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:43.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O4JoFs4nuP8UwQpVq_Cc34WZ4yeQefLmk0DhPLlfSINvMGHN1L2G3AMscl-3xELxRNSxxrpX1Tgc_mtfP7JJPg" />
    <input value="19374" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/beauty-shot-anti-aging-revitalizer-15-ml-19377">
          <img alt="Beauty Shot Anti-Aging Revitalizer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9939/file/small-3b625c45d9782b3cdcad0021f7d8b63a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9939/file/medium-8e49398061e32b108f0093d6ca673140.webp 900w, https://assets.fabulous.ch/public/variant_asset/9939/file/large-05876d99d51f2135e0e037c83562ec1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9939/file/medium-8e49398061e32b108f0093d6ca673140.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/beauty-shot-anti-aging-revitalizer-15-ml-19377">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beauty Shot Anti-Aging Revitalizer, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 54.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19377&quot;],&quot;content_name&quot;:&quot;Beauty Shot Anti-Aging Revitalizer, 15 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19377&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:54.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7KGdIZgPJ607y_M--75MGIVFd14CFxJMtLVd1Yygmym4E5T6gpUZjiwmizTnipI2RAglvyg5NZI7C9e2Ck2alA" />
    <input value="19377" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/beauty-shot-skin-pore-balancer-15-ml-19378">
          <img alt="Beauty Shot Skin &amp; Pore Balancer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9940/file/small-46778b88a55317be7cfad665b06a78da.webp 600w, https://assets.fabulous.ch/public/variant_asset/9940/file/medium-b3752825a5d8d8f0fc26d92b217a8fac.webp 900w, https://assets.fabulous.ch/public/variant_asset/9940/file/large-53a3f6278b3bff5e14af5302988c0a95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9940/file/medium-b3752825a5d8d8f0fc26d92b217a8fac.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/beauty-shot-skin-pore-balancer-15-ml-19378">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beauty Shot Skin &amp; Pore Balancer, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 47.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19378&quot;],&quot;content_name&quot;:&quot;Beauty Shot Skin \u0026 Pore Balancer, 15 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19378&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:47.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L1RWHRfBp6PUdlgCcCW-2jfk-SosxCuB7NAO0aJKWU575l_GDVuZgMObIAhsEWD09qmrywbqDF9jboSyJKdY8w" />
    <input value="19378" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/effekt-peeling-50-ml-19383">
          <img alt="Effekt Peeling" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11006/file/small-aeacd914001d053601a63922db712cee.webp 600w, https://assets.fabulous.ch/public/variant_asset/11006/file/medium-f0d8184f50a309a9881488f2f498ba5c.webp 900w, https://assets.fabulous.ch/public/variant_asset/11006/file/large-d0aa476cb83f2db250a974887ea40e76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11006/file/medium-f0d8184f50a309a9881488f2f498ba5c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/effekt-peeling-50-ml-19383">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Effekt Peeling, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19383&quot;],&quot;content_name&quot;:&quot;Effekt Peeling, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19383&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:34.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C5e-R9NyElPJmIhaCStkqTa4GlzhSz1zieK7K8cf5YpfJbecyegscN518FAVH7qH9_VIvctlGq0GXDFIQfLkNw" />
    <input value="19383" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/energynature-augenserum-15-ml-19384">
          <img alt="Energynature Augenserum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9931/file/small-0462c7177ff960777c4cc5247044629a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9931/file/medium-4e7bcd2c56952850c68f7bed38d9996e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9931/file/large-b1c3a1de398a5d258462a946834e815f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9931/file/medium-4e7bcd2c56952850c68f7bed38d9996e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/energynature-augenserum-15-ml-19384">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Energynature Augenserum, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19384&quot;],&quot;content_name&quot;:&quot;Energynature Augenserum, 15 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19384&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:31.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VeLZ0BgQwjlEq6bAH6grtkvz4ZxDwiVjr_dSnzCqTX0BUNALAor8GlNG3soDnPWYir6zfWnsAr0gSdj8tkdMwA" />
    <input value="19384" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/energynature-gesichtsgel-150-ml-19385">
          <img alt="Energynature Gesichtsgel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11007/file/small-00872371f3cfa5a1e5daab6b92987dab.webp 600w, https://assets.fabulous.ch/public/variant_asset/11007/file/medium-f442d1112c2fbf6e3f670a6c30e338f4.webp 900w, https://assets.fabulous.ch/public/variant_asset/11007/file/large-d19d83f7c5f39015263337facefdc378.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11007/file/medium-f442d1112c2fbf6e3f670a6c30e338f4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/energynature-gesichtsgel-150-ml-19385">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Energynature Gesichtsgel, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19385&quot;],&quot;content_name&quot;:&quot;Energynature Gesichtsgel, 150 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19385&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F7VVImxoHPQIIV-gB8fogwmzxsWC5YmynmkBQPtHPrlDB1z5dvIi1x_MJ6ob8zatyP6UJKjLrmwR14sjfao_BA" />
    <input value="19385" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/energynature-reinigungsgel-125-ml-19386">
          <img alt="Energynature Reinigungsgel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11008/file/small-6e3a23a708ca1e1ac79b0e02291efab6.webp 600w, https://assets.fabulous.ch/public/variant_asset/11008/file/medium-a266ae20571ce3aec5366372f538f794.webp 900w, https://assets.fabulous.ch/public/variant_asset/11008/file/large-55f79be6fa614cf6f13860d79aa43760.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11008/file/medium-a266ae20571ce3aec5366372f538f794.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/energynature-reinigungsgel-125-ml-19386">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Energynature Reinigungsgel, 125 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 15.92 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19386&quot;],&quot;content_name&quot;:&quot;Energynature Reinigungsgel, 125 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19386&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e_wIxg09rRSToFP84RQfQX7L81YBvedD-jpFwcu3KfYvTgEdF6eTN4RNK_b9IMFvv4ahtyuTwJ11hM-iTVooSw" />
    <input value="19386" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/energynature-tagescreme-50-ml-19387">
          <img alt="Energynature Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11009/file/small-a7c73475a39c6c079d68a37632e75ba6.webp 600w, https://assets.fabulous.ch/public/variant_asset/11009/file/medium-f5761e8fdf6da6263acb82b1b04e2eac.webp 900w, https://assets.fabulous.ch/public/variant_asset/11009/file/large-4993c07cd749d54e80cecbba7c71133a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11009/file/medium-f5761e8fdf6da6263acb82b1b04e2eac.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/energynature-tagescreme-50-ml-19387">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Energynature Tagescreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19387&quot;],&quot;content_name&quot;:&quot;Energynature Tagescreme, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19387&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:32.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dmqPjLc1GPtv9N7RQlBBwVmG45AQjRkl33ddaItduDMi2IZXra8m2HgZptteZJ_vmMuxcTqjPvtQydcLDbC5jg" />
    <input value="19387" 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">
      80 von 127 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/naturkosmetik/gesichtspflege?format=turbo_stream&amp;page=5">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>