<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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D99">
    <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/liquid-soap-teebaum-60-ml-19541">
          <img alt="Liquid Soap Teebaum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9371/file/small-81865f4c3addb1364ea92650cff56f06.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9371/file/medium-76bcb4a34acd9910108bd5501ba7d2c3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9371/file/large-297b8aa7bd8ebfcc610fc702065c9acd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9371/file/medium-76bcb4a34acd9910108bd5501ba7d2c3.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">Dr. Bronners</p>
          <a href="/products/liquid-soap-teebaum-60-ml-19541">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Teebaum, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_E6-qL0CjmYO-KFidhXjul2h7Pdl2-iBB3K0gN213Ll3Hifz2uOKEzM5byjTVFR4hMlRTDkarcF2tbQgGFHnYA" />
    <input value="19541" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D99">
    <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/lotion-peppermint-240-ml-19542">
          <img alt="Lotion Peppermint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9372/file/small-f20304da77c832f46c29cae06babab25.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9372/file/medium-50d92a2acadc136e24294c21dfb583cf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9372/file/large-d1172b5196c714624e5c9ad122c75c85.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9372/file/medium-50d92a2acadc136e24294c21dfb583cf.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">Dr. Bronners</p>
          <a href="/products/lotion-peppermint-240-ml-19542">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lotion Peppermint, 240 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YRakQrpKXAPoBvR0l8kiHK204zJpOumSMUyFJHUlH0XqRj0Z3atYdtXHOj4yiJXedNxeiTX7rNJAi4WEsMEknA" />
    <input value="19542" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D99">
    <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/zahnpasta-pfefferminz-105-ml-19543">
          <img alt="Zahnpasta Pfefferminz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9373/file/small-05b43fb08d5e7b254add74d1500d1a36.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9373/file/medium-acd2c087eb7c14b88819e63c687853ad.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9373/file/large-4151f1dcf89be8dad44425c358c12dff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9373/file/medium-acd2c087eb7c14b88819e63c687853ad.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">Dr. Bronners</p>
          <a href="/products/zahnpasta-pfefferminz-105-ml-19543">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta Pfefferminz, 105 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qCR3kb9Z3fS4IkkE06HGnd9V6OeerR-77gSaPxUY-NcjdO7K2LjZgYXjh0524HFfBj1VXMJsWvufw5qf0PzDDg" />
    <input value="19543" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D99">
    <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/zahnpasta-zimt-140-g-19544">
          <img alt="Zahnpasta Zimt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10073/file/small-f34ffaf037487b29287d0443efb174c6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10073/file/medium-4edcc6ed156456580be399ce41193ce6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10073/file/large-3db5e22b3a55db6b31114fb2a94bc119.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10073/file/medium-4edcc6ed156456580be399ce41193ce6.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">Dr. Bronners</p>
          <a href="/products/zahnpasta-zimt-140-g-19544">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta Zimt, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0qX0rLQbrmPhsgc3UXWA-w_PDN9aZLWlPpkZN-PgmtNZ9W330_qqFtxzyX30NDc51qexZAal8OVPXhmXJgShCg" />
    <input value="19544" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D99">
    <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/basische-edelsteinseife-zirbenol-18-g-19545">
          <img alt="Basische Edelsteinseife Zirbenöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10358/file/small-56f7ab8301262cbdab5baf6ff52b82cd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10358/file/medium-751991bdf0c0b56b077a74c56042dc56.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10358/file/large-6c735697a12e662615e6453ef9c3b182.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10358/file/medium-751991bdf0c0b56b077a74c56042dc56.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">Droste-Laux</p>
          <a href="/products/basische-edelsteinseife-zirbenol-18-g-19545">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basische Edelsteinseife Zirbenöl, 18 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RHm4dzFo1pDqGBmmMngsgM3hou44LwtN9dffgU1KwH3PKSEsVonS5dfZ1-yXOZtCFIkfVWTuTg2EEN8hiK77pA" />
    <input value="19545" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D99">
    <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/deocreme-sheabutter-zirbenol-30-ml-19546">
          <img alt="Deocreme Sheabutter/Zirbenöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10357/file/small-f3e3dd765ce094c8d6faead931902bc1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10357/file/medium-0580d8e074bf2cb91209d31da620afff.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10357/file/large-4ad08d2073df5aa77ba6ec39dd9ced1d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10357/file/medium-0580d8e074bf2cb91209d31da620afff.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">Droste-Laux</p>
          <a href="/products/deocreme-sheabutter-zirbenol-30-ml-19546">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deocreme Sheabutter/Zirbenöl, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9ES3__YZ0W3IA4gzTHSr9GntuydPTTVPNl5HBBu9LsJ_FC6kkfjVGPXCRnnpNRw2sIUGnBOMcA9HmUek3lkVGw" />
    <input value="19546" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D99">
    <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/edelsteinbad-basisch-1600-g-19547">
          <img alt="Edelsteinbad basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9374/file/small-fa1633216df00fbfbcce5f6635b4c5d9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9374/file/medium-8846d270c99b626130df8117f717169e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9374/file/large-80f1d0758a4bfb922ded4bb32c628d48.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9374/file/medium-8846d270c99b626130df8117f717169e.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">Droste-Laux</p>
          <a href="/products/edelsteinbad-basisch-1600-g-19547">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Edelsteinbad basisch, 1600 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 51.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WN2uicOs3Bplf92nV2eVvtoD93BSivTOezs7mCSTApTTjTfSpE3Yb1i-E-3yJiJ8A2tKyw5LsY4K_Ds44Xc5TQ" />
    <input value="19547" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D99">
    <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/edelsteinbad-basisch-300-g-19548">
          <img alt="Edelsteinbad basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9375/file/small-5328aac14d8bdbc207cb28a99a958b1a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9375/file/medium-ea5205499ba8a27a0db791fc1ffa6663.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9375/file/large-fbe60bc3b43b631584d65604f7f8064e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9375/file/medium-ea5205499ba8a27a0db791fc1ffa6663.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">Droste-Laux</p>
          <a href="/products/edelsteinbad-basisch-300-g-19548">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Edelsteinbad basisch, 300 g</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 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bvs_D1QVAHMC4PuJFoWNL5stGTIIyaNlw_eVckSr_bflq6ZUM_QEBj8hNcOzxDrtQkWkiVQI5iWyMJXSgU_Gbg" />
    <input value="19548" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D99">
    <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/edelsteinbad-basisch-900-g-19549">
          <img alt="Edelsteinbad basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9376/file/small-f2ff30f6d0635636bda2214add984ffc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9376/file/medium-b0e980da7e1f4928c237e5eb93a82d54.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9376/file/large-b31204bd98d57f659c5a91eed9767794.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9376/file/medium-b0e980da7e1f4928c237e5eb93a82d54.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">Droste-Laux</p>
          <a href="/products/edelsteinbad-basisch-900-g-19549">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Edelsteinbad basisch, 900 g</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 4.10 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t379yppaQhDobCufW94z1HpN-9W-2ehcGOPGtXghDIg8LmSR_btGZdWt5dX-n4QWoyVGbuIYrRxpJMYVvcU3UQ" />
    <input value="19549" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D99">
    <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/edelsteinbad-basisch-sachet-60-g-19550">
          <img alt="Edelsteinbad basisch Sachet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9377/file/small-4901c4ca1655074f4b2715036ef83773.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9377/file/medium-380895c3eec2bfa28003b64bbd89b62c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9377/file/large-a8c3cbbf931a93f422d02043335f5177.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9377/file/medium-380895c3eec2bfa28003b64bbd89b62c.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">Droste-Laux</p>
          <a href="/products/edelsteinbad-basisch-sachet-60-g-19550">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Edelsteinbad basisch Sachet, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L-S4itryCUF86Q4GI9U9N59pcPUNgCPgeVV_jZff6zCktCHRvRMNNEEowEyGlIr1RgHNTlFBZqAIkn8tUjvQ6Q" />
    <input value="19550" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D99">
    <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/gesichtscreme-basisch-50-ml-19551">
          <img alt="Gesichtscreme basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9378/file/small-e5db2d13a9410e1db2052af944fdde20.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9378/file/medium-0ff71173530bc29286dec26ea880c163.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9378/file/large-6872dd5e9f900b8f400831237e142dff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9378/file/medium-0ff71173530bc29286dec26ea880c163.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">Droste-Laux</p>
          <a href="/products/gesichtscreme-basisch-50-ml-19551">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gesichtscreme basisch, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1Y2qLsgDqaC2S_I4uI8OfO3HXbgw3syrPT48aIqgqDde3TN1r-Kt1YuKPHIdzrm-NK_gA2wfietM-TzIT0ST7g" />
    <input value="19551" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D99">
    <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/gesichtsmaske-basisch-50-ml-19552">
          <img alt="Gesichtsmaske basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9379/file/small-b2b2ea1ee79a215f9ed61f9683f60034.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9379/file/medium-1539826884409c3d41b26ea1ab547f0e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9379/file/large-2d29ad3f4ea4373f02833cd61ab783ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9379/file/medium-1539826884409c3d41b26ea1ab547f0e.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">Droste-Laux</p>
          <a href="/products/gesichtsmaske-basisch-50-ml-19552">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gesichtsmaske basisch, 50 ml</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 73.80 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3mNER2iX8sBjONEcRDSqt5c788y3yvezWnjbD7qBCB1VM90cD3b2tV75H1bhdR11TlNOd-sLsvMrv9uvf2UzxA" />
    <input value="19552" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D99">
    <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/gesichtswaschcreme-basisch-50-ml-19553">
          <img alt="Gesichtswaschcreme basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9380/file/small-5bf32f83ea8c8d61ee1a40f2cbe54092.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9380/file/medium-98f70f3664b7e605d371dcad99b6abea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9380/file/large-55d10a8259640b021a31ca56b6b13152.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9380/file/medium-98f70f3664b7e605d371dcad99b6abea.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">Droste-Laux</p>
          <a href="/products/gesichtswaschcreme-basisch-50-ml-19553">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gesichtswaschcreme basisch, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E-5BLwXLICXw-IEaLvDccRq1xCje3wvKbDAIOVoQ8teYvth0YiokUM05T1CLsWuzw915k4IeTood9wiZn_TJDg" />
    <input value="19553" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D99">
    <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/korperlotion-basisch-200-ml-19554">
          <img alt="Körperlotion basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9381/file/small-096f21cba8a69a4231f646e94b774b0b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9381/file/medium-a876fd92381a34cb9cad2aff2118b70d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9381/file/large-eeb6ed7b230674823b0b145ce2f7d16c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9381/file/medium-a876fd92381a34cb9cad2aff2118b70d.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">Droste-Laux</p>
          <a href="/products/korperlotion-basisch-200-ml-19554">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Körperlotion basisch, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nevsECl8QoxkFlGdUjT_FNrHxe4EITXmhFI9sbqT81kWu3VLTp1G-VnXn9f3dUjWA694VVjgcKb1lT0Rf3fIgA" />
    <input value="19554" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D99">
    <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/ayurvedisches-mundol-250-ml-19555">
          <img alt="Ayurvedisches Mundöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9382/file/small-3df6bc2cc01b940f3f34122e51f60847.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9382/file/medium-883bd4ddb28f276bbf60046353c75625.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9382/file/large-52504a71c4b0c5f006fa84f52d7611ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9382/file/medium-883bd4ddb28f276bbf60046353c75625.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">Droste-Laux</p>
          <a href="/products/ayurvedisches-mundol-250-ml-19555">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ayurvedisches Mundöl, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ahMUZU_CuGPnf-29MGBnPJO2tFzXxF9icoaf_t2UEurhQ40-KCO8Ftq-I_eVIdD-St4J54sFGiIDQZ9eGHApMw" />
    <input value="19555" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D99">
    <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/mandelol-shampoo-basisch-200-ml-19556">
          <img alt="Mandelöl Shampoo basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10033/file/small-56c5cc33e204a3520e55486e954d6729.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10033/file/medium-ada48e8653d8f3e17658b8e8b71059e4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10033/file/large-7dc5dca4632f07e96970a5f947b98b38.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10033/file/medium-ada48e8653d8f3e17658b8e8b71059e4.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">Droste-Laux</p>
          <a href="/products/mandelol-shampoo-basisch-200-ml-19556">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandelöl Shampoo basisch, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qvTjlquSodxNTZZ7_sgqsBhSLTLAj8ZKRxmi4JREZeEhpHrNzHOlqXCMWDFbiZ1ywTqQiZxOgwo23qJAUaBeOA" />
    <input value="19556" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D99">
    <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/zahncreme-basisch-50-ml-19557">
          <img alt="Zahncreme basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9383/file/small-e712c33d027bb6b598c66b8c75e521d8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9383/file/medium-daa94753a4f85e7ecd3b2a1ae3bfaa69.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9383/file/large-3b8d1b12158568b620bc2265827f6d14.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9383/file/medium-daa94753a4f85e7ecd3b2a1ae3bfaa69.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">Droste-Laux</p>
          <a href="/products/zahncreme-basisch-50-ml-19557">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahncreme basisch, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wnJ4MM921I0rLMLJqAiZ704lsrvZRRXWLh_xTiWzjORJIuFrqJfQ-BbtDIMNSS4tl00PAIWEUJZf2PHu4Fe3PQ" />
    <input value="19557" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D99">
    <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/bundner-murmelisalbe-75-g-19558">
          <img alt="Bündner Murmelisalbe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9711/file/small-d1795f4bd475b27ba0f2cafd8dde8434.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9711/file/medium-42e7178791a23f9021eca22ab4c38578.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9711/file/large-f38a98dcc0e0b47de36951c73a8bddf2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9711/file/medium-42e7178791a23f9021eca22ab4c38578.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">Erva Medica AG</p>
          <a href="/products/bundner-murmelisalbe-75-g-19558">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bündner Murmelisalbe, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KwUc3Jv3kkdmGV-JkYhiwLjNOZCTpzT7ZZgtWjRIvpmgVYWH_BaWMlvYkcM0ydUCYaWEK89mcbsUXy368ayFQA" />
    <input value="19558" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D99">
    <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/propolis-salbe-125-ml-19559">
          <img alt="Propolis Salbe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9713/file/small-18905e92e7c95548a00b12f26f47d897.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9713/file/medium-847b8ed942a28d8d6dc341f90978637e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9713/file/large-61348e36dc7515988e240558bc0e3a7e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9713/file/medium-847b8ed942a28d8d6dc341f90978637e.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">Erva Medica AG</p>
          <a href="/products/propolis-salbe-125-ml-19559">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Propolis Salbe, 125 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 17.52 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="usbSC9zeN8BTRs6ypBpaW59VHB457vFYrAegqo4lXAQxlktQuz8ztW6HAPgBW-2ZRj2hpWUvtBjdwKAKS8Fn3Q" />
    <input value="19559" 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%2Fmitosana%3Fformat%3Dturbo_stream%26page%3D99">
    <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/face-cream-intense-50-ml-19560">
          <img alt="Face Cream Intense" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10074/file/small-53638c41a8f186d686a014f7d5cfb562.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10074/file/medium-417f8ee9fc0d9cf5e86c1b45573edfcb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10074/file/large-bb9ae8835a4ea46297647376437bc50c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10074/file/medium-417f8ee9fc0d9cf5e86c1b45573edfcb.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">Goloy</p>
          <a href="/products/face-cream-intense-50-ml-19560">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Face Cream Intense, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 69.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gu914Y_ZndvjXkSIXiXpLuHdQoSrRjNbh86ZwauAsKoJv-y66DiZrt6fisL7ZF7sOLX_P_eHdhv2CZlhbmSLcw" />
    <input value="19560" 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">
      1&#39;980 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/mitosana?format=turbo_stream&amp;page=100">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>