<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/duschgel-ananas-kokos-500-ml-16232">
          <img alt="Duschgel Ananas &amp; Kokos" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7469/file/small-59c041cac4b4bd30cb5a9424bbd9ce05.webp 600w, https://assets.fabulous.ch/public/variant_asset/7469/file/medium-c2b06451d7df536dbdfe1d40e4d813fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7469/file/large-92ccfd1406c0fcfe62ce90532478c0a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7469/file/medium-c2b06451d7df536dbdfe1d40e4d813fd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/de/products/duschgel-ananas-kokos-500-ml-16232">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Duschgel Ananas &amp; Kokos, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.55
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/duschgel-2in1-bio-zirbelkiefer-500-ml-16233">
          <img alt="Duschgel 2in1 BIO-Zirbelkiefer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7470/file/small-8049e8c982185e746ea3271d5fb3981b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7470/file/medium-a63e419ad11c690fc35037850fd51494.webp 900w, https://assets.fabulous.ch/public/variant_asset/7470/file/large-89d3f52d54fc91adeff7f8d43a9dd943.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7470/file/medium-a63e419ad11c690fc35037850fd51494.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/de/products/duschgel-2in1-bio-zirbelkiefer-500-ml-16233">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Duschgel 2in1 BIO-Zirbelkiefer, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6z3F1ltPlaX7RLU3iNw5jWC2-UZ_sNEUtXpUSj9e0ObKmB0e2wZ_UY3qKL0pUFxOlMecPofjkhInwxMysWZOzA" />
    <input value="16233" 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/duschgel-ingwer-zitrone-500-ml-16234">
          <img alt="Duschgel Ingwer &amp; Zitrone" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7471/file/small-8d0bc6883bec334a576f0f1bdfb94475.webp 600w, https://assets.fabulous.ch/public/variant_asset/7471/file/medium-d7399d40c7e85fd88803c6d24a154c69.webp 900w, https://assets.fabulous.ch/public/variant_asset/7471/file/large-fffa0fc6f0c9a7f93ec5c187c5c67a71.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7471/file/medium-d7399d40c7e85fd88803c6d24a154c69.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/de/products/duschgel-ingwer-zitrone-500-ml-16234">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Duschgel Ingwer &amp; Zitrone, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="msPn_rQr3yt6KnOzkECV0g_zw-RfcpUEm6ES3t2C_Ja7Zj82NGI13wyE7jkxzPAR-4KmnKch1gIJGFWmU7pivA" />
    <input value="16234" 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/duschgel-ingwer-zitrone-nachfullbeutel-1000-ml-16235">
          <img alt="Duschgel Ingwer &amp; Zitrone Nachfüllbeutel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7472/file/small-25f7d84b8ce70cbaf5e8cf797c02eed7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7472/file/medium-0725de6abedbc2e5459d3ca809d4a421.webp 900w, https://assets.fabulous.ch/public/variant_asset/7472/file/large-191b298c2dbbdca981501b6aa7eb3da1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7472/file/medium-0725de6abedbc2e5459d3ca809d4a421.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/de/products/duschgel-ingwer-zitrone-nachfullbeutel-1000-ml-16235">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Duschgel Ingwer &amp; Zitrone Nachfüllbeutel, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J0UFeJwgvFHLymbGg5ICPQwKwrba0Sw4YjO_VnMqFQsG4N2wHGlWpb1k-0wiHmf--HunziKCbz7wivgu_RKLIQ" />
    <input value="16235" 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/schwarze-knoblauchpaste-bio-100-g-16237">
          <img alt="Schwarze Knoblauchpaste Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7474/file/small-a723f99a39ac89e587dd22dd6b93009b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7474/file/medium-fc9a130e1bdc9ae56c3df33d1c59433e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7474/file/large-74f759543295145ca58e2fea0212271a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7474/file/medium-fc9a130e1bdc9ae56c3df33d1c59433e.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">Amanprana</p>
          <a href="/de/products/schwarze-knoblauchpaste-bio-100-g-16237">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schwarze Knoblauchpaste Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t1fAQlzzyj6q5cc3oX5dJucFAo86ScuAiUbx3kz3TriW8hiK3LogytxLWr0A8jjlE3Rn98IaiIYb_7amws_Qkg" />
    <input value="16237" 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/gigantes-riesenbohnen-in-tomatensauce-bio-400-g-16238">
          <img alt="Gigantes - Riesenbohnen in Tomatensauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7475/file/small-1714c30cdc9c5d89d9fb1bf01fde24b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7475/file/medium-2f82db3cb59c305ea02a01d39590e35c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7475/file/large-dde556e0badbb64d7b80f1df9f1036c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7475/file/medium-2f82db3cb59c305ea02a01d39590e35c.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/gigantes-riesenbohnen-in-tomatensauce-bio-400-g-16238">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gigantes - Riesenbohnen in Tomatensauce Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BNTbwFUv2wTMcdU-yoquLUaTuPhB5-pcx9IyYzrIUyglcQMI1WYx8LrfSLRrBsvusuLdgLm0qVpVa3UbtPDNAg" />
    <input value="16238" 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/waffeln-haselnuss-bio-175-g-16239">
          <img alt="Waffeln Haselnuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7476/file/small-4e40826da694a91575891f85298df88f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7476/file/medium-6176473d24e4460278e1b59f7b4c623d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7476/file/large-2ba6b132fb15d8246092a0e8dfdc192a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7476/file/medium-6176473d24e4460278e1b59f7b4c623d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Terrasana</p>
          <a href="/de/products/waffeln-haselnuss-bio-175-g-16239">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Waffeln Haselnuss Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IYkUGbZ2aRAVSWpUAbP_G4cqBkKmcKiuP0rm6K4AzmwALMzRNj-D5GPn996gP5rYc1tjOl4j66it86GQIDhQRg" />
    <input value="16239" 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/knoblauch-in-olivenol-krauter-bio-185-g-16240">
          <img alt="Knoblauch in Olivenöl Kräuter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7477/file/small-29c38102258c5e893a8dd8147becda4d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7477/file/medium-47803014d54eb4de31eb043cd961f3c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7477/file/large-cc6aa29faef0aed743f088940d11ea10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7477/file/medium-47803014d54eb4de31eb043cd961f3c1.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">Mani</p>
          <a href="/de/products/knoblauch-in-olivenol-krauter-bio-185-g-16240">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Knoblauch in Olivenöl Kräuter Bio, 185 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GD52DnYLafM7-oTc2PxfON1A4Y6ej3-34LIlpjctvmE5m67G9kKDB01UGVZ5cDr7KTGE9mbcPLFyC2LeuRUgSw" />
    <input value="16240" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hafer-drink-popcorn-barista-edition-1-l-16241">
          <img alt="Hafer Drink Popcorn - Barista Edition" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7478/file/small-d4f1b0576b65189e95de1c5d08f8ec7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7478/file/medium-6e954a60f37dcea0a71718f95d04b0bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7478/file/large-26cfa5f13987ceaf6a590e8af47b4714.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7478/file/medium-6e954a60f37dcea0a71718f95d04b0bd.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">Oatly</p>
          <a href="/de/products/hafer-drink-popcorn-barista-edition-1-l-16241">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Drink Popcorn - Barista Edition, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NMKCjox7RDEbJ_tg-gn06J0geNN7MUZNjD-6iUsc_gwVZ1pGDDKuxW2JZupbhZEraVEdq4NiBUsehv3xxSRgJg" />
    <input value="16241" 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/hafer-drink-matcha-1-l-16242">
          <img alt="Hafer Drink Matcha" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7479/file/small-12930d64f20033789b98da1034392540.webp 600w, https://assets.fabulous.ch/public/variant_asset/7479/file/medium-7b626a1d219ea11468c063fc9af0efd6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7479/file/large-cbb6e6d2384a8d3d011e3d30ab964b1a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7479/file/medium-7b626a1d219ea11468c063fc9af0efd6.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">Oatly</p>
          <a href="/de/products/hafer-drink-matcha-1-l-16242">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Drink Matcha, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hafer-drink-matcha-250-ml-16243">
          <img alt="Hafer Drink Matcha" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7480/file/small-82cc5fe432dd30acbe2b77fb57f40ef8.webp 600w, https://assets.fabulous.ch/public/variant_asset/7480/file/medium-69d2f8ab8b40ac15529ed48f529204f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7480/file/large-181f0d87c516cfcea71fde6090ea6491.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7480/file/medium-69d2f8ab8b40ac15529ed48f529204f7.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">Oatly</p>
          <a href="/de/products/hafer-drink-matcha-250-ml-16243">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Drink Matcha, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UgxQ1cTQbo5I3gbHJz4G9-ym7fv6UFyomlp-whcDHZBzqYgdRJmEej5wm02GsmM0GNeIgwIDH64I4zm6mTuDug" />
    <input value="16243" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/barista-iced-flat-white-double-shot-235-ml-16244">
          <img alt="Barista Iced Flat White - Double Shot" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7483/file/small-2c9ac7b23162f84db7389d34093ea0e9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7483/file/medium-d66f057dd99f072bdd373f004f7990e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7483/file/large-0a80873abfbe91e06739dbc451c32dcf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7483/file/medium-d66f057dd99f072bdd373f004f7990e2.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">Oatly</p>
          <a href="/de/products/barista-iced-flat-white-double-shot-235-ml-16244">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barista Iced Flat White - Double Shot, 235 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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/liquid-smoke-hickory-flussigrauch-1-89-l-16245">
          <img alt="LIQUID SMOKE Hickory Flüssigrauch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7484/file/small-0ab85794886b4256c9ba50aefebf1c45.webp 600w, https://assets.fabulous.ch/public/variant_asset/7484/file/medium-f7981a70be164c6f261fc45923bbc4b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/7484/file/large-5065e28485fc226ddade127f1f856130.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7484/file/medium-f7981a70be164c6f261fc45923bbc4b3.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">Mex-AL</p>
          <a href="/de/products/liquid-smoke-hickory-flussigrauch-1-89-l-16245">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LIQUID SMOKE Hickory Flüssigrauch, 1.89 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D4M_48Vet1-6jbGlZxwqvXJ_giawm8GBH9z0LOE87PQuJucrRRddq8wjLC_GkE9-hg7nXkjIgoeNZbNUbwRy3g" />
    <input value="16245" 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/aufstrich-nature-tartex-tube-bio-200-g-16246">
          <img alt="Aufstrich Nature Tartex Tube Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7485/file/small-434a6869f678d1065162fb3e86f93b62.webp 600w, https://assets.fabulous.ch/public/variant_asset/7485/file/medium-114d3e08f50afd19ea9aaffff2a678f8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7485/file/large-8a207eed1b9297c71d57028bd6d720e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7485/file/medium-114d3e08f50afd19ea9aaffff2a678f8.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">Tartex</p>
          <a href="/de/products/aufstrich-nature-tartex-tube-bio-200-g-16246">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Aufstrich Nature Tartex Tube Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2g8aj9HbLXYvCTN2ZNoOXbR7lXiAsz3QDTGp6361UcD7qsJHUZLHglmnrvzFVmueQArwAHjgftafiO6T8I3P6g" />
    <input value="16246" 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/butter-beans-riesenbohnen-bio-400-g-16247">
          <img alt="Butter Beans - Riesenbohnen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7486/file/small-24a7a4f86bd6389384ee5a044372346c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7486/file/medium-e5ae3703b75bff883a641e241b3b1e37.webp 900w, https://assets.fabulous.ch/public/variant_asset/7486/file/large-7240be86744bdfa50560a5a0e5c582ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7486/file/medium-e5ae3703b75bff883a641e241b3b1e37.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/butter-beans-riesenbohnen-bio-400-g-16247">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Butter Beans - Riesenbohnen Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qQ-jnvmBPTcXCnKZ1tB-oRzredFhLvbZxgwpTxhr45qIqntWecjXw2Gk7xN3XBti6JocqZl9td9UtW43llN9sA" />
    <input value="16247" 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/mein-tassenkuchen-schoko-bio-55-g-16248">
          <img alt="Mein Tassenkuchen Schoko Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7487/file/small-4135b8551bb9301ef814102af6099cb8.webp 600w, https://assets.fabulous.ch/public/variant_asset/7487/file/medium-3408772bcfeb7651e76e592429077f54.webp 900w, https://assets.fabulous.ch/public/variant_asset/7487/file/large-940a4ed4e56894b4ae8a0f606a08d7a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7487/file/medium-3408772bcfeb7651e76e592429077f54.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/de/products/mein-tassenkuchen-schoko-bio-55-g-16248">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mein Tassenkuchen Schoko Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Sst_P0EqIDmgRlxjj9Jcxq--8uw_U9zuQje2VX7DmI1rbqf3wWPKzdbowekuXjkFW8-XlMcAn-jQjvEt8PsGpw" />
    <input value="16248" 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/mein-tassenkuchen-salted-caramel-brownie-bio-55-g-16249">
          <img alt="Mein Tassenkuchen Salted Caramel Brownie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7490/file/small-2f1fdfe33369148502d27fe5bbbdd269.webp 600w, https://assets.fabulous.ch/public/variant_asset/7490/file/medium-a8a1d7fedcc99fd8bac9643a54df215f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7490/file/large-1f2f9a79c26a0cc277de1a5a5cdd2417.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7490/file/medium-a8a1d7fedcc99fd8bac9643a54df215f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/de/products/mein-tassenkuchen-salted-caramel-brownie-bio-55-g-16249">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mein Tassenkuchen Salted Caramel Brownie Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iZhEzV_afKFoVufVm2bO3i1tpeSwVASgacZy55kmgCyoPZwF35OWVR74el866qsd2RzAnEgHR6b7fzWfFx4eBg" />
    <input value="16249" 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/tortilla-chips-chili-bio-150-g-16258">
          <img alt="Tortilla Chips Chili Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7488/file/small-40bea0e9520d2ee0b9738fc51d704a6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7488/file/medium-0c066bd3df4153b0ac340a482c9cc088.webp 900w, https://assets.fabulous.ch/public/variant_asset/7488/file/large-69207ab123bb4ee1b2565c131d55d7f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7488/file/medium-0c066bd3df4153b0ac340a482c9cc088.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">MiAdelita</p>
          <a href="/de/products/tortilla-chips-chili-bio-150-g-16258">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tortilla Chips Chili Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tortilla-chips-paprika-bio-150-g-16259">
          <img alt="Tortilla Chips Paprika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7489/file/small-1afee12b17b7c4e77a1f96b76da77f8e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7489/file/medium-f33fc7597168351bba79d53e1218cb99.webp 900w, https://assets.fabulous.ch/public/variant_asset/7489/file/large-1dd2eadf78b9332919fc2a9611b6961b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7489/file/medium-f33fc7597168351bba79d53e1218cb99.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">MiAdelita</p>
          <a href="/de/products/tortilla-chips-paprika-bio-150-g-16259">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tortilla Chips Paprika Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DtYJZWzb8PszyN9esZTO3n7RlezQzKDkFPhxb7_wokYvc9Gt7JIaD0VmQtQQGKsdiqDwlCif4-KGQTYXMcg8bA" />
    <input value="16259" 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/kochbananen-chips-plantain-bbq-bio-80-g-16260">
          <img alt="Kochbananen Chips Plantain BBQ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7491/file/small-2f6f97b201c83314eacfaa6e816babb7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7491/file/medium-55893e5504005b2a0db65502a91c328a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7491/file/large-9f3fa32cfd03dc3a99c124ca28ff01fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7491/file/medium-55893e5504005b2a0db65502a91c328a.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">el origen</p>
          <a href="/de/products/kochbananen-chips-plantain-bbq-bio-80-g-16260">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbananen Chips Plantain BBQ Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="crwEgZ47N2Ho3AR3FT0jq0lDqkNaJVmXBPqPWdYVtShTGdxJHnLdlZ5ymf20sUZovTLPO6J2GpGWQ8ghWC0rAg" />
    <input value="16260" 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">
      2&#39;720 von 3&#39;171 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/progana-muhle-rytz?format=turbo_stream&amp;page=137">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>