<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/geliermittel-apfelpektin-glutenfrei-bio-20-g-7959">
          <img alt="Geliermittel Apfelpektin Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4665/file/small-1ab0f9ccf3935da4468dc173039c9b7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4665/file/medium-fe54a464e44a3b603609550ff60f1bf9.webp 900w, https://assets.fabulous.ch/public/variant_asset/4665/file/large-50f3f7cf5946c946696609abcf392a68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4665/file/medium-fe54a464e44a3b603609550ff60f1bf9.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">Arche</p>
          <a href="/de/products/geliermittel-apfelpektin-glutenfrei-bio-20-g-7959">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geliermittel Apfelpektin Glutenfrei Bio, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T9NPzw4j6NYq_3QuBjWTQ-HvZwSVDsEIyNmLmHGefNWWc8jATfTA-bG0MBPe5jsc_Q4igSSyN4hlrcPRl2rqVQ" />
    <input value="7959" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vegane-alternative-zu-mozzarella-bio-200-g-55">
          <img alt="Vegane Alternative zu Mozzarella Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/58/file/small-64f8a196bf4a74d219fe14b2d2b2a73b.webp 600w, https://assets.fabulous.ch/public/variant_asset/58/file/medium-6b9da0ee2dfd145da8da79ad174fac51.webp 900w, https://assets.fabulous.ch/public/variant_asset/58/file/large-f9904fdac4d04953c857ba552165c24d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/58/file/medium-6b9da0ee2dfd145da8da79ad174fac51.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">Frescolat S.r.l.</p>
          <a href="/de/products/vegane-alternative-zu-mozzarella-bio-200-g-55">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Alternative zu Mozzarella Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vUqsYnj-8rSXwIL8-qDASldMge_dYSvQjaVuwELABVZk6ittOynamwyLxsEic2gVS63Eamzd3VAg0SaJpDST1g" />
    <input value="55" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/wilmersburger-scheiben-burger-style-glutenfrei-150-g-57">
          <img alt="Wilmersburger Scheiben Burger-Style Glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/61/file/small-32abed07a5364310a72beece2400f658.webp 600w, https://assets.fabulous.ch/public/variant_asset/61/file/medium-0c279baf58226e70d3d7c1e81d63c59d.webp 900w, https://assets.fabulous.ch/public/variant_asset/61/file/large-3d1af9243c06d53ebfa49ae880aa1089.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/61/file/medium-0c279baf58226e70d3d7c1e81d63c59d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wilmersburger</p>
          <a href="/de/products/wilmersburger-scheiben-burger-style-glutenfrei-150-g-57">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wilmersburger Scheiben Burger-Style Glutenfrei, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fiBNRGOYZRijO8sw-6H2M8gT30ihSuO5ash7YXuxYTSngMpLIE9NNzhwjw0jcl5s1PKazRD2FTnHvDMonUX3tA" />
    <input value="57" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/wilmersburger-pizzaschmelz-bio-150-g-61">
          <img alt="Wilmersburger Pizzaschmelz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/65/file/small-b12a09baa7ed134dad4753a0551650b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/65/file/medium-545f99c4c72357f742a5e609130fa305.webp 900w, https://assets.fabulous.ch/public/variant_asset/65/file/large-323b181b5322fea545ce8ecfd7b4b704.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/65/file/medium-545f99c4c72357f742a5e609130fa305.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wilmersburger</p>
          <a href="/de/products/wilmersburger-pizzaschmelz-bio-150-g-61">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wilmersburger Pizzaschmelz Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y9fQfEXlp41rL4oXzCahhsrS_XOVBYQIpXFuLqWDoJ0Sd1dzBjKPovBkzioU9QnZ1jO49iS5cogIBSZnQ3c2HQ" />
    <input value="61" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/basisches-kristallbad-450-g-16538">
          <img alt="Basisches Kristallbad" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7629/file/small-b46c81e63b717cd428b589b44efacb92.webp 600w, https://assets.fabulous.ch/public/variant_asset/7629/file/medium-f657ec5b9fa8f94cfdd5f5ce4eea4af0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7629/file/large-00892c23222ac2422ef959f1de29292e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7629/file/medium-f657ec5b9fa8f94cfdd5f5ce4eea4af0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erva Medica AG</p>
          <a href="/de/products/basisches-kristallbad-450-g-16538">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Basisches Kristallbad, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b6ym2nYdIEr4XEbe3v6vnHyF9fKVe79w-JM0Pj0JbyG2DCHVNcoIZWMXAuMGLQfDYGSwdyTHSfBV53x32_35oQ" />
    <input value="16538" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/thymian-salbe-125-ml-16536">
          <img alt="Thymian Salbe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8837/file/small-67bc69ba5de06a2d6f92c0023c1dd123.webp 600w, https://assets.fabulous.ch/public/variant_asset/8837/file/medium-d7203ced1d994cd4f5b5073f0d757039.webp 900w, https://assets.fabulous.ch/public/variant_asset/8837/file/large-acb120a434098f52e580cce10af44d21.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8837/file/medium-d7203ced1d994cd4f5b5073f0d757039.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erva Medica AG</p>
          <a href="/de/products/thymian-salbe-125-ml-16536">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Thymian Salbe, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7TEZj9xzkiJz6AqBdv3Z5rgmjPNonDOOrkS2Un2khzg0kZ6An6S6DeijTryuLnG5pMfJdtkgxQ4DMP4bm1ARuA" />
    <input value="16536" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/weinlaub-aktiv-balsam-125-ml-15520">
          <img alt="Weinlaub Aktiv Balsam" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7076/file/small-1d27e018e17b00a5663555e561c576da.webp 600w, https://assets.fabulous.ch/public/variant_asset/7076/file/medium-f8d9cee6f12ec84e56c6eda44a59cecb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7076/file/large-4feb85fb3e2aff619d7bd414bccad58c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7076/file/medium-f8d9cee6f12ec84e56c6eda44a59cecb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erva Medica AG</p>
          <a href="/de/products/weinlaub-aktiv-balsam-125-ml-15520">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Weinlaub Aktiv Balsam, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WuuhJWYqPhJujJtJsYdWYSrLUxRbXiup9JqHW8VAmnaDSyYqJf0WPfXH33RpVP4-NioWkeri3SlZ7s8SI7QM9g" />
    <input value="15520" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/nukleotide-cognicell-nt-kapseln-60-stuck-15518">
          <img alt="Nukleotide Cognicell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8833/file/small-8f0d5749e61928097c6fc507ba0bc731.webp 600w, https://assets.fabulous.ch/public/variant_asset/8833/file/medium-24e44ac9b6c5d26bb1b8fbea6dcfa966.webp 900w, https://assets.fabulous.ch/public/variant_asset/8833/file/large-c0d3ae39a4971d87fe2b464a9442d11e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8833/file/medium-24e44ac9b6c5d26bb1b8fbea6dcfa966.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erva Medica AG</p>
          <a href="/de/products/nukleotide-cognicell-nt-kapseln-60-stuck-15518">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nukleotide Cognicell, 60 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g-OKfrqYkVQXkfK4ZCJBh8d11B0Z8u2dUykWTfkOOfZaQw1x-U-5e4zatoW88enY25SRmKhOGx3-XV4EH_qvdg" />
    <input value="15518" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/nukleotide-hepacell-nt-kapseln-60-stuck-14933">
          <img alt="Nukleotide Hepacell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8832/file/small-3e8babc7ec8e05349c050ff585d7810b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8832/file/medium-611b1d3d495c39f76954ce92e6954770.webp 900w, https://assets.fabulous.ch/public/variant_asset/8832/file/large-e6c22ef786ff76159d42f51aaffc5d1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8832/file/medium-611b1d3d495c39f76954ce92e6954770.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erva Medica AG</p>
          <a href="/de/products/nukleotide-hepacell-nt-kapseln-60-stuck-14933">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nukleotide Hepacell, 60 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1-GWyshE5-ss7O4zimEXBFaEaK9bhQ_KnEnNN1sNz0MOQRHFi5PPxLenqg5Ssr9bSmUtKuo5-UoxPYV-vflZww" />
    <input value="14933" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/nukleotide-histocell-nt-kapseln-60-stuck-13878">
          <img alt="Nukleotide Histocell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8829/file/small-1a221ab55eb03645e182286b84dcfc29.webp 600w, https://assets.fabulous.ch/public/variant_asset/8829/file/medium-8e3c1f0af4d4862dceffdd934152fa1a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8829/file/large-1e2cc4aeb82de690a1e6f73fad869de8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8829/file/medium-8e3c1f0af4d4862dceffdd934152fa1a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erva Medica AG</p>
          <a href="/de/products/nukleotide-histocell-nt-kapseln-60-stuck-13878">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nukleotide Histocell, 60 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f7_7uO7VPiVMhYdXnKppOXLhPc7hHcT683zH2HYA45CmH3y3rQIWCtfOw2pEecFmbgB4S1ChMnpeCI-RkPR1EA" />
    <input value="13878" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/nukleotide-nucleocell-kapseln-60-stuck-13875">
          <img alt="Nukleotide Nucleocell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8828/file/small-1c0a84080b5283fa4c34fa49e732deba.webp 600w, https://assets.fabulous.ch/public/variant_asset/8828/file/medium-84f70451d7397d963ef55b1e227022ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/8828/file/large-7d99604a99798213f59792335ca07a2d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8828/file/medium-84f70451d7397d963ef55b1e227022ac.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erva Medica AG</p>
          <a href="/de/products/nukleotide-nucleocell-kapseln-60-stuck-13875">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nukleotide Nucleocell, 60 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WKuPa3knPJkddhZh1vqcNPHxwCqVjOrrkVicZI1o5z-BCwhkOvAUtoY9UlwOKTRr7RCFryQwHGs8LNQta5xxvw" />
    <input value="13875" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/nukleotide-intestaid-kapseln-60-stuck-13872">
          <img alt="Nukleotide Intestaid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8825/file/small-63d3536ba010adf342c998e118c8b680.webp 600w, https://assets.fabulous.ch/public/variant_asset/8825/file/medium-3c0dce3b1db3c9491cf19897b73d4035.webp 900w, https://assets.fabulous.ch/public/variant_asset/8825/file/large-ba6a0204794d133522b79210c58f35e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8825/file/medium-3c0dce3b1db3c9491cf19897b73d4035.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erva Medica AG</p>
          <a href="/de/products/nukleotide-intestaid-kapseln-60-stuck-13872">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nukleotide Intestaid, 60 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7UAgxwkhaUjx0EzZQKQpjzO3CffvPU09vrjAPpM5tz804KfISvZBZ2qbCOSYd4HQL1ZMcl6Bu70TzIh3dc0hvw" />
    <input value="13872" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/aloe-vera-gel-125-ml-11734">
          <img alt="Aloe Vera Gel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8836/file/small-77aa5cf8dfe9294ec75f1d7959a80ae0.webp 600w, https://assets.fabulous.ch/public/variant_asset/8836/file/medium-9bd6bdfe96680eec1d75b6353ba42d1a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8836/file/large-7b04b5321d123047d8e5efb37de2cee6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8836/file/medium-9bd6bdfe96680eec1d75b6353ba42d1a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erva Medica AG</p>
          <a href="/de/products/aloe-vera-gel-125-ml-11734">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Aloe Vera Gel, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B9lenT5FeGX4g-5HUxP9uS_fkkVLBvwpoJtYd9OeaSzeedmSfZJQSmPIqnqLwFXmMz7XwPq6CqkN7xA-NWr_rA" />
    <input value="11734" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/heidelbeere-plus-kapseln-90-stuck-11732">
          <img alt="Heidelbeere Plus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8900/file/small-9892fc88efb3261989a444c7ce0838aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/8900/file/medium-7145bb5338e5ed17b84349377366408b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8900/file/large-b0cd85b16625dbd9e496b91b9c326eaa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8900/file/medium-7145bb5338e5ed17b84349377366408b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erva Medica AG</p>
          <a href="/de/products/heidelbeere-plus-kapseln-90-stuck-11732">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Heidelbeere Plus, 90 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yN5Xe4q5Yx9ddSQp1-DIYL3xTGYu2N1UO3UKzLirLW4RftB0yW5LMMY-YBQPM2A_oRAJ459kK9SWAUKFXl-77g" />
    <input value="11732" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/herz-aktiv-kapseln-90-stuck-11731">
          <img alt="Herz Aktiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8899/file/small-ea1926701d0afad02fb20da195ea55d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/8899/file/medium-a434dc062edaeead012aa8739816e0ed.webp 900w, https://assets.fabulous.ch/public/variant_asset/8899/file/large-6d42204709ac1e5ced5a8b5ada48f674.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8899/file/medium-a434dc062edaeead012aa8739816e0ed.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erva Medica AG</p>
          <a href="/de/products/herz-aktiv-kapseln-90-stuck-11731">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Herz Aktiv, 90 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NUk_DC2YaDTsNngFp0QHQdEvBOSxoCj3jPuZTEHY73Ds6bgDbk9AG3d9PDh_l68ezc5BYQAc3nchj9EFpyx58A" />
    <input value="11731" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hirse-bambus-plus-kapseln-180-stuck-11730">
          <img alt="Hirse Bambus Plus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8898/file/small-b6ab70745c2ab0aae19fe885386dc594.webp 600w, https://assets.fabulous.ch/public/variant_asset/8898/file/medium-f3992d25cdfc529de4dbdbd8a11721d1.webp 900w, https://assets.fabulous.ch/public/variant_asset/8898/file/large-db42cdb18fb50557f88260cf40cc7c03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8898/file/medium-f3992d25cdfc529de4dbdbd8a11721d1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erva Medica AG</p>
          <a href="/de/products/hirse-bambus-plus-kapseln-180-stuck-11730">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hirse Bambus Plus, 180 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 89.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K6W8j8DMmwONxH568z4tzOFmLMPklA0VHN7NvJvC0uryBTuAgxuzLBaPOkcr7YWT_YdpRlUo-5WxqoX1fTZEag" />
    <input value="11730" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hirse-bambus-plus-kapseln-90-stuck-11728">
          <img alt="Hirse Bambus Plus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8897/file/small-59a1adbf99b3b2b0517285781fa5a608.webp 600w, https://assets.fabulous.ch/public/variant_asset/8897/file/medium-15186e4ea96afeb81acd91fb1494e8b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8897/file/large-352df4f50c55188866095a47b3a7fe11.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8897/file/medium-15186e4ea96afeb81acd91fb1494e8b6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erva Medica AG</p>
          <a href="/de/products/hirse-bambus-plus-kapseln-90-stuck-11728">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hirse Bambus Plus, 90 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k2B6RCvwcs1QbhoyOe-_bM985gvcimJ65nsxchngRzlKwP1LaCda4sslXg_hPBcz052jjm02lPpLD3k7_xTRuQ" />
    <input value="11728" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/nerven-kraft-kapseln-90-stuck-11727">
          <img alt="Nerven Kraft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8896/file/small-358f58e2fd9e2b0185ec632407cf1383.webp 600w, https://assets.fabulous.ch/public/variant_asset/8896/file/medium-7fb553b55e2f5101c960c42f02931de5.webp 900w, https://assets.fabulous.ch/public/variant_asset/8896/file/large-124ec6864c77e926ceeb4df5e47e0e22.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8896/file/medium-7fb553b55e2f5101c960c42f02931de5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erva Medica AG</p>
          <a href="/de/products/nerven-kraft-kapseln-90-stuck-11727">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nerven Kraft, 90 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b73kn8KYVWLnCCD_iPAc5OtdvrPFAGopMvuVUlQ5qpO2HWOQgU99TXxDZMJQI7S797z7NnS8nKmfj90bss08Ew" />
    <input value="11727" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/stress-relax-kapseln-90-stuck-11726">
          <img alt="Stress Relax" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8895/file/small-9ae39e81888c6f42ea8245fa476b7228.webp 600w, https://assets.fabulous.ch/public/variant_asset/8895/file/medium-c747568bfeac59afb1d6562ad2e9f5ce.webp 900w, https://assets.fabulous.ch/public/variant_asset/8895/file/large-d6411c3d95619135cfab05c12bbb8875.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8895/file/medium-c747568bfeac59afb1d6562ad2e9f5ce.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erva Medica AG</p>
          <a href="/de/products/stress-relax-kapseln-90-stuck-11726">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Stress Relax, 90 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 37.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qUHOH1EMVxsec7ceYcs24y4pzOyiFf6g4q2Ua3g9VF9w4UkQEtt_NIU48yO5GJ68MsiJaROpCCBP2dwinsnC3w" />
    <input value="11726" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/immun-kraft-kapseln-90-stuck-11725">
          <img alt="Immun Kraft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8894/file/small-c6298c5d8557a84774ed4820d62cbc33.webp 600w, https://assets.fabulous.ch/public/variant_asset/8894/file/medium-f7ded3a2a12cda2443b8bc1d3130abdf.webp 900w, https://assets.fabulous.ch/public/variant_asset/8894/file/large-682aada08c0e280955c8f0b5c60d1bd6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8894/file/medium-f7ded3a2a12cda2443b8bc1d3130abdf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erva Medica AG</p>
          <a href="/de/products/immun-kraft-kapseln-90-stuck-11725">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Immun Kraft, 90 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="10SgN44e8UubBv0Y5fjOkyUl8XIT8LUc2BgjSNULSXMO5Cc4zcnZZABNuSU9K2bMOcS096JMQ5x1bGsBM__f8w" />
    <input value="11725" 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">
      560 von 3&#39;201 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/die-kleine-muhle?format=turbo_stream&amp;page=29">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>