<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%2Fmake-up%2Ffoundation-puder-co%3Fformat%3Dturbo_stream%26page%3D3">
    <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/hauschka-foundation-05-nutmeg-30ml-1-stuck-19989">
          <img alt="Hauschka Foundation 05 nutmeg 30ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9136/file/small-ca243160ddd700ca2faa6a606cb8567c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9136/file/medium-1b2c46a4ec8ea19d58cde393be6578a6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9136/file/large-25435c06cd455c275ad9cce1c4c915c5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9136/file/medium-1b2c46a4ec8ea19d58cde393be6578a6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hauschka</p>
          <a href="/products/hauschka-foundation-05-nutmeg-30ml-1-stuck-19989">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Foundation 05 nutmeg 30ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cTrJbJQbosmpSkstDxneH-ernYARrAr5MeLa3NczSz4RX-9UFo_DlfsfQcZ-doqWvkFSU10e48W2tN1-0Z1ENg" />
    <input value="19989" 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%2Fmake-up%2Ffoundation-puder-co%3Fformat%3Dturbo_stream%26page%3D3">
    <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/hauschka-foundation-06-walnut-30ml-1-stuck-19990">
          <img alt="Hauschka Foundation 06 walnut 30ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9135/file/small-9571a74215a9ff617149f4bed557b705.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9135/file/medium-bb84fcfc762fd08a299de355aa861da2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9135/file/large-8879144c73579dfdca48ee3650826139.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9135/file/medium-bb84fcfc762fd08a299de355aa861da2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hauschka</p>
          <a href="/products/hauschka-foundation-06-walnut-30ml-1-stuck-19990">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Foundation 06 walnut 30ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z2vI7c4EUXqG8NcyAjKzt6HjqEBS55vv1wGomlypWLkHDu7VTJAwJtSl3dlzXec--Alnkx5VctNQV684WgdXsQ" />
    <input value="19990" 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%2Fmake-up%2Ffoundation-puder-co%3Fformat%3Dturbo_stream%26page%3D3">
    <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/hauschka-foundation-001-cashew-30ml-1-stuck-19991">
          <img alt="Hauschka Foundation 001 cashew 30ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9134/file/small-049cbfb07c773c5ade4f105e22a2eb89.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9134/file/medium-7c2f4120c0f5f7fdf2303f8001c24b00.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9134/file/large-1d9f3fc453f83729deb157377b73115d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9134/file/medium-7c2f4120c0f5f7fdf2303f8001c24b00.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hauschka</p>
          <a href="/products/hauschka-foundation-001-cashew-30ml-1-stuck-19991">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Foundation 001 cashew 30ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 37.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TYwo3LtUNS54OSAqB-rKOOHQ-j0gD7GhQBtC4jwmlYAt6Q7kOcBUcipsKsF2hZ6xuDo17my9WJ3HTUVAOoiaiA" />
    <input value="19991" 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%2Fmake-up%2Ffoundation-puder-co%3Fformat%3Dturbo_stream%26page%3D3">
    <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/hauschka-foundation-002-pine-30ml-1-stuck-19992">
          <img alt="Hauschka Foundation 002 pine 30ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9133/file/small-bb6ee8a39fbc7052e2b98795265f40e9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9133/file/medium-d254e438b798ace7835d0fb3e33779ed.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9133/file/large-2e022c8dec6b84f148b46bfa010fd8e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9133/file/medium-d254e438b798ace7835d0fb3e33779ed.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hauschka</p>
          <a href="/products/hauschka-foundation-002-pine-30ml-1-stuck-19992">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Foundation 002 pine 30ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Uh7cQoMBjrm4CWIMdpjjNDLLl98XyS5LXr-QkGI1W98ye_p6AZXv5epcaOcH97e9ayFYDFt7x3fZ6ZcyZJtU1w" />
    <input value="19992" 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%2Fmake-up%2Ffoundation-puder-co%3Fformat%3Dturbo_stream%26page%3D3">
    <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/hauschka-highlighter-01-illuminating-5g-1-stuck-20004">
          <img alt="Hauschka Highlighter 01 illuminating 5g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9156/file/small-6c7088bec9cae4fe7adceb88f2d7e042.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9156/file/medium-311f69f88af7e8e6a5d9b2def1bec21c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9156/file/large-f8c572f1e701684a54760bc9316e44da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9156/file/medium-311f69f88af7e8e6a5d9b2def1bec21c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hauschka</p>
          <a href="/products/hauschka-highlighter-01-illuminating-5g-1-stuck-20004">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Highlighter 01 illuminating 5g, 1 Stück</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 29.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RJ1WNfGE50Dh2jtTAshHqdyjNma_JKHuuV0L535HCekk-HANcxCGHLOPMbhzpxMghUn5tfOWSNI-CwxFeOkG4Q" />
    <input value="20004" 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%2Fmake-up%2Ffoundation-puder-co%3Fformat%3Dturbo_stream%26page%3D3">
    <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/hauschka-loose-powder-00-translucent-12g-1-stuck-20011">
          <img alt="Hauschka Loose Powder 00 translucent 12g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9149/file/small-c3223ed5582de4bb4cf286fba0e5a02a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9149/file/medium-4afa33d38696bbdaaec83ed863252c79.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9149/file/large-fdef368198cfe560504d8dc015652553.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9149/file/medium-4afa33d38696bbdaaec83ed863252c79.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hauschka</p>
          <a href="/products/hauschka-loose-powder-00-translucent-12g-1-stuck-20011">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Loose Powder 00 translucent 12g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nwfW2HbjNuMnVRPAnQcNgFHwN_XwdR4xSZsWmQGRWYj_YvDg9HdXv3UAGSvsaFkJCBr4JrzH9w3OzRE7Bz9WgA" />
    <input value="20011" 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%2Fmake-up%2Ffoundation-puder-co%3Fformat%3Dturbo_stream%26page%3D3">
    <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/hauschka-colour-correcting-powder-00-transculent-8g-1-stuck-20012">
          <img alt="Hauschka Colour Correcting Powder 00 transculent 8g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9148/file/small-6d244791323be84628e293dbdd85d17f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9148/file/medium-78559b067ae6419314e36ff01986df29.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9148/file/large-7b43abd48a3f0a7ecb341701be099d12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9148/file/medium-78559b067ae6419314e36ff01986df29.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hauschka</p>
          <a href="/products/hauschka-colour-correcting-powder-00-transculent-8g-1-stuck-20012">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Colour Correcting Powder 00 transculent 8g, 1 Stück</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 45.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s4uQ3pRydrAOhqjP6fzxRLz-f_ptqyT6omV5Yc3zyJHT7rbmFuYX7FzToiSYk6XN5RSwKSEZzcYlM37Dy13HmQ" />
    <input value="20012" 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%2Fmake-up%2Ffoundation-puder-co%3Fformat%3Dturbo_stream%26page%3D3">
    <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/hauschka-colour-correcting-powder-01-activating-8g-1-stuck-20013">
          <img alt="Hauschka Colour Correcting Powder 01 activating 8g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9147/file/small-5493386281dcd178137cada3077060eb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9147/file/medium-e15d216edc4b4c8d31e47e3ac6652f28.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9147/file/large-2c334bb976ab9bfadeab28382e3df480.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9147/file/medium-e15d216edc4b4c8d31e47e3ac6652f28.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hauschka</p>
          <a href="/products/hauschka-colour-correcting-powder-01-activating-8g-1-stuck-20013">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Colour Correcting Powder 01 activating 8g, 1 Stück</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 45.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WUdrXlrpdC057ui-8QkEfReYie2qci8I__rMV-amuM45Ik1m2H0VcWu74lWAZlD0TnJGPubAxjR4rMv14Ai3xg" />
    <input value="20013" 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%2Fmake-up%2Ffoundation-puder-co%3Fformat%3Dturbo_stream%26page%3D3">
    <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/hauschka-colour-correcting-powder-02-calming-8g-1-stuck-20014">
          <img alt="Hauschka Colour Correcting Powder 02 calming 8g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9146/file/small-6800bb22884312649b4df97c25df8c56.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9146/file/medium-3b339bd423e12373de56c9a18a13f289.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9146/file/large-1f8c3897f44dfe003753953b62731abe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9146/file/medium-3b339bd423e12373de56c9a18a13f289.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hauschka</p>
          <a href="/products/hauschka-colour-correcting-powder-02-calming-8g-1-stuck-20014">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Colour Correcting Powder 02 calming 8g, 1 Stück</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 45.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fqIF3MP2s_d3Dp-1F-7j3g2gfs5bOdOd3wpr6fGljU0exyPkQWLSqyVblV5mgbdXVEqxHReLOqFYXGxL9wuCRQ" />
    <input value="20014" 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%2Fmake-up%2Ffoundation-puder-co%3Fformat%3Dturbo_stream%26page%3D3">
    <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/hauschka-compact-powder-00-translucent-8g-1-stuck-20015">
          <img alt="Hauschka Compact Powder 00 translucent 8g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9145/file/small-85157517c07c073dc09b712e2bc3eb9c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9145/file/medium-74dba626eea241521564388938bdc23f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9145/file/large-61914e4f5406c5159a5b7e454855d36b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9145/file/medium-74dba626eea241521564388938bdc23f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hauschka</p>
          <a href="/products/hauschka-compact-powder-00-translucent-8g-1-stuck-20015">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Compact Powder 00 translucent 8g, 1 Stück</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 34.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SyeaQVDC-Qcndm8P4IsjirUzt8WKgHjMwkkyakPMIcorQrx50laYW3UjZeSR5HcD7Nl4FsYykfBFHzXIRWIuwg" />
    <input value="20015" 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%2Fmake-up%2Ffoundation-puder-co%3Fformat%3Dturbo_stream%26page%3D3">
    <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/hauschka-bronzing-powder-bronze-10g-1-stuck-20016">
          <img alt="Hauschka Bronzing Powder bronze 10g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9144/file/small-f6f18e290b584cfd8ff60852f5d088ed.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9144/file/medium-3ac9b351b924197a7a90a28dfdb5e5e5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9144/file/large-8834dcf686e1021b21f28a02ddf651a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9144/file/medium-3ac9b351b924197a7a90a28dfdb5e5e5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hauschka</p>
          <a href="/products/hauschka-bronzing-powder-bronze-10g-1-stuck-20016">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Bronzing Powder bronze 10g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 38.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ydPziOCe7GjSAz_Q_rMlWc2ktf8XbPLaMBuPoU59Jg-pttWwYgqNNIBWNTuP3HHQlE56LFveG-a3TYgDSNMpBw" />
    <input value="20016" 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%2Fmake-up%2Ffoundation-puder-co%3Fformat%3Dturbo_stream%26page%3D3">
    <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/hauschka-blush-01-raspberry-5g-1-stuck-20027">
          <img alt="Hauschka Blush 01 raspberry 5g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9108/file/small-16aed1ea39ab2e8377127aa1b795c338.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9108/file/medium-2e922a3ce48945423724dfa0da85655b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9108/file/large-63f537309247452468b03fd3464549ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9108/file/medium-2e922a3ce48945423724dfa0da85655b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hauschka</p>
          <a href="/products/hauschka-blush-01-raspberry-5g-1-stuck-20027">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Blush 01 raspberry 5g, 1 Stück</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 29.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p5Yxlh4YueLIe0ksmysdiMHdkFsL3vbwYBqhE5ADPBHH8xeunIzYvpouQ8fqREkBmDdfiEdsH8znTKaxlq0zGQ" />
    <input value="20027" 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%2Fmake-up%2Ffoundation-puder-co%3Fformat%3Dturbo_stream%26page%3D3">
    <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/hauschka-blush-02-apricot-5g-1-stuck-20028">
          <img alt="Hauschka Blush 02 apricot 5g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9107/file/small-f6f8aa5c2d6d5378362179dbacb4d14e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9107/file/medium-abd35661fd592d0836060db68b0b4a57.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9107/file/large-b650fc25060bd1149ec01b7d5696fb26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9107/file/medium-abd35661fd592d0836060db68b0b4a57.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hauschka</p>
          <a href="/products/hauschka-blush-02-apricot-5g-1-stuck-20028">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Blush 02 apricot 5g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JuTz_PVMDqy5IP8FfCcNB6hXz1nIvc1bSLB5VEMYqHJGgdXEd9hv8Ot19e4NSFmO8b0AioQPJGfP5n72Rbaneg" />
    <input value="20028" 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%2Fmake-up%2Ffoundation-puder-co%3Fformat%3Dturbo_stream%26page%3D3">
    <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/borlind-foundation-natuwear-mocha-30ml-1-stuck-20299">
          <img alt="Börlind Foundation Natuwear Mocha 30ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4f758f4d4f1e25effd96be5fc653507f.webp 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4f758f4d4f1e25effd96be5fc653507f.webp 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4f758f4d4f1e25effd96be5fc653507f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4f758f4d4f1e25effd96be5fc653507f.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/borlind-foundation-natuwear-mocha-30ml-1-stuck-20299">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Foundation Natuwear Mocha 30ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S_SJfd6wXyFJNvLbbjX5hluxUxxTam30j4OfbZqI2xorka9FXCQ-fRtj-DAfWq0PAluczx_YhMgI1ZjPnCbUEg" />
    <input value="20299" 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%2Fmake-up%2Ffoundation-puder-co%3Fformat%3Dturbo_stream%26page%3D3">
    <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/borlind-foundation-natuwear-light-ivory-30ml-1-stuck-20300">
          <img alt="Börlind Foundation Natuwear Light Ivory 30ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/901cd2810c708581d59cb9d56674a95a.webp 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/901cd2810c708581d59cb9d56674a95a.webp 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/901cd2810c708581d59cb9d56674a95a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/901cd2810c708581d59cb9d56674a95a.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/borlind-foundation-natuwear-light-ivory-30ml-1-stuck-20300">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Foundation Natuwear Light Ivory 30ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AAeoGLjv0V-wQi4KVM9LCfXFkaEVb6XxVNI5oKG2oUJgYo4gOnuwA-IXJOEloB-ArC9eclndTM3ThD4CpxiuSg" />
    <input value="20300" 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">
      55 von 55 Produkten
    </p>
  </div>
</div>

</template></turbo-stream>