<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/kichererbsen-soja-fettuccine-bio-250-g-17165">
          <img alt="Kichererbsen-Soja Fettuccine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7996/file/small-c2b18bd666ff3a6dc48b54c4afeabac0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7996/file/medium-9267bc061ecde0b7c4dc6a1745100dd7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7996/file/large-a60f912de0ec58a491b345531c36a461.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7996/file/medium-9267bc061ecde0b7c4dc6a1745100dd7.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">Just Taste</p>
          <a href="/de/products/kichererbsen-soja-fettuccine-bio-250-g-17165">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kichererbsen-Soja Fettuccine Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4UUx-GgegWdFGWzWLRyQjqzhsiTy2Q2uNwzzaP2ZAAKKT2oNzi4sV30XB5lQMhpsj-MdwCK52_hiANSeAa-_hQ" />
    <input value="17165" 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/kuchenrollen-recycling-2-rolle-17180">
          <img alt="Küchenrollen Recycling" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8006/file/small-c42569de590859ebd5517eb25bddf59b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8006/file/medium-2e23531af73b852a730d49404d81544e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8006/file/large-fb2d7cdfb2cf3f1e1f245cbe3db7c38a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8006/file/medium-2e23531af73b852a730d49404d81544e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">memo</p>
          <a href="/de/products/kuchenrollen-recycling-2-rolle-17180">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Küchenrollen Recycling, 2 Rollen</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8dTv2Lc6ynQFk9VbbNicGT_idaclzv3JBng0-zUxihaa3rQtEQpnRD2dvhQR9hb7HODaQ_WuK59TdBMNyQc1kQ" />
    <input value="17180" 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-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/king-spicy-sauce-315-ml-17181">
          <img alt="King Spicy Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8008/file/small-149d8a847f06099cf8f5e35d257ce266.webp 600w, https://assets.fabulous.ch/public/variant_asset/8008/file/medium-e60a40b9fad02362696672864467d089.webp 900w, https://assets.fabulous.ch/public/variant_asset/8008/file/large-d648f1b3ea6ea92e3564f31e7513f98c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8008/file/medium-e60a40b9fad02362696672864467d089.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">BUFIS</p>
          <a href="/de/products/king-spicy-sauce-315-ml-17181">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">King Spicy Sauce, 315 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </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 1.87 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-17181-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  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/biobis-choco-doppelkeks-palmolfrei-bio-320-g-17182">
          <img alt="Biobis Choco Doppelkeks palmölfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8009/file/small-a8b033971c6873c458c19fc2ed8a81d3.webp 600w, https://assets.fabulous.ch/public/variant_asset/8009/file/medium-e9034d2a2c628d3d1b02a81adcf45e70.webp 900w, https://assets.fabulous.ch/public/variant_asset/8009/file/large-59c9c029028a7d49e2ed21e48f9f5a1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8009/file/medium-e9034d2a2c628d3d1b02a81adcf45e70.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">Pural</p>
          <a href="/de/products/biobis-choco-doppelkeks-palmolfrei-bio-320-g-17182">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biobis Choco Doppelkeks palmölfrei Bio, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_I-49p77vpFrc7C3Ku1lkzbu6e5w49FOVcxaVt_NwHqXheMDOMsToVN92_hXw-9xFexGCqCDBxgAwH2gI_t__Q" />
    <input value="17182" 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/biobis-dinkel-doppelkeks-sanddorn-orange-palmolfrei-bio-320-g-17184">
          <img alt="Biobis Dinkel Doppelkeks Sanddorn-Orange palmölfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8011/file/small-12cf9fbb7703369f2e7f53f40fec2b5e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8011/file/medium-0ef833571ea4d904fa021d86892c139c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8011/file/large-b18463744c0d78d8933b8de9a6d2ee12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8011/file/medium-0ef833571ea4d904fa021d86892c139c.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">Pural</p>
          <a href="/de/products/biobis-dinkel-doppelkeks-sanddorn-orange-palmolfrei-bio-320-g-17184">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biobis Dinkel Doppelkeks Sanddorn-Orange palmölfrei Bio, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="09hoCALA9u62037u9aTe4v6ZnBI5wZhmKBuBuFoZCBu40jP9pPBb3o7dFaGIilQA3Zsz9umhTjB9F6ZOpi-3nA" />
    <input value="17184" 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/biobis-choco-vanille-doppelkeks-palmolfrei-bio-320-g-17185">
          <img alt="Biobis Choco-Vanille Doppelkeks palmölfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8013/file/small-249d6bc5ff430fa231ade7d1a3b23642.webp 600w, https://assets.fabulous.ch/public/variant_asset/8013/file/medium-c6ecb8d9fc16efcefe602149ddf1581c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8013/file/large-98dc5957fa10c3b1e7bdf8304705fc53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8013/file/medium-c6ecb8d9fc16efcefe602149ddf1581c.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">Pural</p>
          <a href="/de/products/biobis-choco-vanille-doppelkeks-palmolfrei-bio-320-g-17185">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biobis Choco-Vanille Doppelkeks palmölfrei Bio, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s2vpjx_CsGFT3YnzENgtKhGw6Q09Epn5_WXebHPDWCLYYbJ6ufIdUWvT4rxt9qfIMrJG6e1yT6-oafmaj_XnpQ" />
    <input value="17185" 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/dattelsusse-zartbitter-tafel-60-bio-80-g-17186">
          <img alt="Dattelsüsse Zartbitter Tafel 60% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8012/file/small-c3ae8f7dd79cd1000b51e04a5641f25b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8012/file/medium-31fb538d2f836273580b92ad8775c6e1.webp 900w, https://assets.fabulous.ch/public/variant_asset/8012/file/large-a43dca4cbdc1df03bfffa829fdf186fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8012/file/medium-31fb538d2f836273580b92ad8775c6e1.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/dattelsusse-zartbitter-tafel-60-bio-80-g-17186">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattelsüsse Zartbitter Tafel 60% Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Id4l2-paJslAvTFujzCKpyHXhYwZorMrAEFKqHC34exK1H4uTGqL-XizWiHyHgBFAtUqaMnCZX1VTW1ejIFeaw" />
    <input value="17186" 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/crunchy-peanuts-paprika-bio-110-g-17187">
          <img alt="Crunchy Peanuts Paprika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8015/file/small-1869441853ea99c5e8ace90e4bc99e32.webp 600w, https://assets.fabulous.ch/public/variant_asset/8015/file/medium-a9fa0b0f0d2ce929c02d5356a661124d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8015/file/large-76954dc7603e2e591dd961e40ecf8eca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8015/file/medium-a9fa0b0f0d2ce929c02d5356a661124d.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">Pural</p>
          <a href="/de/products/crunchy-peanuts-paprika-bio-110-g-17187">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crunchy Peanuts Paprika Bio, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sSrJV9G7Zy4Oiib3hFT_UNYR0XtyqSIzZhcXgadbzMbaIJKid4vKHjaETbj5enWy9RN-n6LJ9GUzGzB3W21zQQ" />
    <input value="17187" 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/kokos-mandeldrink-bio-1-l-17188">
          <img alt="Kokos-Mandeldrink Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8016/file/small-7abb29677e28a73172be8f3986b77fd1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8016/file/medium-c20bbab129ce30ef1aed2e0fd448ec3b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8016/file/large-540cf2dfa51e32915affe0d4520a5488.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8016/file/medium-c20bbab129ce30ef1aed2e0fd448ec3b.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/kokos-mandeldrink-bio-1-l-17188">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokos-Mandeldrink Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aHCgTdDafOXwsNIbTX8PLTm81dA7KdIaTRPn9PwvmWUDevu4durR1ci-uVQwUYXPGr56NOtJBEwYH8ACABkm4g" />
    <input value="17188" 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/haferdrink-ohne-zucker-bio-1-l-c2d9a774-6c06-4e1e-a527-729bb82933e6-17189">
          <img alt="Haferdrink ohne Zucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8017/file/small-7a57a5b54b24b1304b76550de3ff9d49.webp 600w, https://assets.fabulous.ch/public/variant_asset/8017/file/medium-720cfd17cca68a5a910908b778a966f1.webp 900w, https://assets.fabulous.ch/public/variant_asset/8017/file/large-87f8aee8163fed7f81188c053ab1641f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8017/file/medium-720cfd17cca68a5a910908b778a966f1.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/haferdrink-ohne-zucker-bio-1-l-c2d9a774-6c06-4e1e-a527-729bb82933e6-17189">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haferdrink ohne Zucker Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nm8R_tRpgLxZEiZefG3VLua1uYa_IKceGRorFYFv1S31ZUoLclktjGEcTREBQ1_MxbcWYm9AcUhMFgzjfVlqqg" />
    <input value="17189" 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/haferdrink-barista-bio-1-l-67ca254f-20da-431f-bf9e-87150185ee60-17191">
          <img alt="Haferdrink Barista Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8018/file/small-a5db5964ecc586cd6c4da41ba6d04894.webp 600w, https://assets.fabulous.ch/public/variant_asset/8018/file/medium-1312f852ca0e3e650989a83139f58edc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8018/file/large-3a5d0ee1ade741938e7cb51c08732c5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8018/file/medium-1312f852ca0e3e650989a83139f58edc.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/haferdrink-barista-bio-1-l-67ca254f-20da-431f-bf9e-87150185ee60-17191">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haferdrink Barista Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A8nfeJXa_uGkIn9c1FP5YyVnlqotWCTsM4llk_1ByoRow4SNM-pT0ZwsFBOpfXOBBmU5Tv048rpmhUJlAXd1Aw" />
    <input value="17191" 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/berg-feigen-natural-bio-500-g-17194">
          <img alt="Berg-Feigen natural Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8019/file/small-3b48b74ff3f8523e8bfbd2f16c26fa43.webp 600w, https://assets.fabulous.ch/public/variant_asset/8019/file/medium-4e56e0271851a97ae7a8b5dc5d581760.webp 900w, https://assets.fabulous.ch/public/variant_asset/8019/file/large-bea3b62bfacde6974df04de79d070c8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8019/file/medium-4e56e0271851a97ae7a8b5dc5d581760.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/berg-feigen-natural-bio-500-g-17194">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Berg-Feigen natural Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hGI9-SW8-V2JV7OKybo81NuTU818YTQI7edsAU9jJ4fvaGYMg4xUbbFZ2MW0lLY2-JH8KawB4l6460v3s1WYAA" />
    <input value="17194" 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/kernseife-aus-bio-pflanzenol-100-g-17195">
          <img alt="Kernseife aus Bio-Pflanzenöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8020/file/small-5cb1ff9d3d17d85b43c827c75222fbad.webp 600w, https://assets.fabulous.ch/public/variant_asset/8020/file/medium-e773d5953d4c17292d48fdbc33b0271c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8020/file/large-2993199b447035417f9136fc3d5feecd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8020/file/medium-e773d5953d4c17292d48fdbc33b0271c.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/kernseife-aus-bio-pflanzenol-100-g-17195">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kernseife aus Bio-Pflanzenöl, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NkLi1KmijIya8T0F8vypyBMy805kGJ2di4F86smq48VdSLkhD5IhvKL_VkqP0iMqMDBcqrR4S8vejVscNZxcQg" />
    <input value="17195" 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/kurbiskerne-schweiz-grossgebinde-biosuisse-5-kg-17204">
          <img alt="Kürbiskerne Schweiz Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8036/file/small-3178a31055e2b933514a5295620af50c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8036/file/medium-07385625b5cab3eda1467de483e0b275.webp 900w, https://assets.fabulous.ch/public/variant_asset/8036/file/large-6b4e2aa2c445e41900a8958ce931425b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8036/file/medium-07385625b5cab3eda1467de483e0b275.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">Biofarm</p>
          <a href="/de/products/kurbiskerne-schweiz-grossgebinde-biosuisse-5-kg-17204">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kürbiskerne Schweiz Grossgebinde BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 149.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yCZbSz6Be3GcDeZS1CPlqkOmw66TDK_1ehKkkm7i4nyjLAC-mLHWQaQDjR2pDW9IYKRsSkNseaMvHoNkktRd-w" />
    <input value="17204" 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/mandeln-geschalt-bio-200-g-17206">
          <img alt="Mandeln geschält Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8037/file/small-e6279b5e6d250569c1613a08a62cc811.webp 600w, https://assets.fabulous.ch/public/variant_asset/8037/file/medium-41b915646eff7ceb9e4a72c7045b7efc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8037/file/large-11443e248819df0d48571591c0569ac5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8037/file/medium-41b915646eff7ceb9e4a72c7045b7efc.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">Biofarm</p>
          <a href="/de/products/mandeln-geschalt-bio-200-g-17206">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mandeln geschält Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tMGztCSW1-Txz0Qfc9jF9XVl9jQ64QjcWRNrNFkxgN7fy-hBgqZ61MnBL1AO9k8XVmdZ0OqB3ooMH0zCpQc_WQ" />
    <input value="17206" 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/risotto-reis-fairtrade-grossgebinde-bio-5-kg-17207">
          <img alt="Risotto Reis Fairtrade Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8038/file/small-2302dc95363cdf349d41cd556e7e6b67.webp 600w, https://assets.fabulous.ch/public/variant_asset/8038/file/medium-d4c2ea9070de8576e01f768949d3ee47.webp 900w, https://assets.fabulous.ch/public/variant_asset/8038/file/large-505c8581edb6368dd9ec56933c9d4cda.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8038/file/medium-d4c2ea9070de8576e01f768949d3ee47.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/de/products/risotto-reis-fairtrade-grossgebinde-bio-5-kg-17207">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Risotto Reis Fairtrade Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="61cgTTND9mOMO67ugrhVBwLtTPrKT6NRznVr5ojuUjyAXXu4lXNbU7Q1xaH_lt_lIe_jHhovdQebeUwQdNjtuw" />
    <input value="17207" 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/frische-gnocchi-ohne-ei-bio-400-g-17232">
          <img alt="Frische Gnocchi ohne Ei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8044/file/small-8f59b2f2cae3380ab2fa02a0ca05d06f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8044/file/medium-9592fc26ed88ecd431f3fdcdbc703a38.webp 900w, https://assets.fabulous.ch/public/variant_asset/8044/file/large-17a8c65376c034ae894e5e02b5cde654.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8044/file/medium-9592fc26ed88ecd431f3fdcdbc703a38.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">bio-verde</p>
          <a href="/de/products/frische-gnocchi-ohne-ei-bio-400-g-17232">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Frische Gnocchi ohne Ei Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </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 1.28 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="towtOuQagdmLzQ2ib-ewGk_oJq6_eSjvGQDXmgfLrzLdhnbPQios6bPDZu0SyTr4bOqJSm8Z_rlMDPBs-_0QtQ" />
    <input value="17232" 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/kokosbluten-balsamico-essig-bio-250-ml-17234">
          <img alt="Kokosblüten-Balsamico Essig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8045/file/small-ded13d36a1ac6c6dcba8cd1df46e6b51.webp 600w, https://assets.fabulous.ch/public/variant_asset/8045/file/medium-3dd354d5b810719593e801a85be5548d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8045/file/large-bc6284c166b79a6d8355b844a0487d0b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8045/file/medium-3dd354d5b810719593e801a85be5548d.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/kokosbluten-balsamico-essig-bio-250-ml-17234">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosblüten-Balsamico Essig Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S-AkOs33jWh0Y_4O5HMgcxsTakv7y7tbvKs7uMQh9xIg6n_Pa8cgWExtlUGZXaqROBHFryurbQ3ppxxOOBdIlQ" />
    <input value="17234" 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/darjeeling-schwarztee-demeter-20-beutel-17235">
          <img alt="Darjeeling - Schwarztee Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8046/file/small-99aa19be1346b75643b3f4dade918a49.webp 600w, https://assets.fabulous.ch/public/variant_asset/8046/file/medium-20f5c86ee2b89c4a761968be132e446e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8046/file/large-4e1de009af71b964f4ec9a1b034942cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8046/file/medium-20f5c86ee2b89c4a761968be132e446e.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">Lebensbaum</p>
          <a href="/de/products/darjeeling-schwarztee-demeter-20-beutel-17235">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Darjeeling - Schwarztee Demeter, 20 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kO5XY-5QLY69W1qTV-XPe5VtfxJrA7n5hxbvRbR9r8X75AyWSGCAvoVVMdwqy0WZtm_Q9rtjb6_SGsizSEsQQg" />
    <input value="17235" 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/schokoladentafel-whole-cocoa-fruit-bio-150-g-17236">
          <img alt="Schokoladentafel Whole Cocoa Fruit Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8047/file/small-e35a9ba947b22629d677b7c9ff12c05f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8047/file/medium-97672cc2a8c42b65e9010cfb80a8b471.webp 900w, https://assets.fabulous.ch/public/variant_asset/8047/file/large-f088111ecefa5ee5c1de9eaceb1a3c3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8047/file/medium-97672cc2a8c42b65e9010cfb80a8b471.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/schokoladentafel-whole-cocoa-fruit-bio-150-g-17236">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schokoladentafel Whole Cocoa Fruit Bio, 150 g</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 4.37 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vMnVg6Y23X3ibmwyq5SwvXy-8LZ3Y67mpdPHc7tLYTrXw452AAZwTdpgB33WujpfX7xfUqcDeLDw3-CFR33evQ" />
    <input value="17236" 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">
      3&#39;040 von 3&#39;201 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/baru?format=turbo_stream&amp;page=153">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>