<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/philosophen-tofu-vegane-alternative-zu-feta-bio-170-g-5401">
          <img alt="Philosophen Tofu Vegane Alternative zu Feta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3151/file/small-31e0cb2210d63783492c193dbc4a358b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3151/file/medium-017c9783cd15b517724864084e631ad8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3151/file/large-e924cd23b66219e7fbb022895ca91641.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3151/file/medium-017c9783cd15b517724864084e631ad8.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/philosophen-tofu-vegane-alternative-zu-feta-bio-170-g-5401">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Philosophen Tofu Vegane Alternative zu Feta Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BgR6ytnaHnp-n2ByTuuf0dZoph3Gu87Y-e_TrON4hflI5oCEHK3D5AifpOMxXIRM2nEX2UYBGS4nQLYjd_szrg" />
    <input value="5401" 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/energieriegel-vanilla-berry-raw-bio-50-g-809">
          <img alt="Energieriegel Vanilla Berry Raw Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/747/file/small-8b9d004ea284c72d6920eaf9346de6ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/747/file/medium-0a261c6937f0a6f9c5ad9fb42b747229.webp 900w, https://assets.fabulous.ch/public/variant_asset/747/file/large-0bad4a94fe5c2743566624c6a05f4080.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/747/file/medium-0a261c6937f0a6f9c5ad9fb42b747229.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">Raw Bite</p>
          <a href="/de/products/energieriegel-vanilla-berry-raw-bio-50-g-809">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Energieriegel Vanilla Berry Raw Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g_KYMmkQaGtZNxqIkPWjY5kYNKBUnpUxdFxext11UFLNEGJ8rGe19S833hnvQrj-lQGFZNQkQseq8ztJSfbmBQ" />
    <input value="809" 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/rohkostriegel-hanf-bio-50-g-1457">
          <img alt="Rohkostriegel Hanf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1199/file/small-c5a5cfafd690011bf0e0cc39631f13dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/1199/file/medium-4d01285effef2e351e7d4f071c138c22.webp 900w, https://assets.fabulous.ch/public/variant_asset/1199/file/large-f93b9e604d4e33a6b132d06bb148118f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1199/file/medium-4d01285effef2e351e7d4f071c138c22.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">Roo&#39;Bar</p>
          <a href="/de/products/rohkostriegel-hanf-bio-50-g-1457">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rohkostriegel Hanf Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-s-V3RgeO-w2T_veeUdTt7kycfQ978QPFN1goWAbuLK0LW-T3WnmckBPP08G8EgqtSvAML1VE_nKcgUu9JgO5Q" />
    <input value="1457" 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/kokosnuss-creme-bio-50-g-16528">
          <img alt="Kokosnuss-Creme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7618/file/small-94f0b8678e0320777af576fdb723782e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7618/file/medium-2bc29be5c2dcc072c5814d479f01018c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7618/file/large-6b1a596dbc1085145f91fe5640f70b31.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7618/file/medium-2bc29be5c2dcc072c5814d479f01018c.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/kokosnuss-creme-bio-50-g-16528">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosnuss-Creme Bio, 2 x 50 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.95 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FUsR9AT78cJfBaRkv2WndzFw_wfZwuI3YoY9wpYekGRbqeu6wYwsXCkFYPXA0rzqPWlOw1l4NcG8KVhNAp0mMw" />
    <input value="16528" 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/hafer-spiralen-glutenfrei-demeter-250-g-16390">
          <img alt="Hafer Spiralen glutenfrei Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7538/file/small-5f8d625cbc7165abb21ba8fce885746f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7538/file/medium-e22de268f3cfb9b445cd4c26d04cb1cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7538/file/large-f17b48baf3bc6f4ed6914c784aa14648.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7538/file/medium-e22de268f3cfb9b445cd4c26d04cb1cb.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/hafer-spiralen-glutenfrei-demeter-250-g-16390">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Spiralen glutenfrei Demeter, 250 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 1.56 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="67-gaI_grObgNITa8NcUJOw0bskHt5ymnlbJpOR5VnalXVomSpdxeJY0QEuPYA-54C3fDYcNS1BA-awrcPrgIQ" />
    <input value="16390" 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/senfkorner-schwarz-ganz-bio-80-g-7535">
          <img alt="Senfkörner schwarz ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4337/file/small-bbb72850540f3615380065e504d44958.webp 600w, https://assets.fabulous.ch/public/variant_asset/4337/file/medium-8e841e2c72c0c92e522e6b014ee5b37c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4337/file/large-4e217975a29eac165944fd3f880146de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4337/file/medium-8e841e2c72c0c92e522e6b014ee5b37c.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">Sonnentor</p>
          <a href="/de/products/senfkorner-schwarz-ganz-bio-80-g-7535">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Senfkörner schwarz ganz Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="df_RzpwAe66JC8EfPbT1H7kK7np2kn8gdryVx_csOsM7HSuAWXemMP8LBY5CA-6CtRNfvvYoqNaoE_BIY6-MlA" />
    <input value="7535" 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/kichererbsen-rohkostqualitat-bio-500-g-309">
          <img alt="Kichererbsen 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/276/file/small-e6cea3aee32738f8ecc60f5da4a6bc5c.webp 600w, https://assets.fabulous.ch/public/variant_asset/276/file/medium-de988dd246233dfb8c2f247856d44056.webp 900w, https://assets.fabulous.ch/public/variant_asset/276/file/large-a4ebf80d1a1f58932ea2c908a55a0c91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/276/file/medium-de988dd246233dfb8c2f247856d44056.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/kichererbsen-rohkostqualitat-bio-500-g-309">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kichererbsen Rohkostqualität 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-309-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="83wUfl2oS6KrbOa-tnmirblQAUdOdsn8aTxM7y_i4je9nu4wmN-WPN1sIi_JzrkwtUmwg87MHgq3kylgu2FUYA" />
    <input value="309" 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/365-energydrink-melon-bio-330-ml-16025">
          <img alt="365 Energydrink Melon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7404/file/small-0806cebd63667dd3d80e3b745fca5fa6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7404/file/medium-3d23cc75cfe5df0cd0467174264fcc3a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7404/file/large-6eab8a5e52432efab0c02cdeea01fe72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7404/file/medium-3d23cc75cfe5df0cd0467174264fcc3a.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">Eos Bio</p>
          <a href="/de/products/365-energydrink-melon-bio-330-ml-16025">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">365 Energydrink Melon Bio, 330 ml</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 0.68 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7fTZ--yXqvajwC0WRor8pV9jiGHhDV7lwlim3CPe0tGjFiO1KeB3aNXA6Yc5Pec4U3o5pWG3iRMc98NTt11khg" />
    <input value="16025" 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/mozzarella-geschmack-gerieben-150-g-11352">
          <img alt="Mozzarella Geschmack gerieben" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5824/file/small-65502691a1b32685f88863dafa9d19b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/5824/file/medium-5f438b8c0c590af139143716549f256b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5824/file/large-8c3485e04c3db807080f51acae7af319.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5824/file/medium-5f438b8c0c590af139143716549f256b.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">Violife</p>
          <a href="/de/products/mozzarella-geschmack-gerieben-150-g-11352">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mozzarella Geschmack gerieben, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oqVtTcD1ZtncmRwilq_oF7qMWsJ7woxpe3h8SgHS65DsR5cDBYK7R6qZ2LPpGPOKtpXrBvt4W5-l1xnFlVFdxw" />
    <input value="11352" 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/fleckenspray-100-ml-11742">
          <img alt="Fleckenspray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6001/file/small-934922df0a4692524a42a8a7c4e1b5b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6001/file/medium-724d98da3ed4fbfb1089180c3f1adb41.webp 900w, https://assets.fabulous.ch/public/variant_asset/6001/file/large-a27ae8a92033028b5b7853d0f1e73315.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6001/file/medium-724d98da3ed4fbfb1089180c3f1adb41.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">Sonett</p>
          <a href="/de/products/fleckenspray-100-ml-11742">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fleckenspray, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fqSrkgKk6wd-S0E3XdnyVkRQRTAaq1HB0-fy2RTKfQYwRlHcx9M2mQhLhaYibunLSEn09JoRhjcNSJdWgEnLUQ" />
    <input value="11742" 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/senf-dijon-senf-im-glas-bio-125-ml-5605">
          <img alt="Senf Dijon Senf im Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3248/file/small-4c8fb10910f815298b8601791f6d0a79.webp 600w, https://assets.fabulous.ch/public/variant_asset/3248/file/medium-b7289542eb141e23acd0736681e968f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3248/file/large-847d6c7f77afa831a93463f6f7e6a517.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3248/file/medium-b7289542eb141e23acd0736681e968f9.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/senf-dijon-senf-im-glas-bio-125-ml-5605">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Senf Dijon Senf im Glas Bio, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DaQ6U5_ZBtCe5Nv6os_56WeWUcbm_0AApNGh_Y02hF9DRsAdWq7bTujkH2vdeOJ0a4_gAmZFl_Z6fsRyGbUyCA" />
    <input value="5605" 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/brotaufstrich-aubergine-streich-glutenfrei-bio-180-g-10322">
          <img alt="Brotaufstrich Aubergine Streich Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5552/file/small-bcd945f5562d06c24d0d57f74269111b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5552/file/medium-0a860d3e375440419ccd44759b90c577.webp 900w, https://assets.fabulous.ch/public/variant_asset/5552/file/large-158396af7fce77652db51aef04e001ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5552/file/medium-0a860d3e375440419ccd44759b90c577.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-aubergine-streich-glutenfrei-bio-180-g-10322">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brotaufstrich Aubergine Streich Glutenfrei 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-10322-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jEVL6ht7Sf9UnKW1zwTjlkNZpbcpbFXgqpx_Skuzz3fCp7Gk3gyUYSKcYSSws_gLT0AUc6nWghZ0MxrF3zB5IA" />
    <input value="10322" 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/seife-milde-pflegeseife-flussigseife-basis-sensitiv-250-ml-6907">
          <img alt="Seife Milde Pflegeseife Flüssigseife Basis Sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3999/file/small-22cafa12a071ea67bffcf2a94b58fb61.webp 600w, https://assets.fabulous.ch/public/variant_asset/3999/file/medium-3ef8776ea067194d81c84446d359f2a4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3999/file/large-dd174a16b33fba7287dbf8fbefe4d4ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3999/file/medium-3ef8776ea067194d81c84446d359f2a4.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">Lavera</p>
          <a href="/de/products/seife-milde-pflegeseife-flussigseife-basis-sensitiv-250-ml-6907">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seife Milde Pflegeseife Flüssigseife Basis Sensitiv, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/geschirr-handspulmittel-zitronengras-500-ml-71">
          <img alt="Geschirr Handspülmittel Zitronengras" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/75/file/small-d51aafddc2530f03aadc331b751fd90b.webp 600w, https://assets.fabulous.ch/public/variant_asset/75/file/medium-ea6b2a51c98c1eefddcc7add7a48fa65.webp 900w, https://assets.fabulous.ch/public/variant_asset/75/file/large-bdeb056f9a762e5c325f04f58c1c02fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/75/file/medium-ea6b2a51c98c1eefddcc7add7a48fa65.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">Almawin</p>
          <a href="/de/products/geschirr-handspulmittel-zitronengras-500-ml-71">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geschirr Handspülmittel Zitronengras, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8LJISG11F4eXMn3Mh5CS09MHlWfUKnYSv4-Xc1jD99--ULIGqALKGeEyuV34J4lO3x4ko1SQoeRhIPL8zEBBiA" />
    <input value="71" 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/pasta-buchweizen-fusilli-bio-250-g-16625">
          <img alt="Pasta Buchweizen Fusilli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7694/file/small-9e92d8d2dfcd09a68ba9059b6187f3ab.webp 600w, https://assets.fabulous.ch/public/variant_asset/7694/file/medium-0e39a6a874891502da5a2634a84d65c0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7694/file/large-7d6b13fbdba5e2c39f74f989805cb859.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7694/file/medium-0e39a6a874891502da5a2634a84d65c0.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">felicia</p>
          <a href="/de/products/pasta-buchweizen-fusilli-bio-250-g-16625">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Buchweizen Fusilli Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yzmLh-P5h4fxrnqUWwVRo5HloPZ0Oou19DWGM3XUzHqF23HJJo5aGYeuvgUksko-nfwRMvSAXEMqmuO84Vd6LQ" />
    <input value="16625" 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/lakritz-pastillen-naturell-glutenfrei-bio-25-g-3407">
          <img alt="Lakritz Pastillen naturell Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2262/file/small-69b8828d4440fe1a56546409261b7bac.webp 600w, https://assets.fabulous.ch/public/variant_asset/2262/file/medium-2819b0d64414eca9b33b3474d5d6b11a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2262/file/large-71a962cbd591abac47b6561aaeeaea69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2262/file/medium-2819b0d64414eca9b33b3474d5d6b11a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Terrasana</p>
          <a href="/de/products/lakritz-pastillen-naturell-glutenfrei-bio-25-g-3407">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lakritz Pastillen naturell Glutenfrei Bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I2dTX_ZlHfVhln8SUL4wgL-7MqNeK1I60izfqHLV9H9thakRMxLAaxeWu4MvCSsds6KDZ96RhcwMg7on5lZCKA" />
    <input value="3407" 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/apfel-mangomark-im-glas-ungesusst-bio-360-g-6008">
          <img alt="Apfel- Mangomark im Glas 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/3445/file/small-c468af6d940d08590afead9f67355282.webp 600w, https://assets.fabulous.ch/public/variant_asset/3445/file/medium-aec1df787442fcb95e86269f015a416b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3445/file/large-9a7719c1b1da548f0e246040d1494e00.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3445/file/medium-aec1df787442fcb95e86269f015a416b.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/apfel-mangomark-im-glas-ungesusst-bio-360-g-6008">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Apfel- Mangomark im Glas Ungesüsst Bio, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hjALZv55HaoHhAWnwZAS1T6tHRcWtgyywX02jkP2egvI0vEoOw7ANHGEwTa-JwlIMrSs05YM20Qf0lMB13XMXA" />
    <input value="6008" 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/fenchelsamen-ganz-bio-35-g-6659">
          <img alt="Fenchelsamen ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3855/file/small-356ee1d818adb3d8686aa43a712bca0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3855/file/medium-dbe4c0719024dc5eb34fdb616347ca30.webp 900w, https://assets.fabulous.ch/public/variant_asset/3855/file/large-31e0b3fb667c905202b66884319b690e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3855/file/medium-dbe4c0719024dc5eb34fdb616347ca30.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">Sonnentor</p>
          <a href="/de/products/fenchelsamen-ganz-bio-35-g-6659">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fenchelsamen ganz Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y9nebumXBZjMHc7mv4oNJlHCtO3Fdx1YYEclZQBZC58tOyQgLODYBrodCnfAPRa7XdsFKUXNyq6-6EDqlNq9yA" />
    <input value="6659" 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/maispasta-ditalini-bio-250-g-17827">
          <img alt="Maispasta Ditalini Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8845/file/small-ee9bd78eaf6a8138827922862249d28c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8845/file/medium-c112b7fdffb0b6f153227803405cf2bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8845/file/large-d6e77b124b5e1fee0fc9a4e34a9e7133.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8845/file/medium-c112b7fdffb0b6f153227803405cf2bc.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-ditalini-bio-250-g-17827">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Maispasta Ditalini Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qn9jZxue-yQwNPQi8vU473pljjhDjIdUD2_JkvqR-7PknZkp3ukmukY0MLONQiNydnw__MM2UKLRwKwdbhJN5A" />
    <input value="17827" 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-fusilli-bio-250-g-17825">
          <img alt="Maispasta Fusilli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8844/file/small-c394766e733160991a148dd424a18719.webp 600w, https://assets.fabulous.ch/public/variant_asset/8844/file/medium-f41ad2c04a2015de4c16662b61829b90.webp 900w, https://assets.fabulous.ch/public/variant_asset/8844/file/large-e96a130f348396062236f25fb16dd030.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8844/file/medium-f41ad2c04a2015de4c16662b61829b90.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-fusilli-bio-250-g-17825">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Maispasta Fusilli Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OJFsCRk5o-apQP1z7zhPYzupCArirdAwrA5OKJ3iLNN2c5ZH3E5-eN9AOeKQj1T-N7C5zmIXB8ZyoSunCWGahA" />
    <input value="17825" 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">
      380 von 1&#39;232 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/collections/under-5?format=turbo_stream&amp;page=20">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>