<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%2Fgesundheit%3Fformat%3Dturbo_stream%26page%3D10">
    <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/purya-high-protein-shake-kakao-4k-30g-bio-vegan-1-stuck-20384">
          <img alt="Purya High Protein Shake Kakao 4K 30g Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11083/file/small-21acbd46c53ce2b68eeee2db450d50f1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11083/file/medium-27600702394464ab04003e9a5e825319.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11083/file/large-2e56610bc8483f576f11e0343149221f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11083/file/medium-27600702394464ab04003e9a5e825319.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">PurYa</p>
          <a href="/products/purya-high-protein-shake-kakao-4k-30g-bio-vegan-1-stuck-20384">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Purya High Protein Shake Kakao 4K 30g Bio vegan, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n00Z8TnTxaHh7Yw9wHrSFBKzkgxEf9-zUiKkmWx6FsWIuf1mNKYXWDenusjFLEWev2-CjwXRBRE783bpQqIcQQ" />
    <input value="20384" 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%2Fgesundheit%3Fformat%3Dturbo_stream%26page%3D10">
    <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/purya-high-protein-shake-berry-5k-30g-bio-vegan-1-stuck-20385">
          <img alt="Purya High Protein Shake Berry 5K 30g Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11084/file/small-b5526a4790f91cbe94816c998eb4fcbe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11084/file/medium-cc534ce45e4077edcd2335768a600d9b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11084/file/large-a6117c71f8ff5bbdee904ed022389dbc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11084/file/medium-cc534ce45e4077edcd2335768a600d9b.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">PurYa</p>
          <a href="/products/purya-high-protein-shake-berry-5k-30g-bio-vegan-1-stuck-20385">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Purya High Protein Shake Berry 5K 30g Bio vegan, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LsSguMLLTDz8UnERH8xTd4Lm9s8142hzv5nl2O8T-KM5MEQvz76exSoYR-QamsT9LzrmTHRNstHWSDeowcvyJw" />
    <input value="20385" 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%2Fgesundheit%3Fformat%3Dturbo_stream%26page%3D10">
    <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/phytopharma-cranberry-akut-tabletten-30-stk-1-stuck-20386">
          <img alt="Phytopharma Cranberry Akut Tabletten 30 Stk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11085/file/small-fa29810343ea080a4c604230b0b75018.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11085/file/medium-7d1510a42addede438c144f5647abc22.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11085/file/large-35c7c6d3950f1cbf8135e2219a1a879c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11085/file/medium-7d1510a42addede438c144f5647abc22.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">Phytopharma</p>
          <a href="/products/phytopharma-cranberry-akut-tabletten-30-stk-1-stuck-20386">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Phytopharma Cranberry Akut Tabletten 30 Stk, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="45f_kH-yyGybyaPQnmrRf97GNS_erbIIZlWfCBlSIrn0YxsHcscalU2DlSWbPEb1cxolrJ8DaKoPhE14N4ooPQ" />
    <input value="20386" 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%2Fgesundheit%3Fformat%3Dturbo_stream%26page%3D10">
    <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/phytopharma-phyto-pic-roll-on-10ml-1-stuck-20387">
          <img alt="Phytopharma Phyto Pic Roll-on 10ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11086/file/small-a76ffeea05c76142ff1ab49e4d658dc6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11086/file/medium-91bb351affb2ea4a00a54529f49b328f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11086/file/large-dd7ad4b5e2036db81e73717d0ae508e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11086/file/medium-91bb351affb2ea4a00a54529f49b328f.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">Phytopharma</p>
          <a href="/products/phytopharma-phyto-pic-roll-on-10ml-1-stuck-20387">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Phytopharma Phyto Pic Roll-on 10ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JM7ESpUqiMLJb3ETpYqFHc8A-oAFTBLrmLsVSG5QHsEzOiDdmF9aOx8lR-ag3BKXYtzqA0TiyEnxasc4QIgURQ" />
    <input value="20387" 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%2Fgesundheit%3Fformat%3Dturbo_stream%26page%3D10">
    <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/mellifico-propolis-tinktur-10ml-1-stuck-20388">
          <img alt="Mellifico Propolis Tinktur 10ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11087/file/small-a09a9b15945731d764789b857275f944.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11087/file/medium-62e0a43420df27fce9ee33bdcec4cd98.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11087/file/large-87640de20d039e5711646503f4e7072c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11087/file/medium-62e0a43420df27fce9ee33bdcec4cd98.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">Villiger</p>
          <a href="/products/mellifico-propolis-tinktur-10ml-1-stuck-20388">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mellifico Propolis Tinktur 10ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZiVLf9keSHWAlubXQOE9kpGe9ZGbeEoreaQuotacfMpx0a_o1GuajFbc0CJFt6oYPELlEtrWkIkQdfzS-ER2Tg" />
    <input value="20388" 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%2Fgesundheit%3Fformat%3Dturbo_stream%26page%3D10">
    <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/kruut-oxymel-kraft-bio-150ml-1-stuck-20393">
          <img alt="Kruut Oxymel Kraft Bio, 150ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11093/file/small-a960dba7d63f7f1a573cdc953a2b29aa.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11093/file/medium-ebbb871f8cdd668c4675623cc761b656.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11093/file/large-a280284d84c9ef33df81c36557b47110.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11093/file/medium-ebbb871f8cdd668c4675623cc761b656.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">Kruut</p>
          <a href="/products/kruut-oxymel-kraft-bio-150ml-1-stuck-20393">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kruut Oxymel Kraft Bio, 150ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PfTs3h8TXzskf7HMqfPGAx7WWAVq01bn46OgcFLitFYqAAhJEmaNwvI1hzmspVGJswpIhit9jEWKcnIAfDq-0g" />
    <input value="20393" 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%2Fgesundheit%3Fformat%3Dturbo_stream%26page%3D10">
    <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/kruut-oxymel-ruhe-bio-150ml-1-stuck-20394">
          <img alt="Kruut Oxymel Ruhe Bio, 150ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11094/file/small-3cf4c0bd698aa2c4f02b576f02dcb4b3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11094/file/medium-515babdb590348858f3bb812672fc2e6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11094/file/large-ece95008d7ab443953f598a9d020c0f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11094/file/medium-515babdb590348858f3bb812672fc2e6.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">Kruut</p>
          <a href="/products/kruut-oxymel-ruhe-bio-150ml-1-stuck-20394">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kruut Oxymel Ruhe Bio, 150ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PR8t6nwZG4dr15MX7GMlSIXL6anK_zushHuJf_Gyu-cq68l9cWzJfr2dpeLpNbLCKBf5KotR4Q7tqlsP32qxYw" />
    <input value="20394" 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%2Fgesundheit%3Fformat%3Dturbo_stream%26page%3D10">
    <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/kruut-oxymel-bitter-bio-150ml-1-stuck-20395">
          <img alt="Kruut Oxymel Bitter Bio, 150ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11095/file/small-991c4c2596c3a76ae2fb3e9a45779eb7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11095/file/medium-78e0b842500de28bcb5e49468457646b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11095/file/large-b88bf8b90d5fa0d31d9340ef34a379b6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11095/file/medium-78e0b842500de28bcb5e49468457646b.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">Kruut</p>
          <a href="/products/kruut-oxymel-bitter-bio-150ml-1-stuck-20395">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kruut Oxymel Bitter Bio, 150ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_9sKrPZ572cl-1Bd5KvnQIlNHDTN8_yEesK6ziB_0YDoL-47-ww9nvOxZqjh_XDKJJEMt4xdJiYTE2i-DqfbBA" />
    <input value="20395" 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%2Fgesundheit%3Fformat%3Dturbo_stream%26page%3D10">
    <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/kruut-oxymel-immun-bio-150ml-1-stuck-20396">
          <img alt="Kruut Oxymel Immun Bio, 150ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11096/file/small-acfc06a00c042388bac21c548fca273e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11096/file/medium-91ab343ce22166219d7b0061b13e983c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11096/file/large-9603964b98ca92194f1eeb0815834015.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11096/file/medium-91ab343ce22166219d7b0061b13e983c.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">Kruut</p>
          <a href="/products/kruut-oxymel-immun-bio-150ml-1-stuck-20396">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kruut Oxymel Immun Bio, 150ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cFlDDQXpF_raT4NxBlzTwGZQ3DQKRg9PYnaInXFTNk9nraeaCJzFAwwFtYQDCkRKy4zMt0vo1e0Lp1rtX4s8yw" />
    <input value="20396" 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%2Fgesundheit%3Fformat%3Dturbo_stream%26page%3D10">
    <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/kruut-heimische-superfoods-bio-70g-1-stuck-20397">
          <img alt="Kruut Heimische Superfoods Bio, 70g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11097/file/small-ff03fc85841eb2b7bde5f2b011872992.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11097/file/medium-1f782f221881bb38c1b93a051d95316b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11097/file/large-8b9150092d1ed2fe78e071a6a6434125.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11097/file/medium-1f782f221881bb38c1b93a051d95316b.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">Kruut</p>
          <a href="/products/kruut-heimische-superfoods-bio-70g-1-stuck-20397">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kruut Heimische Superfoods Bio, 70g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nBp-9isDpoLWR9aoDeXw2e2i2WJ7-knyxgAwx_ObAqCL7pphJnZ0ewAN4F0Is2dTQH7J4TpUk1Cv0eK33UMIJA" />
    <input value="20397" 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%2Fgesundheit%3Fformat%3Dturbo_stream%26page%3D10">
    <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/kruut-oxymel-kraft-shot-bio-60ml-1-stuck-20398">
          <img alt="Kruut Oxymel Kraft Shot Bio, 60ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11098/file/small-01be0449b9bad0d061fbb0bd2e5aff87.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11098/file/medium-d12b19a80ff630456670b7e854a1b7da.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11098/file/large-af9190b76eadcbb45100ecde65eccf69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11098/file/medium-d12b19a80ff630456670b7e854a1b7da.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">Kruut</p>
          <a href="/products/kruut-oxymel-kraft-shot-bio-60ml-1-stuck-20398">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kruut Oxymel Kraft Shot Bio, 60ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oWp5I05IrNMgiiXtGemaXX1KbxCWJwCROy5l4qRpN4q2np20Qz1-KvbAExgcvw3X0JZ_k9eJ2jNS_7eSirE9Dg" />
    <input value="20398" 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%2Fgesundheit%3Fformat%3Dturbo_stream%26page%3D10">
    <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/kruut-oxymel-immun-shot-bio-60ml-1-stuck-20399">
          <img alt="Kruut Oxymel Immun Shot Bio, 60ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11099/file/small-ba2aea370fc13d1e666538c83af7a05d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11099/file/medium-7c282ca1822454296fbb29ead996b4c6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11099/file/large-6f07df98edaf6cadb3099a7449117d00.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11099/file/medium-7c282ca1822454296fbb29ead996b4c6.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">Kruut</p>
          <a href="/products/kruut-oxymel-immun-shot-bio-60ml-1-stuck-20399">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kruut Oxymel Immun Shot Bio, 60ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c-Bkxn66RwMZ5hlHou8LWLjyxfvQpGW27R54K8QDqp9kFIBRc8-V-s-sL7KnuZzSFS7VeJEKvxSEz6pb6tugGw" />
    <input value="20399" 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%2Fgesundheit%3Fformat%3Dturbo_stream%26page%3D10">
    <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/kruut-oxymel-bitter-shot-bio-60ml-1-stuck-20400">
          <img alt="Kruut Oxymel Bitter Shot Bio, 60ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11102/file/small-f3214b6397fd830843b547dde4b1158a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11102/file/medium-293b0a222e0c7a759d99d4aa40cb45c9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11102/file/large-33b26c6d082c6ad218bdf8ab29f97fce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11102/file/medium-293b0a222e0c7a759d99d4aa40cb45c9.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">Kruut</p>
          <a href="/products/kruut-oxymel-bitter-shot-bio-60ml-1-stuck-20400">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kruut Oxymel Bitter Shot Bio, 60ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9RkXlllIPBH1D6AHZQBroOtWFtDnVE0QK5hMya6Ni0Ti7fMBVD3u6CNFlvJgVvwqRooGU6b6l7JCSZ65gFWBwA" />
    <input value="20400" 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%2Fgesundheit%3Fformat%3Dturbo_stream%26page%3D10">
    <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/kruut-oxymel-ruhe-shot-bio-60ml-1-stuck-20401">
          <img alt="Kruut Oxymel Ruhe Shot Bio, 60ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11101/file/small-969f834f3ec9b7a0147cb5f78236956b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11101/file/medium-1645f4cc7dbc13905be8a91de6612f99.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11101/file/large-c199687379ce275c8b9f61a7679aaae9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11101/file/medium-1645f4cc7dbc13905be8a91de6612f99.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">Kruut</p>
          <a href="/products/kruut-oxymel-ruhe-shot-bio-60ml-1-stuck-20401">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kruut Oxymel Ruhe Shot Bio, 60ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UwoBR85ZS6HdKLGp9v_stK4q2D519ZJLtTCB2sQUTJVE_uXQwyyZWAtih1zzqXs-A_bIvTRbSOnc4VOq6sxGEQ" />
    <input value="20401" 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%2Fgesundheit%3Fformat%3Dturbo_stream%26page%3D10">
    <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/kruut-wild-seeds-100-brennnesselsamen-60g-bio-1-stuck-20410">
          <img alt="Kruut Wild Seeds 100% Brennnesselsamen 60g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11116/file/small-43ec0ef44bbf4198d19645d41656133e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11116/file/medium-aab62cb2d10e9bb2bca9c31237cf7768.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11116/file/large-1f0d57bc0eba263e29fbdf4e88b1d2c5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11116/file/medium-aab62cb2d10e9bb2bca9c31237cf7768.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">Kruut</p>
          <a href="/products/kruut-wild-seeds-100-brennnesselsamen-60g-bio-1-stuck-20410">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kruut Wild Seeds 100% Brennnesselsamen 60g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oRfaqYvjSkKotIyv6ntxV0id01XypmAKLAn8LxB0xWe24z4-hpaYu37-ulrvLebd5UHD1rMIuqhF2C5fPqzP4w" />
    <input value="20410" 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%2Fgesundheit%3Fformat%3Dturbo_stream%26page%3D10">
    <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/bioplanete-omega-silver-100ml-bio-1-stuck-20469">
          <img alt="BioPlanète Omega Silver 100ml Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11195/file/small-43dc8099ab0c13282ea9a7198916b930.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11195/file/medium-a4bbea86c7ba24658f934a0cf6903b97.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11195/file/large-d986d39942968124601dbbc8d004cd6a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11195/file/medium-a4bbea86c7ba24658f934a0cf6903b97.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">BioPlanète</p>
          <a href="/products/bioplanete-omega-silver-100ml-bio-1-stuck-20469">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BioPlanète Omega Silver 100ml Bio, 1 Stück</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.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KnnPjCboTSAzWh0eVkzNi7mXzdPpqatZdPpUQvZBPU49jSsbK52f2eUQK-tTGloBFEvdUKgHcfsdK4Yy2Jk3yg" />
    <input value="20469" 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%2Fgesundheit%3Fformat%3Dturbo_stream%26page%3D10">
    <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/nkw-hanf-proteinpulver-mit-vit-b12-220g-bio-1-stuck-20473">
          <img alt="NKW Hanf Proteinpulver mit Vit. B12 220g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11199/file/small-52b699cdbba46b2a1cc0ba808f3ca9a6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11199/file/medium-f06c3fc6a3d1036e9bdc30a5910160ae.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11199/file/large-1292fb118b0e1bb5041097349c122b1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11199/file/medium-f06c3fc6a3d1036e9bdc30a5910160ae.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">Govinda</p>
          <a href="/products/nkw-hanf-proteinpulver-mit-vit-b12-220g-bio-1-stuck-20473">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Hanf Proteinpulver mit Vit. B12 220g Bio, 1 Stück</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 14.50 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jFQjysbXC-27_G2wq5sReFm0cabTavIQOhAUJ7utk2OboMddy6LZFG22W0WuzYby9GhhJZLEKLJTwcZXlXWZ5w" />
    <input value="20473" 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%2Fgesundheit%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/nkw-astaxanthin-mit-vitamin-d3-k2-50ml-1-stuck-20501">
          <img alt="NKW Astaxanthin mit Vitamin D3 &amp; K2 50ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11242/file/small-3cac87fcb88b438333f96de98780be51.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11242/file/medium-467d7e4395da3cc26e7b7a752ff1ddf1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11242/file/large-8d9fe219078081c133dbd35400b7dbf1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11242/file/medium-467d7e4395da3cc26e7b7a752ff1ddf1.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">NKW</p>
          <a href="/products/nkw-astaxanthin-mit-vitamin-d3-k2-50ml-1-stuck-20501">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Astaxanthin mit Vitamin D3 &amp; K2 50ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VsCxDUkx_CxRxCYmFHKKs15DJu8sPyjgrZp77nkUDTRBNFWaREQu1YeOENMRJB058582bG2R8kLES6meV8wHsA" />
    <input value="20501" 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">
      198 von 198 Produkten
    </p>
  </div>
</div>

</template></turbo-stream>