<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/bodenreiniger-biobaula-plastikfrei-3-stuck-6377">
          <img alt="Bodenreiniger Biobaula #plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3671/file/small-de6d87930005518a9789d993c9410f6d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3671/file/medium-2afbcef1391fafa3761b129b02441d1e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3671/file/large-d9e8f3840a06ef8b3a08cd8ec591a85c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3671/file/medium-2afbcef1391fafa3761b129b02441d1e.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">Biobaula</p>
          <a href="/de/products/bodenreiniger-biobaula-plastikfrei-3-stuck-6377">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bodenreiniger Biobaula #plastikfrei, 3 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ep9jx8qCSCONnQZ4Gh1s78MQKPyLekvgiCqPZBCDza64GqPmwilrDmUPxHvYZnYrqGZXULu0yOcFzF23eShdyg" />
    <input value="6377" 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/starterset-glas-bad-boden-biobaula-plastikfrei-3-stuck-6378">
          <img alt="Starterset Glas, Bad, Boden Biobaula #plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3673/file/small-bd0b3a47563bf46d24e4ef0f7a6f2e79.webp 600w, https://assets.fabulous.ch/public/variant_asset/3673/file/medium-b8658bd93d85018bffe94aea086c77f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/3673/file/large-a3ee584fbe51dd49c4a5b4abb0634adb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3673/file/medium-b8658bd93d85018bffe94aea086c77f7.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">Biobaula</p>
          <a href="/de/products/starterset-glas-bad-boden-biobaula-plastikfrei-3-stuck-6378">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Starterset Glas, Bad, Boden Biobaula #plastikfrei, 3 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RqDRQagGV_2ULOEP6NMVEzXbbkSrKRACVo0ZvDDJPhrsJRFgoK100Hy-IwwqqA_XXq0R6JvnkwXba8tvWWKufg" />
    <input value="6378" 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/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="cGr2_BkdIY6kqEp7W0voJzON0Ghe_hAwVr55-Uhy9dfa7zbdEbYCo0w6iHiZMPLjWPuvxG4wkzfbWKsqIdllsw" />
    <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="cMEr64Mlw8NLSqtDVbP5ozrNzL3WKO6cuUOtLdqOBtraROvKi47g7qPYaUCXyONnUbuzEebmbZs0pX_-syWWvg" />
    <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="g6OPdMahy3EyRM2jWRbPU5h7MJYmE9-rjY-KnhI25MMpJk9VzgroXNrWD6CbbdWX8w1POhbdXKwAaVhNe510pw" />
    <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="5FCAcYug7XXLeGVJnjaSmzEZlPwtSTiqaFXzgXmxY65O1UBQgwvOWCPqp0pcTYhfWm_rUB2Hu63lsyFSEBrzyg" />
    <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="SLyYOWlyMYWhFi8oLbEwjzBnsAr0MLk7TJK0MzURN-riOVgYYdkSqEmE7SvvyipLWxHPpsT-OjzBdGbgXLqnjg" />
    <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="l2hIuNuO68dREHl80RuX2XBpQzdYghYLnwFRG3YB9fk97YiZ0yXI6rmCu38TYI0dGx88m2hMlQwS54PIH6plnQ" />
    <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="H3O4MSq3hFvs668NmH7rR2JGugLigbX_IZW_xCBAhsy19ngQIhyndgR5bQ5aBfGDCTDFrtJPNvisc20XSesWqA" />
    <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="MKLDSSOoBNL-FibPR3luS_TdF6eS0Lcy71oOpnENGoeaJwNoKwMn_xaE5MyFAnSPn6toC6IeNDVivNx1GKaK4w" />
    <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="7rkjNUUsgDIhfrrFALTYONNvFDLPtkBXrQe6uCaDREVEPOMUTYejH8nseMbCz8L8uBlrnv94w1Ag4WhrTyjUIQ" />
    <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="LsjjOe8AznEvsni1x5MXObvisURliDzgu2vdSEu0TqqETSMY56vtXMcgurYF6A390JTO6FVGv-c2jQ-bIh_ezg" />
    <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="c1jz9JvMBHXJFow2QxE_CjAsnTHla2Im2h3oy2tYlbHZ3TPVk2cnWCGETjWBaiXOW1rindWl4SFX-zoYAvMF1Q" />
    <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="yKzq5n47drJehUGOYauEbiOxYC4Tl8Q6Rm08EgmB2NZiKSrHdpBVn7YXg42j0J6qSMcfgiNZRz3Li-7BYCpIsg" />
    <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="7lKiQ6abwP0ZhwP3cpi7x8FlYDN9YGhtkIo6mk0EIM5E12JirjDj0PEVwfSw46EDqhMfn02u62odbOhJJK-wqg" />
    <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="L6l525K_mv1t2N9VfTrhYeOpxoPFGgqUxjJhSC74Q1CFLLn6mhS50IVKHVa_QfuliN-5L_XUiZNL1LObR1PTNA" />
    <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="y905YAz6HtJuQmiQrMDauBvDXfneyUBIcV8DF6-QFgphWPlBBFE9_4bQqpNuu8B8cLUiVe4Hw0_8udHExjuGbg" />
    <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="yGwTnbu-pemlF2VEaBKwfutvE-_lCpc3DkmBF1XyeHhi6dO8sxWGxE2Fp0eqaaq6gBlsQ9XEFDCDr1PEPFnoHA" />
    <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="FXDn_jK2ZAuuW7-2nrYvEv5CGmxTOwXA6pdCxbyicwi_9SffOh1HJkbJfbVczTXWlTRlwGP1hsdncZAW1QnjbA" />
    <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="MMuCD9tcikH8vItzmSBPl5qbNQpYYpk0LmV0-a5C4ZWaTkIu0_epbBQuSXBbW1VT8e1KpmisGjOjg6Yqx-lx8Q" />
    <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>



</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;080 von 3&#39;189 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/low-delights-gmbh?format=turbo_stream&amp;page=55">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>