<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/chlorella-vegicaps-kapseln-100-stuck-971">
          <img alt="Chlorella Vegicaps" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/852/file/small-7a9bc40712168b29b401b645e6e198b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/852/file/medium-7da52e4e9095dfaa10450dc6f47b7369.webp 900w, https://assets.fabulous.ch/public/variant_asset/852/file/large-c0a53a6c2e19a441f590434b346536eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/852/file/medium-7da52e4e9095dfaa10450dc6f47b7369.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">MORGA</p>
          <a href="/de/products/chlorella-vegicaps-kapseln-100-stuck-971">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chlorella Vegicaps, 100 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vp5lE3tCe-XdVgrH0RhjW-8vzoRs34nS9CXab_plKlPRSZV6-OXAyVp76edyBqV7uSI_GPszxxfiS1Y6L2LPSA" />
    <input value="971" 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/explore-cuisine-schwarze-bohnen-spaghetti-bio-200-g-14857">
          <img alt="Explore Cuisine Schwarze Bohnen Spaghetti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6800/file/small-5af3eb8bfe8d9f6f2885a0cab3fd602e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6800/file/medium-582e1da9f2b32b0d8ad574d82620fda5.webp 900w, https://assets.fabulous.ch/public/variant_asset/6800/file/large-c8e77cceeb34dd0cbbffd761cf2c0cf4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6800/file/medium-582e1da9f2b32b0d8ad574d82620fda5.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">Explore Cuisine</p>
          <a href="/de/products/explore-cuisine-schwarze-bohnen-spaghetti-bio-200-g-14857">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Explore Cuisine Schwarze Bohnen Spaghetti Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O2xj3h-4iDquwARvDulQNTskqr8-C8L0OUIqOfTHrD9Uu5O3nB8zFint50-t95YVbSlbI6nnjDEvLKZsIcBJJA" />
    <input value="14857" 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/krunchy-muesli-low-sugar-no-choco-bio-375-g-17121">
          <img alt="Krunchy Müesli Low Sugar (NO) CHOCO Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7961/file/small-c7268cca8a87c034c279abff94c8b6aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/7961/file/medium-5c9c00dc7ee0df40613497203dea611e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7961/file/large-bfcaa89c1d3a75acaae7fe6d78561e44.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7961/file/medium-5c9c00dc7ee0df40613497203dea611e.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">Barnhouse Naturprodukte</p>
          <a href="/de/products/krunchy-muesli-low-sugar-no-choco-bio-375-g-17121">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Krunchy Müesli Low Sugar (NO) CHOCO Bio, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sOXYSGiiel7IcSElh_kRAMiyeLNnShqTrIrbWSRHJGDfMigh6wXBck9cwgUk59cgnr-JL_CmVFa65FcM8UDBew" />
    <input value="17121" 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/protein-chunks-hack-fein-bio-125-g-13449">
          <img alt="Protein Chunks Hack fein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6518/file/small-c9dc76ceec7ed61c2d612edeb02ddfbd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6518/file/medium-8ce7c8a379f2ff554a76775c08f860e0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6518/file/large-405ba728d63ba4681b0b09acc98cf8ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6518/file/medium-8ce7c8a379f2ff554a76775c08f860e0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Govinda</p>
          <a href="/de/products/protein-chunks-hack-fein-bio-125-g-13449">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Chunks Hack fein Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Bq34u3lZv8RZGv7TrIsYWgUEP29Jqe8PvGoq4WHsP3BpegjS-v4E6N43HfMPld56UwnO895FocqqBKa0tOvaaw" />
    <input value="13449" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pesto-verde-bio-120-g-15544">
          <img alt="Pesto Verde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7096/file/small-77ee89e046babd78c863e7a5d557d5e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7096/file/medium-0b33c0cbf713ebafd1b29a5ee9b067fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7096/file/large-392ab8582870175e2f0797d3dbe1fb95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7096/file/medium-0b33c0cbf713ebafd1b29a5ee9b067fd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/pesto-verde-bio-120-g-15544">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto Verde Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DyGP5BgbEcYqJ3OjcXmq80uS68WVSBTbCgC8KyTOAU5g9n-Nm7yq6q0KkIPSZ2zTHZ8aWQKkWh4cbjB-8cnkVQ" />
    <input value="15544" 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/erdmandelmehl-gerostet-bio-200-g-17205">
          <img alt="Erdmandelmehl geröstet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8035/file/small-4ec75a1004461869d40052b66f713b77.webp 600w, https://assets.fabulous.ch/public/variant_asset/8035/file/medium-6527189c981f48099718f4dc41f85947.webp 900w, https://assets.fabulous.ch/public/variant_asset/8035/file/large-53be2c9aee4ea50d65f976345e2f3897.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8035/file/medium-6527189c981f48099718f4dc41f85947.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/erdmandelmehl-gerostet-bio-200-g-17205">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Erdmandelmehl geröstet Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Sd0lhpsriKRbjkeTuBKTsFKvvhQvG4Dp5_1mwTvcqFomCtXvGIwziNyjpLMbDFWQBKJPiLj3zizxk-qU7ttNQQ" />
    <input value="17205" 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/hirseflocken-demeter-500-g-15155">
          <img alt="Hirseflocken Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6938/file/small-aff58e1f9aae9fd1b655c527195d00f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6938/file/medium-468926895bc4b3ebb204e28ad4b2bfc1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6938/file/large-5d2fa60d86eac12efb51fddcad0ae7d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6938/file/medium-468926895bc4b3ebb204e28ad4b2bfc1.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">Vanadis</p>
          <a href="/de/products/hirseflocken-demeter-500-g-15155">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hirseflocken Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0PO4ZFLD98PL0WpAPeF8vAtz-bRbiTCU9n4neFTSZo2_JEgN0WRM70z8iWCe_7qcXX4IKMxlflHgEKstgdWDlg" />
    <input value="15155" 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/reis-protein-pulver-bio-400-g-17500">
          <img alt="Reis Protein Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8157/file/small-b649d9b19db1353ecb3d5681ad558409.webp 600w, https://assets.fabulous.ch/public/variant_asset/8157/file/medium-ec2321b27e1f137a52e172b48b7f34f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8157/file/large-506bc4b0a171ea699b08768d6d10f793.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8157/file/medium-ec2321b27e1f137a52e172b48b7f34f6.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">Raab</p>
          <a href="/de/products/reis-protein-pulver-bio-400-g-17500">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reis Protein Pulver Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R8SIVtWqtWRqivNdCDZCu9DCYu9HuDz3ZjPeSrZtduAoE3g_Vg0OSO2nEH2rKISbhs-Tc9BUcjJwXVIfY2qT-w" />
    <input value="17500" 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/knackebrot-croq-hafer-sesam-chia-glutenfrei-bio-160-g-6151">
          <img alt="Knäckebrot Croq&#39; Hafer Sesam Chia Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3536/file/small-0adde340737380b3bee547951cd98821.webp 600w, https://assets.fabulous.ch/public/variant_asset/3536/file/medium-1a36e049c671ef2598e8ff45662b5a98.webp 900w, https://assets.fabulous.ch/public/variant_asset/3536/file/large-c7699bb1b86dff2faa759168c0266603.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3536/file/medium-1a36e049c671ef2598e8ff45662b5a98.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">Pural</p>
          <a href="/de/products/knackebrot-croq-hafer-sesam-chia-glutenfrei-bio-160-g-6151">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Knäckebrot Croq&#39; Hafer Sesam Chia Glutenfrei Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Byocv8YUUbkQBodpezKbnAnuQmpfbJkggATNPQMxeFxo_ezWRbPqlZcrZEnYLF28X-Oz9siA1-WWakFo1jadRw" />
    <input value="6151" 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/sauce-asia-thai-mango-bio-220-ml-7928">
          <img alt="Sauce Asia Thai Mango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4652/file/small-026c368e435d0ca70d9013a0b87a5536.webp 600w, https://assets.fabulous.ch/public/variant_asset/4652/file/medium-017947434266fe40dc3c79f4ab098e5d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4652/file/large-72e744761b6390cfbddce368bd385693.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4652/file/medium-017947434266fe40dc3c79f4ab098e5d.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">Sanchon</p>
          <a href="/de/products/sauce-asia-thai-mango-bio-220-ml-7928">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Asia Thai Mango Bio, 220 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u04pl75sc-82qx2bWTF7TVMNcV3I_LFjq8QTXKp-0RvUmdn-PcvIw7GG_rv6L71tBQCAwV8Q_6a9qp8Jf3k0AA" />
    <input value="7928" 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/sauce-asia-thai-chili-bio-220-ml-7927">
          <img alt="Sauce Asia Thai Chili Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4650/file/small-f874293f45b1502dec268296ac9335a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/4650/file/medium-292c012345b850dc265102b79080ed35.webp 900w, https://assets.fabulous.ch/public/variant_asset/4650/file/large-787b7a54b0f06c04b82b2e4ff15ca130.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4650/file/medium-292c012345b850dc265102b79080ed35.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">Sanchon</p>
          <a href="/de/products/sauce-asia-thai-chili-bio-220-ml-7927">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Asia Thai Chili Bio, 220 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7h5BQVAUwZ_sw3zwAE1id1-K_DSzMtZYmzbt2sRyCZmBybEo07N6s2vun9CjU6RXCYcNqCTemJ2NWGGPEXXsgg" />
    <input value="7927" 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/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="TqlM-H3DB9hjqb2Whnkzw26oGP-IRauxPPvJ4tpo0iohfryR_mS89OSEXrYlZ_XjOKXpYx-p5XQqlUW3D283MQ" />
    <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 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/hanfpesto-rot-chili-bio-150-g-6192">
          <img alt="Hanfpesto Rot Chili Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3557/file/small-e108a425f72097a6233b4e42a8ffe8c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/3557/file/medium-a60af3df619b0907a04813a138df6187.webp 900w, https://assets.fabulous.ch/public/variant_asset/3557/file/large-c3a2e5f2230d15434adca86ea772a850.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3557/file/medium-a60af3df619b0907a04813a138df6187.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">Hanf&amp;Natur</p>
          <a href="/de/products/hanfpesto-rot-chili-bio-150-g-6192">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hanfpesto Rot Chili Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="18GV1PjSmyDws3BipZxBJLpbsnhGNwgNuDZNYkGRA_K4FmW9e3UgDHeek0IGgocE7FZD5NHbRsiuWME3lJbm6Q" />
    <input value="6192" 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/tofu-gewurzzubereitung-bio-60-g-13945">
          <img alt="Tofu Gewürzzubereitung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6629/file/small-db9f0b94a21ff8e60fbf6bd668e9a51c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6629/file/medium-40acd5866e348a95c478262fd5c6c0eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6629/file/large-1de1d70ecc3ba2e227bcba9516f6c673.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6629/file/medium-40acd5866e348a95c478262fd5c6c0eb.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">Lebensbaum</p>
          <a href="/de/products/tofu-gewurzzubereitung-bio-60-g-13945">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Gewürzzubereitung Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DYZ6giXiA25awEepLxag9U3epG2z91CrU8bUnq2zmhpiUYrrpkW4Qt3tpImMCGbVG9NV8SQbHm5FqFjLeLR_AQ" />
    <input value="13945" 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/korner-toastbrot-high-protein-bio-400-g-16913">
          <img alt="Körner Toastbrot High Protein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7886/file/small-15eb371753ada63d319da019b00113ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/7886/file/medium-ac0156e175e11641e907da09a68765fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7886/file/large-8f117c811566de7f327c7c1a4ca4c6be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7886/file/medium-ac0156e175e11641e907da09a68765fd.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">Nur Puur</p>
          <a href="/de/products/korner-toastbrot-high-protein-bio-400-g-16913">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Körner Toastbrot High Protein Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZmPBLSFuTc8Lb2sUImqAXY55j9BDsyN9Y0GiJxzcBtcJtDFEosn244xCiDSBdEZ92HR-TNRfbbh1Ly5yydvjzA" />
    <input value="16913" 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/backmischung-meine-cinnamon-rolls-bio-450-g-11135">
          <img alt="Backmischung Meine Cinnamon Rolls Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5703/file/small-803e44db050bc87f68fc746a4c3d8fa1.webp 600w, https://assets.fabulous.ch/public/variant_asset/5703/file/medium-45cdd861ffd70d48a2ec01ab02df2fcb.webp 900w, https://assets.fabulous.ch/public/variant_asset/5703/file/large-42b096c2ecfa2090bc71b587e08b025c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5703/file/medium-45cdd861ffd70d48a2ec01ab02df2fcb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/de/products/backmischung-meine-cinnamon-rolls-bio-450-g-11135">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Backmischung Meine Cinnamon Rolls Bio, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VJeM9LJLyADa4QWFniWC4Nbm5N7U6ATlqf0ybkI3hCE7QHydMexzLF3M5qU9O0TAgOsVQkMESiC_k747lzBhOg" />
    <input value="11135" 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/jackfrucht-fruchtfleisch-wurfel-ungewurzt-bio-200-g-6543">
          <img alt="Jackfrucht Fruchtfleisch Würfel ungewürzt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3756/file/small-75785db199e4970f022b17bab503f56d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3756/file/medium-2e3d4449527d3a19999754b95f6176db.webp 900w, https://assets.fabulous.ch/public/variant_asset/3756/file/large-27484242fc936d7c63c1e1504ae42afc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3756/file/medium-2e3d4449527d3a19999754b95f6176db.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Govinda</p>
          <a href="/de/products/jackfrucht-fruchtfleisch-wurfel-ungewurzt-bio-200-g-6543">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jackfrucht Fruchtfleisch Würfel ungewürzt Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z1AzQACbg5nZXiUo7lcB7gSzFod7_QYLahA1QXMIOiEIh8Mpgzw4tV5zxghNScfOUr7nG-wRSM58frkUpg_fOg" />
    <input value="6543" 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/knackebrot-croq-hafer-natur-glutenfrei-bio-160-g-6963">
          <img alt="Knäckebrot Croq&#39; Hafer Natur Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4035/file/small-9caeff76c155b0be0e71b7fbd64dffbb.webp 600w, https://assets.fabulous.ch/public/variant_asset/4035/file/medium-57382a8967f74ac0e8f5f00cf27694e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/4035/file/large-e4cae0f455228e322109aefda060521f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4035/file/medium-57382a8967f74ac0e8f5f00cf27694e7.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">Pural</p>
          <a href="/de/products/knackebrot-croq-hafer-natur-glutenfrei-bio-160-g-6963">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Knäckebrot Croq&#39; Hafer Natur Glutenfrei Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YPxf0pvfbZesR1UXyM_GS_YsnlcohOSEpNaohYT3U2sPK6-7GHjWuytqtjdr0QBroCFvy79oqkGyuCTQUfC2cA" />
    <input value="6963" 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/krautsalat-bio-360-g-15889">
          <img alt="Krautsalat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7292/file/small-626b2292b2e42c4593bfa662eee017fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7292/file/medium-e10972ede5c2bc21e579e25f212e322a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7292/file/large-4c842c03611edd558b8dfa111d8205d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7292/file/medium-e10972ede5c2bc21e579e25f212e322a.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">Grünhof</p>
          <a href="/de/products/krautsalat-bio-360-g-15889">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Krautsalat Bio, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </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.28 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JBVJr_aID-1t-cvIfcPVBy-A2efCpxCzDp7pPIDVVudLwrnGdS-0werUKOje3RMneY0oe1VLXnYY8GVpVdKz_A" />
    <input value="15889" 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/kartoffelsalat-mit-essig-ol-bio-400-g-15888">
          <img alt="Kartoffelsalat mit Essig &amp; Öl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7291/file/small-9f80de7cfa0c1eb8c29510d964574e99.webp 600w, https://assets.fabulous.ch/public/variant_asset/7291/file/medium-77532e9afaf6e64b0263cafc878fdeea.webp 900w, https://assets.fabulous.ch/public/variant_asset/7291/file/large-827df4ad673db852e0f7a88a6613a05f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7291/file/medium-77532e9afaf6e64b0263cafc878fdeea.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">Grünhof</p>
          <a href="/de/products/kartoffelsalat-mit-essig-ol-bio-400-g-15888">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kartoffelsalat mit Essig &amp; Öl Bio, 400 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 1.30 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oH7D0im8F36v8ylZS8cpukjYAYYvQBRxJGNWBjNXJjbPqTO7qhusUijeynno2e-aHtXwGrisWrQyDdpT5lDDLQ" />
    <input value="15888" 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">
      1&#39;060 von 3&#39;197 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/heylife?format=turbo_stream&amp;page=54">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>