<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/burger-cashew-black-bean-bio-160-g-16608">
          <img alt="Burger Cashew Black Bean Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7663/file/small-012d22620156dd9debec1c1dc0d5e0fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7663/file/medium-4a693e30c6e05bdb0fbe036087204b3c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7663/file/large-2edece486dcf0caf32f92fa7cf85f425.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7663/file/medium-4a693e30c6e05bdb0fbe036087204b3c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soto</p>
          <a href="/de/products/burger-cashew-black-bean-bio-160-g-16608">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Burger Cashew Black Bean Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 3.06 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="piJ-iyj_OdQrpdRq_QGs_7QsN2uJAGn151ZfjUY3Z0nOOyyQi3UduBdc9MJ3sLM-1RoNl--bDa-HuM2L3-ZKyg" />
    <input value="16608" 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/bambus-zahnburste-classic-medium-1-stuck-16619">
          <img alt="Bambus Zahnbürste Classic Medium" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7680/file/small-00294d5d41ec4e5fc78b12af6c8d13ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/7680/file/medium-2c5d962c77ab0990f79fbc6a25800228.webp 900w, https://assets.fabulous.ch/public/variant_asset/7680/file/large-15d85196f1ecdc538ec87f60cebd5331.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7680/file/medium-2c5d962c77ab0990f79fbc6a25800228.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">Hydrophil</p>
          <a href="/de/products/bambus-zahnburste-classic-medium-1-stuck-16619">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Zahnbürste Classic Medium, 1 Stück</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 3.30 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eZqWaG3doygKNX1pURtXMC3P6BC8A6o98ezPySrj1z0Rg8RzzleHRDbMXcHbqkjxTPnS7NqYzmeRAl3PszL6vg" />
    <input value="16619" 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/backpulver-weinstein-bio-21-g-4112">
          <img alt="Backpulver Weinstein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2593/file/small-508b47789d336dc7681dff9bf0104e63.webp 600w, https://assets.fabulous.ch/public/variant_asset/2593/file/medium-f9d896078c1b46c0f3412fdbacf0b314.webp 900w, https://assets.fabulous.ch/public/variant_asset/2593/file/large-d4e661ef4fa6345864c4b69540c22116.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2593/file/medium-f9d896078c1b46c0f3412fdbacf0b314.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/backpulver-weinstein-bio-21-g-4112">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Backpulver Weinstein Bio, 3 x 21 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Hu_DucvSK0RWDYmxhM0Lrg0ajmtl-M_KfY88o8Ikp-J29pGiaFgPKGr0qRkOfBRvbCy0lwNjq5AdYa6lW_WKYQ" />
    <input value="4112" 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/taschentucher-recycling-extra-soft-100-blatt-100-stuck-17154">
          <img alt="Taschentücher Recycling Extra Soft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7991/file/small-0467a714de81d5ae2647f255da8da8c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7991/file/medium-96c8ad54a31fb444c9d4ae309f09a04d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7991/file/large-9c12b8d9f30193b6a93a28deda998007.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7991/file/medium-96c8ad54a31fb444c9d4ae309f09a04d.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/taschentucher-recycling-extra-soft-100-blatt-100-stuck-17154">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Taschentücher Recycling Extra Soft, 100 Blätter</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CnDgNR4SwKrrhNlbj6v_05CdfgLa0wA8JzGSn2hxNXBiabIuvZjkxtd9-fMFGuAS8atE_rxIZGZH3wCZ8aAY8w" />
    <input value="17154" 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/cuisine-kokosmilch-ohne-zucker-bio-500-ml-6843">
          <img alt="Cuisine Kokosmilch Ohne Zucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3967/file/small-69591877c1c95888d27a454eb8f2cc93.webp 600w, https://assets.fabulous.ch/public/variant_asset/3967/file/medium-592e0a83a62a60258cc45cbf3ea5b623.webp 900w, https://assets.fabulous.ch/public/variant_asset/3967/file/large-f27b04d754fdf4a99eb71989cd07f8f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3967/file/medium-592e0a83a62a60258cc45cbf3ea5b623.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">Ecomil</p>
          <a href="/de/products/cuisine-kokosmilch-ohne-zucker-bio-500-ml-6843">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Kokosmilch Ohne Zucker Bio, 500 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 0.90 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xi-IYdc8USdkIJ69mEUWD8E4zsXIsYE7_qjvWkniArk2Ntp6dLZ1S1jZvhUS9AnOoA70Oa4q5WGeRn1c0DMvOg" />
    <input value="6843" 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/ketchup-kinder-tomaten-mit-apfelsusse-bio-500-ml-8812">
          <img alt="Ketchup Kinder Tomaten mit Apfelsüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5110/file/small-5fca30345c7638448661fa6fa4ae76a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/5110/file/medium-04ad7256591d2ee76c608bbba5354c7c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5110/file/large-12a5adce793f88cf068af3036e71f59e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5110/file/medium-04ad7256591d2ee76c608bbba5354c7c.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">Zwergenwiese</p>
          <a href="/de/products/ketchup-kinder-tomaten-mit-apfelsusse-bio-500-ml-8812">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ketchup Kinder Tomaten mit Apfelsüsse Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zdPE6AnAuAsIsVOQHTdIqX_QCYGoGucGkX9SCwnAJNilypbzqkqcZzRIcziXhldoHuYzfc6Bg1zxkcANkBEJWw" />
    <input value="8812" 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/lupilove-protein-tomate-lupinen-brotaufstrich-bio-135-g-13921">
          <img alt="LupiLove Protein Tomate Lupinen-Brotaufstrich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6621/file/small-f797038be2e55bea79f37da64842d5b4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6621/file/medium-b154a2a1d33ce1b3439aee181549812b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6621/file/large-e8f9757c05319ede51e7df509f742291.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6621/file/medium-b154a2a1d33ce1b3439aee181549812b.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">Zwergenwiese</p>
          <a href="/de/products/lupilove-protein-tomate-lupinen-brotaufstrich-bio-135-g-13921">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LupiLove Protein Tomate Lupinen-Brotaufstrich Bio, 135 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 2.19 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Gn4KKSiJVJnx_4d0PjW7yIqyVtxvFrjAFeiifUeYsrpyZ1gyiwNw9c0Gp9y0hKQJ64RsIAmN3Jp1BjB73kmfOQ" />
    <input value="13921" 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-jasmin-weisser-duftreis-bio-500-g-9578">
          <img alt="Reis Jasmin weisser Duftreis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5370/file/small-06a201cbd4db2c27f03c2c0a5b4b7ceb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5370/file/medium-a1a63025c7c11244bc490822dae9ad36.webp 900w, https://assets.fabulous.ch/public/variant_asset/5370/file/large-89f78a081ddb62e72268b8620d6e2985.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5370/file/medium-a1a63025c7c11244bc490822dae9ad36.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">Davert</p>
          <a href="/de/products/reis-jasmin-weisser-duftreis-bio-500-g-9578">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reis Jasmin weisser Duftreis Bio, 500 g</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 0.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="onS9BSuOMIAtie4JOdbETbx_y2dPGmhvyS6aXAW3HV_Kbe8eiAQU7BFwzqGzZ9uM3UnxmymBDDWpwAhanGYw3A" />
    <input value="9578" 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/linsen-beluga-schwarz-bio-500-g-400">
          <img alt="Linsen Beluga schwarz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/353/file/small-45a55a29f7cc8b703de9ad11375b2f9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/353/file/medium-c4b959a3a51c822ea3c84e0339a78155.webp 900w, https://assets.fabulous.ch/public/variant_asset/353/file/large-7885d8be9c9b03b10bedd6cb3d57fb96.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/353/file/medium-c4b959a3a51c822ea3c84e0339a78155.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">Davert</p>
          <a href="/de/products/linsen-beluga-schwarz-bio-500-g-400">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Linsen Beluga schwarz Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-8OG5DLCAfqWJpXL8gcYCgKOfj8hpStRqq0D_IfnlbaT2tT_kUgllqrftWN4tgfLY7hEw0c-TwvKQ5H6Hja4NQ" />
    <input value="400" 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/le-pain-des-fleurs-blumenbrot-kastanien-bio-150-g-12386">
          <img alt="Le pain des fleurs Blumenbrot Kastanien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6211/file/small-8f1e7ded139425b375aa6245b8384ef8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6211/file/medium-34b802ae3f979956378001d790603054.webp 900w, https://assets.fabulous.ch/public/variant_asset/6211/file/large-de4ac7a5edc1134b21771b4879db4da1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6211/file/medium-34b802ae3f979956378001d790603054.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">Le Pain des Fleurs</p>
          <a href="/de/products/le-pain-des-fleurs-blumenbrot-kastanien-bio-150-g-12386">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Le pain des fleurs Blumenbrot Kastanien Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eR4trKUQ2m6CGKsEVr5C9tmMm4Pb4Ga4u3qubfaFSqsRB3-3Bpr-Ar7hi6zcD103uLqhf717AuLblDxrb1RnKA" />
    <input value="12386" 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/tee-rote-beeren-vanille-bio-34-g-14338">
          <img alt="Tee Rote Beeren Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6663/file/small-3ee20060f05abbecab49890ebb3bf244.webp 600w, https://assets.fabulous.ch/public/variant_asset/6663/file/medium-925e08ac68eefc8f0af327cdd6ebeecd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6663/file/large-b8856969f86019bdb2237a1c4a909717.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6663/file/medium-925e08ac68eefc8f0af327cdd6ebeecd.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">Yogi Tee</p>
          <a href="/de/products/tee-rote-beeren-vanille-bio-34-g-14338">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tee Rote Beeren Vanille Bio, 34 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xMvVyF8P10Vna8ZRY7gvE41kpTK-JDx8wxNdESR3b2es0ofT_IXzKVuS5vnpCTDS7FKfzti_WCaj_c8XvaZC5A" />
    <input value="14338" 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/rubenzucker-weiss-demeter-500-g-12284">
          <img alt="Rübenzucker weiss Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6175/file/small-f57f6d483609e27a7a18ab88777caf35.webp 600w, https://assets.fabulous.ch/public/variant_asset/6175/file/medium-fa5e7d71273fe2f62358b05fb48cc2f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6175/file/large-3eaf18cd77eab17725e2a1e32797fd56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6175/file/medium-fa5e7d71273fe2f62358b05fb48cc2f6.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">Naturata</p>
          <a href="/de/products/rubenzucker-weiss-demeter-500-g-12284">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rübenzucker weiss Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xWP99z9q_lePde9W6xVY77W7BmfpAY0LBMlmTGPZnkateq_snODaO7OMz_5hpEcu1I08m4-a6VFkJ_RK-gizxQ" />
    <input value="12284" 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/brotaufstrich-schnittlauch-streich-bio-180-g-100">
          <img alt="Brotaufstrich Schnittlauch Streich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/111/file/small-797cc26ca0354422248019f5baa710f1.webp 600w, https://assets.fabulous.ch/public/variant_asset/111/file/medium-971c6f40154ac81adab9765c7359e22f.webp 900w, https://assets.fabulous.ch/public/variant_asset/111/file/large-bb92e30efeb20321392d3bad75d329d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/111/file/medium-971c6f40154ac81adab9765c7359e22f.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">Zwergenwiese</p>
          <a href="/de/products/brotaufstrich-schnittlauch-streich-bio-180-g-100">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brotaufstrich Schnittlauch Streich Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p1nEx7DJmq2UfIxr0smYAUHrX0mO5-HEHLN1n6G03jvPQJbcE0O-waiFrMNYeIfAIN1lteh8hZ58XeeZOGXzuA" />
    <input value="100" 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/pralinis-lini-s-bites-raspberry-almond-bio-46-g-9285">
          <img alt="Pralinis Lini&#39;s Bites Raspberry Almond Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8766/file/small-476e0cfa7ae6e32467f77f2e71041a3b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8766/file/medium-475a1afddf3227a44130530b668af0e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8766/file/large-cba36e88afce487cdf871b9be0889a4b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8766/file/medium-475a1afddf3227a44130530b668af0e6.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">Lini&#39;s Bites</p>
          <a href="/de/products/pralinis-lini-s-bites-raspberry-almond-bio-46-g-9285">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinis Lini&#39;s Bites Raspberry Almond Bio, 46 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bEM8MFMvS5ikqOe7tD2Zmfd6AW1s9OZeVW02WnpAxGwEWm4r8KVv9JhRxxM-jIZYlkw7kQpvggQ1g6Rc45Hp7w" />
    <input value="9285" 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/cuisine-hafer-bio-200-ml-4319">
          <img alt="Cuisine Hafer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2699/file/small-045af4a06e30e0794f85ee926b6ba532.webp 600w, https://assets.fabulous.ch/public/variant_asset/2699/file/medium-16c6328e51c191e7bfb4d5ff4438b97d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2699/file/large-cf9ec07d7b188fc88692d8eade54efce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2699/file/medium-16c6328e51c191e7bfb4d5ff4438b97d.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/cuisine-hafer-bio-200-ml-4319">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Hafer Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UaDIFr8wtisq3dElcVtx8wbz81OOl6B6dpbqycfj4Yk5uZoNHLqSRxYk8Y376m4yZ8XJr-gMxCAWeHjPXjLMCg" />
    <input value="4319" 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/maispasta-tagliatelle-bio-250-g-17826">
          <img alt="Maispasta Tagliatelle Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8842/file/small-8919d714260629fd9c4c2ab69bf56b9e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8842/file/medium-9418190c889a122596c745f5a6cf7e15.webp 900w, https://assets.fabulous.ch/public/variant_asset/8842/file/large-3f675e15eb4c351fb65d27a0e2b68fa7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8842/file/medium-9418190c889a122596c745f5a6cf7e15.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-tagliatelle-bio-250-g-17826">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Maispasta Tagliatelle 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-17826-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4hPYZs-qbNxkIDBjvvPFmuSjBYxndkuDIGbJS30ec0CKCop9bCBIsFjZEMs0QtpbhZU_cAHtL9lAiFtN5M9eww" />
    <input value="17826" 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/chia-samen-rohkostqualitat-bio-200-g-1815">
          <img alt="Chia-Samen Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1412/file/small-c1f0ccdf7203cf8c2744d80edeabfc32.webp 600w, https://assets.fabulous.ch/public/variant_asset/1412/file/medium-62dfe812ac92284466562bf0909f422e.webp 900w, https://assets.fabulous.ch/public/variant_asset/1412/file/large-90fbaa9e3aeee05e82d9c9852b274bce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1412/file/medium-62dfe812ac92284466562bf0909f422e.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/chia-samen-rohkostqualitat-bio-200-g-1815">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chia-Samen Rohkostqualität Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FGgQbfu7GE9j6fQ49SaNkJ0pxiaWikNQMFqjlWhARj58cUJ2WDE8I18Q1JB_l5JR_B_82vARJwpQtDGT8ZFrvQ" />
    <input value="1815" 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/maispasta-capellini-bio-250-g-17829">
          <img alt="Maispasta Capellini Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8847/file/small-2f83af67bfae1f962b47442113df962d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8847/file/medium-ffa7d36f99913ce34cd33def43de5bf8.webp 900w, https://assets.fabulous.ch/public/variant_asset/8847/file/large-5f36c1c4545d78494e30bd63d0b4fb2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8847/file/medium-ffa7d36f99913ce34cd33def43de5bf8.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-capellini-bio-250-g-17829">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Maispasta Capellini 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-17829-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o7saJFD60wVX6OF4Ix0Jm9ulbjEPS3dfLBJEHUZ3y1rLokg_83D3aWsRwdCprBZaupNUzWnQEwVM_NYb36bm2Q" />
    <input value="17829" 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="32hSgOSVdtZ7H-yolTUL65iQjBHmPLdBp_guL7rnXDq3cQCbRx9SukfmzAAfhBQq-aa27YCn0xvHFrwpIzZxuQ" />
    <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/tofu-thuna-vegane-alternative-zu-fisch-thon-bio-110-g-3849">
          <img alt="Tofu Thuna Vegane Alternative zu Fisch Thon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2487/file/small-f6b942d15439c6d3ad82a8b3c9c684e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/2487/file/medium-76aafea6b0bcb858476abaf20ff0374e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2487/file/large-1c71fa3f3e5a6bf59b11346707000473.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2487/file/medium-76aafea6b0bcb858476abaf20ff0374e.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">Lord of Tofu</p>
          <a href="/de/products/tofu-thuna-vegane-alternative-zu-fisch-thon-bio-110-g-3849">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Thuna Vegane Alternative zu Fisch Thon Bio, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ETZFq9BkT3CddTest0BRezHRkSyy7_Z2nwkD_3H5i755Lxewc-5rHKGMFwQ98U66UOer0NR0kiz_55H56CimPQ" />
    <input value="3849" 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">
      120 von 3&#39;178 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/kuhbonbons?format=turbo_stream&amp;page=7">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>