<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/kaffee-alternative-yannoh-instant-nachfullbeutel-bio-250-g-6425">
          <img alt="Kaffee Alternative Yannoh Instant Nachfüllbeutel, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3685/file/small-d3acda8175c8aecbf4409341861801c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3685/file/medium-96cd2f3cb51eeca94fee0445738e475b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3685/file/large-0956679896b987b3254c9945cf0132c8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3685/file/medium-96cd2f3cb51eeca94fee0445738e475b.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/kaffee-alternative-yannoh-instant-nachfullbeutel-bio-250-g-6425">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffee Alternative Yannoh Instant Nachfüllbeutel, Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Oo92kFaE3ahHayadenhq-SEagZK2HJGh_oI8QvSTMlFuuychb_xZ7ihsNqsxsSLJjp8GO3NoYkh2xjX6KlzNUw" />
    <input value="6425" 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/mohn-blaumohn-bio-250-g-6440">
          <img alt="Mohn Blaumohn Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3689/file/small-85042e73184b049e70c4f4f51c034029.webp 600w, https://assets.fabulous.ch/public/variant_asset/3689/file/medium-8ceeb5b961935c4c72197a805575f408.webp 900w, https://assets.fabulous.ch/public/variant_asset/3689/file/large-aa11906877bfd7ca824e9da644eba6c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3689/file/medium-8ceeb5b961935c4c72197a805575f408.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/mohn-blaumohn-bio-250-g-6440">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mohn Blaumohn Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ffg7Fi2SqZ9d_ZVJMmA3FkPgB4E5oPKu9mW1YHw8VgZBzGqnFOot2TL6hX95qX8m7GWAKPzUAUd-IbzYovOpBA" />
    <input value="6440" 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/ovega3-vitamine-algenol-dha-epa-250mg-b12-d3-k2-kapseln-60-stuck-6444">
          <img alt="Ovega3® Vitamine, Algenöl DHA &amp; EPA 250mg + B12, D3, K2 Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3694/file/small-a0ade993491ff4736f8f73fe19110566.webp 600w, https://assets.fabulous.ch/public/variant_asset/3694/file/medium-7359f96c9097dc3f31bbc19735674a59.webp 900w, https://assets.fabulous.ch/public/variant_asset/3694/file/large-94ab5e4551f64a333259dbee451bb140.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3694/file/medium-7359f96c9097dc3f31bbc19735674a59.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">energybalance</p>
          <a href="/de/products/ovega3-vitamine-algenol-dha-epa-250mg-b12-d3-k2-kapseln-60-stuck-6444">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ovega3® Vitamine, Algenöl DHA &amp; EPA 250mg + B12, D3, K2 Kapseln, 60 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qejDCZVNQ2g0HgiSnOUwB9QVRfrnAJkBDqoojQcmS2b93JK4rDXHLlsZGKTXLHg3e5DCUyJ0auiG7iE12em0ZA" />
    <input value="6444" 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/q10-highabsorption-coenzym-biopiperin-50mg-kapseln-90-stuck-6445">
          <img alt="Q10 HighAbsorption Coenzym + BioPiperin® 50mg Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3695/file/small-09fd2a7b7dc886ee1d4f95d94a4b89b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3695/file/medium-6040cfafc470a94b9e6ee7ea5e66ecf4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3695/file/large-1bf440fa3796e45b8728a0a93500a695.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3695/file/medium-6040cfafc470a94b9e6ee7ea5e66ecf4.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">energybalance</p>
          <a href="/de/products/q10-highabsorption-coenzym-biopiperin-50mg-kapseln-90-stuck-6445">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Q10 HighAbsorption Coenzym + BioPiperin® 50mg Kapseln, 90 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xhiu2SYXomCyiM1PtkSPvfZ9IsGTKGjBhuO-Ks0nJsEKLP9oH28mJt2P3Xn9jceNWfilaFZcmygOp7eSE-jZww" />
    <input value="6445" 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/zimtstangen-ceylon-beutel-bio-18-g-6446">
          <img alt="Zimtstangen Ceylon Beutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3696/file/small-43627a6e6c703e739669b8511f7aa060.webp 600w, https://assets.fabulous.ch/public/variant_asset/3696/file/medium-911792a4524490a66b629f4b57c5608a.webp 900w, https://assets.fabulous.ch/public/variant_asset/3696/file/large-e9e512773dd1176c97b1c68a0363d5e7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3696/file/medium-911792a4524490a66b629f4b57c5608a.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/zimtstangen-ceylon-beutel-bio-18-g-6446">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zimtstangen Ceylon Beutel Bio, 18 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KCA4IOmca4Kw9amoTHRJuy5zlBoH7VcWDyanDT4SiCV8FGmR0OTvxN_yuZ4HvQGLgfYTs8KZpP-HYq614N13Jw" />
    <input value="6446" 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/nelken-ganz-bio-35-g-6447">
          <img alt="Nelken Ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3697/file/small-0bfdc56bbc0771c442b9a60ddf0176ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/3697/file/medium-bb465ffce48aaa903ab3d08920ffd228.webp 900w, https://assets.fabulous.ch/public/variant_asset/3697/file/large-eabdfb5c9707de5f95a6e07226806587.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3697/file/medium-bb465ffce48aaa903ab3d08920ffd228.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/nelken-ganz-bio-35-g-6447">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nelken Ganz Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kXMQL1NMd6TBqn8YLk1czMZeJKsZM_iJtjPmUHp-TfjFR0GeajTz4q6tby5lhBT8adujAtxHC2A-d-_opLGy-g" />
    <input value="6447" 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/koriander-ganz-bio-35-g-6448">
          <img alt="Koriander ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3698/file/small-c6676cf3d547594d04d3cdc6fbed3c6d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3698/file/medium-fca49b2c68a4bb6f4cccb1607df82809.webp 900w, https://assets.fabulous.ch/public/variant_asset/3698/file/large-f4ff418d39b9290640db313a95ac88b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3698/file/medium-fca49b2c68a4bb6f4cccb1607df82809.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/koriander-ganz-bio-35-g-6448">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Koriander 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-6448-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WFaN33goOjr7NVor-Ry1EZ8CwQBTPHcp2RpXXc9pEEgMYtxuQVC-fJQySh2y1f0hMIdGqZZIhMBRXl7lEabvSg" />
    <input value="6448" 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/kreuzkummel-ganz-bio-40-g-6449">
          <img alt="Kreuzkümmel Ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3699/file/small-fc37c3fd242ed410c268a37b1a784d06.webp 600w, https://assets.fabulous.ch/public/variant_asset/3699/file/medium-ece5164edc20bddb1af9592d36970741.webp 900w, https://assets.fabulous.ch/public/variant_asset/3699/file/large-335592c8737523f36bb933f60d7a05ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3699/file/medium-ece5164edc20bddb1af9592d36970741.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/kreuzkummel-ganz-bio-40-g-6449">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kreuzkümmel Ganz Bio, 40 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 12.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9YxsCy520QUhRsx2YwqOsRPK42SZXB-AhRiReDdJRsWhuD26Fw5VQ05B3EAow8aBvE9kzVwo7GkNXJjA6Ya5xw" />
    <input value="6449" 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/kardamom-ganz-bio-40-g-6450">
          <img alt="Kardamom Ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3700/file/small-124e785964e9f420546dda35873ff712.webp 600w, https://assets.fabulous.ch/public/variant_asset/3700/file/medium-4cc0495019b69551229fcde38bdeb3ec.webp 900w, https://assets.fabulous.ch/public/variant_asset/3700/file/large-9e73e32db9655e324aa46251a4057107.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3700/file/medium-4cc0495019b69551229fcde38bdeb3ec.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/kardamom-ganz-bio-40-g-6450">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kardamom Ganz Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aGL6G91m7RfVCtAcsT_3PKxEL9o6U9gnKBrfvv8hBCg8Vquq5B5pUboNwCr69r8MA8Goc_8nK86gXtYGIe77Kg" />
    <input value="6450" 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/riegel-lini-s-bites-almond-cookie-dough-bio-40-g-6489">
          <img alt="Riegel Lini&#39;s Bites Almond Cookie Dough Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3717/file/small-6a114271eac5565e5092d39c140c2682.webp 600w, https://assets.fabulous.ch/public/variant_asset/3717/file/medium-bad3b502596d818eacb1d8ab28467ed2.webp 900w, https://assets.fabulous.ch/public/variant_asset/3717/file/large-dcc453ebca04166d5fbfed93808dbb25.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3717/file/medium-bad3b502596d818eacb1d8ab28467ed2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lini&#39;s Bites</p>
          <a href="/de/products/riegel-lini-s-bites-almond-cookie-dough-bio-40-g-6489">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Lini&#39;s Bites Almond Cookie Dough Bio, 40 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 9.88 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WoHs7oNrYBhdrLT6qzdx72dwR3z1FWfQga7FxMQxJG0Otb1fuhPkXjKrpMzg_jnfyPXA1TBhlDkJ6sx8Gv7bbw" />
    <input value="6489" 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/riegel-lini-s-bites-salted-peanut-caramel-bio-40-g-6490">
          <img alt="Riegel Lini&#39;s Bites Salted Peanut Caramel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3718/file/small-c142d34ef4b3cb1f10ad771282dcfd9c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3718/file/medium-28cb6eb01ee7f2eb6e6155d99af91af4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3718/file/large-bb860effe580a38e61aab74e123508e3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3718/file/medium-28cb6eb01ee7f2eb6e6155d99af91af4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lini&#39;s Bites</p>
          <a href="/de/products/riegel-lini-s-bites-salted-peanut-caramel-bio-40-g-6490">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Lini&#39;s Bites Salted Peanut Caramel Bio, 40 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 9.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="clkWq0qEhtR6WCceBmY2a3Q22qZjUWBvXxZ6JFvZVaUmbUcac_wCkhVfNyhNr35b27NdD6Ylk4bXUnOchRaqpw" />
    <input value="6490" 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/riegel-lini-s-bites-cashew-choc-crunch-bio-40-g-6492">
          <img alt="Riegel Lini&#39;s Bites Cashew Choc Crunch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3720/file/small-ba48a5c85063a6de82c153ba07636063.webp 600w, https://assets.fabulous.ch/public/variant_asset/3720/file/medium-0df8cf0519f19f84e0e95e178b6d4c0b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3720/file/large-904650ea70bb9c5fe8069e2d6b434198.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3720/file/medium-0df8cf0519f19f84e0e95e178b6d4c0b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lini&#39;s Bites</p>
          <a href="/de/products/riegel-lini-s-bites-cashew-choc-crunch-bio-40-g-6492">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Lini&#39;s Bites Cashew Choc Crunch Bio, 40 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 9.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gz7b_sDhzLv64S1czir_Vr9wUsDcigN7qegWPJsWMyrXCopP-ZlI_ZXmPWqF47dmEPXVaRn-8JIhrB-ERdnMKA" />
    <input value="6492" 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/bouillon-gemusebruhe-zuckerfrei-bio-126-g-6500">
          <img alt="Bouillon Gemüsebrühe Zuckerfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3722/file/small-47348feeab0fbbe79d274734a7fca806.webp 600w, https://assets.fabulous.ch/public/variant_asset/3722/file/medium-defc8d8f2d5500f96d04ae979fa5d790.webp 900w, https://assets.fabulous.ch/public/variant_asset/3722/file/large-5feead3edd8377c9314e645ca42533fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3722/file/medium-defc8d8f2d5500f96d04ae979fa5d790.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">Natur Compagnie</p>
          <a href="/de/products/bouillon-gemusebruhe-zuckerfrei-bio-126-g-6500">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bouillon Gemüsebrühe Zuckerfrei Bio, 126 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </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-6500-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q2aOprDZ0VVq087xezA3tmZgQv5fylT7Y-r-BXWYTSEXUt8XiaFVEwXU3scw-X-GyeXFV5q-pxLrrve9q1eyIw" />
    <input value="6500" 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/universalreiniger-neutral-sensitiv-500-ml-6510">
          <img alt="Universalreiniger Neutral / Sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3729/file/small-f70d72fb97a0fdf8e784ed5ee00c6b27.webp 600w, https://assets.fabulous.ch/public/variant_asset/3729/file/medium-ee111f4d8c368833009ab402887c5896.webp 900w, https://assets.fabulous.ch/public/variant_asset/3729/file/large-557a1d173da8639efba9a418d4ed2c60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3729/file/medium-ee111f4d8c368833009ab402887c5896.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/universalreiniger-neutral-sensitiv-500-ml-6510">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Universalreiniger Neutral / Sensitiv, 500 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 0.94 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5SdrUiNnBIvbo5FFr_RK40SgtUf67Ay-Q_OjXsYRyv2xEzrjGh-AzbSkgXPkPQLT6yUy7j-Y_1fLt6rmGN41_w" />
    <input value="6510" 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/lupinen-sauce-alternative-zu-sojasauce-glutenfrei-bio-100-ml-6519">
          <img alt="Lupinen Sauce Alternative zu Sojasauce Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3736/file/small-6fc1c65fd1439287d56f5ca7bb83a659.webp 600w, https://assets.fabulous.ch/public/variant_asset/3736/file/medium-ccc0746b82f1f0e9934b6df2a4af83bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/3736/file/large-c2e9509264d7a414cacded271a4a9e8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3736/file/medium-ccc0746b82f1f0e9934b6df2a4af83bd.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">Alberts</p>
          <a href="/de/products/lupinen-sauce-alternative-zu-sojasauce-glutenfrei-bio-100-ml-6519">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lupinen Sauce Alternative zu Sojasauce Glutenfrei Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RV7vGSc6pcPoQ3p0gTmnaCOukvpXCq_svGd21NWZeOgRar6oHkIhhYdEakLK8O9YjCsVU5J-XAU0I39sC1aH6g" />
    <input value="6519" 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/sonnenglas-solar-led-dekoleuchte-fairtrade-1-stuck-6541">
          <img alt="Sonnenglas Solar-LED-Dekoleuchte Fairtrade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3754/file/small-647f5229437549d370e487faea87c706.webp 600w, https://assets.fabulous.ch/public/variant_asset/3754/file/medium-212b68e2d9295786506f20674c85092b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3754/file/large-f5804afdcb15cda66b458676ba3116cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3754/file/medium-212b68e2d9295786506f20674c85092b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">memo</p>
          <a href="/de/products/sonnenglas-solar-led-dekoleuchte-fairtrade-1-stuck-6541">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sonnenglas Solar-LED-Dekoleuchte Fairtrade, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 91.40
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/jackfrucht-fruchtfleisch-wurfel-ungewurzt-bio-200-g-6543">
          <img alt="Jackfrucht Fruchtfleisch Würfel ungewürzt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3756/file/small-75785db199e4970f022b17bab503f56d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3756/file/medium-2e3d4449527d3a19999754b95f6176db.webp 900w, https://assets.fabulous.ch/public/variant_asset/3756/file/large-27484242fc936d7c63c1e1504ae42afc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3756/file/medium-2e3d4449527d3a19999754b95f6176db.webp" />
</a>    </header>

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

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/jackfrucht-fruchtfleisch-schnetzel-ungewurzt-bio-200-g-6549">
          <img alt="Jackfrucht Fruchtfleisch Schnetzel ungewürzt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3758/file/small-a29836d196205d96422c0c710e2445a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3758/file/medium-398b366074067647359a42b49a973407.webp 900w, https://assets.fabulous.ch/public/variant_asset/3758/file/large-f03633ac363051fb5d94ec96ee8712da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3758/file/medium-398b366074067647359a42b49a973407.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Govinda</p>
          <a href="/de/products/jackfrucht-fruchtfleisch-schnetzel-ungewurzt-bio-200-g-6549">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jackfrucht Fruchtfleisch Schnetzel ungewürzt Bio, 200 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 2.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dsey9WjJoNX4qvWNRe6dsffWSCsHkc_lQZV-afZ2-pxa8-NEUbEkk5et5bsOJ9WBWFPPgsLlPAzJ0XfRKLkFng" />
    <input value="6549" 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-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/marzipan-ruebli-karotten-fur-torte-vegan-bio-25-g-6569">
          <img alt="Marzipan Rüebli Karotten für Torte Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3768/file/small-56e759551759ec4a6c2cc8a02deb355a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3768/file/medium-cdee1e51e86b07d7166e936f54e6f2db.webp 900w, https://assets.fabulous.ch/public/variant_asset/3768/file/large-38f17bc489fd8b0205e80199f2941e50.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3768/file/medium-cdee1e51e86b07d7166e936f54e6f2db.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">Funsch</p>
          <a href="/de/products/marzipan-ruebli-karotten-fur-torte-vegan-bio-25-g-6569">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Marzipan Rüebli Karotten für Torte Vegan Bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZpMKow_J5FnV4fBBm0AFFiY8I69xt98ABGo3nWTI1WAyp1sSNrFgH7rm4HfQiU0mibmkBrTDLOmMLj4lugcqYg" />
    <input value="6569" 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-vegane-hahn-und-huhn-teigwaren-fur-kinder-demeter-250-g-6571">
          <img alt="Pasta Vegane Hahn und Huhn Teigwaren für Kinder Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3770/file/small-1bd7d52795aad6413d73cef705a4b42d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3770/file/medium-22986ffdcd229d2163fbcfd61fa427a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3770/file/large-ae4fe75440c01bd4a1aad496e3afb57b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3770/file/medium-22986ffdcd229d2163fbcfd61fa427a5.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/pasta-vegane-hahn-und-huhn-teigwaren-fur-kinder-demeter-250-g-6571">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Vegane Hahn und Huhn Teigwaren für Kinder Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x2uWVgE-PrRJsSXZ4Z7X4yYHwqE7IW0RatWaFNXjJiSTX8fnOEa68ia2Ne-qV5_TiYJFCP5VnvjikZOsCyzZJg" />
    <input value="6571" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;100 von 3&#39;166 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/bjokovit?format=turbo_stream&amp;page=56">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>