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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fharmona%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="/de/products/philosophen-tofu-vegane-alternative-zu-feta-bio-170-g-5401">
          <img alt="Philosophen Tofu Vegane Alternative zu Feta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3151/file/small-31e0cb2210d63783492c193dbc4a358b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3151/file/medium-017c9783cd15b517724864084e631ad8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3151/file/large-e924cd23b66219e7fbb022895ca91641.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3151/file/medium-017c9783cd15b517724864084e631ad8.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">Lord of Tofu</p>
          <a href="/de/products/philosophen-tofu-vegane-alternative-zu-feta-bio-170-g-5401">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Philosophen Tofu Vegane Alternative zu Feta Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.65 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YddexT_zho7s1-X2zOFZEyIqo1suq-D_RasPrpBwi12AaPsxnVI4yIi0V9fA3fkRUj4gJKcMRFcGqIdi9mlvmQ" />
    <input value="5401" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fharmona%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="/de/products/vegane-merguez-2-0-bio-120-g-16083">
          <img alt="Vegane Merguez 2.0 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7428/file/small-e7d345121af4fb38230501e9953056d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7428/file/medium-e9e974b430257ad58616cc450a9ba5c0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7428/file/large-7a1838a58aba231a8558ad734d46ebd9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7428/file/medium-e9e974b430257ad58616cc450a9ba5c0.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">Wheaty</p>
          <a href="/de/products/vegane-merguez-2-0-bio-120-g-16083">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegane Merguez 2.0 Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.79 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qw9W2KFecHtVcAHAqQmTMXsJh_TI2tTNBqmqFEBopdNKsPMsA__OPTETs-GlNTMzCx0Ei0F9cGVFqiLYJnFBFw" />
    <input value="16083" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fharmona%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="/de/products/completeorganics-mildes-kimchi-bio-230-g-10931">
          <img alt="completeorganics MILDES KIMCHI Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5638/file/small-029eb0775c13a83fbb10c854bd3828c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5638/file/medium-e0fabbb31e8e4e877ff43621dfb056ba.webp 900w, https://assets.fabulous.ch/public/variant_asset/5638/file/large-10d7365bc87a5ebda35c503012348ff8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5638/file/medium-e0fabbb31e8e4e877ff43621dfb056ba.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">completeorganics</p>
          <a href="/de/products/completeorganics-mildes-kimchi-bio-230-g-10931">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">completeorganics MILDES KIMCHI Bio, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.09 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HCnNHGzgBtLhHcBSIBERycVCDpcT7pLTyrr-gBdWWdD9lmjozkG4lIV-cnMsLbHLtVaN6JpJNnuJuXZMcU-9FA" />
    <input value="10931" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fharmona%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="/de/products/mini-moments-himbeere-bio-100-g-16966">
          <img alt="Mini Moments Himbeere Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7925/file/small-8b9da7392700f09a3c4fdb58c7b1bf7d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7925/file/medium-49b69d9065328449d09735ce71141bd3.webp 900w, https://assets.fabulous.ch/public/variant_asset/7925/file/large-062270fee15b8de2d4380db17594d822.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7925/file/medium-49b69d9065328449d09735ce71141bd3.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">Harvest Moon</p>
          <a href="/de/products/mini-moments-himbeere-bio-100-g-16966">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mini Moments Himbeere Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aWSZ1t8Arw0PF6E04CR3zcrlhOBsUgPUmfphuf96PF6I2zwifaERS2t0ExXsGNfPuvEHn-X1p3za-el1mWPYmg" />
    <input value="16966" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fharmona%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="/de/products/wilmersburger-scheiben-krauter-glutenfrei-150-g-62">
          <img alt="Wilmersburger Scheiben Kräuter Glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/66/file/small-62e2aa61fa72496591941cdd5e824573.webp 600w, https://assets.fabulous.ch/public/variant_asset/66/file/medium-af355f94ef85af4c810f9ee53cdfe0e1.webp 900w, https://assets.fabulous.ch/public/variant_asset/66/file/large-571c67150f0e23bffa4b6be89ecff627.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/66/file/medium-af355f94ef85af4c810f9ee53cdfe0e1.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">Wilmersburger</p>
          <a href="/de/products/wilmersburger-scheiben-krauter-glutenfrei-150-g-62">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wilmersburger Scheiben Kräuter Glutenfrei, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.97 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HBvQbVVzvhbtvCKvwYn0ZvHDuMSOO_Oz_RgIfK40CUv9pHWZ99IAUInfkI7NtVRkgdc7uwecVxu-G4CwyC3tjw" />
    <input value="62" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fharmona%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="/de/products/pasta-frisch-tortelloni-spinat-bio-250-g-9541">
          <img alt="Pasta Frisch Tortelloni Spinat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5360/file/small-0d4e6ef48b4aa2b653dbca91b7ee6516.webp 600w, https://assets.fabulous.ch/public/variant_asset/5360/file/medium-e00dd2b5c9b805c167a8ba765e5307ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/5360/file/large-ad82585b314c8f9b2c6bebf2a621c480.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5360/file/medium-e00dd2b5c9b805c167a8ba765e5307ab.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">Pural</p>
          <a href="/de/products/pasta-frisch-tortelloni-spinat-bio-250-g-9541">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pasta Frisch Tortelloni Spinat Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.76 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P8ksgA3R_xgyry8vZ0Umb4Hg116EBsvbb8x-hXVls-Pedol0r3BBXlbMnQ5reYZt8fRUIQ2hb3Msz_ZJE3xXJw" />
    <input value="9541" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fharmona%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="/de/products/bratfilets-black-forest-bio-80-g-16733">
          <img alt="Bratfilets Black Forest Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7759/file/small-c9e8dd7f712a4ae80ce02c297c74932e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7759/file/medium-9314233befc80b586176237da5177233.webp 900w, https://assets.fabulous.ch/public/variant_asset/7759/file/large-cb223c26345e67ccb0cbe4493a2355a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7759/file/medium-9314233befc80b586176237da5177233.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">Taifun</p>
          <a href="/de/products/bratfilets-black-forest-bio-80-g-16733">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bratfilets Black Forest Bio, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.66 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xxRhh6_KvvImqMy1d9gATRw-Dqt-EnXBd210FC-x8iUmq8RzDWsAtELLfpR75KBPbCqN1Pe10Wk0bvzYSagW4Q" />
    <input value="16733" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fharmona%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="/de/products/burger-susskartoffel-bio-160-g-16606">
          <img alt="Burger Süsskartoffel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7660/file/small-0ed5c504c12128433fa9ababd163a031.webp 600w, https://assets.fabulous.ch/public/variant_asset/7660/file/medium-043c2412511891faa8837d99d4b749f2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7660/file/large-08df72a92960b13c803b333078b13d34.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7660/file/medium-043c2412511891faa8837d99d4b749f2.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">Soto</p>
          <a href="/de/products/burger-susskartoffel-bio-160-g-16606">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Burger Süsskartoffel Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.44 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_2jUVnG7qxRX4FYwb4C8Kb22vUe4ZBIJ2d_GiW7PtCoe13Gi0xoVUjOD5BFjvBwrzaI-ODHDtqGa3E5FCNZQ7g" />
    <input value="16606" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fharmona%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="/de/products/violife-greek-white-150-g-11082">
          <img alt="Violife Greek White" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5671/file/small-d681a73a2bfccf40582772905100132a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5671/file/medium-bb5e8dc8023121656c2360267e877082.webp 900w, https://assets.fabulous.ch/public/variant_asset/5671/file/large-298b8dc59146a9e1b5c613302b54362a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5671/file/medium-bb5e8dc8023121656c2360267e877082.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">Violife</p>
          <a href="/de/products/violife-greek-white-150-g-11082">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Violife Greek White, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.30 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eRqJQ-voFH-jbQp0K3RxbOK7zx9Ppxyd68s0_Y1-fZWYpSy3SUmqOccOuFUnSNFukq9MYMYAuDWoyLwx62eZUQ" />
    <input value="11082" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fharmona%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="/de/products/exclusive-repair-augencreme-15-ml-19320">
          <img alt="Exclusive Repair Augencreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11442/file/small-e85ecf57d940348f4a443a593f4356ab.webp 600w, https://assets.fabulous.ch/public/variant_asset/11442/file/medium-d0d257e1d601139cad2b2121791153e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/11442/file/large-c29ea95f2ca29c20b655d04131f8b5b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11442/file/medium-d0d257e1d601139cad2b2121791153e6.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">Arya Laya</p>
          <a href="/de/products/exclusive-repair-augencreme-15-ml-19320">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Exclusive Repair Augencreme, 15 ml</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 186.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="14O-8veRXfuH0eXGfuY5d5HfM5PE1FReKrtxx9VNkCU2PBsGVTDjveOyV-dy2pl14cuw7E1z8PZpuPkLs1R04Q" />
    <input value="19320" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fharmona%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="/de/products/exclusive-repair-reinigung-100-ml-19321">
          <img alt="Exclusive Repair Reinigung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11441/file/small-54e5524d28e14b542111d9a2b74f5459.webp 600w, https://assets.fabulous.ch/public/variant_asset/11441/file/medium-b1c4a6a51b4bdb9f1b12105e312a5b4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/11441/file/large-8a62660757f69cdeaada0ef28bb8810f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11441/file/medium-b1c4a6a51b4bdb9f1b12105e312a5b4e.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">Arya Laya</p>
          <a href="/de/products/exclusive-repair-reinigung-100-ml-19321">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Exclusive Repair Reinigung, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fYnNVSaOGQtv57Uo8eCzl3_JaiPKCyuS1QAeqoXnB2mcNmihhC-nTQuEBwn93BOVD93pXEOsjzqWA5Zm4_7jrQ" />
    <input value="19321" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fharmona%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="/de/products/exclusive-repair-tagescreme-50-ml-19322">
          <img alt="Exclusive Repair Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11440/file/small-e9fc92640383cb1671d3b8a2851f86ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/11440/file/medium-2f503eec97f7f5158ccbdda1fdc8f2bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/11440/file/large-dfc676d4d5e98a1c90dd450d476821c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11440/file/medium-2f503eec97f7f5158ccbdda1fdc8f2bf.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">Arya Laya</p>
          <a href="/de/products/exclusive-repair-tagescreme-50-ml-19322">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Exclusive Repair Tagescreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 61.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PeerY7lnked6s2BH6s06ogB7OQ7h_JvksaOiFbjNJY7cWA6XG8YvoR7Q0mbm8ZqgcG-6cWhbP0zyoCrZ3tTBSg" />
    <input value="19322" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fharmona%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="/de/products/granatapfel-tagecreme-50-ml-19327">
          <img alt="Granatapfel Tagecreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11435/file/small-c051fe0311dfd2843247800da45fd4a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/11435/file/medium-6791006a1500f89e4706ecc5212f69b8.webp 900w, https://assets.fabulous.ch/public/variant_asset/11435/file/large-80af6a1481df9ea8e3927e1c5048b2b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11435/file/medium-6791006a1500f89e4706ecc5212f69b8.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">Arya Laya</p>
          <a href="/de/products/granatapfel-tagecreme-50-ml-19327">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Granatapfel Tagecreme, 50 ml</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 55.80 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wkOFmLlIfSH_e9-U_UqdAVkmr3j4iMT0bi_qOWkdE5Qj_CBsG-nDZ5sYbbXxdj0DKTIsB3EvYFwtLGL1DwT3UA" />
    <input value="19327" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fharmona%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="/de/products/argan-handpflege-50-ml-19312">
          <img alt="Argan Handpflege" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11461/file/small-59fb00d863aa23ea4d539a474dc0c28d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11461/file/medium-ad6dbe0d5a2fbb25ac5d756af997db8a.webp 900w, https://assets.fabulous.ch/public/variant_asset/11461/file/large-857a1699210c06a4fc3838d0b4d28a7b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11461/file/medium-ad6dbe0d5a2fbb25ac5d756af997db8a.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">Arya Laya</p>
          <a href="/de/products/argan-handpflege-50-ml-19312">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Argan Handpflege, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9Tu3_JnxUKAdbkJhFFX8f-Fiubo4Mr07am8FCbhbElAUhBIIO1Du5nkN8EAYaVx9kXY6xbGVGZMpbI3F3kL2lA" />
    <input value="19312" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fharmona%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="/de/products/argan-body-lotion-150-ml-19311">
          <img alt="Argan Body Lotion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11444/file/small-e4ed7ecfe937f12032c174268b3fec61.webp 600w, https://assets.fabulous.ch/public/variant_asset/11444/file/medium-3bcd5bfebd77a24dd18be68c5dc4e6a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/11444/file/large-94be00fe4a1ad2b535d5afa92480867e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11444/file/medium-3bcd5bfebd77a24dd18be68c5dc4e6a9.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">Arya Laya</p>
          <a href="/de/products/argan-body-lotion-150-ml-19311">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Argan Body Lotion, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ucc4BdoDAYis91mKFuz--yYQxDXPMP0stEwYsskgctmweJ3xeKK_zsiU66sa0F75VgRHSkaXWYT3T5B-rzmWHQ" />
    <input value="19311" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fharmona%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="/de/products/aloe-vera-gel-50-ml-19310">
          <img alt="Aloe Vera Gel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11462/file/small-72593369b13564ec78e8aa46dc8390a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/11462/file/medium-0367e3d4db064543a929519d8d3bb171.webp 900w, https://assets.fabulous.ch/public/variant_asset/11462/file/large-08f88f1847e694c66564ea066b9630d9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11462/file/medium-0367e3d4db064543a929519d8d3bb171.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">Arya Laya</p>
          <a href="/de/products/aloe-vera-gel-50-ml-19310">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aloe Vera Gel, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </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-19310-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3UdCBjrudCQXJNwYeBhO28IvbEtFuLBUeREq_nGMe1k8-OfymE_KYnNHbjl0JO7ZsjvvNMwfFPw6EqIyF5WfnQ" />
    <input value="19310" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fharmona%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="/de/products/aloe-vera-body-lotion-150-ml-19722">
          <img alt="Aloe Vera Body Lotion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11394/file/small-bf7fc7ebbd1ee617e7011df2923b5050.webp 600w, https://assets.fabulous.ch/public/variant_asset/11394/file/medium-33b0b15c0e571aaea5a118db582dbde1.webp 900w, https://assets.fabulous.ch/public/variant_asset/11394/file/large-04d601ea887cf7f1d66f63cdd0fa6323.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11394/file/medium-33b0b15c0e571aaea5a118db582dbde1.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">Arya Laya</p>
          <a href="/de/products/aloe-vera-body-lotion-150-ml-19722">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aloe Vera Body Lotion, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RnGDAmSlS4VyKwFmV_NqZ039j-m4IRMlV8AHg9iqC46nzib2xgT1wxZIs0dbz8plPekMljGGt40Uw49PvrPvSg" />
    <input value="19722" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fharmona%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="/de/products/olive-tag-nachtpflege-50-ml-19338">
          <img alt="Olive Tag &amp; Nachtpflege" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11397/file/small-00f224433ffeb4101cdfd5203e36b44c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11397/file/medium-c22ff0f11f2a557362c2f0e34a464f8f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11397/file/large-61f5ea03995f5357733b25ecd8769943.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11397/file/medium-c22ff0f11f2a557362c2f0e34a464f8f.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">Arya Laya</p>
          <a href="/de/products/olive-tag-nachtpflege-50-ml-19338">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Olive Tag &amp; Nachtpflege, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CtPn7SpSEx-p1zsRQeO5qaRybJOiVSI-CtPTLSHy2xHrbEIZiPOtWc20iTBN3xmr1Gbv7CvyhpZJ0FvhR-s_1Q" />
    <input value="19338" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fharmona%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="/de/products/karotten-ol-30-ml-19336">
          <img alt="Karotten Öl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11399/file/small-7bb7437f2a160df11fd5e19b7c819d53.webp 600w, https://assets.fabulous.ch/public/variant_asset/11399/file/medium-692face06d17011bcc3b843bc05afbae.webp 900w, https://assets.fabulous.ch/public/variant_asset/11399/file/large-0c7d21c24ab16e103e1671aa5153024f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11399/file/medium-692face06d17011bcc3b843bc05afbae.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">Arya Laya</p>
          <a href="/de/products/karotten-ol-30-ml-19336">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Karotten Öl, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z0DXu8prrxYrvFyxyi9qt3ueezUvbknnOJQdtfhCphuG_3JPaMoRUE_f7pDGE8q1C4r4SqbJ7U97l5V5nltC3w" />
    <input value="19336" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fharmona%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="/de/products/kamille-tag-nachtpflege-50-ml-19333">
          <img alt="Kamille Tag &amp; Nachtpflege" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11426/file/small-874809aa676906cb22278c93a0dd2b03.webp 600w, https://assets.fabulous.ch/public/variant_asset/11426/file/medium-18dd83424f7193c038d986001eabf842.webp 900w, https://assets.fabulous.ch/public/variant_asset/11426/file/large-2434fcb5bca1524e6cdd03555019275b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11426/file/medium-18dd83424f7193c038d986001eabf842.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">Arya Laya</p>
          <a href="/de/products/kamille-tag-nachtpflege-50-ml-19333">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kamille Tag &amp; Nachtpflege, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6xwCjdXSGVdqXt0KqOwuQHp154rFt6KizicmhwfgpUwKo6d5d3OnEQ49byuk0I5CCmFk9UwQBgqNJK5LYflBiA" />
    <input value="19333" 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 3&#39;437 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/harmona?format=turbo_stream&amp;page=17">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>