<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">
    <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/reismehl-hell-glutenfrei-bio-500-g-17895">
          <img alt="Reismehl hell glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8867/file/small-cdd91001c383b47c7f7d5ac32d566bde.webp 600w, https://assets.fabulous.ch/public/variant_asset/8867/file/medium-f71e39762c94e4b4fb559dcfb4434f6f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8867/file/large-760c681e7f4a7156b7e0d6a0f06ce292.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8867/file/medium-f71e39762c94e4b4fb559dcfb4434f6f.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/reismehl-hell-glutenfrei-bio-500-g-17895">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reismehl hell glutenfrei Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nX3rAKuTuPpt20zUO8CXqALOXHBdfCUaXuCzbY9WTXOLAQLBRO3Alhl3yCzZ5ZU2FKVe2zQ9vi1i5SctXvarUw" />
    <input value="17895" 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/iss-mir-nicht-wurst-leberwurst-bio-135-g-11495">
          <img alt="Iss mir nicht Wurst Leberwurst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5888/file/small-550cdbdd9288e36175ab615bc1393b2e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5888/file/medium-6add2123c8a12a6644ec099f27924c7c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5888/file/large-fcb41d07d730f7763d50ef89ca4a62fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5888/file/medium-6add2123c8a12a6644ec099f27924c7c.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">Allos</p>
          <a href="/de/products/iss-mir-nicht-wurst-leberwurst-bio-135-g-11495">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Iss mir nicht Wurst Leberwurst Bio, 135 g</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 3.26 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="irRTj0uRS8qeEkJmnyBD09U8_lyk6PNvhBJg4p0IYOWcyLpOpO8zpuq-xp59BUFNw1f8982paFi4F_SiTKiGxQ" />
    <input value="11495" 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/vegane-omega-3-kapseln-algenol-omega-3-30-stuck-8103">
          <img alt="Veganes Omega 3 Algenöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4747/file/small-13cd520293136d638ddd72fd419e19d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/4747/file/medium-84be41a5bb7a567fa4294ed9f242815d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4747/file/large-113837e71706dc89f59aca598c70505d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4747/file/medium-84be41a5bb7a567fa4294ed9f242815d.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">Raab</p>
          <a href="/de/products/vegane-omega-3-kapseln-algenol-omega-3-30-stuck-8103">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veganes Omega 3 Algenöl, 30 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XVVl9H4ucfsbXYreuk5zjRaC8gr2vmYsF48HcGKbauxLKYw1kVAJl2_xDiZYa3ETAOnwoZ___RsripMwszuMzA" />
    <input value="8103" 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/ichoc-classic-vegane-alternative-zu-milchschokolade-bio-80-g-10350">
          <img alt="iChoc Classic Vegane Alternative zu Milchschokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5564/file/small-a5c27657a8802fb0e9103da04bd857f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5564/file/medium-ad7b081b29ae2a13cea46db1d2d6a49c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5564/file/large-cb5702c15dc970ead7134b641a475e25.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5564/file/medium-ad7b081b29ae2a13cea46db1d2d6a49c.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/ichoc-classic-vegane-alternative-zu-milchschokolade-bio-80-g-10350">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">iChoc Classic Vegane Alternative zu Milchschokolade Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x97a8vnJT3r1NENfuysXh6jX7WGplaHTu9GMEmKHnPnRojMzFrc3FoGYx6dZDhUZvrzvysDUOuSH1BhSsyd62Q" />
    <input value="10350" 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/dinkel-waffelrollchen-zartbitter-bio-150-g-13493">
          <img alt="Dinkel Waffelröllchen Zartbitter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6529/file/small-d0d3bd5000634e6c3df6c6462b30391a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6529/file/medium-61e7f581a9ea8474c242d68672654bf1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6529/file/large-5c8bff85a28c4ba959cd8c06dcf2d7f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6529/file/medium-61e7f581a9ea8474c242d68672654bf1.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">Rosengarten</p>
          <a href="/de/products/dinkel-waffelrollchen-zartbitter-bio-150-g-13493">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dinkel Waffelröllchen Zartbitter Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </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-13493-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yXNGZlVMS-GKcC4nmz1AJ3yQQfFUwGU4yiisx2i24M_fD6-nujIzjf7cqt95GEK5avtDWj2B_g_2LTiHuRYG7w" />
    <input value="13493" 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/chufella-erdmandel-schokocreme-ohne-zucker-bio-220-g-413">
          <img alt="Chufella Erdmandel-Schokocreme 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/370/file/small-41f05286d3b248f805accb0492c7951f.webp 600w, https://assets.fabulous.ch/public/variant_asset/370/file/medium-35cf3d701e11c72915326f644007f232.webp 900w, https://assets.fabulous.ch/public/variant_asset/370/file/large-90360031bac544922372f9a2b13965dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/370/file/medium-35cf3d701e11c72915326f644007f232.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Govinda</p>
          <a href="/de/products/chufella-erdmandel-schokocreme-ohne-zucker-bio-220-g-413">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chufella Erdmandel-Schokocreme ohne Zucker Bio, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K6AUEYajIE-S24RzlgxkwzY1p1JMDMDiySQh51-XM6E93P3Qad1YI-Z3AIt0KWZdIF6l-SVNW9X1IbWnjjfVgQ" />
    <input value="413" 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/meine-vegane-pfeffersauce-bio-35-g-14414">
          <img alt="Meine vegane Pfeffersauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6679/file/small-46fe80628f6cba7933e3b5d921d72365.webp 600w, https://assets.fabulous.ch/public/variant_asset/6679/file/medium-de5ac7649424a51bc8e413977bace3f2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6679/file/large-00e2e85534f570fbc262312d1b7a83bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6679/file/medium-de5ac7649424a51bc8e413977bace3f2.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/meine-vegane-pfeffersauce-bio-35-g-14414">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Meine vegane Pfeffersauce Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZOHnZxPEtkpcbrk5v2ReImTKP8-Pl-1WQrIXWBdK6OxynQ6m_LrOJijCPcFdQVy8cqE9ZObWdmF-t4MYxuoOzA" />
    <input value="14414" 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/pudding-mandel-bio-50-g-2148">
          <img alt="Pudding Mandel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1657/file/small-7f1b5e520a5370eaabd66ceb4a021a38.webp 600w, https://assets.fabulous.ch/public/variant_asset/1657/file/medium-428dcb8279ae6ba6ff16fd35037cbb06.webp 900w, https://assets.fabulous.ch/public/variant_asset/1657/file/large-33488d331d84c1bc5739fadf70d71641.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1657/file/medium-428dcb8279ae6ba6ff16fd35037cbb06.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">Arche</p>
          <a href="/de/products/pudding-mandel-bio-50-g-2148">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pudding Mandel Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </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-2148-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l40GFeXGMtnYVQ-sSFAPtW9vc3Ler9nFVt5os8KgBhyB8e_UCrhKtaz5i1SqdQ0reQRx2bfuQvJq2_zzEwDgPA" />
    <input value="2148" 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/schabzigerklee-gemahlen-bio-40-g-12856">
          <img alt="Schabzigerklee gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6332/file/small-b51ca4f52821564bd59e1808496c956d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6332/file/medium-d9755ba0571d3ef711d989f60cc13c92.webp 900w, https://assets.fabulous.ch/public/variant_asset/6332/file/large-b2cd951c061963b31569fbb4042a2b25.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6332/file/medium-d9755ba0571d3ef711d989f60cc13c92.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/de/products/schabzigerklee-gemahlen-bio-40-g-12856">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schabzigerklee gemahlen Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IoFnOEulcwcFbPo8Cbi8Huh73ekAIhugn4bBckLXT8A0_Y75pNsLa3HAfsTrnb6A_hDfQmljgJejg1Uyk3ep4A" />
    <input value="12856" 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/tofu-shrimps-veganelen-vegane-alternative-zu-garnelen-bio-150-g-2068">
          <img alt="Tofu Shrimps Veganelen Vegane Alternative zu Garnelen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1620/file/small-c95767d1067a43bd0bef6ac2688a44dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/1620/file/medium-65ae73c4467a9a1a2c1cb712fdc9cc65.webp 900w, https://assets.fabulous.ch/public/variant_asset/1620/file/large-14590bbd360058c3e81855122862dbaa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1620/file/medium-65ae73c4467a9a1a2c1cb712fdc9cc65.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">Lord of Tofu</p>
          <a href="/de/products/tofu-shrimps-veganelen-vegane-alternative-zu-garnelen-bio-150-g-2068">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Shrimps Veganelen Vegane Alternative zu Garnelen Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X6efMFq-Ze9AmNapUYs8tnbc3nohtnuc4RnFuv6dNsZJ23bxtcAdgzQ0UlGzrj4oYLfc0Uj34KvdHFH6Lz3Q5g" />
    <input value="2068" 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/completeorganics-white-kimchi-bio-240-g-15891">
          <img alt="completeorganics WHITE KIMCHI Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7297/file/small-824f2e237246c7b0a606e4f6727b435d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7297/file/medium-1c153a821b92d0d82ebfdbf67f2b44d9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7297/file/large-d29a4d69d2de4f03cad83fc2e0e76d37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7297/file/medium-1c153a821b92d0d82ebfdbf67f2b44d9.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">completeorganics</p>
          <a href="/de/products/completeorganics-white-kimchi-bio-240-g-15891">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">completeorganics WHITE KIMCHI Bio, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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.83 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/affumicata-vegane-alternative-zu-weichkase-gerauchert-bio-180-g-11179">
          <img alt="AFFUMICATA Vegane Alternative zu Weichkäse geräuchert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5731/file/small-bc629ed81fb02b74f4eeb984ca733297.webp 600w, https://assets.fabulous.ch/public/variant_asset/5731/file/medium-d84cd1cccc2f6095f038abb64f533897.webp 900w, https://assets.fabulous.ch/public/variant_asset/5731/file/large-cabffb988733537b5f6a474647390526.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5731/file/medium-d84cd1cccc2f6095f038abb64f533897.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">Fermaggio</p>
          <a href="/de/products/affumicata-vegane-alternative-zu-weichkase-gerauchert-bio-180-g-11179">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">AFFUMICATA Vegane Alternative zu Weichkäse geräuchert Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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 4.39 / 100 g
            </p>
        </div>
      </div>

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

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

      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <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/mezzare-vegane-alternative-zu-mozzarella-bio-150-g-11178">
          <img alt="MEZZARÈ Vegane Alternative zu Mozzarella Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5728/file/small-583be391065e0dc995689e871abbf547.webp 600w, https://assets.fabulous.ch/public/variant_asset/5728/file/medium-a59556bef27f0dd43958d1f28c00c196.webp 900w, https://assets.fabulous.ch/public/variant_asset/5728/file/large-b413a6845717c3aeb3042e5a86222a7b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5728/file/medium-a59556bef27f0dd43958d1f28c00c196.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">Fermaggio</p>
          <a href="/de/products/mezzare-vegane-alternative-zu-mozzarella-bio-150-g-11178">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MEZZARÈ Vegane Alternative zu Mozzarella Bio, 150 g</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 3.93 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-11178-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">
    <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/gondino-delicato-mild-bio-150-g-17750">
          <img alt="Gondino Delicato/Mild Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8671/file/small-b850cea9b2c6a2bd12cd74a4db00ea1f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8671/file/medium-2ce3dd68d139768f741d5a1dbbab9fd9.webp 900w, https://assets.fabulous.ch/public/variant_asset/8671/file/large-f0d7c5e2f346eb3ac1d5fec000a9fa11.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8671/file/medium-2ce3dd68d139768f741d5a1dbbab9fd9.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">Pangea Food</p>
          <a href="/de/products/gondino-delicato-mild-bio-150-g-17750">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gondino Delicato/Mild Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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 5.27 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ymdPTA-GXNKurrE_nZsZWq6kbRKP9KRmRKl4aNuhf8PcG6aN4PgkvtoCNcd_vhvEuM9vuea1P1F4rOwoCgGZ4w" />
    <input value="17750" 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/gondino-stagionato-vegane-alternative-zu-hartkase-gereift-150-g-7312">
          <img alt="Gondino Stagionato Vegane Alternative zu Hartkäse gereift" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4166/file/small-0eeba6ecf84b9fe1f4321c6cabd9a04a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4166/file/medium-38d686bbb62480de8f49b65c9f8ddab0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4166/file/large-2518780482a4b8ba8ba8107ca6456c85.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4166/file/medium-38d686bbb62480de8f49b65c9f8ddab0.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">Pangea Food</p>
          <a href="/de/products/gondino-stagionato-vegane-alternative-zu-hartkase-gereift-150-g-7312">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gondino Stagionato Vegane Alternative zu Hartkäse gereift, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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 5.27 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ylWhLkWKOIyHU11vgabjQJ6qg0BZDnHWvCARsWM2SqzcKUjvqvRA4PP_2Zdjg-HeiMGB6zBP6uGAJYXxspasjA" />
    <input value="7312" 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/pecoraro-150-g-17749">
          <img alt="Pecoraro Vegane Alternative zu Hartkäse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8668/file/small-dbbfb2d8d2648cf3939dca541960eca2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8668/file/medium-c8b94d3da7411bf296f524a5a36c05eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/8668/file/large-9d193d8a78667334d1862106b2eb065f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8668/file/medium-c8b94d3da7411bf296f524a5a36c05eb.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">Pangea Food</p>
          <a href="/de/products/pecoraro-150-g-17749">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pecoraro Vegane Alternative zu Hartkäse, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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 5.27 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A90Uqijf9ixzwn1BmexvOyxgnG2wYI0nXKmu6sjLQakVof1rx6GOQAdu-bl7yW2lOguextkhFhBgrDqqGWuniQ" />
    <input value="17749" 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/gondino-truffelaroma-vegane-alternative-zu-hartkase-150-g-7319">
          <img alt="Gondino Trüffelaroma Vegane Alternative zu Hartkäse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4171/file/small-a164c377fde56a5be0d2b3cf3ca45ad7.webp 600w, https://assets.fabulous.ch/public/variant_asset/4171/file/medium-fe439f1bf27318835e700eaf257f92c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4171/file/large-bb5f0fade293d02c849e8739cd8c6311.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4171/file/medium-fe439f1bf27318835e700eaf257f92c5.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">Pangea Food</p>
          <a href="/de/products/gondino-truffelaroma-vegane-alternative-zu-hartkase-150-g-7319">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gondino Trüffelaroma Vegane Alternative zu Hartkäse, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.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 5.67 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gondino-chili-vegane-alternative-zu-hartkase-bio-150-g-7321">
          <img alt="Gondino Chili Vegane Alternative zu Hartkäse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4175/file/small-efa2bf63ace8757d696204448faa07fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4175/file/medium-1fc2a489dd7add5ac68e2ff28a559df7.webp 900w, https://assets.fabulous.ch/public/variant_asset/4175/file/large-13b0efed4a0fd41f0a2a2206b9d78489.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4175/file/medium-1fc2a489dd7add5ac68e2ff28a559df7.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">Pangea Food</p>
          <a href="/de/products/gondino-chili-vegane-alternative-zu-hartkase-bio-150-g-7321">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gondino Chili Vegane Alternative zu Hartkäse Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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 5.27 / 100 g
            </p>
        </div>
      </div>

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

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

      </div>
    </div>
  </div>


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/passata-glas-bio-680-g-12368">
          <img alt="Passata Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6201/file/small-0740258e649347e8d242196f5e4be5de.webp 600w, https://assets.fabulous.ch/public/variant_asset/6201/file/medium-a7c8daa35e8e8493a70b0607511a0e62.webp 900w, https://assets.fabulous.ch/public/variant_asset/6201/file/large-c2a1fa5a4113ba9175e88453b00bf9a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6201/file/medium-a7c8daa35e8e8493a70b0607511a0e62.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/passata-glas-bio-680-g-12368">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Passata Glas Bio, 680 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lt_JAjqhab70dbycmB0BjWt59SpWHaBuDTe6zvfdwkGAoyDD1d8R0oDZOGR6OAMTfRL3gT9cO1kxMi6OJn0kYQ" />
    <input value="12368" 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/biofarm-roggen-korner-schweiz-biosuisse-1-kg-17894">
          <img alt="Roggen Körner Schweiz BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8866/file/small-d245066d1c2bcca371817f0925f79925.webp 600w, https://assets.fabulous.ch/public/variant_asset/8866/file/medium-f5adbe9a1697727f92d9418e93d1bfea.webp 900w, https://assets.fabulous.ch/public/variant_asset/8866/file/large-3e1c58630acb89d90cd8335ede6b80f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8866/file/medium-f5adbe9a1697727f92d9418e93d1bfea.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/biofarm-roggen-korner-schweiz-biosuisse-1-kg-17894">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Roggen Körner Schweiz BioSuisse, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jhXjzasc5AqAKyovV4QX73ZqgZYs242U9XL9DqElkgyYaQoMRGKcZvSHrte1oRVxYAGDPUWaFqPJd2lOcIV0LA" />
    <input value="17894" 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">
      980 von 3&#39;202 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/spa-vivent?format=turbo_stream&amp;page=50">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>