<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/burger-susskartoffel-bio-160-g-16606">
          <img alt="Burger Süsskartoffel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7660/file/small-0ed5c504c12128433fa9ababd163a031.webp 600w, https://assets.fabulous.ch/public/variant_asset/7660/file/medium-043c2412511891faa8837d99d4b749f2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7660/file/large-08df72a92960b13c803b333078b13d34.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7660/file/medium-043c2412511891faa8837d99d4b749f2.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">Soto</p>
          <a href="/de/products/burger-susskartoffel-bio-160-g-16606">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Burger Süsskartoffel Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wrMySzZAVex_Seu76sG8MkwcG0os_193EwM4r42VpW3VMvR1Z2gzw7FJQY0v2R2BXQUpzc1SEGvBrvrUXXRCMw" />
    <input value="16606" 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/wilmersburger-pizzaschmelz-mozzella-150-g-16800">
          <img alt="Wilmersburger Pizzaschmelz Mozzella" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7825/file/small-ccc4dc331ef815dec25c2cd36a1b25f5.webp 600w, https://assets.fabulous.ch/public/variant_asset/7825/file/medium-aa2ca18a5163dd49dbb02ea0a38b2ad9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7825/file/large-8a168623ed8e887a7057abf4bb16619e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7825/file/medium-aa2ca18a5163dd49dbb02ea0a38b2ad9.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">Wilmersburger</p>
          <a href="/de/products/wilmersburger-pizzaschmelz-mozzella-150-g-16800">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wilmersburger Pizzaschmelz Mozzella, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4wvZSSbVDnsWCZQ5V9-_gtHyZ1NhuGdKvUiumR3y0rz0ih93d_1oVNgJPg-Sxx4xwOtV1IAVKFZv5WzizRM14g" />
    <input value="16800" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bio-pink-chai-gewurztee-60-g-18047">
          <img alt="Pink Chai - Gewürztee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9014/file/small-8adcaaf67f333f051174de07d280b74c.webp 600w, https://assets.fabulous.ch/public/variant_asset/9014/file/medium-f836be102ae4a0cee382c8b2dc478caa.webp 900w, https://assets.fabulous.ch/public/variant_asset/9014/file/large-4fd744ac79bc2330c3ce3133a04e9b4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9014/file/medium-f836be102ae4a0cee382c8b2dc478caa.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">Premsoul</p>
          <a href="/de/products/bio-pink-chai-gewurztee-60-g-18047">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pink Chai - Gewürztee Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bio-traditional-chai-gewurztee-60-g-18046">
          <img alt="Traditional Chai - Gewürztee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9010/file/small-80e4cd00b99e7144fdea0a4df5bb8392.webp 600w, https://assets.fabulous.ch/public/variant_asset/9010/file/medium-14fb0c87458d4f48ed2af7cee791aaaf.webp 900w, https://assets.fabulous.ch/public/variant_asset/9010/file/large-77a06e8e0d08435ee403d449712e7ffb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9010/file/medium-14fb0c87458d4f48ed2af7cee791aaaf.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">Premsoul</p>
          <a href="/de/products/bio-traditional-chai-gewurztee-60-g-18046">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Traditional Chai - Gewürztee Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bio-rooibos-chai-gewurztee-55-g-18045">
          <img alt="Rooibos Chai - Gewürztee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8999/file/small-eaeb916d22925d0387eafbf523ff3934.webp 600w, https://assets.fabulous.ch/public/variant_asset/8999/file/medium-c75d53e994781318f47edf8086c387b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/8999/file/large-429dd246ecbb4dc7e08e5f202a11022b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8999/file/medium-c75d53e994781318f47edf8086c387b0.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">Premsoul</p>
          <a href="/de/products/bio-rooibos-chai-gewurztee-55-g-18045">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rooibos Chai - Gewürztee Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zIooTvgJaCsUzwdfAZlX6GgxKGjcx680FKRinDN02SzbC-5wqSEOBNrPrWnEgfZbeSga7z1q4CjGCaDn45U-cg" />
    <input value="18045" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bio-kakao-chai-gewurztee-mischung-60-g-18044">
          <img alt="Kakao Chai - Gewürztee Mischung Bio " class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8996/file/small-27d456f7fdfd8cd5faf8a4dbd87f187d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8996/file/medium-d7913bb391cf7aaaa9422357cc356c9c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8996/file/large-37e1478ebd5525dfd0587a282dd11aef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8996/file/medium-d7913bb391cf7aaaa9422357cc356c9c.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">Premsoul</p>
          <a href="/de/products/bio-kakao-chai-gewurztee-mischung-60-g-18044">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kakao Chai - Gewürztee Mischung Bio , 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Bnk0NjdvqOfunHVV_DMwXpx01UVv7ZWs4f2so1UHzl0R-PIIZkfOyCCc32M5K5HtjW3nwo5A2rAzUG7YheYpAw" />
    <input value="18044" 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/ol-sonnenblumenol-high-oleic-bio-750-ml-15220">
          <img alt="Öl Sonnenblumenöl High-Oleic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6978/file/small-503e0b4755a943858a4a9ff77e8e3196.webp 600w, https://assets.fabulous.ch/public/variant_asset/6978/file/medium-177bd259bb007017cdf8f77398e4825d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6978/file/large-6ee42f6448918c3db77a3699d0f1d1e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6978/file/medium-177bd259bb007017cdf8f77398e4825d.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">Soyana</p>
          <a href="/de/products/ol-sonnenblumenol-high-oleic-bio-750-ml-15220">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Öl Sonnenblumenöl High-Oleic Bio, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s_R9pPabUMwKsy3c6QEfarzEtYj4GGIipZpDlzGnC6ikdbuap7M248Szh-osGb7Zrd2HDxm1LT53N4Hs4Ubs9g" />
    <input value="15220" 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/kokos-mandelmus-mit-dattel-bio-250-g-5650">
          <img alt="Kokos- &amp; Mandelmus mit Dattel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3262/file/small-59c00d0bdf342d86608ae6015903886f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3262/file/medium-dd9c1060ab5b376ba3f02c1a41686dee.webp 900w, https://assets.fabulous.ch/public/variant_asset/3262/file/large-c43b7df6fbc25cdb06d6ea1cab2219f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3262/file/medium-dd9c1060ab5b376ba3f02c1a41686dee.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/kokos-mandelmus-mit-dattel-bio-250-g-5650">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokos- &amp; Mandelmus mit Dattel Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9x4wJHKKDp_w_2i0F0e-pp5CnwlocWGLPJ0aRqjxOkTgn_YaI6JosD7_woLSXx8Vj1utjoncLpfuMNg9eBDdGg" />
    <input value="5650" 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/cuisine-soja-bio-250-ml-16809">
          <img alt="Cuisine Soja Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7826/file/small-d890ae6da7efea3344c3aea12c5562a7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7826/file/medium-d155a8ba2d84df5bc9323bb1a56bab6e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7826/file/large-056e577496f9381bff8cf38cbc314982.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7826/file/medium-d155a8ba2d84df5bc9323bb1a56bab6e.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">Alpro</p>
          <a href="/de/products/cuisine-soja-bio-250-ml-16809">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Soja Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GzVfumB54NNykAY2XxvileqSxF8-vixjvYejVmAuX30MtJmEMVGG_LyQrACaA0Mm-4v22N8TY39vKmEtsM-4Iw" />
    <input value="16809" 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/chips-tortilla-chips-blue-corn-bio-150-g-11129">
          <img alt="Chips Tortilla Chips Blue Corn Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5697/file/small-2443e8318d12711f340913934ca48315.webp 600w, https://assets.fabulous.ch/public/variant_asset/5697/file/medium-a144ee0e0150e4a050f5def5b44fc0c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5697/file/large-22194eb9328f6d1718b6c14ea2d6f321.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5697/file/medium-a144ee0e0150e4a050f5def5b44fc0c6.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/chips-tortilla-chips-blue-corn-bio-150-g-11129">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Tortilla Chips Blue Corn Bio, 150 g</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 3.13 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-G2HbsHRacYQPc6TeXNhmW0EvCQN1YA-yczgGx-_qqDv7EFQkPkP6d49ZKW8a8AqfB2Oo-x4zyIbYSJgz15N_g" />
    <input value="11129" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kokosmilch-premium-bio-1-l-6780">
          <img alt="Kokosmilch Premium Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3924/file/small-dd7fa610287597b5383bd7ddcd885fb3.webp 600w, https://assets.fabulous.ch/public/variant_asset/3924/file/medium-e765fb2c1469214108daff991dba143e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3924/file/large-f4e7955f26341b89bc2a11bb70e16f76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3924/file/medium-e765fb2c1469214108daff991dba143e.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">Dr. Goerg</p>
          <a href="/de/products/kokosmilch-premium-bio-1-l-6780">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosmilch Premium Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nuslEzxAl5T2Xyb2IWW1PJeuXcQST_lPd0T02FiMfn2JauMtbWjxuzhfjMDkfRSPhrdvQ_PitlOl6TajiG2ZIw" />
    <input value="6780" 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-salty-bio-80-g-15019">
          <img alt="Kochbananen Chips Plantain Salty Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6885/file/small-e396d5b595778c89ec359771de7220a7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6885/file/medium-ab67817e9c979a8f66d02fc0414a25de.webp 900w, https://assets.fabulous.ch/public/variant_asset/6885/file/large-fad5aaca3921e687862436b986e5a8cd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6885/file/medium-ab67817e9c979a8f66d02fc0414a25de.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-salty-bio-80-g-15019">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbananen Chips Plantain Salty 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-15019-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_EZq5xviWByoAjUbgFGptE79fqPhcqk4-1_EADd4EUXrx6zZSso-M2YCny1FSQgHX-RMJADf5iQp8gZ755n2Gw" />
    <input value="15019" 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/mate-holunderblute-aronia-super-natural-club-bio-330-ml-15532">
          <img alt="Mate Holunderblüte &amp; Aronia Super Natural Club Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7088/file/small-04944f96259b2aaac32a79adc59d51ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/7088/file/medium-b2f5e0fcc2d8161e7a71214bca720e07.webp 900w, https://assets.fabulous.ch/public/variant_asset/7088/file/large-7ec03565e706fbcfbc06fbfde967d50c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7088/file/medium-b2f5e0fcc2d8161e7a71214bca720e07.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">Super Natural Club</p>
          <a href="/de/products/mate-holunderblute-aronia-super-natural-club-bio-330-ml-15532">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mate Holunderblüte &amp; Aronia Super Natural Club Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="INi5F4yWojGgVAs-o_BxGoQALdSwwyHzYf5SYo6gSfU3WX8p3b7EHm5UoQhm6NCplRkfU1Fubu-zU5AZXkGuqw" />
    <input value="15532" 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/ombar-centres-schokolade-kokosmilch-vanille-bio-70-g-16767">
          <img alt="Ombar Centres Schokolade Kokosmilch &amp; Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7776/file/small-81e985f1dbc1447c0ebfed7004e73734.webp 600w, https://assets.fabulous.ch/public/variant_asset/7776/file/medium-4b819d70382adac4bd1da6765b1137b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7776/file/large-2bd1b19048c45fd59a54fbc6edb2ed70.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7776/file/medium-4b819d70382adac4bd1da6765b1137b0.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">Ombar</p>
          <a href="/de/products/ombar-centres-schokolade-kokosmilch-vanille-bio-70-g-16767">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ombar Centres Schokolade Kokosmilch &amp; Vanille Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2vhz0kbr43_Dq6Z2UWszOIPD1hVqwKSv9PePDyvADmzNebXsF8OFUA2rDECUc5KLktrkkott67MmWk10-yHpMg" />
    <input value="16767" 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/orangenschale-gerieben-bio-9-g-10606">
          <img alt="Orangenschale gerieben Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5592/file/small-a9cb11ce8523d2ca4a05949db8cee06f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5592/file/medium-e373bb298478a74334a93bbcb470ac7f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5592/file/large-fec8269e6aaa4e763cf1b55024ddb8bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5592/file/medium-e373bb298478a74334a93bbcb470ac7f.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/orangenschale-gerieben-bio-9-g-10606">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Orangenschale gerieben Bio, 9 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U1cYgeI1Zp4X2_pMGrURXJB1GqYQKKaD01om5p_uQyhE1t6_sx0AsdnbUHrfrbDvgWwoIfGF6Z8B9-SdTw-kdg" />
    <input value="10606" 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-rhythm-108-kokosnuss-schokolade-gf-bio-33-g-4491">
          <img alt="Riegel Rhythm 108 Kokosnuss Schokolade GF Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2776/file/small-82b1e1180293879f040fc90498337f39.webp 600w, https://assets.fabulous.ch/public/variant_asset/2776/file/medium-836e35d7eab8011c6d7dd2cc92c1a469.webp 900w, https://assets.fabulous.ch/public/variant_asset/2776/file/large-3176fd9f1f233c65ea60969298593813.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2776/file/medium-836e35d7eab8011c6d7dd2cc92c1a469.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">Rhythm 108</p>
          <a href="/de/products/riegel-rhythm-108-kokosnuss-schokolade-gf-bio-33-g-4491">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Rhythm 108 Kokosnuss Schokolade GF Bio, 33 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AEYxoJxt38XTrQl09xHo2QvQTON0i5FsCWAlimzBkIIXx_eezUW56h2to0IyCUlqGsl-ZJUm3nDbzefxvCB33A" />
    <input value="4491" 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/vivani-schokolade-feine-bitter-schokolade-92-cacao-bio-80-g-16647">
          <img alt="Vivani Schokolade Feine Bitter Schokolade 92% Cacao Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7706/file/small-4b33009d9e9609c74b4c4b8e28494e78.webp 600w, https://assets.fabulous.ch/public/variant_asset/7706/file/medium-3e6eeaf308182b7fdadb4cd02e7f0956.webp 900w, https://assets.fabulous.ch/public/variant_asset/7706/file/large-155077587e9800984cb9d5260b23a0e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7706/file/medium-3e6eeaf308182b7fdadb4cd02e7f0956.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">Vivani / Ichoc</p>
          <a href="/de/products/vivani-schokolade-feine-bitter-schokolade-92-cacao-bio-80-g-16647">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivani Schokolade Feine Bitter Schokolade 92% Cacao Bio, 80 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 6.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UDHyIeWpgV1RqSIIRw6_jXh4SbLhrdyb2GvMQuMsm2xHsDQftIHncp-piD6CFh4-aWF7NQAAk4cKxg45M818Mg" />
    <input value="16647" 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/chips-kichererbsen-rosmarin-bio-75-g-4260">
          <img alt="Chips Kichererbsen Rosmarin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9003/file/small-32284b1fefc0efdec8023357d4273196.webp 600w, https://assets.fabulous.ch/public/variant_asset/9003/file/medium-37bb8f41338f6637a113d9043a4221c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/9003/file/large-41d3cad0fcecbb885b4443b0a36dd589.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9003/file/medium-37bb8f41338f6637a113d9043a4221c1.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">de Rit</p>
          <a href="/de/products/chips-kichererbsen-rosmarin-bio-75-g-4260">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Kichererbsen Rosmarin Bio, 75 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 5.47 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Lc0r19avnr2S9fpVfTZoz3LLoK2FxUbYzwV42Qv9eqo6TO3ph4f4klz1UGO4Lsl8Y9KSKmRoCcQdqLqi2xyd9A" />
    <input value="4260" 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/waschpulver-color-sensitiv-60-1-2-kg-11745">
          <img alt="Waschpulver Color Sensitiv 60°" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6004/file/small-b75047f37f88e17fde3a9e579bc2a329.webp 600w, https://assets.fabulous.ch/public/variant_asset/6004/file/medium-f89e28e47d0347928a7db19c58dc964b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6004/file/large-012e7234f4f67a9e5027720f9b5e1d64.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6004/file/medium-f89e28e47d0347928a7db19c58dc964b.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/waschpulver-color-sensitiv-60-1-2-kg-11745">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Waschpulver Color Sensitiv 60°, 1.2 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IYp2RxhL2n0hR_Z2ynBtlvIdZNrdbQ5-3K8M62BAgas2C7B5SWO8Uu9HXEAPaMwl4wRWXTzAQWIOAs6QsKFm9Q" />
    <input value="11745" 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-muesli-protein-glutenfrei-bio-425-g-7995">
          <img alt="Hafer Müesli Protein glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4686/file/small-8a2ce9904315a8cfb120d98d4977f31a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4686/file/medium-7730ed49e4388a9b6b0d2185c877d4fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/4686/file/large-5aa29b1171aab7be42f86473ca1678ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4686/file/medium-7730ed49e4388a9b6b0d2185c877d4fa.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/de/products/hafer-muesli-protein-glutenfrei-bio-425-g-7995">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Müesli Protein glutenfrei Bio, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3EPPd8-kMO9Yl4pRv7pU3ZGpnnRErTFuaVQnRsrYxKXLwglJnoxWwJaXIGd6ovVugLCs86UAfnK7-eU9Gjkj-w" />
    <input value="7995" 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">
      60 von 3&#39;202 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/low-delights-gmbh?format=turbo_stream&amp;page=4">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>