<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%3Fformat%3Dturbo_stream%26page%3D16">
    <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-gesichtswaschcreme-50-ml-19591">
          <img alt="Hauschka Gesichtswaschcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10373/file/small-f3ac6f1117a62c4392e722ac59391172.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10373/file/medium-0f1dd5218ad17b84615f53f59a703597.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10373/file/large-c52e50fee4c9835dbef9ed8a75567890.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10373/file/medium-0f1dd5218ad17b84615f53f59a703597.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-gesichtswaschcreme-50-ml-19591">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Gesichtswaschcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iNrjcLPSEHEqDMjqoF_Hm3fpVng92qoHMQCJHNf07_M0QeDV_rw99H3lXZilYQ-7AyjvPwVoHpRBePzY19raYA" />
    <input value="19591" 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%3Fformat%3Dturbo_stream%26page%3D16">
    <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-haartonikum-100-ml-19592">
          <img alt="Hauschka Haartonikum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10374/file/small-f8cc3455acf610c721b97394ee0e2b98.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10374/file/medium-5245e5edcaf202c515615bc2fd682838.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10374/file/large-fb87462c2a63d73f065b631fedfa83fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10374/file/medium-5245e5edcaf202c515615bc2fd682838.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-haartonikum-100-ml-19592">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Haartonikum, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-iRS3HjwjUqAChgTXisfGUh_Cbz47MLPalhyq9MDDc9Gv1F5NZ6gz9fjjWFbFdc5PL6w-8BedlwaIAdv0y04XA" />
    <input value="19592" 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%3Fformat%3Dturbo_stream%26page%3D16">
    <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-handcreme-50-ml-19593">
          <img alt="Hauschka Handcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11455/file/small-7521811ed55a6b5367bd6f25eb7b0731.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11455/file/medium-587930a55e9c68ba60a7be6ecf6b442d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11455/file/large-7259125822321d5f9e5ca17ae94573e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11455/file/medium-587930a55e9c68ba60a7be6ecf6b442d.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-handcreme-50-ml-19593">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Handcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BsNCiY0J7FBsuiyYsFJKC-cBvPzQc9rnDO0vVUQP6sS6WEEswGfB1TtTueq1bIIrk8AFu-jBbnR8lVqRRCHfVw" />
    <input value="19593" 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%3Fformat%3Dturbo_stream%26page%3D16">
    <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-kuhlende-augenampullen-10-x-5-ml-19594">
          <img alt="Hauschka kühlende Augenampullen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10375/file/small-36805056dc56d2cbee5026883b0c0fb0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10375/file/medium-7e6ae9addc186fddd593bd679e307fa1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10375/file/large-cb2bea429ce34b2b5f23275ea43fa46f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10375/file/medium-7e6ae9addc186fddd593bd679e307fa1.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-kuhlende-augenampullen-10-x-5-ml-19594">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka kühlende Augenampullen, 10 x 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YLObBXB612rnczfhQZd2TdpOUfC2_UbbmOgWDbfmWCrcKJigPRT677CaopNEqb5tro_ot45P8kjokGPJt8htuQ" />
    <input value="19594" 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%3Fformat%3Dturbo_stream%26page%3D16">
    <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-med-mundspulung-salbei-300-ml-19595">
          <img alt="Hauschka Med Mundspülung Salbei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9311/file/small-2575232862f803e6ccbb6d32c932fa32.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9311/file/medium-0cc7a2be6cc3ed108eb57496b9b2820f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9311/file/large-6117eb46698ed75dca611bde21b0e4a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9311/file/medium-0cc7a2be6cc3ed108eb57496b9b2820f.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-med-mundspulung-salbei-300-ml-19595">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Med Mundspülung Salbei, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aqWJ_0PwievUAOnv9eCcvs_Dc_7osBqEmC3r60LO-yXWPopaDp6kboPpfJ3w3lSeuwLKudACrhfoVZ4vQuDOtg" />
    <input value="19595" 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%3Fformat%3Dturbo_stream%26page%3D16">
    <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-med-minze-zahncreme-forte-75-ml-19596">
          <img alt="Hauschka Med Minze Zahncreme Forte" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9312/file/small-4846d75de38852b812f61fa06e9dcdd2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9312/file/medium-1ffc1b9367677d13c827ac7780a70858.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9312/file/large-e7daa5b7c96cd3d675a485d5e2dc91cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9312/file/medium-1ffc1b9367677d13c827ac7780a70858.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-med-minze-zahncreme-forte-75-ml-19596">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Med Minze Zahncreme Forte, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FrNjKOXj60GWndK08YsA6KtS43KUA1hvOcLzH0Hg5W-qKGCNqI3GxMF0R8b0tcjI35NaNayx7PxJuobbQc7Q_A" />
    <input value="19596" 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%3Fformat%3Dturbo_stream%26page%3D16">
    <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-moor-lavendel-pflegeol-75-ml-19597">
          <img alt="Hauschka Moor Lavendel Pflegeöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10376/file/small-1961187353cd8ae4f8e880326082356c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10376/file/medium-b38438a341c891b1725bf2d0ebdd7d6f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10376/file/large-2b3ec8b6a0b9286f7638345cd7ca4a6b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10376/file/medium-b38438a341c891b1725bf2d0ebdd7d6f.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-moor-lavendel-pflegeol-75-ml-19597">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Moor Lavendel Pflegeöl, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0b2kSUSq7vNhxayTz-8DXuUbJO7qeRxGINHNX-dx_bptJqfsCcTDdjYsOeHK0ct-kdqdqdLLqNVQqbib51_IKQ" />
    <input value="19597" 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%3Fformat%3Dturbo_stream%26page%3D16">
    <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-nach-der-sonne-150-ml-19598">
          <img alt="Hauschka Nach der Sonne" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10091/file/small-b2d0a200f2ecb910a7492ecf57e54a94.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10091/file/medium-68564d4cd44d0e05f4f8788120ed77e9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10091/file/large-61fa40c8bb07e4e2b313064f7a8db5f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10091/file/medium-68564d4cd44d0e05f4f8788120ed77e9.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-nach-der-sonne-150-ml-19598">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Nach der Sonne, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.15
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YWgB4Vldq7SnUwUinAOxLWL8eVHlVnpo5vbf0CVfDqPd8wJEFDOGMfC6kFCZPXkNFj3AFt3kzvuWjqoUJXE7MA" />
    <input value="19598" 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%3Fformat%3Dturbo_stream%26page%3D16">
    <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-neem-nagelol-18-ml-19599">
          <img alt="Hauschka Neem Nagelöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10377/file/small-ffa9779b47c876c0c9bd23a011f83c5e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10377/file/medium-bae2db30aaf02734ca49c16764bb1154.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10377/file/large-432a77f108e3783fd11764a90c839fdc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10377/file/medium-bae2db30aaf02734ca49c16764bb1154.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-neem-nagelol-18-ml-19599">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Neem Nagelöl, 18 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ncM0VD9KhggtXWtngoxIlV_e6YaqQiv5sPk3e60U7X4hWDfxciSrjXq0_hWHsoC1Kx9QwZLwn2rAgUK_rTrY7Q" />
    <input value="19599" 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%3Fformat%3Dturbo_stream%26page%3D16">
    <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-neem-nagelolstift-3-ml-19600">
          <img alt="Hauschka Neem Nagelölstift" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9313/file/small-1145e1a35bf87b79be0997f992d25f95.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9313/file/medium-7823b751a43442b5d61e3528efcb3d8f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9313/file/large-04cd068a4a258f0ac433e1831095270a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9313/file/medium-7823b751a43442b5d61e3528efcb3d8f.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-neem-nagelolstift-3-ml-19600">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Neem Nagelölstift, 3 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1bag6xHgKqhAqm4KXX3T1xu8cgWyVOU0z2Hwa8lp8GdpLaNOXI4HLRdD-3hYQxv3b33LQormUae_GYWvyUfF9A" />
    <input value="19600" 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%3Fformat%3Dturbo_stream%26page%3D16">
    <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-quitten-tagescreme-30-ml-19601">
          <img alt="Hauschka Quitten Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10380/file/small-9eecafd17ab86b7c799df796e7f099bd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10380/file/medium-51375b97d1e1dd8408e6dd41282087c9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10380/file/large-3df552482512f4f1df8e04518bc5d98b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10380/file/medium-51375b97d1e1dd8408e6dd41282087c9.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-quitten-tagescreme-30-ml-19601">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Quitten Tagescreme, 30 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 99.67 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qm8AltgLO8CWgRmt6ZwfEbggquzJdqG8Djf_mDtX5WL-9AMzlWUWRcFojN_sotcxzOETq_HEFS9-T4pcO3nQ8Q" />
    <input value="19601" 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%3Fformat%3Dturbo_stream%26page%3D16">
    <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-regeneration-augenpflege-15-ml-19602">
          <img alt="Hauschka Regeneration Augenpflege" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9314/file/small-5dafc3f9ff06bdba0caffa3961fa0dc7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9314/file/medium-78215c587d6c06751dbe25df0f0891b8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9314/file/large-4fc745e8adda01c0d267c85de235eb60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9314/file/medium-78215c587d6c06751dbe25df0f0891b8.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-regeneration-augenpflege-15-ml-19602">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Regeneration Augenpflege, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 72.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_AChMTwPIbvWW3uWJaXtr-YOSR0Vfl6BUKRvVufi1uFAm6KUcWEMPoGy7uQgmyWPks_wWi3M6hIg3BqS58zjcg" />
    <input value="19602" 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%3Fformat%3Dturbo_stream%26page%3D16">
    <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-regeneration-korperbalsam-150-ml-19603">
          <img alt="Hauschka Regeneration Körperbalsam" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10366/file/small-eefd0a65f0e0f2ce902e7f7cd82b841b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10366/file/medium-1ece2f06d7be130321d529bbb649c3e0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10366/file/large-c66b4164c35d05f50f4bb31bb060afeb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10366/file/medium-1ece2f06d7be130321d529bbb649c3e0.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-regeneration-korperbalsam-150-ml-19603">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Regeneration Körperbalsam, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rWTQDxgyrr-roR5FuxHhj7EfczUsDB0WHsC4qkV1B6YR_9OqVVyDOvxIize-Lymvxd7KchS-qYVuuM1uRVsyNQ" />
    <input value="19603" 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%3Fformat%3Dturbo_stream%26page%3D16">
    <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-regeneration-tag-und-nachtserum-30-ml-19604">
          <img alt="Hauschka Regeneration Tag- und Nachtserum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10367/file/small-962a47324c9fe7c3bdb904526511a325.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10367/file/medium-a9447b8615871f7e2a73a48ea4c89287.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10367/file/large-88bbd8609c8e9b14dc202810979688d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10367/file/medium-a9447b8615871f7e2a73a48ea4c89287.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-regeneration-tag-und-nachtserum-30-ml-19604">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Regeneration Tag- und Nachtserum, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 76.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cFtrK659YHiIWuvXXAIVVg7090jJZs1KZHKppeBjhFzMwGiO4xNN_d-zfqVZPN12ejVOD_HUedkUCtxh4E2xzw" />
    <input value="19604" 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%3Fformat%3Dturbo_stream%26page%3D16">
    <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-regeneration-tagescreme-40-ml-19605">
          <img alt="Hauschka Regeneration Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10369/file/small-080b5c2ff0f8f25acb9398c96c94c596.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10369/file/medium-51332ad4b3d89f863b5ef3cb84a30a40.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10369/file/large-d65ce3a9c822617450ab48cf578f60f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10369/file/medium-51332ad4b3d89f863b5ef3cb84a30a40.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-regeneration-tagescreme-40-ml-19605">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Regeneration Tagescreme, 40 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 72.35
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CXzljG2k2KEzfKDVsneDbj3BKx-Dy4WbiBr_4XXRUZy15-YpIMr1JGSVNae3SUtOSQCSWLt5MQj4Yooldf9kDw" />
    <input value="19605" 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%3Fformat%3Dturbo_stream%26page%3D16">
    <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-regeneration-tagescreme-intensiv-40-ml-19606">
          <img alt="Hauschka Regeneration Tagescreme Intensiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10368/file/small-ffff19d9a4a442f9af7c4a57f3fe0cab.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10368/file/medium-d39ffbf46925dda9b5bd611651f1eef0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10368/file/large-fcafe9f88d70d1c614b6a42cee23710f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10368/file/medium-d39ffbf46925dda9b5bd611651f1eef0.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-regeneration-tagescreme-intensiv-40-ml-19606">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Regeneration Tagescreme Intensiv, 40 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 85.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J_B67gz0UfmEnBxY5Ebbk3TKG0xYGcoS_UcqrHgt4FKba3lLQZp8fNN1iSrheBOzAAuiC2CrfoGNP19oeAPVwQ" />
    <input value="19606" 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%3Fformat%3Dturbo_stream%26page%3D16">
    <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-reinigungsbalsam-75-ml-19607">
          <img alt="Hauschka Reinigungsbalsam" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10379/file/small-7b8814904ca0bc72182d1e4ff621f8f5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10379/file/medium-a4813530dc35f0b97177aef1c517a5dd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10379/file/large-4a5a620c6eeeef5bd0a78c172dcab90c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10379/file/medium-a4813530dc35f0b97177aef1c517a5dd.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-reinigungsbalsam-75-ml-19607">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Reinigungsbalsam, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.15
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Em2FIyWp-HjPmGdjwA02tCAhSIMsRuTDY_-UEq5OtIOu9oaGaMfV_Zhx8hHFM_6UVODxxBT0UFATh-HWrmCBEA" />
    <input value="19607" 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%3Fformat%3Dturbo_stream%26page%3D16">
    <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-reinigungsmilch-145-ml-19608">
          <img alt="Hauschka Reinigungsmilch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10381/file/small-7f3a98f61f97507c753e91bac8d2b138.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10381/file/medium-7300bd257ca4beeecaeafffea6040e61.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10381/file/large-7dbc67a5d74eeed38a5b87c86d31688a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10381/file/medium-7300bd257ca4beeecaeafffea6040e61.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-reinigungsmilch-145-ml-19608">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Reinigungsmilch, 145 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 24.07 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1xkL6YO2IWy8CR8KVXmhzSGu0CA-acY9flSR4qlBVJdrgghMztgM6evginhQR2ntVW9pZwbbcq4OLOQmqW9hBA" />
    <input value="19608" 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%3Fformat%3Dturbo_stream%26page%3D16">
    <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-revitalisierende-maske-30-ml-19609">
          <img alt="Hauschka Revitalisierende Maske" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9321/file/small-5c54a845b6b2d060f898cd648dc3e616.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9321/file/medium-ef03788faf98d3705e41d0a5c118307b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9321/file/large-6a7a1e86e61034f7701711f7d21b2949.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9321/file/medium-ef03788faf98d3705e41d0a5c118307b.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-revitalisierende-maske-30-ml-19609">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Revitalisierende Maske, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.15
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DZh__C-RJLTN123-O0wq1Ts8wa1cNb_5vPaKFWI5yFWxA3xZYv8JMZo--Iw-cuL1T_146mSHC2rMjv_RYhf9xg" />
    <input value="19609" 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%3Fformat%3Dturbo_stream%26page%3D16">
    <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-rosen-korperbalsam-145-ml-19610">
          <img alt="Hauschka Rosen Körperbalsam" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10385/file/small-d9420fd6ba6ca0f20f0f6c913fee9184.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10385/file/medium-e1092e28e1dca941a12e6962443f6955.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10385/file/large-29c4d9c77ff2f4841ba97f67d2187f60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10385/file/medium-e1092e28e1dca941a12e6962443f6955.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-rosen-korperbalsam-145-ml-19610">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Rosen Körperbalsam, 145 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ECF4tJcjqxNNaKuL0yXHwiR2DqrP6dlKeSmx-qu1Y1WsunsR2k2GlhqBPvnWGw_iULe37fdbbdkJUcQ-q5tWxg" />
    <input value="19610" 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">
      320 von 613 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/naturkosmetik?format=turbo_stream&amp;page=17">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>