<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%3D8">
    <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/maulbeeren-bio-150-g-19126">
          <img alt="Maulbeeren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10458/file/small-78c7a18ba6ecd0097ba33a25c12165ae.webp 600w, https://assets.fabulous.ch/public/variant_asset/10458/file/medium-99ad481d7c3ad59434efb536c4f64cfa.webp 900w, https://assets.fabulous.ch/public/variant_asset/10458/file/large-9d5725d7f6b71966a44ee7950f339957.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10458/file/medium-99ad481d7c3ad59434efb536c4f64cfa.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/maulbeeren-bio-150-g-19126">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Maulbeeren Bio, 150 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 4.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uSEWxI4WOe2zSRQ4opUZCFYpW2ezqt6uhrNDwevWAFIRqm2aU-zVO_eqOx4BhzavpPIJhYMNZBYxDYmCwEHBbg" />
    <input value="19126" 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%3D8">
    <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/mega-mix-fruchte-nusse-joghurt-300-g-19127">
          <img alt="Mega-Mix Früchte+Nüsse Joghurt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10507/file/small-4129a439b75f6381bcdd77fe0ae11b84.webp 600w, https://assets.fabulous.ch/public/variant_asset/10507/file/medium-dc640c771df84123db08c0cda7c81e43.webp 900w, https://assets.fabulous.ch/public/variant_asset/10507/file/large-6a914af0ca70d84a94c384825bfd8f89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10507/file/medium-dc640c771df84123db08c0cda7c81e43.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/mega-mix-fruchte-nusse-joghurt-300-g-19127">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mega-Mix Früchte+Nüsse Joghurt, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QB3Yhj5aMYc3em7MWVKVUhWL2PiB1eU6lgiyl78FMZnolqPY46DdUXOZQer6QLr151CKGrFyX4IhtnjUlJLwpQ" />
    <input value="19127" 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%3D8">
    <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/mischobst-200-g-19128">
          <img alt="Mischobst" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10505/file/small-982a1bde5cf77f53e4a41f525b4f4587.webp 600w, https://assets.fabulous.ch/public/variant_asset/10505/file/medium-86964b5770238a7a08995151fcf47966.webp 900w, https://assets.fabulous.ch/public/variant_asset/10505/file/large-868f6e0ca994f5a23b0834ec8cf26b08.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10505/file/medium-86964b5770238a7a08995151fcf47966.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/mischobst-200-g-19128">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mischobst, 200 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 3.45 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BzQj9b6k5Wl92NDzShZnFdjiT1vSWBpwxgyLfh_FNG2vv1irY14Jvzk7_9XpBEiyKjkdueL_oMhxskE9NFL1UQ" />
    <input value="19128" 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%3D8">
    <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/mischobst-450-g-19129">
          <img alt="Mischobst" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10532/file/small-c46a1a2e4a306739b94946da6031de2c.webp 600w, https://assets.fabulous.ch/public/variant_asset/10532/file/medium-6b09cb1d34888880df41a35c70f25e80.webp 900w, https://assets.fabulous.ch/public/variant_asset/10532/file/large-52c6d7f6cfe2891e49968d596220c691.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10532/file/medium-6b09cb1d34888880df41a35c70f25e80.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/mischobst-450-g-19129">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mischobst, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N5F-P8gsnQzG4ZkoPyZmppHUGCK-xYBKaZ9BlVDiRnOfGgVhFdZx2oICtg6cNEkBYw9KwI5iOvLeIYvWe3WHTw" />
    <input value="19129" 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%3D8">
    <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/mohnsamen-250-g-19130">
          <img alt="Mohnsamen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10501/file/small-9b2abbc26089287d877b4f1614bf4960.webp 600w, https://assets.fabulous.ch/public/variant_asset/10501/file/medium-24a362481554e0cf8e11a436c05cc7c0.webp 900w, https://assets.fabulous.ch/public/variant_asset/10501/file/large-f0419fb7ff60c3435d96a99a603011b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10501/file/medium-24a362481554e0cf8e11a436c05cc7c0.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/mohnsamen-250-g-19130">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mohnsamen, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MFOWO2zgiOau9ODDQUOCzX7-jed1gDvrc65Ncw8qp0yY2O1lsRpkMOoXz-XiUa1qjCXfBUUngVPEEIcwJL1mcA" />
    <input value="19130" 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%3D8">
    <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/nusskerne-halbe-bio-150-g-19131">
          <img alt="Nusskerne halbe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10477/file/small-bfc9456bf24f5988f40cd5b28b0ff63f.webp 600w, https://assets.fabulous.ch/public/variant_asset/10477/file/medium-a91c9fd2958c3d54b211221df284921e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10477/file/large-6e3a03e5cfa12628f4a5c7526ff05b14.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10477/file/medium-a91c9fd2958c3d54b211221df284921e.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/nusskerne-halbe-bio-150-g-19131">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nusskerne halbe Bio, 150 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 5.27 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oHNUxuVTo-Ms8UcLW2OixiADi7V3Kn33fQuDySoxBE8I-C-YOKlPNWgSaC34cY1h0tjZV0eNx0_KtUmKAabFcw" />
    <input value="19131" 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%3D8">
    <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/paranusskerne-bio-250-g-19134">
          <img alt="Paranusskerne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10478/file/small-122b3859cd75535960fd618eada34c76.webp 600w, https://assets.fabulous.ch/public/variant_asset/10478/file/medium-f3bcf593d67812c510a8fff0ea55c0b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/10478/file/large-47267bc8b6c3b790b8011de75cc8cb63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10478/file/medium-f3bcf593d67812c510a8fff0ea55c0b9.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/paranusskerne-bio-250-g-19134">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Paranusskerne Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aVkVOckvy4HCGVRw8qBh42yqH9bv59D7hIMzfvleK_3B0m5nFNUnV4b6e1ZRsk5EnnFNNN9AakMzPfk90snqwQ" />
    <input value="19134" 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%3D8">
    <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/pekan-nusskerne-150-g-19135">
          <img alt="Pekan-Nusskerne" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10502/file/small-aca3b799204db3ae7210e2b89430aaf6.webp 600w, https://assets.fabulous.ch/public/variant_asset/10502/file/medium-99a95c64c3f9343e429404aa45569d6f.webp 900w, https://assets.fabulous.ch/public/variant_asset/10502/file/large-b9bada2bf13a096d3c6036848508c6f5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10502/file/medium-99a95c64c3f9343e429404aa45569d6f.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/pekan-nusskerne-150-g-19135">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pekan-Nusskerne, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </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-19135-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p6DkXNtDe6ykaytRhK4pSQt2V5FZ0Ytc0jq6flpyggYPK58CBrmXeuCIBHcnvAbu-a0Fc2l2MeRlhHA9ceVDOg" />
    <input value="19135" 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%3D8">
    <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/pflaumen-ohne-stein-bio-225-g-19136">
          <img alt="Pflaumen ohne Stein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10459/file/small-69d0d154ad5e988e58957d24976b10b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/10459/file/medium-ca2f5040c46c8e06aab008031c1d91d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/10459/file/large-e2334136a4c86d8ea2ebc760acb73025.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10459/file/medium-ca2f5040c46c8e06aab008031c1d91d7.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/pflaumen-ohne-stein-bio-225-g-19136">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflaumen ohne Stein Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wtA5mv7BT-GCEmu4CMEkepwRi3hNwxskmRWK84XeHkJqW0LEIzujN8bxRJ6r0wvdbsrZmn1koZwuq0Cwrknffg" />
    <input value="19136" 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%3D8">
    <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/pflaumen-ohne-stein-bio-500-g-19137">
          <img alt="Pflaumen ohne Stein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10460/file/small-dfd0b7cca48208e5a98de0f210ec0b74.webp 600w, https://assets.fabulous.ch/public/variant_asset/10460/file/medium-930f075c11ef83413d6bddd218391d0e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10460/file/large-2247e36c6ccc7643a39511a6ed161d78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10460/file/medium-930f075c11ef83413d6bddd218391d0e.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/pflaumen-ohne-stein-bio-500-g-19137">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflaumen ohne Stein Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I8JAqWq4eANYZx3rvIyhrL7DtaNexsUzm_H9-hFB942LSTv3t0KU1RyEMs0fno4LTBjnQW5hf4ssTze5OtY2sQ" />
    <input value="19137" 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%3D8">
    <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/pinienkerne-weiss-bio-100-g-19138">
          <img alt="Pinienkerne weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10479/file/small-e5d89cb0823c1665f44de24f8a2a45a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/10479/file/medium-f6060b4d02467a44e3f95e863408827e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10479/file/large-a2c6389f41e31727637538684edd6c30.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10479/file/medium-f6060b4d02467a44e3f95e863408827e.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/pinienkerne-weiss-bio-100-g-19138">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pinienkerne weiss Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OEa5wh4haAk2ZY4YOeE1pcZFUa2T61CIdF42iRmMsCWQzcKcw9uE33KGoT6a8xoCNJ4DT6NM6jDD4PzKMhtxGQ" />
    <input value="19138" 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%3D8">
    <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/pistazien-ganz-gerostet-u-gesalzen-175-g-19139">
          <img alt="Pistazien ganz geröstet u. gesalzen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10504/file/small-f779b803bfdb9edd7b99cf0d4a7012c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/10504/file/medium-b1f07f5a890e5bacc4f98a4db429b209.webp 900w, https://assets.fabulous.ch/public/variant_asset/10504/file/large-2fbbee9efb2acefe2ae4b54d331c8729.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10504/file/medium-b1f07f5a890e5bacc4f98a4db429b209.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/pistazien-ganz-gerostet-u-gesalzen-175-g-19139">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pistazien ganz geröstet u. gesalzen, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tlwh_nooW4U-D3saz2DkHpuLIV94bXoCdCVNJxFOCqwe11qgp9K3U3rsVDxscsu5aVBzvUjKwLrDm4dkOtnLkA" />
    <input value="19139" 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%3D8">
    <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/salatbouquet-bio-250-g-19141">
          <img alt="Salatbouquet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10486/file/small-f572c0ca9f72dcb15a4e63d1b9480566.webp 600w, https://assets.fabulous.ch/public/variant_asset/10486/file/medium-c5ed2825f23e8d48a3778f598536f73f.webp 900w, https://assets.fabulous.ch/public/variant_asset/10486/file/large-726df43c38d1d8b038c91534acf5c51d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10486/file/medium-c5ed2825f23e8d48a3778f598536f73f.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/salatbouquet-bio-250-g-19141">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salatbouquet Bio, 250 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 2.76 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J7b4plqygOzQawYM_GoEuQX3ltOy75L58NQxNBICThuPPYP4h0hsOpSIKSpfeCse9yzEMYJIKEFHavt3OZWPJw" />
    <input value="19141" 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%3D8">
    <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/sesam-ungeschalt-bio-250-g-19142">
          <img alt="Sesam ungeschält Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10480/file/small-b8f4587d31c7ff65f109725477aeb8cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/10480/file/medium-a8cc08c582be91e55c0d31f49ad648de.webp 900w, https://assets.fabulous.ch/public/variant_asset/10480/file/large-ebd1800c06b2cb5a488e01c66af70171.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10480/file/medium-a8cc08c582be91e55c0d31f49ad648de.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/sesam-ungeschalt-bio-250-g-19142">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sesam ungeschält Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2EsSYA_2uNVMW4VVEDzgh68anXG6SgDRRpZGKCKR51hwwGk-0gxUAwi4qnOzLs8gXcHPk4rtumnxKIxrCQYmZA" />
    <input value="19142" 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%3D8">
    <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/sonnenblumenkerne-geschalt-bio-500-g-19143">
          <img alt="Sonnenblumenkerne geschält Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10481/file/small-95e33105f02c5ddbb3018b07b9dd435a.webp 600w, https://assets.fabulous.ch/public/variant_asset/10481/file/medium-40de5cc91bbeff517ec30b44f2ae1250.webp 900w, https://assets.fabulous.ch/public/variant_asset/10481/file/large-18f8ded5de8588655963ab8fc4908778.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10481/file/medium-40de5cc91bbeff517ec30b44f2ae1250.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/sonnenblumenkerne-geschalt-bio-500-g-19143">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnenblumenkerne geschält Bio, 500 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 1.24 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M2VBviehsJ7i2W4S-2QzFdhL97C8XURWzzBwIEkFMfmb7jrg-ltcSKY6QTRYdhyyKpClUoz6_u54jrpjYpLwxQ" />
    <input value="19143" 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%3D8">
    <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 action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q7PeplYOwBYef3WN0au3hvZ-dCon5ayUBWfWjqDj2hoDOKX4i_QswFqcWqtyuZghBKUmyBdCFiyy2RzNi3QbJg" />
    <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 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%3D8">
    <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-500-g-c93247c6-791a-48fa-876e-d21e72e28bda-19145">
          <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/10463/file/small-09024f5eb264520d9f007e48c7ad295f.webp 600w, https://assets.fabulous.ch/public/variant_asset/10463/file/medium-57ac35cfca8e8e5fc03b086ea043d78b.webp 900w, https://assets.fabulous.ch/public/variant_asset/10463/file/large-d462f908716246867361ba09e4cc5e30.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10463/file/medium-57ac35cfca8e8e5fc03b086ea043d78b.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-500-g-c93247c6-791a-48fa-876e-d21e72e28bda-19145">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sultaninen Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dc-6hD03krd61ry4YprHx7zecQESocZnP_W1QJjhasndRMHa4M1-YT41k57BiOhgTgUj4yIGfN-IS38Ds3ar9Q" />
    <input value="19145" 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%3D8">
    <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-flames-250-g-19146">
          <img alt="Sultaninen Flames" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10496/file/small-da43377416f80236bc56399b92eaf602.webp 600w, https://assets.fabulous.ch/public/variant_asset/10496/file/medium-788a54c479c61de8a0b6db13ac30125d.webp 900w, https://assets.fabulous.ch/public/variant_asset/10496/file/large-446e11adaa7a70e9dc4917e9729c0a7b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10496/file/medium-788a54c479c61de8a0b6db13ac30125d.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-flames-250-g-19146">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sultaninen Flames, 250 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 1.56 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KTHqRJzSCmpVQz0GGH9c1nOqfUu0AqGoRQjZ75H7-QSBupEaQSjmvBGgEiC7bXNxgXEvqYSlGxDythOsumw4OA" />
    <input value="19146" 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%3D8">
    <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/superfood-mix-bio-175-g-19147">
          <img alt="Superfood-Mix Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10483/file/small-224d48d83a738e7010baa4ded67a318e.webp 600w, https://assets.fabulous.ch/public/variant_asset/10483/file/medium-b618960dfdb40a07dc42aceede0601eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/10483/file/large-37f8783c8e89cc9fb3a1d41a334f8fa0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10483/file/medium-b618960dfdb40a07dc42aceede0601eb.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/superfood-mix-bio-175-g-19147">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Superfood-Mix Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yGsrH26oq-w7yYhmMT44SFDKJJn1SdYHp3m6TjyyCB1g4FBBs1JHOn8qp0CSLBfvohF2e8XubL8Qx3ANFyXJIQ" />
    <input value="19147" 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%3D8">
    <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/superfood-mix-berries-nuts-bio-175-g-19148">
          <img alt="Superfood-Mix Berries &amp; Nuts Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10485/file/small-52c41b4e3bcb6421fa6cb42143c9641b.webp 600w, https://assets.fabulous.ch/public/variant_asset/10485/file/medium-e6e7a58c8fa5c6cdf70a321cf608ab30.webp 900w, https://assets.fabulous.ch/public/variant_asset/10485/file/large-d6adfe4656a815b5d9a6d4a46d888b85.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10485/file/medium-e6e7a58c8fa5c6cdf70a321cf608ab30.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/superfood-mix-berries-nuts-bio-175-g-19148">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Superfood-Mix Berries &amp; Nuts Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KeXWaR4UizX6vkcFr771c85JdRqTZDEN3UTesubXMK-Bbq03w-5n475daCMMrNrUPJIn-KPDi7Vq-hTxzUDxkw" />
    <input value="19148" 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">
      160 von 199 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel/salziges-snacks?format=turbo_stream&amp;page=9">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>