<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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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="/products/nonchalant-gemusebouillon-200-ml-22015">
          <img alt="Nonchalant Gemüsebouillon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11617/file/small-1a09d820d5face6da031baaa0fe2a8d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11617/file/medium-01e3962fd2eed55b3a06137e83284d9d.webp 900w, https://assets.fabulous.ch/public/variant_asset/11617/file/large-74b1bf96f5e9ce5a590c1af6fc3c3104.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11617/file/medium-01e3962fd2eed55b3a06137e83284d9d.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">Nonchalant Rocks</p>
          <a href="/products/nonchalant-gemusebouillon-200-ml-22015">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nonchalant Gemüsebouillon, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22015&quot;],&quot;content_name&quot;:&quot;Nonchalant Gemüsebouillon, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22015&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nvl4mvUYAXA0hc68Ykvt5EkxTNjGFI5E2ag8GVBe4HKbYGMKahecIS2IOApJQK0FsSUgxKGax9JxR8v5_q7LCA" />
    <input value="22015" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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="/products/nonchalant-gemusebouillon-750-ml-22016">
          <img alt="Nonchalant Gemüsebouillon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11619/file/small-b6864955728979edbb9ef4a8639b2b26.webp 600w, https://assets.fabulous.ch/public/variant_asset/11619/file/medium-4296d0954e1f684bf1c35aa4fe702363.webp 900w, https://assets.fabulous.ch/public/variant_asset/11619/file/large-b18d8a6f600a8976eb2d5eb1d4c6bb65.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11619/file/medium-4296d0954e1f684bf1c35aa4fe702363.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">Nonchalant Rocks</p>
          <a href="/products/nonchalant-gemusebouillon-750-ml-22016">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nonchalant Gemüsebouillon, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.50
            </p>

          </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-22016-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22016&quot;],&quot;content_name&quot;:&quot;Nonchalant Gemüsebouillon, 750 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22016&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:39.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZSjM0EFkiXt8XJZqqXhHSjV3iXmblRpK0MVR3JPHv0FgsddA3msUKmVRYNyCcwerzWPlZfwbU9x4KqY8PTeUOw" />
    <input value="22016" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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="/products/riegel-mit-buchweizen-mango-bio-35-g-21949">
          <img alt="Riegel mit Buchweizen &amp; Mango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11562/file/small-834d529beecf26128f771ed3e39c6711.webp 600w, https://assets.fabulous.ch/public/variant_asset/11562/file/medium-31b8a010b99140b5da25ec70faae1f8b.webp 900w, https://assets.fabulous.ch/public/variant_asset/11562/file/large-0cf386c8abeb6f52cad11564eaccd460.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11562/file/medium-31b8a010b99140b5da25ec70faae1f8b.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">NaturKraftWerke</p>
          <a href="/products/riegel-mit-buchweizen-mango-bio-35-g-21949">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Riegel mit Buchweizen &amp; Mango Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21949&quot;],&quot;content_name&quot;:&quot;Riegel mit Buchweizen \u0026 Mango Bio, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21949&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PULKjT0ZtEOYRsoldILYVolYTjG1TFGHh2qjmjBYLdU429EdohYpEoFLPJNfiZi3cUwiLdLCGBEvhVR6nqgGrw" />
    <input value="21949" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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="/products/riegel-mit-buchweizen-kirsche-bio-35-g-21952">
          <img alt="Riegel mit Buchweizen &amp; Kirsche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11565/file/small-39fe393e21d59a5ce773f974f48e6073.webp 600w, https://assets.fabulous.ch/public/variant_asset/11565/file/medium-520969e9b2bd1f29a07b69ee91017516.webp 900w, https://assets.fabulous.ch/public/variant_asset/11565/file/large-a0ac0fc2af5907d8d482eef307d7f841.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11565/file/medium-520969e9b2bd1f29a07b69ee91017516.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">NaturKraftWerke</p>
          <a href="/products/riegel-mit-buchweizen-kirsche-bio-35-g-21952">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Riegel mit Buchweizen &amp; Kirsche Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21952&quot;],&quot;content_name&quot;:&quot;Riegel mit Buchweizen \u0026 Kirsche Bio, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21952&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GZoZANI8EYbU1YeA9iBnaDHaK73lQ6Q2aiL2BWavzqYcAwKQTTOM183YcTbdKyeJyc5HoYLN7aDCzQHlyF_l3A" />
    <input value="21952" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/flohsamen-bio-90-g-18915">
          <img alt="Flohsamen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9480/file/small-8f774a381cf26b7866bc701be8fea002.webp 600w, https://assets.fabulous.ch/public/variant_asset/9480/file/medium-5fd707fef978967a689725eeaa674d39.webp 900w, https://assets.fabulous.ch/public/variant_asset/9480/file/large-32ced23ca1cc78fb3228adbc0fb2232c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9480/file/medium-5fd707fef978967a689725eeaa674d39.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="/products/flohsamen-bio-90-g-18915">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flohsamen Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18915&quot;],&quot;content_name&quot;:&quot;Flohsamen Bio, 90 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18915&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9-7khT4aHtRKVaDcw74ot6TTdjH209-B9JtNP5Wtg43yd_8VoRWDhVNYVmrotWhWXMcaLZFdlhdcdLrfO12o9w" />
    <input value="18915" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bio-snacky-kresse-200-g-18800">
          <img alt="Bio-Snacky Kresse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10872/file/small-45d1745787a42ce8833add24dd3c3014.webp 600w, https://assets.fabulous.ch/public/variant_asset/10872/file/medium-222b04803e5f7d6c339ad09b50fda305.webp 900w, https://assets.fabulous.ch/public/variant_asset/10872/file/large-91e8762a9ce3bf428fddd44a67cbcf07.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10872/file/medium-222b04803e5f7d6c339ad09b50fda305.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="/products/bio-snacky-kresse-200-g-18800">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bio-Snacky Kresse, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18800&quot;],&quot;content_name&quot;:&quot;Bio-Snacky Kresse, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18800&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h_VaxO29z5kWHwLbGj7XdVWNkne23nwFY-7c_NmUC8mCbEFUcrJSyA8S9G0xNZeUrZn-a9FQNZPLASscd2Qgsw" />
    <input value="18800" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bio-snacky-broccoli-bio-30-g-18798">
          <img alt="Bio-Snacky Broccoli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9279/file/small-6527640278f261ffc9ccf7a37b0b287b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9279/file/medium-d5f48134ea66e3ecde29a1badc057341.webp 900w, https://assets.fabulous.ch/public/variant_asset/9279/file/large-24c4d42838d006f01f295ccb6719b81b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9279/file/medium-d5f48134ea66e3ecde29a1badc057341.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="/products/bio-snacky-broccoli-bio-30-g-18798">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bio-Snacky Broccoli Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18798&quot;],&quot;content_name&quot;:&quot;Bio-Snacky Broccoli Bio, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18798&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="exT8S_B2XP_CAuRC5TwV1mdK-xVZrTJQb6-LAEQbS3l-jefbb3nBrtsPEvTON1U3n16XCT4je8bHQHzg6utgAw" />
    <input value="18798" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/wandermischung-225-g-19847">
          <img alt="Wandermischung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10415/file/small-7ab3c30b5a5feb20f0b9bcbe373b43e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/10415/file/medium-974fedc777a9570e591466cb190e0272.webp 900w, https://assets.fabulous.ch/public/variant_asset/10415/file/large-e8a63b01e27c70a4a273163dd4b8206d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10415/file/medium-974fedc777a9570e591466cb190e0272.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">Sun Snack</p>
          <a href="/products/wandermischung-225-g-19847">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wandermischung, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19847&quot;],&quot;content_name&quot;:&quot;Wandermischung, 225 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19847&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gUzwzlHtY8peImiM13pfz-VS-LWB9bgbHOqusv6HzcWE1etezuL-m0cvnjr8cR8uHUaUqeZ78Y20BVlSUHfmvw" />
    <input value="19847" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sultaninen-bio-250-g-19144">
          <img alt="Sultaninen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10462/file/small-484fb5c4275050513b46dda6e3591eeb.webp 600w, https://assets.fabulous.ch/public/variant_asset/10462/file/medium-44a0a57c4ac33e3cdd4cc799acd39727.webp 900w, https://assets.fabulous.ch/public/variant_asset/10462/file/large-ee3111f8a95d0c1613da097aaa535991.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10462/file/medium-44a0a57c4ac33e3cdd4cc799acd39727.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">Sun Snack</p>
          <a href="/products/sultaninen-bio-250-g-19144">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sultaninen Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19144&quot;],&quot;content_name&quot;:&quot;Sultaninen Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19144&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Mw5wl6dsAED0IVtYtLlQkgcNcj-8MvCQUiJcoNSGc8I2l2sHOGOdEe0sre6fshBz_xkeI9u8uQb6zatAenZYuA" />
    <input value="19144" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/ingwer-stangeli-bio-200-g-19111">
          <img alt="Ingwer-Stängeli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10453/file/small-17bf63dc6cac16ce8a4d8f29876585a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/10453/file/medium-df809f91faad6805a550d6d4bae5f0fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/10453/file/large-8e6c14e542e7d4c32fd70627399a9fd5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10453/file/medium-df809f91faad6805a550d6d4bae5f0fc.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">Sun Snack</p>
          <a href="/products/ingwer-stangeli-bio-200-g-19111">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ingwer-Stängeli Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19111&quot;],&quot;content_name&quot;:&quot;Ingwer-Stängeli Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19111&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8zYZtHzNcHlscZckXUPJv7KUScy2b7ldg2rhwhKp24D2rwIk48LtKHV8YZJ2SIleSoAl0NHh8MsrhRYivFnw-g" />
    <input value="19111" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/datteln-medjool-bio-250-g-19101">
          <img alt="Datteln Medjool Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10448/file/small-5949bd265072d233ea277beea54049e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/10448/file/medium-6998d5a65c15d889388d2395491b6930.webp 900w, https://assets.fabulous.ch/public/variant_asset/10448/file/large-dfe14ee80b7ff9b55dcc5acabc13fe5c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10448/file/medium-6998d5a65c15d889388d2395491b6930.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">Sun Snack</p>
          <a href="/products/datteln-medjool-bio-250-g-19101">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Datteln Medjool Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19101&quot;],&quot;content_name&quot;:&quot;Datteln Medjool Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19101&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BIgUqa_BbgYsyqtTUTzsck9Mj0gmIxX8SA-hJEsVwioBEQ85MM7zVzXHXeV6N6yTt1jjVEGtXGrg4FbE5eXpUA" />
    <input value="19101" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/feigen-protoben-bio-250-g-19104">
          <img alt="Feigen Protoben Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10452/file/small-42e171eccfd0e6ca88fc49e5ddda4469.webp 600w, https://assets.fabulous.ch/public/variant_asset/10452/file/medium-ce3fc20500d62f410b8f078f783f65d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/10452/file/large-72bb62ae98c7c9a8f0e7c3760ffb7ab2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10452/file/medium-ce3fc20500d62f410b8f078f783f65d6.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">Sun Snack</p>
          <a href="/products/feigen-protoben-bio-250-g-19104">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Feigen Protoben Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19104&quot;],&quot;content_name&quot;:&quot;Feigen Protoben Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19104&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zep5qK4nc2aKkX3BEeilkQEIEUHNGUNfrdOP1vGF7NNgc2I4MSjuN5Oci3c64-Vw-Rx9XaqXCskFPHg2X3XHqQ" />
    <input value="19104" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/apfelchips-bio-65-g-19082">
          <img alt="Apfelchips Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10439/file/small-980cc9ed3a92c0c17063603dea95a770.webp 600w, https://assets.fabulous.ch/public/variant_asset/10439/file/medium-890a9ecc38246405b065a0f7c9729668.webp 900w, https://assets.fabulous.ch/public/variant_asset/10439/file/large-07d7c01bf435ed1f557257b14dd77203.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10439/file/medium-890a9ecc38246405b065a0f7c9729668.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">Sun Snack</p>
          <a href="/products/apfelchips-bio-65-g-19082">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apfelchips Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19082&quot;],&quot;content_name&quot;:&quot;Apfelchips Bio, 65 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19082&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yTmVdhPuUbDMwqeeEaAPYbK-16CljoofaYPJQzW4q_7MoI7mjOHM4dXPUSg6q0-ASqq7vMIAw4nBbD6jm0iAhA" />
    <input value="19082" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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="/products/riegel-mit-buchweizen-erdnuss-bio-35-g-21950">
          <img alt="Riegel mit Buchweizen &amp; Erdnuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11563/file/small-35307ad3ffa848805fe7d6d5b75ab1c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/11563/file/medium-360107e54aed8c59ccf3f7e86a3287ff.webp 900w, https://assets.fabulous.ch/public/variant_asset/11563/file/large-378b379d7a87707a54c6f9810f634e59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11563/file/medium-360107e54aed8c59ccf3f7e86a3287ff.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">NaturKraftWerke</p>
          <a href="/products/riegel-mit-buchweizen-erdnuss-bio-35-g-21950">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Riegel mit Buchweizen &amp; Erdnuss Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21950&quot;],&quot;content_name&quot;:&quot;Riegel mit Buchweizen \u0026 Erdnuss Bio, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21950&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oFjq_6wwoIyr9MMEONeQNb4MwgKuUr45npjIWfQfsy2lwfFvMz893bL5NbIT3NDURhiuHsnc9682dz-5Wu-YVw" />
    <input value="21950" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/crusty-3-korn-3-saaten-bio-200-g-20017">
          <img alt="Crusty 3 Korn - 3 Saaten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10713/file/small-875b1ff46a6992382f02766bcd381c00.webp 600w, https://assets.fabulous.ch/public/variant_asset/10713/file/medium-509a7399a826e41679de167f38a31d12.webp 900w, https://assets.fabulous.ch/public/variant_asset/10713/file/large-ec33d18d0031d70f2de2220bfcd12b54.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10713/file/medium-509a7399a826e41679de167f38a31d12.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="/products/crusty-3-korn-3-saaten-bio-200-g-20017">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crusty 3 Korn - 3 Saaten Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20017&quot;],&quot;content_name&quot;:&quot;Crusty 3 Korn - 3 Saaten Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20017&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xm4AusybvDk2uT8swo0YmY82-stiInp-fmjUzMGci0nD9xsqU5QhaC-0yZrphlh4dyKW1wWsM-jWhyMsb2ygMw" />
    <input value="20017" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/leinsamen-ch-bioknospe-200-g-19657">
          <img alt="Leinsamen CH BioKnospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10899/file/small-f80562a1304c685942bdf6354c61b53a.webp 600w, https://assets.fabulous.ch/public/variant_asset/10899/file/medium-ce59dc891965f801bcfec754901171c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/10899/file/large-54e3b59633d9f82fdbca31a9e2967c12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10899/file/medium-ce59dc891965f801bcfec754901171c6.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="/products/leinsamen-ch-bioknospe-200-g-19657">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Leinsamen CH BioKnospe, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19657&quot;],&quot;content_name&quot;:&quot;Leinsamen CH BioKnospe, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19657&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TZnw8rZbqRHQdLUgOhb8-VkQFdWbBKCKAi93yLVL99lIAOtiKVQ0QMl5Q5YRHbwYoQR5yfyK6RyqwIAoG7vcow" />
    <input value="19657" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/kartoffel-chips-papika-bio-125-g-16262">
          <img alt="Kartoffel Chips Papika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7493/file/small-72dbf77367d13aff5156561428ac3adb.webp 600w, https://assets.fabulous.ch/public/variant_asset/7493/file/medium-d40e67876df505a1017b230a045df952.webp 900w, https://assets.fabulous.ch/public/variant_asset/7493/file/large-917804c3957c97361045e278b1a2957f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7493/file/medium-d40e67876df505a1017b230a045df952.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">Heimatgut</p>
          <a href="/products/kartoffel-chips-papika-bio-125-g-16262">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kartoffel Chips Papika Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16262&quot;],&quot;content_name&quot;:&quot;Kartoffel Chips Papika Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16262&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tR5fttCyqnCaggirTeAWcyxIGR_MeDBfUP4KMtk-jYewh0QmT703IYOP_h1m61aS1Fx1A6v2ecn4Ef3Sd86m_Q" />
    <input value="16262" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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="/products/riegel-mit-buchweizen-ananas-bio-35-g-21947">
          <img alt="Riegel mit Buchweizen &amp; Ananas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11560/file/small-a89245992d4e01cab103ce48f71c7a83.webp 600w, https://assets.fabulous.ch/public/variant_asset/11560/file/medium-12fa860f705fc7e495ed9eb5c3b60549.webp 900w, https://assets.fabulous.ch/public/variant_asset/11560/file/large-915ff9e5b39029db4d90e5d8c51d98b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11560/file/medium-12fa860f705fc7e495ed9eb5c3b60549.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">NaturKraftWerke</p>
          <a href="/products/riegel-mit-buchweizen-ananas-bio-35-g-21947">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Riegel mit Buchweizen &amp; Ananas Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21947&quot;],&quot;content_name&quot;:&quot;Riegel mit Buchweizen \u0026 Ananas Bio, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21947&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-EiZS1VI_2yuniiTLkOt4e8f45ZI_0UKOneCsVZspSv90YLbykdiPbeT3iUFSO0AFwuPii9xDJySmHVR-JyOUQ" />
    <input value="21947" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/knabber-mix-original-bio-50-g-18601">
          <img alt="Knabber Mix Original Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10922/file/small-759b9c66a776124e527f29c5493af1ae.webp 600w, https://assets.fabulous.ch/public/variant_asset/10922/file/medium-bd7dd9939b4e02d54c56e07d38f8d034.webp 900w, https://assets.fabulous.ch/public/variant_asset/10922/file/large-9e2fdcdfe5268cbb5572d7b7ee280c50.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10922/file/medium-bd7dd9939b4e02d54c56e07d38f8d034.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">Landgarten</p>
          <a href="/products/knabber-mix-original-bio-50-g-18601">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Knabber Mix Original Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18601&quot;],&quot;content_name&quot;:&quot;Knabber Mix Original Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18601&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7mFpjIbTOt-TItp-_2X8UCvD0igyDQ9-IGPhnft6RWnr-HIcGdynjoovLMjUbryx09e-NFWDRuiIjBZ9VYpuEw" />
    <input value="18601" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fsalziges-snacks%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/organic-genmai-brown-rice-black-sesame-cracker-bio-60-g-18731">
          <img alt="Genmai Reiscräcker mit Schwarzem Sesam Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11386/file/small-ad07d9e47ace1a1e69c069da2a9c0d03.webp 600w, https://assets.fabulous.ch/public/variant_asset/11386/file/medium-f2d166a295815c609142f0a5c605e464.webp 900w, https://assets.fabulous.ch/public/variant_asset/11386/file/large-9b00666ea24e0e22fe391b2601060a39.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11386/file/medium-f2d166a295815c609142f0a5c605e464.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">Muso</p>
          <a href="/products/organic-genmai-brown-rice-black-sesame-cracker-bio-60-g-18731">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Genmai Reiscräcker mit Schwarzem Sesam Bio, 60 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 7.33 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18731&quot;],&quot;content_name&quot;:&quot;Genmai Reiscräcker mit Schwarzem Sesam Bio, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18731&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pBlc8PcgOWmCg3ktuOMWhwK9YD4YKgheSyZDRgTVIUOhgEdgaC-kOJuOj5uT6FZm-qkMIn-kQcjjybSmqiUKOQ" />
    <input value="18731" 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">
      140 von 279 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel/salziges-snacks?format=turbo_stream&amp;page=8">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>