<turbo-stream action="append" target="products_grid"><template>
    

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vegane-alternative-zu-remoulade-ohne-ei-demeter-190-ml-5864">
          <img alt="Vegane Alternative zu Remoulade ohne Ei Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3373/file/small-f2913a98688308945d4fbcc96e5f68e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/3373/file/medium-ccc54d2ab14681c8ee85f2296697fc43.webp 900w, https://assets.fabulous.ch/public/variant_asset/3373/file/large-b60370c713053b434597a9fa4d09d016.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3373/file/medium-ccc54d2ab14681c8ee85f2296697fc43.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/vegane-alternative-zu-remoulade-ohne-ei-demeter-190-ml-5864">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Alternative zu Remoulade ohne Ei Demeter, 190 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pV22yOj9OJ15s_eEkuFPNlkgG9tPQFIjiLf0TbpUJ-Bp98iDzfzUz42Puc6iFBYtyoCTHCYwUBdPYSW_i9aUrg" />
    <input value="5864" 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/vego-melts-buttons-bio-180-g-7858">
          <img alt="Vego Melts Buttons Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4591/file/small-c91802dbfb356c333e902a57fc7ccc3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4591/file/medium-52b25bf400bdd363260bc834d200752d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4591/file/large-5410af4ce69d5a0eae4ce273eaf9cc76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4591/file/medium-52b25bf400bdd363260bc834d200752d.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">Vego Chocolate</p>
          <a href="/de/products/vego-melts-buttons-bio-180-g-7858">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vego Melts Buttons Bio, 180 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 4.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v-9I2if3t_EgaU0mw8vh8Mbu8NxlXzdzydexI9K10hZzRTaRAvZbo9RVA2zzPrjrVU54GwwvNUcOAWDR4zdhWA" />
    <input value="7858" 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/joghurtferment-my-yo-bulgarisch-bio-3-x-5-g-18001">
          <img alt="Joghurtferment My.Yo Bulgarisch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8913/file/small-ad3f62ef7d26001196adc972584e3e07.webp 600w, https://assets.fabulous.ch/public/variant_asset/8913/file/medium-219269e3dda425ac16b4313893682f0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8913/file/large-aa6c0a795da9ec626be239b9fdd18e64.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8913/file/medium-219269e3dda425ac16b4313893682f0a.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">my.yo</p>
          <a href="/de/products/joghurtferment-my-yo-bulgarisch-bio-3-x-5-g-18001">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Joghurtferment My.Yo Bulgarisch Bio, 3 x 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZkXJ5-s7fZYTRdZ0bFsHtIH1KBM-Wsg7krepF6ld_Ruq77eszjqRxOd5mD5crl6vElWg1Fcqyg9VYXjlmN9OVQ" />
    <input value="18001" 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/jasminreis-weiss-grossgebinde-bio-10-kg-15499">
          <img alt="Jasminreis weiss Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7068/file/small-38273b85967b0b65e875f0b83bfd623c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7068/file/medium-9719110600f2d0af94689a1075bd7867.webp 900w, https://assets.fabulous.ch/public/variant_asset/7068/file/large-afcdc940a05262efb8083f78874398ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7068/file/medium-9719110600f2d0af94689a1075bd7867.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/de/products/jasminreis-weiss-grossgebinde-bio-10-kg-15499">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jasminreis weiss Grossgebinde Bio, 10 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 56.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nKBO1wmJf7XvppcFmgccSuHbgmrsKhBGvaZMIgt6bpNQCjCcLIiT5xua2U-q8kVRcnsKrYVaEnJ6cJ3QOvjd3Q" />
    <input value="15499" 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/tafel-rapunzel-kokosmilch-vegane-schokolade-bio-80-g-7598">
          <img alt="Tafel Rapunzel Kokosmilch Vegane Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4385/file/small-feca33cbfd36889f3af6cf2dc9c2e20e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4385/file/medium-de3dbede6538e9944939d576ba37205b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4385/file/large-08b077a2955635c5c36cc04335a5e39a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4385/file/medium-de3dbede6538e9944939d576ba37205b.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/tafel-rapunzel-kokosmilch-vegane-schokolade-bio-80-g-7598">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tafel Rapunzel Kokosmilch Vegane Schokolade Bio, 80 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 5.63 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4VQi240Z45WOw8TpZFRs3nFKuZsDMEiNf7I6iNg3Mhkt_lyQqBgPx3r_iqNUoTXF4uoxXGpASrm4ZOt66bWBVw" />
    <input value="7598" 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/vanillezucker-bio-8-g-470">
          <img alt="Vanillezucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/422/file/small-0a1a729dc9927ade81ae5f1738b9354d.webp 600w, https://assets.fabulous.ch/public/variant_asset/422/file/medium-43055fb785a02bf238217534d050964d.webp 900w, https://assets.fabulous.ch/public/variant_asset/422/file/large-f8cdc44df8c303dd8f85ec3bfc3757cd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/422/file/medium-43055fb785a02bf238217534d050964d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/de/products/vanillezucker-bio-8-g-470">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vanillezucker Bio, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nC3IYlanR63jIhZStIReNXkQP7w9QoD-oogt7M2UbtFQh7Ypc6ar_xceWBiEcQcu6rC3e1QygsplXvwe_Bbdnw" />
    <input value="470" 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/kokosmilch-bio-400-ml-1110">
          <img alt="Kokosmilch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/989/file/small-1b48e7910282d4207f2dbeb628f91fda.webp 600w, https://assets.fabulous.ch/public/variant_asset/989/file/medium-f3f53ee4498ba6f3dc526bb40ff61637.webp 900w, https://assets.fabulous.ch/public/variant_asset/989/file/large-622c90206e71862639f9ef27229dfce7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/989/file/medium-f3f53ee4498ba6f3dc526bb40ff61637.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/kokosmilch-bio-400-ml-1110">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosmilch Bio, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iPYZ7MHv9RViubOuC8ShEgGcVk92PSqUswAsO61P_ZBEXGen5O4ZR5aF_eQ7MfgJkjzeiB9NKKB01v3JnM1O3g" />
    <input value="1110" 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/pasta-explore-cuisine-spaghetti-aus-roten-linsen-bio-250-g-4400fb45-28e1-4bc2-a2bd-7d3c73660a32-15665">
          <img alt="Pasta Explore Cuisine Spaghetti aus roten Linsen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7140/file/small-a33f6bb12133d647ab74893d87b6be8a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7140/file/medium-6f868b535e19d29ad1b0f99f4a9a7eff.webp 900w, https://assets.fabulous.ch/public/variant_asset/7140/file/large-a5941a5a018e501b5988b1ba367c7cc6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7140/file/medium-6f868b535e19d29ad1b0f99f4a9a7eff.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Explore Cuisine</p>
          <a href="/de/products/pasta-explore-cuisine-spaghetti-aus-roten-linsen-bio-250-g-4400fb45-28e1-4bc2-a2bd-7d3c73660a32-15665">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Explore Cuisine Spaghetti aus roten Linsen Bio, 250 g</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 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aEeiaiXBMSnQzppbLHMBbJnDNNBtEsXozlE34Tw3WMik7dwhAMDdeyTy1BEchlh3CmO8FwRix9wJh-YTDbXrhg" />
    <input value="15665" 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/tahin-sesammus-nature-bio-500-g-15172">
          <img alt="Tahin (Sesammus) Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6951/file/small-e3e85626f01f699def090e19b05519ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/6951/file/medium-006e8bee901fab0c462049eeed5e4503.webp 900w, https://assets.fabulous.ch/public/variant_asset/6951/file/large-14ff97c0bcf952a0c21b70daec6b043d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6951/file/medium-006e8bee901fab0c462049eeed5e4503.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/tahin-sesammus-nature-bio-500-g-15172">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tahin (Sesammus) Nature Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WmPPVCZVGy45lUHxboLpqouEqlI3o_xXnifBYC_gEgmWybEfA1T3fM2pD7ted7CxGCQilV7T_mNZ8RCSHmKhRw" />
    <input value="15172" 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/coco-crispy-rolls-original-bio-140-g-14103">
          <img alt="Coco Crispy Rolls Original Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6646/file/small-7a4a3cd0e5a55d82806d7c08f6ff18e0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6646/file/medium-d5f42331623f5c26e6df5bbdf861da17.webp 900w, https://assets.fabulous.ch/public/variant_asset/6646/file/large-a94a8bb8ef53157a8a6286c8e9a844b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6646/file/medium-d5f42331623f5c26e6df5bbdf861da17.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">Amaizin</p>
          <a href="/de/products/coco-crispy-rolls-original-bio-140-g-14103">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coco Crispy Rolls Original Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q9ce653sLUv47duf8-2Q567P5YHaMFM809O1M2s13yOPfWCguO3BGQzRldXDGMn8PW9tRrNAUQgUBWTBWrdsbQ" />
    <input value="14103" 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/shea-butter-100-bio-100-ml-16851">
          <img alt="Shea Butter 100% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7858/file/small-360df1b0303bab79837d7da308525b7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7858/file/medium-98e0039f9165693f2198d6905435324b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7858/file/large-2518065f414d8fc167f7fdae3ccc63b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7858/file/medium-98e0039f9165693f2198d6905435324b.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">benecos</p>
          <a href="/de/products/shea-butter-100-bio-100-ml-16851">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shea Butter 100% Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SEqmXaI7xhwBVvGEb2p59anwJV98tTeHLld36C19YlmE4NgWhzoqTvVqv85fnyDuOlCtmBXFNbPpgaYaHP_RFw" />
    <input value="16851" 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/bohnen-mix-dose-bio-400-g-7130">
          <img alt="Bohnen Mix Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4093/file/small-4ef85c1be8542a76bc3f1b27e0347d16.webp 600w, https://assets.fabulous.ch/public/variant_asset/4093/file/medium-01e8113ad473791d76341b853bf4acdc.webp 900w, https://assets.fabulous.ch/public/variant_asset/4093/file/large-507c6612f6e9e9c1f18539a062530cfd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4093/file/medium-01e8113ad473791d76341b853bf4acdc.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/bohnen-mix-dose-bio-400-g-7130">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bohnen Mix Dose Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pvdpyWy6NXuYucjRDl03gV1--jZrN77v5eyQAZkQUIpqXReCSbvZKWyFhps-qG6azt5y8QJHvNsiOkHzqJLjxA" />
    <input value="7130" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/keimsaat-4-rettichsorten-beutel-bio-100-g-16431">
          <img alt="Keimsaat 4 Rettichsorten Beutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7554/file/small-068a58891d5c2f248a335632e4f3889a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7554/file/medium-8f65fda1e070c71bc00afbb2db411dea.webp 900w, https://assets.fabulous.ch/public/variant_asset/7554/file/large-47740654c7c82fc00e196be134876ec5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7554/file/medium-8f65fda1e070c71bc00afbb2db411dea.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Germline</p>
          <a href="/de/products/keimsaat-4-rettichsorten-beutel-bio-100-g-16431">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keimsaat 4 Rettichsorten Beutel Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2RDUD1MD8SrOKR_-R9m1lIQ1WE7hbLuHUX0hpSH82f8VuqpEdgIdeDoVUbR3LOyPF5XQiYgcubOWq_BXEH5qsQ" />
    <input value="16431" 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/mehl-buchweizenmehl-vk-glutenfrei-bio-1-kg-16624">
          <img alt="Mehl Buchweizenmehl VK glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7691/file/small-52d762acd0a6e5a51239ebf3783f95c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/7691/file/medium-9b9d8a2396380b74bff92525fd91b169.webp 900w, https://assets.fabulous.ch/public/variant_asset/7691/file/large-0273a72b37b30c86c1228fb248bf6efa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7691/file/medium-9b9d8a2396380b74bff92525fd91b169.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Werz</p>
          <a href="/de/products/mehl-buchweizenmehl-vk-glutenfrei-bio-1-kg-16624">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Buchweizenmehl VK glutenfrei Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KeXv53V6weUlO3lt8Y_6_HxeqyPmIlHPifvcmk48R4vlT5GsUHstt9EHNyfBeqPn7_4j5I9SU_tOLQ1of770xQ" />
    <input value="16624" 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/algen-wakame-bio-25-g-16749">
          <img alt="Algen Wakame Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7768/file/small-fe4ff24ab9c9e85c1679bf00fa9d60e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/7768/file/medium-1f5accbba24c00c93ecfe964a9092ec6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7768/file/large-35890a6cf23d9e5ceb8967be58a52fc2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7768/file/medium-1f5accbba24c00c93ecfe964a9092ec6.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">Arche</p>
          <a href="/de/products/algen-wakame-bio-25-g-16749">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Algen Wakame Bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hZPlqVHgrJYFyvtz9yuBAWNe5tjtVxirzWTYbEqsFclJOZvidOFAxPH2tTnH3tga8P5uH4QnGp8Ksgmeey6mhw" />
    <input value="16749" 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/mundspulung-mint-400-ml-16218">
          <img alt="Mundspülung Mint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7463/file/small-160d60ab6162d92522f8aa2989da0d4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7463/file/medium-bada067493d64567efbbc4db4d7e6389.webp 900w, https://assets.fabulous.ch/public/variant_asset/7463/file/large-7367a58348595382ceda2eaf0375cd73.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7463/file/medium-bada067493d64567efbbc4db4d7e6389.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">Zahnheld</p>
          <a href="/de/products/mundspulung-mint-400-ml-16218">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mundspülung Mint, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fQnVGeDAqkryA9qVeN3Gt7mVg2rdIEnu85-dmsTobuSxo6tSxcFGGAY_lN9IKJ-sKjULrbRQS9o0SUxo9Wrdqg" />
    <input value="16218" 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/melasse-hefeflocken-konv-200-g-137">
          <img alt="Melasse Hefeflocken konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/151/file/small-4c39b9ccfdbc1fd0234303293853a504.webp 600w, https://assets.fabulous.ch/public/variant_asset/151/file/medium-fa560b668ee15845c362ea8eb2c45a65.webp 900w, https://assets.fabulous.ch/public/variant_asset/151/file/large-933d24d0cf8ca40ae88e576efb79bc4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/151/file/medium-fa560b668ee15845c362ea8eb2c45a65.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/melasse-hefeflocken-konv-200-g-137">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Melasse Hefeflocken konv, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3hIE4_jIM170u303o3TvhfFLKzEFydw0rAp7HQKbdEsSuHqo3cnfDACHM32TgbaeYuuj9my53gBr3KrvMxnHBQ" />
    <input value="137" 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/lupinen-protein-pulver-bio-500-g-3197">
          <img alt="Lupinen Protein Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2187/file/small-bb59cda8b26b1b7f5e5714b4979fca55.webp 600w, https://assets.fabulous.ch/public/variant_asset/2187/file/medium-c399e9cba9c36fb5794407ee6faf401e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2187/file/large-02e8b89f0855ac006ef1934cc7348406.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2187/file/medium-c399e9cba9c36fb5794407ee6faf401e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Raab</p>
          <a href="/de/products/lupinen-protein-pulver-bio-500-g-3197">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lupinen Protein Pulver Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cmJtZAaKwTy6s6W1RabVCAdzqUV8ovgzO-IhIH21Rdm-yBMvI4stbk6P6_91U4wTlNMhghXS-gf8NPDSTDf2lw" />
    <input value="3197" 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/cornichons-ohne-zucker-glas-bio-370-ml-7636">
          <img alt="Cornichons ohne Zucker Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4422/file/small-35c1e314f440c422aa2c7f39ff187a19.webp 600w, https://assets.fabulous.ch/public/variant_asset/4422/file/medium-09b9e80e4b1022420af3534fe45be630.webp 900w, https://assets.fabulous.ch/public/variant_asset/4422/file/large-489bdc554d50d9e670851823efaf33a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4422/file/medium-09b9e80e4b1022420af3534fe45be630.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">Marschland Naturkost</p>
          <a href="/de/products/cornichons-ohne-zucker-glas-bio-370-ml-7636">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cornichons ohne Zucker Glas Bio, 370 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8aZuppTNME_-dKiU8bKrP-6nX9yHj4MNjZw4qSmeXzo9DBDtsczcHQpI5t7BR_IkfQfXG-7_gTlKSulbGBzsdA" />
    <input value="7636" 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/indonesische-rostzwiebeln-bio-75-g-11913">
          <img alt="Indonesische Röstzwiebeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6071/file/small-03f6387908d6e21ea5696c8ac5aa5e45.webp 600w, https://assets.fabulous.ch/public/variant_asset/6071/file/medium-a9882a71ae8046eafb852a387d063559.webp 900w, https://assets.fabulous.ch/public/variant_asset/6071/file/large-a7f1aaf05daa5effe05c561566b32f1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6071/file/medium-a9882a71ae8046eafb852a387d063559.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/indonesische-rostzwiebeln-bio-75-g-11913">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Indonesische Röstzwiebeln Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

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

</template></turbo-stream>