<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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bumi-kurbis-tofu-burger-bio-200-g-14595">
          <img alt="Bumi Kürbis Tofu Burger Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6747/file/small-6ca78c093168015c3b51146bf7b482f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6747/file/medium-fac450bb4a1a53cee4be181f4fed655f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6747/file/large-146f48867932b6821b4a5696314622d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6747/file/medium-fac450bb4a1a53cee4be181f4fed655f.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">Bumi</p>
          <a href="/de/products/bumi-kurbis-tofu-burger-bio-200-g-14595">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bumi Kürbis Tofu Burger Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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/pfiffikus-streuwurze-und-gemusebruhe-bio-450-g-14599">
          <img alt="Pfiffikus Streuwürze und Gemüsebrühe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6755/file/small-4705b957894602b3fca8734445c8e19b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6755/file/medium-ce769f96d9354f21edb3d1b56eae8f1b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6755/file/large-70ff5e7d567b9914265d2f372edec7db.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6755/file/medium-ce769f96d9354f21edb3d1b56eae8f1b.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">Pfiffikuss</p>
          <a href="/de/products/pfiffikus-streuwurze-und-gemusebruhe-bio-450-g-14599">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pfiffikus Streuwürze und Gemüsebrühe Bio, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LW6tlxjCIFNngkmOsAtcVEXrN2aFFFxPXeHhXQHDKkAqIAL5thJC1vVtD8_Rca-1L4v_a32gIICrn04UrG8Rtw" />
    <input value="14599" 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/pfiffikus-streuwurze-und-gemusebruhe-dose-bio-250-g-14600">
          <img alt="Pfiffikus Streuwürze und Gemüsebrühe Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8859/file/small-63276dcf3934944986a5cfca98043e9d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8859/file/medium-4512ae2c5755b08e7ad17528cb91a6eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/8859/file/large-947370f621b0ab77e6a3253699994fa2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8859/file/medium-4512ae2c5755b08e7ad17528cb91a6eb.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">Pfiffikuss</p>
          <a href="/de/products/pfiffikus-streuwurze-und-gemusebruhe-dose-bio-250-g-14600">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pfiffikus Streuwürze und Gemüsebrühe Dose Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JbqequWDcvGysOk3rZ3PfYeuceRRxGFTHPjUguUOXgAi9DHES1MQdCBfr3bM5zyc7c656alwHZzqhnvLSKJl9w" />
    <input value="14600" 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/pfiffikuss-premium-kartoffelgewurz-bio-250-g-14601">
          <img alt="Pfiffikuss Premium Kartoffelgewürz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6758/file/small-3f93f97ff0eab738e9af6085003b34f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6758/file/medium-4b0e2152a40fd3e490c3a71882ec73ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/6758/file/large-e74e17923e101c94993f14269d9eca3e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6758/file/medium-4b0e2152a40fd3e490c3a71882ec73ca.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">Pfiffikuss</p>
          <a href="/de/products/pfiffikuss-premium-kartoffelgewurz-bio-250-g-14601">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pfiffikuss Premium Kartoffelgewürz Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JeBTCompZ3_4jg2xy5TXHbuvPm6WTjpXhK206VUAHccirvxkJ3kF-mphS_Cq7iT80c_2Y276Rphy0xug-KwmMA" />
    <input value="14601" 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/pesto-al-limone-zitrone-bio-130-g-14604">
          <img alt="Pesto al Limone Zitrone Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6760/file/small-ae114b76619dfd4a847a617726a219c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6760/file/medium-60ef2401952c81a82046bc8106f9e164.webp 900w, https://assets.fabulous.ch/public/variant_asset/6760/file/large-225ce94d2135be9613f0b16a66bc8a58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6760/file/medium-60ef2401952c81a82046bc8106f9e164.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">LaSelva</p>
          <a href="/de/products/pesto-al-limone-zitrone-bio-130-g-14604">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto al Limone Zitrone Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bajmKyypCs5Mh9C05I0P21lKpYdYHmci0nP75Bict3Zq5klFgnloS95olvWF9_w6MyptiqCqG-0kDVSttTCMgQ" />
    <input value="14604" 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/vanille-extrakt-bourbon-bio-20-ml-14611">
          <img alt="Vanille Extrakt Bourbon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6764/file/small-fe61eeb7c2683210963f0d22a556a3f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/6764/file/medium-16267d5612d4c139800ceaf91b0913fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6764/file/large-3504401e68834964a8af37baedbdc8b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6764/file/medium-16267d5612d4c139800ceaf91b0913fb.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">Biovegan</p>
          <a href="/de/products/vanille-extrakt-bourbon-bio-20-ml-14611">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vanille Extrakt Bourbon Bio, 20 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Lpk2Y7i84V4af6qNvgWcpS8Oxeyqo8bX97m-xzoel4op15kNFmyD24iQ7Mzff29ERW4N4VIXuhgBxxGOl7KsfQ" />
    <input value="14611" 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/birnel-biofarm-kessel-biosuisse-5-kg-14613">
          <img alt="Birnel Biofarm Kessel BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6765/file/small-7ad5e0812981f50e4f43cd3d4e6ba8bc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6765/file/medium-ec5ca1f3a3f32f629e964fbd2486cc47.webp 900w, https://assets.fabulous.ch/public/variant_asset/6765/file/large-8b7fcc276a918f8a244b5d2e6f175656.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6765/file/medium-ec5ca1f3a3f32f629e964fbd2486cc47.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">Biofarm</p>
          <a href="/de/products/birnel-biofarm-kessel-biosuisse-5-kg-14613">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Birnel Biofarm Kessel BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 85.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Cjt9llJ9k0IjD0Kf-c9N1Iv2FRFkCQwBB5kU9Gwt9nwNddL4_K3xx7HgBN6Ytb414ZbdHJy9cM7x57u9wYHNiw" />
    <input value="14613" 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/karamellbonbon-fudge-karamell-meersalz-bio-150-g-14621">
          <img alt="Karamellbonbon Fudge Karamell-Meersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6768/file/small-17da5e5f18576694812b4a398220386c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6768/file/medium-fdd1ea8710e56199730eaa2505fedd7a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6768/file/large-ce0f63313a4ded4b84d3be40677c3315.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6768/file/medium-fdd1ea8710e56199730eaa2505fedd7a.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">Terrasana</p>
          <a href="/de/products/karamellbonbon-fudge-karamell-meersalz-bio-150-g-14621">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Karamellbonbon Fudge Karamell-Meersalz Bio, 150 g</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 3.07 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ssquuvsj7E8sON28SZQWEs400EzR1NTDozKbeJKq1nFNhAHUVfOOyr7Xm_0o7uXzpFQYQSlgqAxVTDQxPwbthg" />
    <input value="14621" 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/easy-cooking-gewurz-kollektion-bio-325-g-14643">
          <img alt="Easy Cooking Gewürz Kollektion Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6772/file/small-5cc53ff226d6ab34d52eef3a38d29d5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6772/file/medium-c655ef4840d53c07c30dca2c2b7a2a79.webp 900w, https://assets.fabulous.ch/public/variant_asset/6772/file/large-01d27d7164bbd30e3802048f3afdb5f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6772/file/medium-c655ef4840d53c07c30dca2c2b7a2a79.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">Soul Spice</p>
          <a href="/de/products/easy-cooking-gewurz-kollektion-bio-325-g-14643">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Easy Cooking Gewürz Kollektion Bio, 325 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 52.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pS1VfAeyQ8GaDIp3XPzdzu_WI32NthosuU5WLsnspIeiY_oSqWIhRAjjzDY9hi4vhbbrcHUCZuNPMPlnZECfcA" />
    <input value="14643" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/happy-kiwi-getrocknete-kiwi-bio-60-g-14659">
          <img alt="Happy Kiwi getrocknete Kiwi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6777/file/small-e6bf0c9455fe1763270c90e044904e88.webp 600w, https://assets.fabulous.ch/public/variant_asset/6777/file/medium-e05cca30fa0afc6978b823970262651d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6777/file/large-791fb926c52e859fa5ca0aa87b3849e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6777/file/medium-e05cca30fa0afc6978b823970262651d.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">Naturkostbar</p>
          <a href="/de/products/happy-kiwi-getrocknete-kiwi-bio-60-g-14659">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Happy Kiwi getrocknete Kiwi Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/nuutri-neuroforce-kapseln-120-stuck-14695">
          <img alt="nuutri NEUROFORCE" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6780/file/small-7125d5e81dbf0d9952de3ee49bd90010.webp 600w, https://assets.fabulous.ch/public/variant_asset/6780/file/medium-e961000c45b8ff165ed5c34a4bf26210.webp 900w, https://assets.fabulous.ch/public/variant_asset/6780/file/large-4e356d1097d7cc984cff9868fd749c3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6780/file/medium-e961000c45b8ff165ed5c34a4bf26210.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">Calmego - nuutri</p>
          <a href="/de/products/nuutri-neuroforce-kapseln-120-stuck-14695">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">nuutri NEUROFORCE, 120 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 58.00
            </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-14695-card">
        

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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/mister-mie-mienudeln-bio-250-g-14696">
          <img alt="Mister Mie Mienudeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6781/file/small-116e65b7cb581980ce8cc21726a42897.webp 600w, https://assets.fabulous.ch/public/variant_asset/6781/file/medium-ad3716257a6b78cd373242ff3232f459.webp 900w, https://assets.fabulous.ch/public/variant_asset/6781/file/large-eaa7f9dc9b7560e91b39e82c9ad740aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6781/file/medium-ad3716257a6b78cd373242ff3232f459.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">Misses Mie &amp; Mister Mie</p>
          <a href="/de/products/mister-mie-mienudeln-bio-250-g-14696">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mister Mie Mienudeln Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LHgzeV1GByx3BK1otDkeeTTkVcEykCvcBmvCtsf-K1QrNpwX85ZlqeXr6ynVQ-2YXoSdzMokVxPwFW3_alIQow" />
    <input value="14696" 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/misses-mie-vollkorn-mienudeln-bio-250-g-14713">
          <img alt="Misses Mie Vollkorn Mienudeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6782/file/small-261c557a7cf6d0077c43c024f4b9f013.webp 600w, https://assets.fabulous.ch/public/variant_asset/6782/file/medium-629cd19d2d7e9b9b7ed265ba0e8ff0db.webp 900w, https://assets.fabulous.ch/public/variant_asset/6782/file/large-ae03e587d4f58045bf7324316a6995c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6782/file/medium-629cd19d2d7e9b9b7ed265ba0e8ff0db.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">Misses Mie &amp; Mister Mie</p>
          <a href="/de/products/misses-mie-vollkorn-mienudeln-bio-250-g-14713">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Misses Mie Vollkorn Mienudeln Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VSxNnXogNtzGjv3Vvuo6yp5Ty093RtmDEQvmKAtZtnlSYuLz1PBUWVRhu5TfkMkr9DMDQo_ypUzndUlhpvWNjg" />
    <input value="14713" 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/mister-mie-dinkel-mienudeln-bio-250-g-14714">
          <img alt="Mister Mie Dinkel Mienudeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6784/file/small-4a203984cf7791a70a9c908e50ef1e78.webp 600w, https://assets.fabulous.ch/public/variant_asset/6784/file/medium-41fe4e50102189470440b9997fe009f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/6784/file/large-14ada5575b43f248c8da41c80fb89218.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6784/file/medium-41fe4e50102189470440b9997fe009f3.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">Misses Mie &amp; Mister Mie</p>
          <a href="/de/products/mister-mie-dinkel-mienudeln-bio-250-g-14714">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mister Mie Dinkel Mienudeln Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bvNBZ_qiGX8rNfv9Ay_UeIw__zE_3RhCga0k-9hTBXNpve4JVHJ7-rnavbxiVSeZ5l83PMdpZI1304uydf8-hA" />
    <input value="14714" 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/misses-mie-chili-mienudeln-bio-250-g-14715">
          <img alt="Misses Mie Chili Mienudeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6783/file/small-ab5d7dbd9db0587f85a20adb7ad33f52.webp 600w, https://assets.fabulous.ch/public/variant_asset/6783/file/medium-f2c6791ac6f72fc7db9accf1d945aa24.webp 900w, https://assets.fabulous.ch/public/variant_asset/6783/file/large-e6a9accea16f3b5da8c77c6591760499.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6783/file/medium-f2c6791ac6f72fc7db9accf1d945aa24.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">Misses Mie &amp; Mister Mie</p>
          <a href="/de/products/misses-mie-chili-mienudeln-bio-250-g-14715">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Misses Mie Chili Mienudeln Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AIPekG2PTO0wTHrxdOjKScdhzvi3X_ldkYV65n1XW8YHzXH-w18uaKKjPLAVkjmorQEG9U_rhZJn-9Wv0PtgMQ" />
    <input value="14715" 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/misses-mie-gemuse-mienudeln-bio-250-g-14716">
          <img alt="Misses Mie Gemüse Mienudeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6785/file/small-1862e515e39a7bf6e956d366144a7257.webp 600w, https://assets.fabulous.ch/public/variant_asset/6785/file/medium-fff7187b86cc68acfbbd88a7cb6bdea8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6785/file/large-0783950a55b7aa3bac47382040f8a8fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6785/file/medium-fff7187b86cc68acfbbd88a7cb6bdea8.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">Misses Mie &amp; Mister Mie</p>
          <a href="/de/products/misses-mie-gemuse-mienudeln-bio-250-g-14716">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Misses Mie Gemüse Mienudeln Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UuG7Ss-plhker04Ik2xRLeeHpkPZHTTCx3PfFlfBiL1VrxQkYXn0nIxACEnyFqLMjeduTiGpSA0xDXBf-m2zSg" />
    <input value="14716" 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/vitamin-b12-1000-g-vegan-tabletten-120-stuck-14742">
          <img alt="Vitamin B12 1000µg Lutschtabletten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6786/file/small-cdf22e22d87a0b349e50a25fa665de7e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6786/file/medium-cf127a119e6d6bbec7f10d1974d26c63.webp 900w, https://assets.fabulous.ch/public/variant_asset/6786/file/large-91d1376bcd3a78c5a7a4f4a063782489.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6786/file/medium-cf127a119e6d6bbec7f10d1974d26c63.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">Bjökovit</p>
          <a href="/de/products/vitamin-b12-1000-g-vegan-tabletten-120-stuck-14742">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin B12 1000µg Lutschtabletten, 120 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DpH9Flor3eE_xwTOwuLRgUdvr3XjajxG88TgQnlMq58J31J49Pu_ZK0oQo-jmCJgLQ9neBveQIkFuk8L1OCQaA" />
    <input value="14742" 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/vegdog-pops-20-g-14810">
          <img alt="VEGDOG Pops" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6790/file/small-262131f74dcc2768e130d48cc69d87d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6790/file/medium-b939b17169c4f741d80c7033a874b77c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6790/file/large-c8f9a4314f72bc91617a9cee5d0d3a86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6790/file/medium-b939b17169c4f741d80c7033a874b77c.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">VEGDOG</p>
          <a href="/de/products/vegdog-pops-20-g-14810">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEGDOG Pops, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NqVX8oU24zd3WUMS-7zQy4kTdr7pr4WZ958DuU6_Qncx6_icK-aBsuW2BVOaxiMq43O-sxEb-VYB4azw4xN5gA" />
    <input value="14810" 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/better-foodie-vegan-hanny-honig-alternative-300-g-14846">
          <img alt="Better Foodie Vegan Hanny Honig-Alternative" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6791/file/small-57d4af7df0b4abce324d11a03af39180.webp 600w, https://assets.fabulous.ch/public/variant_asset/6791/file/medium-e3ab2c75e2c210b07687353acd71b620.webp 900w, https://assets.fabulous.ch/public/variant_asset/6791/file/large-d5f839f9a3e04dcb86c86dc6b08a4e82.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6791/file/medium-e3ab2c75e2c210b07687353acd71b620.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">Better Foodie</p>
          <a href="/de/products/better-foodie-vegan-hanny-honig-alternative-300-g-14846">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Better Foodie Vegan Hanny Honig-Alternative, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9tAsfzUPK5PceMdYeHlYASzU9WGamU3lnALSERvuTQTxnoMRm99JFk6XgRkZA6vgRrQ9bGItMSpqfH1YtkJ28w" />
    <input value="14846" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/flave-powder-geschmackspulver-vanille-120-g-14855">
          <img alt="Flave Powder Geschmackspulver Vanille" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6796/file/small-49d58416202b9396c8e42de5c4b2bfbb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6796/file/medium-77a20a7e985dfef6dfffb34e5c92f3c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/6796/file/large-85a2b934bdcc34ab9091ea775e275d09.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6796/file/medium-77a20a7e985dfef6dfffb34e5c92f3c5.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">Xucker</p>
          <a href="/de/products/flave-powder-geschmackspulver-vanille-120-g-14855">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flave Powder Geschmackspulver Vanille, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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;580 von 3&#39;202 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/baru?format=turbo_stream&amp;page=130">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>