<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/waschenetze-aus-bio-baumwolle-2-stuck-16797">
          <img alt="Wäschenetze aus Bio-Baumwolle" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7811/file/small-273ec24c6129690c3856af13f3024d9c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7811/file/medium-a1a03e6811ff2429fc6abbfcea7ab616.webp 900w, https://assets.fabulous.ch/public/variant_asset/7811/file/large-905d8480a629126263b1697355d1a53d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7811/file/medium-a1a03e6811ff2429fc6abbfcea7ab616.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">memo</p>
          <a href="/de/products/waschenetze-aus-bio-baumwolle-2-stuck-16797">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wäschenetze aus Bio-Baumwolle, 2 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oI9_chV9Vzn3EVs_f-76AJ_7dbTYv0UABxebofmZzfHn9kvkAFcD18lveVkGg5urYRTmd16h44KEQpz-in_O8w" />
    <input value="16797" 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/toastie-high-protein-glutenfrei-bio-170-g-16799">
          <img alt="Toastie High Protein glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7821/file/small-c590616c04a258c22f6087cda7cca87a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7821/file/medium-946b960e017887427a1e758fac2b5d41.webp 900w, https://assets.fabulous.ch/public/variant_asset/7821/file/large-f024af33d2a862b2f78575e6347e7282.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7821/file/medium-946b960e017887427a1e758fac2b5d41.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">Schnitzer</p>
          <a href="/de/products/toastie-high-protein-glutenfrei-bio-170-g-16799">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Toastie High Protein glutenfrei Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dmCwN8pcDlHWAp0jaahAY-rvUHVUnu4MW3Je1ezERRIxGYSh33Zav-h8v0UQxSHIFADDttKASI7YJ1mKnyJGEA" />
    <input value="16799" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

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

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wilmersburger</p>
          <a href="/de/products/wilmersburger-pizzaschmelz-mozzella-150-g-16800">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wilmersburger Pizzaschmelz Mozzella, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </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.53 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z5TW8Hse4xMjTRBnltEvyZxJbpBJvBMFY0My25_hLrWI7eJmbjS3_R0zMgHvvE5iYqb9U8-itYfgFjWE7Acttw" />
    <input value="16800" 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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/cuisine-soja-bio-3-x-250-ml-0fde8181-d4c3-495c-8393-a7cf2ffb5425-16808">
          <img alt="Cuisine Soja Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7824/file/small-2ed3659daa43680d2b238b668c9014f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7824/file/medium-355a3fe79dce845ada5cbcfc1f6f974f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7824/file/large-dee3d8cf588ed85d8289f8c7ce0aa976.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7824/file/medium-355a3fe79dce845ada5cbcfc1f6f974f.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">Alpro</p>
          <a href="/de/products/cuisine-soja-bio-3-x-250-ml-0fde8181-d4c3-495c-8393-a7cf2ffb5425-16808">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Soja Bio, 3 x 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RrX2IMFb-wL6NZsmfws7pQqDzUeGDgnRElcJfTA9iY0BzMK21HGv7MRLuUAGZloO9GxehAAQr1ORAg4iQ9uKjw" />
    <input value="16808" 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">
    <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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/cuisine-soja-bio-250-ml-16809">
          <img alt="Cuisine Soja Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7826/file/small-d890ae6da7efea3344c3aea12c5562a7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7826/file/medium-d155a8ba2d84df5bc9323bb1a56bab6e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7826/file/large-056e577496f9381bff8cf38cbc314982.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7826/file/medium-d155a8ba2d84df5bc9323bb1a56bab6e.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">Alpro</p>
          <a href="/de/products/cuisine-soja-bio-250-ml-16809">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Soja Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rgGWBSV3rZrjfaJX-UHAc5IDZSF70BqtchET-bnfR5zpeKKTMF35dN0DgDGALKHYbOz24v3OvC_xRBSmyjlEng" />
    <input value="16809" 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/reisdrink-ungesusst-bio-1-l-16813">
          <img alt="Reisdrink ungesüsst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7829/file/small-8bf8ae1e0d657df032ca197975b12b66.webp 600w, https://assets.fabulous.ch/public/variant_asset/7829/file/medium-a287ac76a93728ae7ee5e37c437a5b43.webp 900w, https://assets.fabulous.ch/public/variant_asset/7829/file/large-3e3e775917dd5915fd78be131dfb8e59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7829/file/medium-a287ac76a93728ae7ee5e37c437a5b43.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">Allos</p>
          <a href="/de/products/reisdrink-ungesusst-bio-1-l-16813">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reisdrink ungesüsst Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q1wa9XMS7ocQ_YM3L3VdlvQG6mRFNksUzmtR5x8pp2TsJS5jZji6aS6DoVFWGDw9Cul5p8Mo7ZZNPla4bM-kZg" />
    <input value="16813" 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/gottlieber-morgensunde-hausgemachte-pralinecreme-150-g-16814">
          <img alt="Gottlieber Morgensünde Hausgemachte Pralinécrème" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7831/file/small-4f3e15eb17117333bd92ccbdbd1cbecf.webp 600w, https://assets.fabulous.ch/public/variant_asset/7831/file/medium-7aa2b549839ea16a9f25319052ca15c0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7831/file/large-92b0adaaacc1a154dce98eb40b1e6106.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7831/file/medium-7aa2b549839ea16a9f25319052ca15c0.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">Gottlieber Hüppen</p>
          <a href="/de/products/gottlieber-morgensunde-hausgemachte-pralinecreme-150-g-16814">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gottlieber Morgensünde Hausgemachte Pralinécrème, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="svFzwJSQLN4OlT9R8S0uaeoHFRfXkm9INjQjHt71HXb1iEdWgbp4MDDrHTeIQE_CFOiG1FGMycq1YSRBrRMedA" />
    <input value="16814" 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/susskartoffel-glas-spaghetti-bio-250-g-16827">
          <img alt="Süsskartoffel Glas Spaghetti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7834/file/small-24c7b36ea5cb5e4012fd24d717682106.webp 600w, https://assets.fabulous.ch/public/variant_asset/7834/file/medium-d9e6cf0854b0f30f7b1011e194ab2ffe.webp 900w, https://assets.fabulous.ch/public/variant_asset/7834/file/large-70ed53b9a465f038b135f7424731ef52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7834/file/medium-d9e6cf0854b0f30f7b1011e194ab2ffe.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/susskartoffel-glas-spaghetti-bio-250-g-16827">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Süsskartoffel Glas Spaghetti Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2yJv9AYMRXc47ytlDYy1RBiHVs8EpGBEgosPKxswbDOcW1tiEyYRmQaRCQN04dTv5mjFDIK6xsYB3gh0aNZvMQ" />
    <input value="16827" 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/make-up-natural-creamy-vanilla-30-ml-16835">
          <img alt="Make-Up Natural Creamy vanilla" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7842/file/small-a73f6f015f6bb1c26f49a8250d83e101.webp 600w, https://assets.fabulous.ch/public/variant_asset/7842/file/medium-5af7d3a81d4eb29d15046ebdbef92835.webp 900w, https://assets.fabulous.ch/public/variant_asset/7842/file/large-05954dae052ecdb2e97284f920d5a3c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7842/file/medium-5af7d3a81d4eb29d15046ebdbef92835.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">benecos</p>
          <a href="/de/products/make-up-natural-creamy-vanilla-30-ml-16835">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Make-Up Natural Creamy vanilla, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k50KdLLwV6paXOdSJGTJ81Sw80F1o2qXSRVPBBW7jULU5D7ip9oDRGQixTRdCahYql9ggvO9zBXKQEhbZl2OQA" />
    <input value="16835" 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/make-up-natural-creamy-cream-30-ml-16836">
          <img alt="Make-Up Natural Creamy cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7845/file/small-3fd0525097f8f7f326140289cbb242ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/7845/file/medium-aad2bc9a72216aec8773fbfe862e526b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7845/file/large-4f00a64fac4f88338b110953857c8ef8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7845/file/medium-aad2bc9a72216aec8773fbfe862e526b.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">benecos</p>
          <a href="/de/products/make-up-natural-creamy-cream-30-ml-16836">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Make-Up Natural Creamy cream, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T6idwkhKNG7Z1ZxuhDZR09PZBCX0QHkfgYE7Pqx69_4I0alUXWBggOervgj9WzB4LTaX5nJe350C1Dxh35z0_A" />
    <input value="16836" 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">
    <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/quinoa-schweiz-grossgebinde-biosuisse-5-kg-16837">
          <img alt="Quinoa Schweiz Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7847/file/small-5670d1eca8e1b382261eef74e227b7fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/7847/file/medium-88cfc4c962ff43d452409a024d6b8f41.webp 900w, https://assets.fabulous.ch/public/variant_asset/7847/file/large-54eff08c941ab57642423441152c78f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7847/file/medium-88cfc4c962ff43d452409a024d6b8f41.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/quinoa-schweiz-grossgebinde-biosuisse-5-kg-16837">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Quinoa Schweiz Grossgebinde BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 125.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-16837-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/hefeflocken-grossgebinde-5-kg-16845">
          <img alt="Hefeflocken Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7849/file/small-2960286a2ca82b020b1c79cc398b4bdd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7849/file/medium-65760efbe0863bbd51940355836d8779.webp 900w, https://assets.fabulous.ch/public/variant_asset/7849/file/large-b57e3171ae7e0f336f830f62fb9dbd68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7849/file/medium-65760efbe0863bbd51940355836d8779.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">VITAM</p>
          <a href="/de/products/hefeflocken-grossgebinde-5-kg-16845">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hefeflocken Grossgebinde, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 142.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n0k68wbuuC0f8oKe6r0IkZqokyxn7r-IlCpLSF_j-AnYMA5lE8TswyGMoPiT0Gk6ZEcA7-HwGQoXf0wXLAX7Cw" />
    <input value="16845" 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/immun-kinder-mundspray-mit-echinacea-zink-und-vitaminen-25-ml-16848">
          <img alt="Immun Kinder Mundspray mit Echinacea + Zink und Vitaminen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7850/file/small-9d104348ffe63d5dabb5d628b7f4c242.webp 600w, https://assets.fabulous.ch/public/variant_asset/7850/file/medium-d9a02a1d1b2ddbf40f8b14d528a9600f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7850/file/large-d57f29fbe90e38ae59aa26c5a845d999.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7850/file/medium-d9a02a1d1b2ddbf40f8b14d528a9600f.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">energybalance</p>
          <a href="/de/products/immun-kinder-mundspray-mit-echinacea-zink-und-vitaminen-25-ml-16848">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Immun Kinder Mundspray mit Echinacea + Zink und Vitaminen, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o-eS3LdacKZcChDN4_JH5-WtQXYWEyBaZkF7w9sraEzknqZKonAkSGJ0MquanyZMG0LStZANhtjlFHycqM1rTg" />
    <input value="16848" 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/birnel-biofarm-dispenser-bio-250-g-16849">
          <img alt="Birnel Biofarm Dispenser Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7853/file/small-87a63c99e010faa471e36e843e24b2c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7853/file/medium-581ce070c9efa2e1b7b9e3db64ad1c74.webp 900w, https://assets.fabulous.ch/public/variant_asset/7853/file/large-96924e17967bdfaa39537f477de9ab1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7853/file/medium-581ce070c9efa2e1b7b9e3db64ad1c74.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-dispenser-bio-250-g-16849">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Birnel Biofarm Dispenser Bio, 250 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 2.56 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S3Eg3wNZk7g95szoctopN273pQAE7KPvhDRKeePEG98MCBRJFnPHVgOY7o4Lt0ickBg2w4LyBW0HYU0mkCIY3Q" />
    <input value="16849" 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/shea-butter-100-bio-100-ml-16851">
          <img alt="Shea Butter 100% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7858/file/small-360df1b0303bab79837d7da308525b7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7858/file/medium-98e0039f9165693f2198d6905435324b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7858/file/large-2518065f414d8fc167f7fdae3ccc63b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7858/file/medium-98e0039f9165693f2198d6905435324b.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">benecos</p>
          <a href="/de/products/shea-butter-100-bio-100-ml-16851">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shea Butter 100% Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Pd2Kv4pSoFbgubYnSqrNOHFtjCTKZAb1MaKfuf26dH16pL4pn3j0uN7HlEEzx6yTj4If50x6oHey95jmjlx3fw" />
    <input value="16851" 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/biber-m-saisonmotiv-bio-140-g-16859">
          <img alt="Biber-M Saisonmotiv Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7866/file/small-96c12a5561b379d3d408d350a7ff8699.webp 600w, https://assets.fabulous.ch/public/variant_asset/7866/file/medium-2ba63db10d95e5880592cd4159f046df.webp 900w, https://assets.fabulous.ch/public/variant_asset/7866/file/large-09dbbc4919380ddb37f3b87163201ed9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7866/file/medium-2ba63db10d95e5880592cd4159f046df.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">Leibacher Biber-Manufaktur</p>
          <a href="/de/products/biber-m-saisonmotiv-bio-140-g-16859">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biber-M Saisonmotiv Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DFruU15lVwpKoCl7mlHEtj7FtoRvjKoG1p0NrZg3O5JLI9rFS08D5HTeCx3jPKUdwColR-mSDIRVyAry69E4kA" />
    <input value="16859" 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/hunde-kauartikel-mince-pie-art-50-g-16860">
          <img alt="Hunde Kauartikel Mince Pie Art" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7865/file/small-d86d97a7c3d254724071d7a63568f9fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/7865/file/medium-2173e14bd6764c579413af8697bdc5f1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7865/file/large-6edf415808c351b49646ce947eef52f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7865/file/medium-2173e14bd6764c579413af8697bdc5f1.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">Denzel&#39;s</p>
          <a href="/de/products/hunde-kauartikel-mince-pie-art-50-g-16860">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hunde Kauartikel Mince Pie Art, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WklKPc1owonhfKnKoX_pIgfC_WaOc41NkiDApUjqgpkdMH6r2EKWZ98Ci6zYEoiJ-S1upQhtK88Rdcf6OwyBmw" />
    <input value="16860" 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/mungbohnen-chips-bio-50-g-16872">
          <img alt="Mungbohnen Chips Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7868/file/small-ea2945d6985bd732ac31798e7263c4fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/7868/file/medium-878dae2ec437519121cde9924cbab853.webp 900w, https://assets.fabulous.ch/public/variant_asset/7868/file/large-bf415951df08dac73b24bae79b99064c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7868/file/medium-878dae2ec437519121cde9924cbab853.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/mungbohnen-chips-bio-50-g-16872">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mungbohnen Chips Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-16872-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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/fingerfarben-aki-rot-blau-gelb-und-grun-120-g-16873">
          <img alt="Fingerfarben &quot;Aki&quot; rot, blau, gelb und grün" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7870/file/small-6b5091f810a19083da7b8e625e074b82.webp 600w, https://assets.fabulous.ch/public/variant_asset/7870/file/medium-d3da6358aea249496185d6f773ae88b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7870/file/large-26cb6cfe2164e027e0abc2091f9c5293.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7870/file/medium-d3da6358aea249496185d6f773ae88b9.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">memo</p>
          <a href="/de/products/fingerfarben-aki-rot-blau-gelb-und-grun-120-g-16873">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fingerfarben &quot;Aki&quot; rot, blau, gelb und grün, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jaL3zzyWsl5lNVgUGboCPR55JJhvoJ0TuzmrTjlR0f_K28NZKbzmsFtLenJg12OW4Ja3W-m-O5E4bKwRSrfS_Q" />
    <input value="16873" 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/fingerfarben-luka-lila-rosa-gelb-und-grun-120-g-16874">
          <img alt="Fingerfarben &quot;Luka&quot; lila, rosa, gelb und grün" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7871/file/small-e1029e28d0bebb41f74ffeb66036e80e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7871/file/medium-c47d4885b4c38fb87f11314709c67848.webp 900w, https://assets.fabulous.ch/public/variant_asset/7871/file/large-c81edc567700800f2a8578a72342fa8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7871/file/medium-c47d4885b4c38fb87f11314709c67848.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">memo</p>
          <a href="/de/products/fingerfarben-luka-lila-rosa-gelb-und-grun-120-g-16874">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fingerfarben &quot;Luka&quot; lila, rosa, gelb und grün, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hD_AeqM_jchT5yN0YWyPaL42GzgzTHAMurgeJe_TPVPDRvTsthXZJm2ZARIYAe7DQNmI-7VS1o457Rl6nDU-UQ" />
    <input value="16874" 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;920 von 3&#39;163 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/nur-puur?format=turbo_stream&amp;page=147">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>