<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/vegane-alternative-zu-griechischem-kase-mit-krautern-bio-200-g-3975">
          <img alt="Vegane Alternative zu griechischem Käse mit Kräutern Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2517/file/small-a0b81aed5ab03a7dbe6d101d61652a7d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2517/file/medium-ef8af7103e8f112f6e754df30bbe6c7b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2517/file/large-85e782325acb7f11cbfd3bd53377ba0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2517/file/medium-ef8af7103e8f112f6e754df30bbe6c7b.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">Soyana</p>
          <a href="/de/products/vegane-alternative-zu-griechischem-kase-mit-krautern-bio-200-g-3975">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Alternative zu griechischem Käse mit Kräutern Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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.40 / 100 g
            </p>
        </div>
      </div>

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vegane-alternative-zu-griechischem-kase-nature-bio-200-g-17965">
          <img alt="Vegane Alternative zu griechischem Käse nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8904/file/small-5c3865dd911f7c62a8891d6501bd4529.webp 600w, https://assets.fabulous.ch/public/variant_asset/8904/file/medium-c092eee51032c666dff42169e6ab1d9d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8904/file/large-94f7416a2f6d4e9259d6bd01a08f761c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8904/file/medium-c092eee51032c666dff42169e6ab1d9d.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">Soyana</p>
          <a href="/de/products/vegane-alternative-zu-griechischem-kase-nature-bio-200-g-17965">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Alternative zu griechischem Käse nature Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3lErWTyHzKvvcpQFs8VNfWoMypu-I0pC2IydYiUdy7P2ykDyKIRCGjw09EtfsFnUc28xLpIrip1T2U86kTdN7w" />
    <input value="17965" 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/schweizer-hummus-frische-krauter-bio-150-g-15592">
          <img alt="Schweizer Hummus Frische Kräuter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7116/file/small-deef7441566afbf85813a1214b88ec3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7116/file/medium-b2f8c01e774ef8661980e42acac91e9f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7116/file/large-9d5d529dd2d15db79788d7c09388406e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7116/file/medium-b2f8c01e774ef8661980e42acac91e9f.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">Wild Foods</p>
          <a href="/de/products/schweizer-hummus-frische-krauter-bio-150-g-15592">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schweizer Hummus Frische Kräuter Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jMaXs8dNsdu9_jD_2-vDOieUOTi3vX28L6iXb9t8deikXfwY004_am64ULE3nteTPvfCjZu1vWOk_UU3b1bztA" />
    <input value="15592" 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/mozzavella-vegane-alternative-zu-mozzarella-bio-125-g-15404">
          <img alt="MozzaVella Vegane Alternative zu Mozzarella Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7039/file/small-850a07fd2fac1b5194d56bd56a873182.webp 600w, https://assets.fabulous.ch/public/variant_asset/7039/file/medium-d46a748868a17ae42481e0a9b07842e9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7039/file/large-2fadd7d6ff8bdbbd30caef770bedfdd6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7039/file/medium-d46a748868a17ae42481e0a9b07842e9.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">Züger</p>
          <a href="/de/products/mozzavella-vegane-alternative-zu-mozzarella-bio-125-g-15404">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MozzaVella Vegane Alternative zu Mozzarella Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.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.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j6G0u_CV7ritXTAdCEpsTtRPufNeGbXBN6ju2-haXtinOt8Q5JZgCX4bUFPkP3jnzSxCRnIRdR68_TyDXHDYhA" />
    <input value="15404" 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/filona-frischecreme-krauter-bio-150-g-15102">
          <img alt="Filona Frischecreme Kräuter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6924/file/small-949452ca661d41151580f43b7fe4aa9c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6924/file/medium-6dc0c32b78f648bd28eeecc4ae4e3bca.webp 900w, https://assets.fabulous.ch/public/variant_asset/6924/file/large-25a466907688cc7b2cdfa57acf107373.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6924/file/medium-6dc0c32b78f648bd28eeecc4ae4e3bca.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">Züger</p>
          <a href="/de/products/filona-frischecreme-krauter-bio-150-g-15102">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Filona Frischecreme Kräuter Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.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 1.87 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YMJERfBHWJMsFWhvZIYOUs3QS3agHOTo07P16mAc52BIWS_u5ETWIv9TCCGI8xr71LOww4wUJDdY5iey1DZhPA" />
    <input value="15102" 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/ich-bin-kein-fleischkase-glutenfrei-bio-200-g-5706">
          <img alt="&quot;Ich bin kein Fleischkäse&quot; Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3292/file/small-284800cc58bfefdeef9fd04aa8a94b47.webp 600w, https://assets.fabulous.ch/public/variant_asset/3292/file/medium-c47955507187b4a2f95505b123a67384.webp 900w, https://assets.fabulous.ch/public/variant_asset/3292/file/large-cd1e7d9eac5d4c1a6229f4427e7deba2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3292/file/medium-c47955507187b4a2f95505b123a67384.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">Soyana</p>
          <a href="/de/products/ich-bin-kein-fleischkase-glutenfrei-bio-200-g-5706">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">&quot;Ich bin kein Fleischkäse&quot; Glutenfrei Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </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.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="twmLs-Uh2P0qKk8epboYkQ9PUoThtauYIJk4vVA6wM2fkuAY8SJWTPlsL1BJzww4FiypMc29a0erzOrl5BBGkQ" />
    <input value="5706" 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/tofu-rauchertofu-mandel-sesam-bio-200-g-351">
          <img alt="Tofu Räuchertofu Mandel-Sesam Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/313/file/small-ab2ced6269fb0bb6f386eee2d442f316.webp 600w, https://assets.fabulous.ch/public/variant_asset/313/file/medium-13cbb4d781b0482474a8413ea907a9f1.webp 900w, https://assets.fabulous.ch/public/variant_asset/313/file/large-311b9a3b8fe62dec50c9e540ab710e64.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/313/file/medium-13cbb4d781b0482474a8413ea907a9f1.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">Taifun</p>
          <a href="/de/products/tofu-rauchertofu-mandel-sesam-bio-200-g-351">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Räuchertofu Mandel-Sesam Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WSHR6SqxkIas-XGl8rcG7u4eCwoldfbxe3vKZFTAGIhxurpCPrIeN3-_EesewhJH933wvwl9Ni7wLhg84Oqe1A" />
    <input value="351" 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/bratfilets-black-forest-bio-80-g-16733">
          <img alt="Bratfilets Black Forest Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7759/file/small-c9e8dd7f712a4ae80ce02c297c74932e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7759/file/medium-9314233befc80b586176237da5177233.webp 900w, https://assets.fabulous.ch/public/variant_asset/7759/file/large-cb223c26345e67ccb0cbe4493a2355a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7759/file/medium-9314233befc80b586176237da5177233.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">Taifun</p>
          <a href="/de/products/bratfilets-black-forest-bio-80-g-16733">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bratfilets Black Forest Bio, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </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.66 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z0MzO3QQr6f4VU1WOybxR4UuXryy3a48nQpzf2_mJwtP2FiQYBMhFisTLRjXU-XunE2lCZ7VbuMWX6En28yhVw" />
    <input value="16733" 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/greek-style-nature-bio-400-g-16776">
          <img alt="Greek Style Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7796/file/small-c00983fd6273463007de99c6dd7f34ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/7796/file/medium-08d6a0e304e1ecca158c1b4ad8730585.webp 900w, https://assets.fabulous.ch/public/variant_asset/7796/file/large-11a6417fd214c7cd329d2b4dd60deca6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7796/file/medium-08d6a0e304e1ecca158c1b4ad8730585.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">Sojade</p>
          <a href="/de/products/greek-style-nature-bio-400-g-16776">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Greek Style Nature Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wi02jgPk-078JVJ7kIqhwAObIvZ3JhH59C6j9SrYv_Pqtl0lF-d1_y9jMjV8_7VpGvjZQ1su0SZ_e3GtnvI5rw" />
    <input value="16776" 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/mascarvone-vegane-alternative-zu-mascarpone-bio-250-g-13924">
          <img alt="MascarVone Vegane Alternative zu Mascarpone Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6626/file/small-682cbf7ef539b07c4707289abb5d53dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6626/file/medium-7a1dd18618718fff6bc51062f9efb39f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6626/file/large-2a64cd2c1d96113b259a09fd28c93e8a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6626/file/medium-7a1dd18618718fff6bc51062f9efb39f.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">Züger</p>
          <a href="/de/products/mascarvone-vegane-alternative-zu-mascarpone-bio-250-g-13924">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MascarVone Vegane Alternative zu Mascarpone Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 1.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CAzZ1HZmHaJACJcq5c1rZdufpLMG-74tknl5ripfftkgl7J_YmWTE5NO92QJuH_MwvxfBirzfvIZLKv2nnX4hQ" />
    <input value="13924" 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/lupinen-filets-bio-100-g-291">
          <img alt="Lupinen Filets Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/263/file/small-00fb88970bcf78f058741f4ad95e91b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/263/file/medium-2a2c1ef14841d15c4de3eb26de4f6bb3.webp 900w, https://assets.fabulous.ch/public/variant_asset/263/file/large-902176a7403fb66823c98d4084db7a77.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/263/file/medium-2a2c1ef14841d15c4de3eb26de4f6bb3.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">Alberts</p>
          <a href="/de/products/lupinen-filets-bio-100-g-291">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lupinen Filets Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o21vktiFypTeCAZ-Q2nzSGnStzmcBrjc4umFIWEKsAuL9gQ5zIZEJQ1OZjCvHOfhcLFMjLAOeANpvFd51SA2Vw" />
    <input value="291" 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/aufschnitt-lyoner-art-erbsenbasis-bio-80-g-10029">
          <img alt="Aufschnitt Lyoner Art Erbsenbasis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5483/file/small-27d47fa229226c61d7ea81843412797e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5483/file/medium-aa977cdd3db65176cbd551af2b9d0ede.webp 900w, https://assets.fabulous.ch/public/variant_asset/5483/file/large-972c738fd3c2ca3fffd3989f68928b4b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5483/file/medium-aa977cdd3db65176cbd551af2b9d0ede.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">Wheaty</p>
          <a href="/de/products/aufschnitt-lyoner-art-erbsenbasis-bio-80-g-10029">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Aufschnitt Lyoner Art Erbsenbasis Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VK-QKmdxWvIgLM0frZClxeKbr9aUCMm3e9NHqn_4ePh8NPuBc3LUQ_NqrVFB5bFs-_hUY7gACWjwhpXyy9L-pA" />
    <input value="10029" 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/falafel-burger-hans-im-gluck-bio-200-g-15595">
          <img alt="Falafel Burger - Hans im Glück Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7120/file/small-7e8fbdbe6e94922ae53fd3d5849d434d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7120/file/medium-83c613f602ea5fb4cb9b93b70d616c52.webp 900w, https://assets.fabulous.ch/public/variant_asset/7120/file/large-68b34612701588d382e1737dfbffa68e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7120/file/medium-83c613f602ea5fb4cb9b93b70d616c52.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">Soto</p>
          <a href="/de/products/falafel-burger-hans-im-gluck-bio-200-g-15595">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Falafel Burger - Hans im Glück Bio, 2 x 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.15
            </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.58 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UmFXYl-5zzZPU8YzuFy7nNnhMGCAg-xqe34syt3gOMd6-jzJS7pBh5wVpn1UKa81wILL1ayLLLXwK_6Sacq-mw" />
    <input value="15595" 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/lupi-krauter-knoblauch-bio-170-g-15406">
          <img alt="LUPI - Kräuter &amp; Knoblauch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7041/file/small-545500dd2be89c7212a935fd0e47665c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7041/file/medium-a138407a8e432a8d79e20510c36cf398.webp 900w, https://assets.fabulous.ch/public/variant_asset/7041/file/large-9d8fc9097a29dd415df7784550db6ac7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7041/file/medium-a138407a8e432a8d79e20510c36cf398.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">Yellow Sunshine</p>
          <a href="/de/products/lupi-krauter-knoblauch-bio-170-g-15406">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LUPI - Kräuter &amp; Knoblauch Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AYVSZwzfO8Am9HLzdPfxAJmUuoRSEKhAr5A9I1LFi-QpHjnMGNy1cfWyEr2YguWpgPdBMX4YaJ8kxe975u8NuA" />
    <input value="15406" 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/new-roots-le-schnittlauch-extra-creamy-bio-115-g-15138">
          <img alt="New Roots Le Schnittlauch Extra Creamy Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6937/file/small-6dfb9a44aade8d6223b5bbd0f00bd1dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6937/file/medium-5d952b8adc27cd7b1e9195c060de597b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6937/file/large-ef98308e5c18fdfebbbeed57ae74dbb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6937/file/medium-5d952b8adc27cd7b1e9195c060de597b.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">New Roots</p>
          <a href="/de/products/new-roots-le-schnittlauch-extra-creamy-bio-115-g-15138">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots Le Schnittlauch Extra Creamy Bio, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HOWSre-gggBHUC1PnS2s99h0Uhg0vHca7CeGAvTQkH00fvkG-6MMsZQWTQFxWLhewReprRi0t8VnclRaQPoWIQ" />
    <input value="15138" 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/new-roots-tomate-basilikum-bio-140-g-15100">
          <img alt="New Roots Tomate &amp; Basilikum Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6922/file/small-b7f52153a1d7a589408742d78057640e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6922/file/medium-ee27490d446be4ff2f824190dc42a3fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/6922/file/large-0635fe2f6ce9698312b79c452cf882e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6922/file/medium-ee27490d446be4ff2f824190dc42a3fa.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">New Roots</p>
          <a href="/de/products/new-roots-tomate-basilikum-bio-140-g-15100">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots Tomate &amp; Basilikum Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LFcfTuZhF3qr9B3qx_iyo7P53qLiq7R7zUBtHfChU-YEzHTl8mKZy3iyfaQrjaYKqpolF86jdKRGFb9FRIvVug" />
    <input value="15100" 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/limmattaler-vegane-alternative-zu-kase-bio-150-g-13477">
          <img alt="Limmattaler vegane Alternative zu Käse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6523/file/small-7987bf4601f2ec14883905c9988307fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6523/file/medium-03e36dfc912b7caa483cc3ffaa3a22cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/6523/file/large-f33c9e15d331a122b546dca491a1be75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6523/file/medium-03e36dfc912b7caa483cc3ffaa3a22cf.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">Soyana</p>
          <a href="/de/products/limmattaler-vegane-alternative-zu-kase-bio-150-g-13477">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Limmattaler vegane Alternative zu Käse Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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 3.87 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Hohqofi79WCP4RNcNoH6pYV0uFkxtT70yEFNMgtMZrs2EwEK7Lh70VyncxLa9O4MnBdD7B29_itDFJ9qv2bg5w" />
    <input value="13477" 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/harvest-moon-original-barista-bio-1-l-15652">
          <img alt="Harvest Moon Original Barista Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7138/file/small-f57939d22a98f5efeae57f855e7b914e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7138/file/medium-06bae6feb39e2183c35521f15ef4c4f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/7138/file/large-866a3ecfd1e945169788a3911ffe4118.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7138/file/medium-06bae6feb39e2183c35521f15ef4c4f3.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">Harvest Moon</p>
          <a href="/de/products/harvest-moon-original-barista-bio-1-l-15652">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Harvest Moon Original Barista Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3Nd7mCUwH4neZrrNlqkJrngLhoMhtz8AwNIKkSDowIr0TBAzMTOROA0g2oN63B0HYWh9Ng2__99Lh9jJlMJG1g" />
    <input value="15652" type="hidden" name="variant_id" id="variant_id" />
    <input value="6" 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/burger-susskartoffel-bio-160-g-16606">
          <img alt="Burger Süsskartoffel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7660/file/small-0ed5c504c12128433fa9ababd163a031.webp 600w, https://assets.fabulous.ch/public/variant_asset/7660/file/medium-043c2412511891faa8837d99d4b749f2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7660/file/large-08df72a92960b13c803b333078b13d34.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7660/file/medium-043c2412511891faa8837d99d4b749f2.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">Soto</p>
          <a href="/de/products/burger-susskartoffel-bio-160-g-16606">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Burger Süsskartoffel Bio, 160 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 3.44 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b-jYhwwXnpv206Lv4VYwe_hGe60BBvZhqfvA2ySp9kRHc7MsGBQQKiWVwqENIyTS4SWAGC0ONr4irhKDkINwGA" />
    <input value="16606" 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/aufschnitt-sucuk-bio-100-g-9542">
          <img alt="Aufschnitt Sucuk Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5361/file/small-f3f25b936fd83170913b2033e44364fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/5361/file/medium-440594f75be7ffc2e7f38f59a4cc45a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/5361/file/large-18f500c507cd8bfac4a097f4fd4fefe0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5361/file/medium-440594f75be7ffc2e7f38f59a4cc45a7.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">Wheaty</p>
          <a href="/de/products/aufschnitt-sucuk-bio-100-g-9542">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Aufschnitt Sucuk Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2bcRlhUatLy5Wg9gqN97GSJ-ovpI9qoyoPP-GeZewrbxLHo9ARk6DWocby5Eqm-wOx1ZT2T-au0rpixBUnRE6g" />
    <input value="9542" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      80 von 3&#39;191 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/rosenrot-naturkosmetik?format=turbo_stream&amp;page=5">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>