<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/bambus-zahnburste-professional-soft-1-stuck-16617">
          <img alt="Bambus Zahnbürste Professional Soft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7674/file/small-e9ef715e625994e60863d9be9d49b62d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7674/file/medium-69826da212d8334caa1e801079dca42c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7674/file/large-e098afada7c4ef8e6791be25e26b73c8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7674/file/medium-69826da212d8334caa1e801079dca42c.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">Hydrophil</p>
          <a href="/de/products/bambus-zahnburste-professional-soft-1-stuck-16617">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Zahnbürste Professional Soft, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t4IB8PQI3gb22KzqXiSoGAWbkeoVLnRwXNN6YYGjisXZPUJg9yG33waitc70xjsAUb2PZX0uXFfTZDy3XuHRkg" />
    <input value="16617" 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/bambus-zahnburste-professional-medium-1-stuck-16618">
          <img alt="Bambus Zahnbürste Professional Medium" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7676/file/small-4b9b7d793a6124c1482c4ee0def13101.webp 600w, https://assets.fabulous.ch/public/variant_asset/7676/file/medium-7476b27d19f038753c26b6ab34c5a749.webp 900w, https://assets.fabulous.ch/public/variant_asset/7676/file/large-94dbd64d328b6e565d683bb29b1f2742.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7676/file/medium-7476b27d19f038753c26b6ab34c5a749.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">Hydrophil</p>
          <a href="/de/products/bambus-zahnburste-professional-medium-1-stuck-16618">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Zahnbürste Professional Medium, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sOIiI0QkszVgyysVobzlotDiZsJ91-MgTDjDxg5nwkjeXWGzRw3a7JCxMjELXna6hMR4TRXXywfDj4UQ0SWZHw" />
    <input value="16618" 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/bambus-wechselkopfe-sonic-professional-2-stuck-16620">
          <img alt="Bambus Wechselköpfe Sonic Professional" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7685/file/small-b5e6ad85397c7767a80ff992b09a2a23.webp 600w, https://assets.fabulous.ch/public/variant_asset/7685/file/medium-93931f33a05bd268b7a590b759d6651c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7685/file/large-c4be7385e3f12143aa184402b5ca954f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7685/file/medium-93931f33a05bd268b7a590b759d6651c.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">Hydrophil</p>
          <a href="/de/products/bambus-wechselkopfe-sonic-professional-2-stuck-16620">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Wechselköpfe Sonic Professional, 2 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kLC6bLGOOqJWeQJ3-YJPBqwFZS9jG2cYWcGobNHfk_z-D_n8sqdTe6YDG1NTYNwe-CN7oAsbTz_Wdu66Dp3Iqw" />
    <input value="16620" 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/laddu-natur-glutenfrei-bio-120-g-16622">
          <img alt="Laddu Natur Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7687/file/small-946138b3d3b4220ed2dc9f4382b8ef4d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7687/file/medium-9322c28ae481400316470b12f8e22ed0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7687/file/large-b8828f9f056acc7a93c3d5d5e87a6fbe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7687/file/medium-9322c28ae481400316470b12f8e22ed0.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/laddu-natur-glutenfrei-bio-120-g-16622">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Laddu Natur Glutenfrei Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </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-16622-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xp-KwmyqgMxvzZ-l2CNT81fn27LvY4XlRcmfToznfGIwIMlSb4PpFZ-3hoFywcDrA8HFPYdjrcLKftmYU6UnNQ" />
    <input value="16622" 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/hildegard-dinkel-porridge-brei-bio-500-g-16626">
          <img alt="Hildegard Dinkel Porridge Brei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7695/file/small-f9a705ea3ec921079e24b9c9d5a7fd62.webp 600w, https://assets.fabulous.ch/public/variant_asset/7695/file/medium-6c7b2471f73273387fb83908796d2a3a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7695/file/large-3e0c8eb61917d4c32630920a59f33e8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7695/file/medium-6c7b2471f73273387fb83908796d2a3a.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">Rapunzel</p>
          <a href="/de/products/hildegard-dinkel-porridge-brei-bio-500-g-16626">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hildegard Dinkel Porridge Brei Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="brWCIr0F6_Kla1iMvOqN0tetbD9zHXOc-ZUngGepjpIACsGyviyCK1URQagWCB7Kg4tysBsdW7t2ImFWuOvVxQ" />
    <input value="16626" 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/smoothie-himbeer-cranberry-bio-250-ml-16661">
          <img alt="Smoothie Himbeer Cranberry Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7708/file/small-3e902881834d203083486503ac387f7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7708/file/medium-ae6f67c2b698f02f1145f403bcff4522.webp 900w, https://assets.fabulous.ch/public/variant_asset/7708/file/large-1ccad269a6742634ae8bf454bdcdfe73.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7708/file/medium-ae6f67c2b698f02f1145f403bcff4522.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">Biotta</p>
          <a href="/de/products/smoothie-himbeer-cranberry-bio-250-ml-16661">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Smoothie Himbeer Cranberry Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TZ68zS-OtY-r0s0RwMA9n4XnNTfCJ4Q9A_JlKhsN0IUjIf9dLKfcVluo1DVqIq6H0cEruKonrBqMRSP8xE-L0g" />
    <input value="16661" 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/smoothie-ananas-banane-bio-250-ml-16663">
          <img alt="Smoothie Ananas Banane Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7711/file/small-3ffccc09560889387bc257d5196204a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7711/file/medium-c4d0ea9fdf22dcb9718f2720fa452f0e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7711/file/large-d20fb904400641c6618842a1c09553a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7711/file/medium-c4d0ea9fdf22dcb9718f2720fa452f0e.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">Biotta</p>
          <a href="/de/products/smoothie-ananas-banane-bio-250-ml-16663">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Smoothie Ananas Banane Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IOFJTqnDro6lKBwVNR6QWL_H2XnTSAyrydqB4pnH0xdOXgrequrHV1VSBTGf_ANA6-HH9rtIJIxGbcc0RoWIQA" />
    <input value="16663" 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/smoothie-guave-zitrone-bio-250-ml-16664">
          <img alt="Smoothie Guave Zitrone Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7712/file/small-593326cef36f5140130939ee61d72a31.webp 600w, https://assets.fabulous.ch/public/variant_asset/7712/file/medium-5ec299e49ac4e9c4d7f78d422562d68d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7712/file/large-66e79c9367b8a5d6a76b3efa4d68ccee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7712/file/medium-5ec299e49ac4e9c4d7f78d422562d68d.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">Biotta</p>
          <a href="/de/products/smoothie-guave-zitrone-bio-250-ml-16664">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Smoothie Guave Zitrone Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WzUf0Jo0l5UExeAHvBJvRQj3praLzebR3wlWk4rHpSY1ilxAmR3-TPS_-SMW8PxdXNG4OePNzvZQvhBFVYX-cQ" />
    <input value="16664" 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/smoothie-granatapfel-karotte-guave-bio-250-ml-16665">
          <img alt="Smoothie Granatapfel Karotte Guave Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7713/file/small-66b8efe00bb0b59f7514b529b4917fca.webp 600w, https://assets.fabulous.ch/public/variant_asset/7713/file/medium-bbb557a5ab00e51386190b5c417a18c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7713/file/large-cf52f27a1dd4ff5a2aec51170f085a01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7713/file/medium-bbb557a5ab00e51386190b5c417a18c8.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">Biotta</p>
          <a href="/de/products/smoothie-granatapfel-karotte-guave-bio-250-ml-16665">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Smoothie Granatapfel Karotte Guave Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bJcVv6TcIAAc10JxEEGXNeVfSmFK-_JfZbsjDWqeea0CKFYvp_VJ2eytW1W6owQtsXlU7iL72njqDGXbtdwi-g" />
    <input value="16665" 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/smoothie-mango-karotte-ingwer-bio-250-ml-16666">
          <img alt="Smoothie Mango Karotte Ingwer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7715/file/small-3d4650a05771da338e691780d124e3d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/7715/file/medium-9d6032b86a9c73dc01fbd84a4c32a042.webp 900w, https://assets.fabulous.ch/public/variant_asset/7715/file/large-40be5a11ac6781e28d7783212465faed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7715/file/medium-9d6032b86a9c73dc01fbd84a4c32a042.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">Biotta</p>
          <a href="/de/products/smoothie-mango-karotte-ingwer-bio-250-ml-16666">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Smoothie Mango Karotte Ingwer Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vrlUnEiyezNEuLTGJweQEdbKccFiOSXEZ8RR6M9dFzDQBhcMS5sS6rTCreKN5QMJguxvTgo5DePocxc-EB9MZw" />
    <input value="16666" 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/smoothie-orange-karotte-spirulina-bio-250-ml-16667">
          <img alt="Smoothie Orange Karotte Spirulina Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7714/file/small-0f76291dc4a0535c6a1a06300762e50c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7714/file/medium-9bc1925994954cf106db36c657c28bb4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7714/file/large-6d2567f46698aa147520350dcc3ebb66.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7714/file/medium-9bc1925994954cf106db36c657c28bb4.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">Biotta</p>
          <a href="/de/products/smoothie-orange-karotte-spirulina-bio-250-ml-16667">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Smoothie Orange Karotte Spirulina Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J2mfhpEzF4wxfHtrtVldct-B-4P0PqZ4Gn2TqfEtyk9J1twWkhp-VcEGYk8fu85qi6flDJw-jl-VytV_Lm-RGA" />
    <input value="16667" 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/dattelschokolade-tafel-72-bio-90-g-16668">
          <img alt="Dattelschokolade Tafel 72% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7716/file/small-1922d063f122bbfac2c5e41c9fffd7a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7716/file/medium-0a792fc7f3082513f6921436da4fb040.webp 900w, https://assets.fabulous.ch/public/variant_asset/7716/file/large-344fb4c0e6aa0b4c30a921d6bd92fad5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7716/file/medium-0a792fc7f3082513f6921436da4fb040.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">BioeCacao</p>
          <a href="/de/products/dattelschokolade-tafel-72-bio-90-g-16668">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattelschokolade Tafel 72% Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ue07zZkRCop_A6RGTAtyRyDuYEsdo2hpwtoXmF6n0JrXUnhdmjhjU495vWLm6eFfdMh-xHWjQE5NbVFOgeWLzQ" />
    <input value="16668" 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/dattelschokolade-dark-cream-tafel-81-bio-90-g-16669">
          <img alt="Dattelschokolade Dark Cream Tafel 81% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7717/file/small-91c183b42fa7f059efaa35d8c04af28c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7717/file/medium-a0ffe6f14f04958d7f683d34242e0157.webp 900w, https://assets.fabulous.ch/public/variant_asset/7717/file/large-4b4b17b6079a208cfec3811a530f4e41.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7717/file/medium-a0ffe6f14f04958d7f683d34242e0157.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">BioeCacao</p>
          <a href="/de/products/dattelschokolade-dark-cream-tafel-81-bio-90-g-16669">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattelschokolade Dark Cream Tafel 81% Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zPZN6AUBI4rgr83V4CxG4hdwiUfLfZ_hncIQKjYedmGiSQ54BihKUxDV1PFKztX6Q1aXyKN9t8YSdVb86VwtNg" />
    <input value="16669" 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/chaga-vitalpilz-flussigextrakt-bio-100-ml-16706">
          <img alt="Chaga Vitalpilz Flüssigextrakt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7736/file/small-9b289fcbd4734280d1bf6107b2bd2e2c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7736/file/medium-ccc83fb7548692455d3423d1adce84cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7736/file/large-cc8262403986bfc341dbf818b44b5a57.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7736/file/medium-ccc83fb7548692455d3423d1adce84cc.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">NaturKraftWerke</p>
          <a href="/de/products/chaga-vitalpilz-flussigextrakt-bio-100-ml-16706">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chaga Vitalpilz Flüssigextrakt Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z5y9_sc-jQnWgaT5MJRJpD29LaJiW4cXEgS3n1jpA5ChI_5uxBfk0Cb7vd2adtq8aZszLQpbrzCds_FJh6tYxw" />
    <input value="16706" 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/reishi-vitalpilz-flussigextrakt-bio-100-ml-16707">
          <img alt="Reishi Vitalpilz Flüssigextrakt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7737/file/small-76ade331eb64c1572b36ec89e847dbcf.webp 600w, https://assets.fabulous.ch/public/variant_asset/7737/file/medium-011f7d5f132e69b19eeebadc35532e5e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7737/file/large-aa2d7ef16bfce9be0a20efc1ba57ccaf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7737/file/medium-011f7d5f132e69b19eeebadc35532e5e.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">NaturKraftWerke</p>
          <a href="/de/products/reishi-vitalpilz-flussigextrakt-bio-100-ml-16707">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reishi Vitalpilz Flüssigextrakt Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kymOzSn_ODOdOYJKphITlewU7BR-mZhp4WgdoyQfZqf9ls1dKtZR6m1Dm24M8ICNuDLymxaZsE5u31t1-1098A" />
    <input value="16707" 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/cordyceps-vitalpilz-flussigextrakt-bio-100-ml-16708">
          <img alt="Cordyceps Vitalpilz Flüssigextrakt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7740/file/small-edc6b9c657391104e4d86ba1bbbc4605.webp 600w, https://assets.fabulous.ch/public/variant_asset/7740/file/medium-a87ec0314eb51360495ea379f61c8423.webp 900w, https://assets.fabulous.ch/public/variant_asset/7740/file/large-d92a7d4fba93e1e88f3b35ce3c8a5edf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7740/file/medium-a87ec0314eb51360495ea379f61c8423.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">NaturKraftWerke</p>
          <a href="/de/products/cordyceps-vitalpilz-flussigextrakt-bio-100-ml-16708">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cordyceps Vitalpilz Flüssigextrakt Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="27uO6tfPn74YPgSYI2c7EkywDk-0ggWMVXANZyZ51_a1BM161Ob2Z-hEHbyJhagKGJYQwNyCLavax0ux-TuMoQ" />
    <input value="16708" 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/reishi-pulver-aus-vitalpilz-bio-50-g-16709">
          <img alt="Reishi Pulver aus Vitalpilz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7746/file/small-572db49b5cb78c52d2b54a458eae16e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7746/file/medium-9f566ab73e12a71c63b6683a8bf7a733.webp 900w, https://assets.fabulous.ch/public/variant_asset/7746/file/large-508d77481e481100905906990e867dce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7746/file/medium-9f566ab73e12a71c63b6683a8bf7a733.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">NaturKraftWerke</p>
          <a href="/de/products/reishi-pulver-aus-vitalpilz-bio-50-g-16709">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reishi Pulver aus Vitalpilz Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Sqmz4IYHFLsIDNxO2mVPFqlcEuYGABUjGz5d2Z3VmVckFvBwhS59Yvh2xWpwh9wO_XoMaW4APQSUiRsPQpfCAA" />
    <input value="16709" 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/cordyceps-pulver-aus-vitalpilz-bio-50-g-16711">
          <img alt="Cordyceps Pulver aus Vitalpilz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7751/file/small-e8b08ef0a999fd39d1559d20c6041003.webp 600w, https://assets.fabulous.ch/public/variant_asset/7751/file/medium-4c881be5d03dc354b99c8397951a97b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7751/file/large-1756aee71db85ba1f56eb5b57b58808a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7751/file/medium-4c881be5d03dc354b99c8397951a97b5.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">NaturKraftWerke</p>
          <a href="/de/products/cordyceps-pulver-aus-vitalpilz-bio-50-g-16711">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cordyceps Pulver aus Vitalpilz Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AKydquSK_R7fJ81GRBBdT0pfWt1xBpkZXYf3cEzncVBuE94656OUxy9d1GLu8s5XHnlEUhkGsT7SMLGmk6UqBw" />
    <input value="16711" 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/biang-biang-nudeln-bio-300-g-16714">
          <img alt="Biang Biang Nudeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7757/file/small-74ed7c5f4160c3dc71fec91af31f1aa9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7757/file/medium-3b666f2ec271fb61258e7335f119d317.webp 900w, https://assets.fabulous.ch/public/variant_asset/7757/file/large-508e95706ae5e69e4d3d34f77fe47467.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7757/file/medium-3b666f2ec271fb61258e7335f119d317.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">Just Taste</p>
          <a href="/de/products/biang-biang-nudeln-bio-300-g-16714">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biang Biang Nudeln Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P0gAB1fetIg5_6dEnD2ybvIh2Wm2XwwzmxJGHAQTXrFR90OXVPfdUcmFvmA23yF2pgfH5t5fJBQUpQDK21EF5g" />
    <input value="16714" 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/schwarzkummelol-demeter-100-ml-16724">
          <img alt="Schwarzkümmelöl Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7758/file/small-7f99eb8581609eb6efe4046e038138d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7758/file/medium-1b0b00fe6e6d5780fad9cb6a8fac8ece.webp 900w, https://assets.fabulous.ch/public/variant_asset/7758/file/large-1cae23c03604dc2791421718b64c1c04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7758/file/medium-1b0b00fe6e6d5780fad9cb6a8fac8ece.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">NaturKraftWerke</p>
          <a href="/de/products/schwarzkummelol-demeter-100-ml-16724">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schwarzkümmelöl Demeter, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5Sew0u0wV-tCaiSZ_Qac7XyLU8EgtVz69cX0ZGNPoUqLmPNC7hk-MrIQPb1X5A_1KK1NTki1dN16crKyvA36HQ" />
    <input value="16724" 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">
      2&#39;960 von 3&#39;199 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/erdmannhauser?format=turbo_stream&amp;page=149">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>