<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/vegane-alternative-zu-creme-fraiche-bio-180-g-8722">
          <img alt="Vegane Alternative zu Crème Fraîche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5061/file/small-4a7b7b62955303481ace66e273c5a981.webp 600w, https://assets.fabulous.ch/public/variant_asset/5061/file/medium-c01f1410dfcee9a10907e9513c0890c3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5061/file/large-2948162239c400340cb89adaaed22858.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5061/file/medium-c01f1410dfcee9a10907e9513c0890c3.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">New Roots</p>
          <a href="/de/products/vegane-alternative-zu-creme-fraiche-bio-180-g-8722">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Alternative zu Crème Fraîche Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 2.28 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QU4AMTcvyMbtxvP8NQYe7vAt6htW1AfvMZRl9RuDh1XyEevDvVOe62mR29MLC1hhECWRW5TinFimkYMe5rWKIg" />
    <input value="8722" 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/mehl-kichererbsenmehl-glutenfrei-bio-500-g-404">
          <img alt="Mehl Kichererbsenmehl glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/360/file/small-2be24f5ad1b93336b14dfa74602f1bc1.webp 600w, https://assets.fabulous.ch/public/variant_asset/360/file/medium-039996db40cc9a125870549693a63ccf.webp 900w, https://assets.fabulous.ch/public/variant_asset/360/file/large-9a8634854236a5e2ae357dbcb2acd9b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/360/file/medium-039996db40cc9a125870549693a63ccf.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/mehl-kichererbsenmehl-glutenfrei-bio-500-g-404">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Kichererbsenmehl glutenfrei Bio, 500 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 0.96 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="49NTlQR48GLvmBbx8UL3gJXxjjG4_XVAdtswuFimRRJQjLhnjgSmT2vPPt7PT7EPdfn1cXrL7vfh3tZTpZBIZQ" />
    <input value="404" 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/mehl-hafermehl-vollkorn-glutenfrei-demeter-350-g-5600">
          <img alt="Mehl Hafermehl Vollkorn glutenfrei Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3242/file/small-a4e126ba8920b80faee3149a7000435c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3242/file/medium-68010d187b7ae583fe5ffeeee206c74a.webp 900w, https://assets.fabulous.ch/public/variant_asset/3242/file/large-c7b59fb773cee2957654d5139d3eb94f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3242/file/medium-68010d187b7ae583fe5ffeeee206c74a.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/mehl-hafermehl-vollkorn-glutenfrei-demeter-350-g-5600">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Hafermehl Vollkorn glutenfrei Demeter, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H2Tdg_wcDJbFegzGp7YEOeDkJV6XgKPw0cTFn3tjjUysOzZxdmBau0EtJOmZu0K2AOxeHlW2OEdGwSN0hlWAOw" />
    <input value="5600" 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-dinkel-doppelkeks-choco-palmolfrei-bio-320-g-17183">
          <img alt="Biobis Dinkel Doppelkeks Choco 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/8010/file/small-97f4175dadb87691609754dd521b42ed.webp 600w, https://assets.fabulous.ch/public/variant_asset/8010/file/medium-71704e7abbcfd99e4f93bc4956ea317c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8010/file/large-ef339119a40176988a5880354cf1d42c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8010/file/medium-71704e7abbcfd99e4f93bc4956ea317c.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-choco-palmolfrei-bio-320-g-17183">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biobis Dinkel Doppelkeks Choco 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-17183-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vm9qGDVauzz2Zv-_bTVp__EjZn3YmS4hgf0th4sYBA0NMIHqvybtEXIx15BTOC9wESsdPRqvtZYW-Mtsdi4Jeg" />
    <input value="17183" 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/dattel-schoko-edelbitter-tafel-80-bio-85-g-15627">
          <img alt="Dattel Schoko Edelbitter Tafel 80% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7134/file/small-bc2027f111b91052cddff8f18dc42d9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7134/file/medium-788d193e1e4a45c3a3048295f29fd058.webp 900w, https://assets.fabulous.ch/public/variant_asset/7134/file/large-e0c9b9ab772617174db9bad0f9136a9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7134/file/medium-788d193e1e4a45c3a3048295f29fd058.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">MAKRi</p>
          <a href="/de/products/dattel-schoko-edelbitter-tafel-80-bio-85-g-15627">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattel Schoko Edelbitter Tafel 80% Bio, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MNirH8ocCy0hybVvRfOCwwwJAbAzdZJJ4hZzwdhgGmuDh0DtQGBdAKWenUB7_sRM7AF68PFDCf51E5UqJVYXHA" />
    <input value="15627" 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/mehl-weiss-weizenmehl-hell-550-demeter-1-kg-4596">
          <img alt="Mehl Weiss Weizenmehl hell 550 Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2815/file/small-b144eaa554a9e7b41dc23d126068d7b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2815/file/medium-b10aeeb0d1d50a7e68af45d1dbab9b56.webp 900w, https://assets.fabulous.ch/public/variant_asset/2815/file/large-e6eaa12d7d9614d0defb61d2d4dde08d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2815/file/medium-b10aeeb0d1d50a7e68af45d1dbab9b56.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/mehl-weiss-weizenmehl-hell-550-demeter-1-kg-4596">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Weiss Weizenmehl hell 550 Demeter, 1 kg</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 0.38 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HsyVspnykFncKL4kq3oV73PRbAESfBwOQno-VIrBkN-tk35AE47GdFh_lguVd1Ngk9kXQdBKh7nVf9i_d_edqA" />
    <input value="4596" 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/pralinis-lini-s-bites-salted-pistachio-bio-46-g-15860">
          <img alt="Pralinis Lini&#39;s Bites Salted Pistachio Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8750/file/small-3cfcf27ca8d4438f5898adce4991fcbe.webp 600w, https://assets.fabulous.ch/public/variant_asset/8750/file/medium-e20b8a7feb080c16d6dc8fcff5d591cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/8750/file/large-c5c813669f14e6316d208fb6470a030d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8750/file/medium-e20b8a7feb080c16d6dc8fcff5d591cd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lini&#39;s Bites</p>
          <a href="/de/products/pralinis-lini-s-bites-salted-pistachio-bio-46-g-15860">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinis Lini&#39;s Bites Salted Pistachio Bio, 46 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/riegel-lini-s-bites-coconut-mylk-chocolate-bio-40-g-16762">
          <img alt="Riegel Lini&#39;s Bites Coconut Mylk Chocolate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7775/file/small-4a129625acaeaf13cca3c47a96e358b3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7775/file/medium-b8413ae2460c1224964ac78fac8ab88c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7775/file/large-5fa4b02d9b64989047dc5ae7c5a677b6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7775/file/medium-b8413ae2460c1224964ac78fac8ab88c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lini&#39;s Bites</p>
          <a href="/de/products/riegel-lini-s-bites-coconut-mylk-chocolate-bio-40-g-16762">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Lini&#39;s Bites Coconut Mylk Chocolate Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n5XQHtSilwpgPbrnpmNKkOSQASWFQP9LZdzOKzIM3oEsyjvsXt7BJ-RqksiYbgwfBJh6ZUd2ZPzy2SjAzzrT9g" />
    <input value="16762" 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/burger-mischung-tomaten-basilikum-gf-bio-140-g-752">
          <img alt="Burger Mischung Tomaten-Basilikum GF Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/700/file/small-a79c71f95bc7486fe409d8769321d6d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/700/file/medium-138525a32c09694181f61a86e8e645fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/700/file/large-c5121fc3a86fbe181406d20fe0ec81e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/700/file/medium-138525a32c09694181f61a86e8e645fe.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/burger-mischung-tomaten-basilikum-gf-bio-140-g-752">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Burger Mischung Tomaten-Basilikum GF Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uvwNOg7CYjAwQ901Af0DNzLlAS3sAGalFWoAtMLi06sJo-bIhL40HbQU9Ro_8EW40u16bS42_RKCb-ZfP9Te3A" />
    <input value="752" 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/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="8l_OvME-8kMgU7Yh6CbruvzWQdoIGHIYKU-OG0LOmWlBACVOS0KkbqQEng7WK601HN46msou6a--Smjwv_iUHg" />
    <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 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/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="epeBoYQi0F5-HVjD6BEEej-WHLxbIiGtoZvbcBxwa-TJyGpTDl6Gc_pKcOzWHEL1355n_JkUuho2nj2b4UZmkw" />
    <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  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/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="53QJd6DliYf04y8_6SO59fzjtM-Jrr4U4bLbk9d0caZUK-KFKpnfqnC0BxDXLv96HOvPj0uYJaN2tz14KkJ80Q" />
    <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 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/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="4tWEduwKbVRcm-9_HylsSk5Ezuw1jbNRNdLoxyZ_MFRRim-EZnY7edjMx1AhJCrFrky1rPe7KOai1w4s20k9Iw" />
    <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  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/peanut-butter-crunchy-erdnussmus-bio-500-g-360">
          <img alt="Peanut Butter Crunchy Erdnussmus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/317/file/small-d6fc22d1307ec4aca55ad20af5cba06a.webp 600w, https://assets.fabulous.ch/public/variant_asset/317/file/medium-c590770c90eccc5127c53c5acf11028a.webp 900w, https://assets.fabulous.ch/public/variant_asset/317/file/large-7da724ce9ad0ea62ad33212fde9e19cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/317/file/medium-c590770c90eccc5127c53c5acf11028a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Terrasana</p>
          <a href="/de/products/peanut-butter-crunchy-erdnussmus-bio-500-g-360">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Butter Crunchy Erdnussmus Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hafer-flocken-glutenfrei-kleinblatt-bio-475-g-5047">
          <img alt="Hafer Flocken Glutenfrei Kleinblatt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2981/file/small-3dad3ac7ecde9a2cefde1a7ec55f0083.webp 600w, https://assets.fabulous.ch/public/variant_asset/2981/file/medium-88d66d69ebf69274fafdb7df8325c3ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/2981/file/large-ebe2aef4632cf83064404b8446bc86a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2981/file/medium-88d66d69ebf69274fafdb7df8325c3ab.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/de/products/hafer-flocken-glutenfrei-kleinblatt-bio-475-g-5047">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Flocken Glutenfrei Kleinblatt Bio, 475 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.01 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ykNqMStTMxomf8C3N-plGrZxSlw_GFN1fALwYsfWFmp5HIHDoS9lN6Io6JgJ5yOVVnkxHP0uyMLrBxaJOuAbHQ" />
    <input value="5047" 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/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="sjFwDwXcy30ubBcbS_KimKBYDnmDjLRmQXse0oqoF04Bbpv9j6CdUKo7PzR1_-QXQFB1OUG6L9HWfvg5d54aOQ" />
    <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 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/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="ZhunZMfQ1CtHRDhKu-xwRB_6hvvzixnCNvOmsI0dnbXVREyWTayCBsMTEGWF4TbL__L9uzG9gnWh9kBbcCuQwg" />
    <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  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/energieriegel-lifebar-inchoco-cacao-nibs-vanille-raw-bio-40-g-7266">
          <img alt="Energieriegel Lifebar inChoco Cacao Nibs Vanille Raw Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4116/file/small-78cd34c21a7479673866b8f8b9bf5101.webp 600w, https://assets.fabulous.ch/public/variant_asset/4116/file/medium-192c95e50acac8691caf26743c7df711.webp 900w, https://assets.fabulous.ch/public/variant_asset/4116/file/large-9494df5b47c3d5a22eaa4949b58bda0d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4116/file/medium-192c95e50acac8691caf26743c7df711.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">Lifefood</p>
          <a href="/de/products/energieriegel-lifebar-inchoco-cacao-nibs-vanille-raw-bio-40-g-7266">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Energieriegel Lifebar inChoco Cacao Nibs Vanille Raw Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aPOyT2CftA8Ce3bUnhzCqo2B0LYsAJHI_l2HoubKFJ7brFm96uPiIoYsXvugEYQlbYmr9u42Cn9pWGFJG_wZ6Q" />
    <input value="7266" 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="Dw5bZCB0aTMGGe0fU_2gfzSt5lZCJBaHkN-yUzDijD28UbCWqgg_HoJOxTBt8Obw1KWdFoASjTAH2lS4zdSBSg" />
    <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="OIAClZ8vfHVPGRhUjvbUWKFYGqKuz-6njHQxkA8KaCSL3-lnFVMqWMtOMHuw-5LXQVBh4mz5dRAbcdd78jxlUw" />
    <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>



</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">
      600 von 3&#39;202 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/eschenfelder?format=turbo_stream&amp;page=31">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>