<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%2Fgesundheit%2Fnahrstoffe%3Fformat%3Dturbo_stream%26page%3D4">
    <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/omega-3-fischol-kapseln-120-stuck-20392">
          <img alt="Omega 3 Fischöl Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11100/file/small-1d7c37c88d5b0fd7efa1d079eee7dc63.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11100/file/medium-98cc51bb506b62a0d6820afb56822458.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11100/file/large-3b6bc95364c910289988f15ff9d690c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11100/file/medium-98cc51bb506b62a0d6820afb56822458.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">Norsan</p>
          <a href="/de/products/omega-3-fischol-kapseln-120-stuck-20392">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Omega 3 Fischöl Kapseln, 120 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 47.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FZ_kiEZvEdWhjdapeHrAPWPWxYMuv2NeB6bjtmeBoGMksptbM2aK_GhblCyoHeIxkSlw9kO0eaEBA2UsfaeE_w" />
    <input value="20392" 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%2Fgesundheit%2Fnahrstoffe%3Fformat%3Dturbo_stream%26page%3D4">
    <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/elektrolyte-zitrone-sticks-30-stuck-20402">
          <img alt="Elektrolyte Zitrone Sticks" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11114/file/small-579379a868a4447ad81a6397c722731d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11114/file/medium-c99da6503c841e3f14985f5f02fbf728.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11114/file/large-fbd82d2070afcaffef926674470306ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11114/file/medium-c99da6503c841e3f14985f5f02fbf728.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="/de/products/elektrolyte-zitrone-sticks-30-stuck-20402">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Elektrolyte Zitrone Sticks, 30 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SrFHNBiXIUaKrNoknWT38xJuyW5POL2oIaDv61Fai9V7nDjnbZ66b0N6mKFNA9X_4JF8GyIzp1cnBWlxS3yvSQ" />
    <input value="20402" 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%2Fgesundheit%2Fnahrstoffe%3Fformat%3Dturbo_stream%26page%3D4">
    <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/protein-reis-bio-400-g-20430">
          <img alt="Protein Reis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11144/file/small-68c6d5c0108ffdbdd97aefef01ae5a35.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11144/file/medium-bd3e9f0dd441da7400d3abafc65397ff.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11144/file/large-da4b317ef964b825bacdc04650c654c5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11144/file/medium-bd3e9f0dd441da7400d3abafc65397ff.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">Raab</p>
          <a href="/de/products/protein-reis-bio-400-g-20430">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Protein Reis Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nN41Be2oOGLUEahVVEpdN5df_LoQJ9SomEuSwRw2AXqt80rWmKGjSx3H6tCELX87ZaBJz30szlee7hRbBhAl5g" />
    <input value="20430" 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%2Fgesundheit%2Fnahrstoffe%3Fformat%3Dturbo_stream%26page%3D4">
    <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/high-protein-shake-vanille-5k-bio-30-g-20447">
          <img alt="High Protein Shake Vanille 5K Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11162/file/small-5e0ff8b9d50c51673bbe096041a1bdee.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11162/file/medium-f2d03cd7867b78772186ec48cd60ed06.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11162/file/large-5f3e06a32db1e03fab5b5e94d8550dcf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11162/file/medium-f2d03cd7867b78772186ec48cd60ed06.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="/de/products/high-protein-shake-vanille-5k-bio-30-g-20447">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">High Protein Shake Vanille 5K Bio, 30 g</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 9.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K16VqgvKt2e7nkrF4SLXiDNRg3w2c-zLUWwN4OrsGmsac-p5fsMsTnJICEAxRfWEwa42CVt49jRXyYt68Mo-9w" />
    <input value="20447" 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%2Fgesundheit%2Fnahrstoffe%3Fformat%3Dturbo_stream%26page%3D4">
    <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/high-protein-shake-kakao-4k-bio-30-g-20448">
          <img alt="High Protein Shake Kakao 4K Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11163/file/small-ec18f5c6323dde8e2ce5af8aeddda1d5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11163/file/medium-4d107ccd8e7734810393ae845a64ea2b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11163/file/large-1b6f7fa63e50322b08764ac421a318e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11163/file/medium-4d107ccd8e7734810393ae845a64ea2b.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="/de/products/high-protein-shake-kakao-4k-bio-30-g-20448">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">High Protein Shake Kakao 4K Bio, 30 g</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 8.67 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zTnY34mOQxWsObEzrJBeeOhgA7lxjkJUQbG1UG84U-j8FKcM_IfYPGXv87Z893x0Gp-2zByFWKtHFDPKdR53dA" />
    <input value="20448" 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%2Fgesundheit%2Fnahrstoffe%3Fformat%3Dturbo_stream%26page%3D4">
    <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/high-protein-shake-berry-5k-bio-30-g-20449">
          <img alt="High Protein Shake Berry 5K Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11164/file/small-65bdc37e987ba555d2b8839601383775.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11164/file/medium-82946d602c921dc430fdc0981c35faa2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11164/file/large-e835a24302dc130d5ad039a6f94e4e14.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11164/file/medium-82946d602c921dc430fdc0981c35faa2.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="/de/products/high-protein-shake-berry-5k-bio-30-g-20449">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">High Protein Shake Berry 5K Bio, 30 g</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 9.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dII2ggH2IUEpFEmOqwgiumeUImvDxSqdH8gxL87e8lhFr0lRdP-6aODCCwt7bwC2lWuXHq7OMGIZbbe11PjWxA" />
    <input value="20449" 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%2Fgesundheit%2Fnahrstoffe%3Fformat%3Dturbo_stream%26page%3D4">
    <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/cranberry-akut-tabletten-30-stuck-20450">
          <img alt="Cranberry Akut Tabletten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11165/file/small-49a6efbb325b26af865217a4a9d9d0f8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11165/file/medium-7e8f94f06f9af84352c4b76d0d3ad123.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11165/file/large-96b1120dfdeacc414439deb03ea8e6e3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11165/file/medium-7e8f94f06f9af84352c4b76d0d3ad123.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="/de/products/cranberry-akut-tabletten-30-stuck-20450">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cranberry Akut Tabletten, 30 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 1.33 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RwyEGOeBrQ714J45Z27oozYoVlZS38E-reFAIECLBLp2IfvLkog2Jzw23Ly3CcqvxNfjIz_U28GrRMa6Wq0gJg" />
    <input value="20450" 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%2Fgesundheit%2Fnahrstoffe%3Fformat%3Dturbo_stream%26page%3D4">
    <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/mellifico-propolis-tinktur-10-ml-20452">
          <img alt="Mellifico Propolis Tinktur" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11168/file/small-720126c5c9ed9d0a0b16651dbe6bc474.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11168/file/medium-4f6634f606f1d4119ab8b25d03483c21.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11168/file/large-b78c3e9c5477b7fe8217a566b2ed6120.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11168/file/medium-4f6634f606f1d4119ab8b25d03483c21.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="/de/products/mellifico-propolis-tinktur-10-ml-20452">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mellifico Propolis Tinktur, 10 ml</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 229.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QIvUMEl0M5ZSgLbmAlvH_y_Uqe2-bE2fK8gIzpleop1xpqvjPH2ov5tW9GPSPOXz3SscmNNnV2AtbY5Ug3iGAQ" />
    <input value="20452" 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%2Fgesundheit%2Fnahrstoffe%3Fformat%3Dturbo_stream%26page%3D4">
    <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/oxymel-kraft-bio-150-ml-20457">
          <img alt="Oxymel Kraft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11173/file/small-2e3d55258cfaf38fc4f7cee64d7c01e8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11173/file/medium-abdc55c6dcd7c2ccd1e525aa12f44768.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11173/file/large-0233cde80ea3060c38f225ddd671716c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11173/file/medium-abdc55c6dcd7c2ccd1e525aa12f44768.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="/de/products/oxymel-kraft-bio-150-ml-20457">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Kraft Bio, 150 ml</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 13.53 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l1nt2GTafzqYQHfYj6m31ajljzpTAvCq6XOBrXxPI9qmdJILEdPkE1GWNV1fzpXZWho6Tz4J6lXv1gc3ZmkHRg" />
    <input value="20457" 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%2Fgesundheit%2Fnahrstoffe%3Fformat%3Dturbo_stream%26page%3D4">
    <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/oxymel-ruhe-bio-150-ml-20458">
          <img alt="Oxymel Ruhe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11174/file/small-71f564a52d65bb52144ad2217505dcf3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11174/file/medium-4388dbaed079fb7aa72c8f7aa9b28ee7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11174/file/large-29f30df061e01da3d4f83c494220d6f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11174/file/medium-4388dbaed079fb7aa72c8f7aa9b28ee7.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="/de/products/oxymel-ruhe-bio-150-ml-20458">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Ruhe Bio, 150 ml</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 13.53 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0rD0QbcAVmNYZ08YAPJxSJhJ3R1kqW9st9oNMKK_xEPjnYuSwgnNSpGxDZ3QlVNEarZoaAmidZOxf4uquJng3w" />
    <input value="20458" 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%2Fgesundheit%2Fnahrstoffe%3Fformat%3Dturbo_stream%26page%3D4">
    <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/oxymel-bitter-bio-150-ml-20459">
          <img alt="Oxymel Bitter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11175/file/small-cde91d3a76765d61ff12e12408ff0bdb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11175/file/medium-3996250ca6159d626b5052fcd6a88001.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11175/file/large-086c9d173a32f2df020f26ffdc16ac5c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11175/file/medium-3996250ca6159d626b5052fcd6a88001.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="/de/products/oxymel-bitter-bio-150-ml-20459">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Bitter Bio, 150 ml</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 13.53 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xjWiu8sMpHMWLn-qOfukxOJa9f0ENz1Jy0zAPyt2ran3GN1ovgU_Wt_4PS_pnIbIEKVAiGk8J7bN6UalMVCJNQ" />
    <input value="20459" 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%2Fgesundheit%2Fnahrstoffe%3Fformat%3Dturbo_stream%26page%3D4">
    <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/oxymel-immun-bio-150-ml-20460">
          <img alt="Oxymel Immun Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11176/file/small-66932f2edf45dff89473f4afc10604c3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11176/file/medium-341341a9e56c215d7c535d8132e4d50c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11176/file/large-2409d07e433f22894d980823bb5cf3ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11176/file/medium-341341a9e56c215d7c535d8132e4d50c.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="/de/products/oxymel-immun-bio-150-ml-20460">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Immun Bio, 150 ml</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 13.53 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mwVHC_94MM-t5i1a7Bs_1_6Dz449PLMwIP-ccGilQrKqKDjYinGr5mQwb988fB3bDHx6-1A3qc8mWhrqcoNmLg" />
    <input value="20460" 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%2Fgesundheit%2Fnahrstoffe%3Fformat%3Dturbo_stream%26page%3D4">
    <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/heimische-superfoods-bio-70-g-20461">
          <img alt="Heimische Superfoods Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11177/file/small-ee2aefcf10039f46db73d3626d897baf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11177/file/medium-9135b6f9cd6df5ede7dd87dfe3912c7f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11177/file/large-b01f820a8b23c651bd3bfed00bdf1598.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11177/file/medium-9135b6f9cd6df5ede7dd87dfe3912c7f.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="/de/products/heimische-superfoods-bio-70-g-20461">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Heimische Superfoods Bio, 70 g</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 21.71 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qq5vPLVZLxcz7wXEgNOzRvksE1YkzW1_B1aQRlpl7_RzgxDvwFC0Pvo5R0FQtJFKC9OmI0nGd4AB8xbcQEPLaA" />
    <input value="20461" 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%2Fgesundheit%2Fnahrstoffe%3Fformat%3Dturbo_stream%26page%3D4">
    <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/oxymel-kraft-shot-bio-60-ml-20462">
          <img alt="Oxymel Kraft Shot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11178/file/small-bab6284c2efd050769f34b2e538af2bc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11178/file/medium-a65491e54f41e3994bad368eb9efed52.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11178/file/large-f243704469ab942289d0d36c029d969d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11178/file/medium-a65491e54f41e3994bad368eb9efed52.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="/de/products/oxymel-kraft-shot-bio-60-ml-20462">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Kraft Shot Bio, 60 ml</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 5.83 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fmA07h45EbsJhg7tKnn_ydxiKaYADFZljVgLZWszE-lPTUs9azCKksBQTGj6Ht3FLp2c020HTJqL_Y3_cRU3dQ" />
    <input value="20462" 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%2Fgesundheit%2Fnahrstoffe%3Fformat%3Dturbo_stream%26page%3D4">
    <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/oxymel-immun-shot-bio-60-ml-20463">
          <img alt="Oxymel Immun Shot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11179/file/small-7338553d78abf212f38763a983638bca.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11179/file/medium-7c8f5bf5fe6af42d8237cefed0a4eabd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11179/file/large-c3af3ae004844ce411f0b33fb245a8c2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11179/file/medium-7c8f5bf5fe6af42d8237cefed0a4eabd.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="/de/products/oxymel-immun-shot-bio-60-ml-20463">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Immun Shot Bio, 60 ml</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 5.83 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9-OtqsBEoZkcaGCcLKJO5TRQ4w1dR0-r38n244gGJvDGztJ5tU06sNW-Ihn8xWzpxq9WeDBMVVTZbHB5kiACbA" />
    <input value="20463" 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%2Fgesundheit%2Fnahrstoffe%3Fformat%3Dturbo_stream%26page%3D4">
    <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/oxymel-bitter-shot-bio-60-ml-20464">
          <img alt="Oxymel Bitter Shot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11180/file/small-d990532f0094685a4d92dcbad25bcdf1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11180/file/medium-a03db146b4ea38bc893160184424128a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11180/file/large-791b11aefa50902b09522a148cacc726.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11180/file/medium-a03db146b4ea38bc893160184424128a.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="/de/products/oxymel-bitter-shot-bio-60-ml-20464">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Bitter Shot Bio, 60 ml</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 5.83 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qCO0SEr6SPjn0cs3amhxZDlg-nUUPTW2y5fzJVPPZYyZDsubP_PT0S4HibK6D1Noy59PAHk2L0nNMnW_SelBEA" />
    <input value="20464" 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%2Fgesundheit%2Fnahrstoffe%3Fformat%3Dturbo_stream%26page%3D4">
    <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/oxymel-ruhe-shot-bio-60-ml-20465">
          <img alt="Oxymel Ruhe Shot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11182/file/small-e4ed94a1f0a432a4380456bb9e019de7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11182/file/medium-ba8be71afbeff03cace5ad66372c85f1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11182/file/large-9a3c7999dca8161a16c1addb01b848e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11182/file/medium-ba8be71afbeff03cace5ad66372c85f1.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="/de/products/oxymel-ruhe-shot-bio-60-ml-20465">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Ruhe Shot Bio, 60 ml</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 5.83 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Gev2Ptyk9buGGF0MUO3DFYZwbAQ4MILzpD4PzXAfGBUoxontqa1ukk_OH4mAiuEZdI_ZcVU7mAyim4lXajk8iQ" />
    <input value="20465" 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%2Fgesundheit%2Fnahrstoffe%3Fformat%3Dturbo_stream%26page%3D4">
    <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/wild-seeds-100-brennnesselsamen-bio-60-g-20474">
          <img alt="Wild Seeds 100% Brennnesselsamen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11196/file/small-4b7aa94b0bd74981daf4f82b8b80aec2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11196/file/medium-0ecc8a50bcdd59f61bcaa483501a099a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11196/file/large-a2042d42876adaf9ef60de2fb3af1c17.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11196/file/medium-0ecc8a50bcdd59f61bcaa483501a099a.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="/de/products/wild-seeds-100-brennnesselsamen-bio-60-g-20474">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wild Seeds 100% Brennnesselsamen Bio, 60 g</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 30.83 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7zMwgBXbkHYlivwDKLMGbui-QlveGPeBDWk_zF4fz_neHk9TYNILX-xcvob41CRiGkH3LrMT7X4LzLlWRDnrZQ" />
    <input value="20474" 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%2Fgesundheit%2Fnahrstoffe%3Fformat%3Dturbo_stream%26page%3D4">
    <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/nkw-hanf-proteinpulver-mit-vit-b12-bio-220-g-20534">
          <img alt="NKW Hanf Proteinpulver mit Vit. B12 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11276/file/small-7d93e47b85b2ab1330489240379e50de.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11276/file/medium-147f67659e9ba166ea77ea69bb0697b2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11276/file/large-f7c4d8ed5f987d1346b201d0445858e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11276/file/medium-147f67659e9ba166ea77ea69bb0697b2.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="/de/products/nkw-hanf-proteinpulver-mit-vit-b12-bio-220-g-20534">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Hanf Proteinpulver mit Vit. B12 Bio, 220 g</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 6.59 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J8DQc4ZTyPq-a3flbBlpSydlXdUTCCpV2c9y6hkR1GwW7a-g81pT03e9NWC8fktH1ZrooH4DMKrfavRwAzfw8A" />
    <input value="20534" 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%2Fgesundheit%2Fnahrstoffe%3Fformat%3Dturbo_stream%26page%3D4">
    <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="/de/products/astaxanthin-mit-vitamin-d3-k2-50-ml-20562">
          <img alt="Astaxanthin mit Vitamin D3 &amp; K2" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11320/file/small-80761a880a76a9ffacbad595e54024f6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11320/file/medium-6b935035abcc60f97f27eb151ba6d642.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11320/file/large-79f153400ef9856933132d9eb18e19bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11320/file/medium-6b935035abcc60f97f27eb151ba6d642.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="/de/products/astaxanthin-mit-vitamin-d3-k2-50-ml-20562">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Astaxanthin mit Vitamin D3 &amp; K2, 50 ml</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 91.20 / 100 ml
            </p>
        </div>
      </div>

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

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

</template></turbo-stream>