<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/keimsaat-brokkoli-beutel-bio-150-g-4167">
          <img alt="Keimsaat Brokkoli Beutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2627/file/small-bde45c732c32eb0cae7d14324fc951dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/2627/file/medium-ba5a1840a685516af174c4b9f5530858.webp 900w, https://assets.fabulous.ch/public/variant_asset/2627/file/large-c6e0fc388c9cbf3eda32ffd6796d71bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2627/file/medium-ba5a1840a685516af174c4b9f5530858.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">Germline</p>
          <a href="/de/products/keimsaat-brokkoli-beutel-bio-150-g-4167">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keimsaat Brokkoli Beutel Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZkrenJ7dqT6W7wUJLiRkA0wibZ_WqPQnTO_9hNL_uj3DK5jV9e9_AUOsOMLeXlwwNRQxFnUcPXqeYPj2WSPT5g" />
    <input value="4167" 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-schnetzel-grob-bio-125-g-13448">
          <img alt="Protein Chunks Schnetzel grob Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6517/file/small-305e3e862250761e043c77d58169debc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6517/file/medium-82ee617af282b2824139bb1019d14d18.webp 900w, https://assets.fabulous.ch/public/variant_asset/6517/file/large-b2eb33f869bbbac39c9dbf426c98d864.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6517/file/medium-82ee617af282b2824139bb1019d14d18.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-schnetzel-grob-bio-125-g-13448">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Chunks Schnetzel grob Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OfgVQMHOXphu4NkI_TUXp08l2P6OXdOE-7Jh_2sKGCucmVMJqvyIp7uj5MMNTy-UNhOEdy3pGtkpPWSN4NZx8A" />
    <input value="13448" 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-vegane-alternative-zu-joghurt-himbeer-bio-140-g-10589">
          <img alt="New Roots Vegane Alternative zu Joghurt - Himbeer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5583/file/small-4b254f5734d8e9800655d75186779872.webp 600w, https://assets.fabulous.ch/public/variant_asset/5583/file/medium-cbbe02588c8acb2b79c667a30724c6e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/5583/file/large-c11c714d4750b6f5610338e3f4ccc39d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5583/file/medium-cbbe02588c8acb2b79c667a30724c6e7.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-vegane-alternative-zu-joghurt-himbeer-bio-140-g-10589">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots Vegane Alternative zu Joghurt - Himbeer Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EGHuDxQjHqvrHR9JiJ6ycx4UoPyx4Jy4w17D7HAP-Qi1AKhGfxHIlD5eIoJ45IpAZyL8dRJUVeUR0cae-9OQ0w" />
    <input value="10589" 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-vegane-alternative-zu-joghurt-schokolade-bio-140-g-8415">
          <img alt="New Roots Vegane Alternative zu Joghurt - Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4979/file/small-be9f0d170643fa71d92ed3bb1cd7312a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4979/file/medium-263f0aff51523dae3c48d7e5c6226309.webp 900w, https://assets.fabulous.ch/public/variant_asset/4979/file/large-b053cfd144101b1b0839d0d2e283ad2b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4979/file/medium-263f0aff51523dae3c48d7e5c6226309.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-vegane-alternative-zu-joghurt-schokolade-bio-140-g-8415">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots Vegane Alternative zu Joghurt - Schokolade Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LzB4mqne6nA_frtbaBTvGyHiwaABZ_Yg2wDJS57xFAWKUT7Twuw8T-o9hpCYbtcoWNSdKaLTP30Jj8w5FS193g" />
    <input value="8415" 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/knusper-fruhstuck-schoko-muesli-zartbitter-glutenfrei-bio-300-g-5043">
          <img alt="Knusper Frühstück Schoko Müesli Zartbitter Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2977/file/small-ad845eb238fd64146dc9ae81f69a3407.webp 600w, https://assets.fabulous.ch/public/variant_asset/2977/file/medium-7416cd306b46dcf03736f690fdd96374.webp 900w, https://assets.fabulous.ch/public/variant_asset/2977/file/large-66ce54755939b6bc63603dfd407ac425.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2977/file/medium-7416cd306b46dcf03736f690fdd96374.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">Bauckhof</p>
          <a href="/de/products/knusper-fruhstuck-schoko-muesli-zartbitter-glutenfrei-bio-300-g-5043">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Knusper Frühstück Schoko Müesli Zartbitter Glutenfrei Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wYFCID81seEb2iVBpHW-t-Z6ap0vir12HYKYxMhZDiJk4ARpVAdn3s6ZGIpUD4aEn0w2FIw-dCvPDZ22Q4Vn-Q" />
    <input value="5043" 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/soja-dessert-chocolat-bio-4-x-100-g-17937">
          <img alt="Soja Dessert Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8878/file/small-46426ed214c228dd3a3043d5c408c7a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8878/file/medium-ad21dce13af8defbbbade2c38bd6e6e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/8878/file/large-a03910496532ee6cdc15bb7783ccad2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8878/file/medium-ad21dce13af8defbbbade2c38bd6e6e4.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/soja-dessert-chocolat-bio-4-x-100-g-17937">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Dessert Chocolat Bio, 4 x 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </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.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a5_OlgZd3FEKEfMPfD_aP1iOjZhII5Qan5NYDnNBu5DO_ojfbW8Kbt9SzsSMReIMIbjREeuXXUdNHF18-J3SSw" />
    <input value="17937" 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/sojade-so-soya-ohne-zuckerzusatz-mango-bio-400-g-8901">
          <img alt="Sojade So Soya! Ohne Zuckerzusatz Mango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5160/file/small-d4cbbeffaa0d391a8289d073413d32f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5160/file/medium-eee33749d79c60d2082133119054f02a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5160/file/large-ba56a3bb756141bc63a5387d41bfffe9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5160/file/medium-eee33749d79c60d2082133119054f02a.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/sojade-so-soya-ohne-zuckerzusatz-mango-bio-400-g-8901">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sojade So Soya! Ohne Zuckerzusatz Mango Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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 1.41 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0vZ6IXR9kjysuyFoDrJL78GjF3EE1KT-JLHtUIMJeRh3lzxoH09EA3n4HKP-yHPcuJVL-KdgbaP2PugiCNUQww" />
    <input value="8901" 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/bratol-extra-mild-oil-in-box-bio-3-l-17747">
          <img alt="Bratöl extra mild Oil in Box Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8661/file/small-779f44ee920fe30f6ed3a18c8b697daa.webp 600w, https://assets.fabulous.ch/public/variant_asset/8661/file/medium-c88514c66051bfd8ac60f31187dded92.webp 900w, https://assets.fabulous.ch/public/variant_asset/8661/file/large-6248899ca5b92740d67da12c3a6d2e4e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8661/file/medium-c88514c66051bfd8ac60f31187dded92.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">Bio Planète</p>
          <a href="/de/products/bratol-extra-mild-oil-in-box-bio-3-l-17747">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bratöl extra mild Oil in Box Bio, 3 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xiTQwsgIklAHgJr3lhJp8WY6_SsqAfhc4Kr0xMp7hexjRZaLozpEb9LDpzxmaFHCHwyhoom1MQEyJfG2QafsNw" />
    <input value="17747" 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/keimgerat-original-biosnacky-1-stuck-15306">
          <img alt="Keimgerät Original bioSnacky" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6990/file/small-5f1be997c556678dda6407c3c7b1fbc2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6990/file/medium-84abb885c167a59e492f0ba39b042a14.webp 900w, https://assets.fabulous.ch/public/variant_asset/6990/file/large-1844002eacd16afc6d47e382e43095e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6990/file/medium-84abb885c167a59e492f0ba39b042a14.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/keimgerat-original-biosnacky-1-stuck-15306">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keimgerät Original bioSnacky, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1HcCtF3vEJ2m14bkBtkWa11kotqk5pNRnem9DpRhKp5xFkT9Nt3GonOUuy_2oy5YJFL-UwdSWgxPZrh8H71DRQ" />
    <input value="15306" 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/soja-dessert-vanille-bio-4-x-100-g-17938">
          <img alt="Soja Dessert Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8879/file/small-9451a17495dd630cfb1ba77b782712fe.webp 600w, https://assets.fabulous.ch/public/variant_asset/8879/file/medium-5f89614d32698a0aac66a273ff2bb9be.webp 900w, https://assets.fabulous.ch/public/variant_asset/8879/file/large-3e74ae0db838f84f2a9c206ac6d928d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8879/file/medium-5f89614d32698a0aac66a273ff2bb9be.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/soja-dessert-vanille-bio-4-x-100-g-17938">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Dessert Vanille Bio, 4 x 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </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.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KSHVGwZ_L0BW1PTv9X72LDIHzplhqxuTgj1zXvYLKVSMQJNSbU35f4OXySQFBM4fSzGSEMIf0s5QsnYsfddAjw" />
    <input value="17938" 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/vollkorn-quinoa-gepufft-ungesusst-bio-125-g-146">
          <img alt="Vollkorn Quinoa gepufft ungesüsst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/157/file/small-2d5ef591463e87383bec9d1926fb5988.webp 600w, https://assets.fabulous.ch/public/variant_asset/157/file/medium-7ec84ffdc0b1605e0c645aeb03b4b3c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/157/file/large-be4e048eab7432b90b63742d0f7cba72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/157/file/medium-7ec84ffdc0b1605e0c645aeb03b4b3c8.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">Werz</p>
          <a href="/de/products/vollkorn-quinoa-gepufft-ungesusst-bio-125-g-146">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vollkorn Quinoa gepufft ungesüsst Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o72ac9V0-JJ4Yzy63kci6fvp70IiCXHTsmy56iYlWH4G3Nw6vkYura0gAXEuPRragt-zy4G9uI5g47yYrfkxpQ" />
    <input value="146" 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/limettensaft-100-direktsaft-bio-200-ml-15975">
          <img alt="Limettensaft 100% Direktsaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7374/file/small-3d693f451714f4a89672ad1be8f206b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7374/file/medium-8f5f53913b4ee27a3805230c0ecefdf8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7374/file/large-75e944abd8f0d34bf1e918818b997fed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7374/file/medium-8f5f53913b4ee27a3805230c0ecefdf8.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">Beutelsbacher</p>
          <a href="/de/products/limettensaft-100-direktsaft-bio-200-ml-15975">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Limettensaft 100% Direktsaft Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RJ6_fzXvFLiUZFUhG0AXTJoiLtMMM_kTWcMTm9RnEGzh__k2Xt3Ch0EnaOrrOi9_4xRyWq-HME6LTBbpX7t5tw" />
    <input value="15975" 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/emmerflocken-bio-250-g-16649">
          <img alt="Emmerflocken Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7709/file/small-5e92f31c41c7761647d3abb84461829d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7709/file/medium-89aef8faff6a55ebb6e049af434312c0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7709/file/large-03b019739d96fa4254455e768c3bd79e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7709/file/medium-89aef8faff6a55ebb6e049af434312c0.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">Spielberger Mühle</p>
          <a href="/de/products/emmerflocken-bio-250-g-16649">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Emmerflocken Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JjN6S4rHi7CBMy87e0PXd-ld8uZAYyor9yxVxF4AJk-DUjwC4fVdj1RwEvCLOe9EkGuub-PX43Ylo1C21dxPlA" />
    <input value="16649" 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/hafer-drink-natural-bio-1-l-804">
          <img alt="Hafer Drink Natural Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/743/file/small-f6d8fc29f16a2276b9963d156b17dd36.webp 600w, https://assets.fabulous.ch/public/variant_asset/743/file/medium-73046add1069e7dbb34ff27ee4b6cd78.webp 900w, https://assets.fabulous.ch/public/variant_asset/743/file/large-82e101de2997f7131ecb3dced9790de1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/743/file/medium-73046add1069e7dbb34ff27ee4b6cd78.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">Lima</p>
          <a href="/de/products/hafer-drink-natural-bio-1-l-804">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Drink Natural Bio, 1 l</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 0.37 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oDWrE5uoCiTdA2N2Z0gbw_iZ-Dq3DNdq4nnmOLggSNcFVO1a8JrcGwhAXr2XMiPwga-ksxS4Hjcw9uNKM_whDA" />
    <input value="804" 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/cookie-crunchy-hafer-bio-175-g-219">
          <img alt="Cookie Crunchy Hafer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/218/file/small-b21bab4b5db21ccdc008bfb9ba26f31f.webp 600w, https://assets.fabulous.ch/public/variant_asset/218/file/medium-00dca5bf73aa3232d899c302787ecbf3.webp 900w, https://assets.fabulous.ch/public/variant_asset/218/file/large-c7e471ae031c45c17bbbb6510937ae7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/218/file/medium-00dca5bf73aa3232d899c302787ecbf3.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">Bohlsener Mühle</p>
          <a href="/de/products/cookie-crunchy-hafer-bio-175-g-219">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookie Crunchy Hafer Bio, 175 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.31 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IJnYnzLUZGypmWnyKEeNZVflPStJE4meCvQMkExFrjmF-J7WWeayU3zaVDnYPbVWLtNhouqnQMPYewnix5nH4g" />
    <input value="219" 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/maispasta-spaghetti-bio-250-g-17828">
          <img alt="Maispasta Spaghetti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8846/file/small-9c8f64688d7db2a7ca7d4e4ba2aa64d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/8846/file/medium-eb8f4aca474ef9cf62271486fe3d3a56.webp 900w, https://assets.fabulous.ch/public/variant_asset/8846/file/large-9e7e21bff0ec674c7584d071e89ae646.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8846/file/medium-eb8f4aca474ef9cf62271486fe3d3a56.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">Pasta d&#39;Alba</p>
          <a href="/de/products/maispasta-spaghetti-bio-250-g-17828">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Maispasta Spaghetti Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kc_gw9EU3LgSyPE3S-FyblQ7gg0fVSk-5eZ5zE3UpTQ0rqaKuiYKh8eLzPy7m0pdLQ3ehLzh4GM3aXy-xgjM7w" />
    <input value="17828" 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/backmischung-wunderbrod-mit-nussen-glutenfrei-bio-600-g-5374">
          <img alt="Backmischung Wunderbrød mit Nüssen glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3126/file/small-0a155a82af682d69f4f3dea8209ded3f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3126/file/medium-3901c19a5313acf3bfd71bc3bd4008a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3126/file/large-b5be55ce85f9a64f7d2704a94bfb2429.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3126/file/medium-3901c19a5313acf3bfd71bc3bd4008a5.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">Bauckhof</p>
          <a href="/de/products/backmischung-wunderbrod-mit-nussen-glutenfrei-bio-600-g-5374">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Backmischung Wunderbrød mit Nüssen glutenfrei Bio, 600 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9VDcD8iTl7MzQkbPSdwzijR4Cc237FRKsfNGkI2ouhpQMZpGo6FBjOYBewS5pgu5TU5VRBRYnRdjfEPiBnTTwQ" />
    <input value="5374" 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/asia-sauce-glutenfrei-bio-250-ml-1885">
          <img alt="Asia Sauce Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1479/file/small-8326c4c8bc28330f5f6d03b5e87743cb.webp 600w, https://assets.fabulous.ch/public/variant_asset/1479/file/medium-09e7d0fadb8eb450e772125e6367d27d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1479/file/large-ffd8d70e059852f1e843949c391709dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1479/file/medium-09e7d0fadb8eb450e772125e6367d27d.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">Byodo</p>
          <a href="/de/products/asia-sauce-glutenfrei-bio-250-ml-1885">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Asia Sauce Glutenfrei Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RzujcfFehWoxldnestd7812_0HfGL4YR1ma8K355hT7iWuU4mmxTVeTW5BVCrUPAJImM_mWbT0wE6blZ9aXs5Q" />
    <input value="1885" 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/kookie-cat-mandel-schokolade-cookie-gf-bio-50-g-5858">
          <img alt="KOOKIE CAT Mandel Schokolade Cookie GF Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3366/file/small-fac951eacc929e799c3e4eecde27f9fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3366/file/medium-c0d7288ff1164e098c70b0ccbe8f177e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3366/file/large-74274b869d3fba38e6a4ed0db13c6cd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3366/file/medium-c0d7288ff1164e098c70b0ccbe8f177e.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">Kookie Cat</p>
          <a href="/de/products/kookie-cat-mandel-schokolade-cookie-gf-bio-50-g-5858">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Mandel Schokolade Cookie GF Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YLKCj9DMo1OSCPtnCxyI9iKgPEiDqr2dSAd44egKRufF08TGu_51bEdLxqz7ZrDFW5ZgwSAedMCaiH2TY9YvPA" />
    <input value="5858" 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/kookie-cat-hemp-cacao-cookie-glutenfrei-bio-50-g-2288">
          <img alt="KOOKIE CAT Hemp Cacao Cookie Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1690/file/small-f7584bc26775add80c1d565eaf8509be.webp 600w, https://assets.fabulous.ch/public/variant_asset/1690/file/medium-862edc10914df33667bec2a291db8dce.webp 900w, https://assets.fabulous.ch/public/variant_asset/1690/file/large-6a507cb18cd16fa582b1f5481886f8a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1690/file/medium-862edc10914df33667bec2a291db8dce.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">Kookie Cat</p>
          <a href="/de/products/kookie-cat-hemp-cacao-cookie-glutenfrei-bio-50-g-2288">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Hemp Cacao Cookie Glutenfrei Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vD8Vp3FTywqKnlanX5t6EabdSElBaxIfRlRh65mPIrQZXlPuGmEdNV_da2yv4UIi3-sUwOLf20KU22SZElNLbw" />
    <input value="2288" 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">
      260 von 3&#39;188 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/bitterliebe?format=turbo_stream&amp;page=14">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>