<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="/de/signup?return_to=%2Fde%2Fcategories%2Fbergland%3Fformat%3Dturbo_stream%26page%3D32">
    <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="/de/products/nuss-mix-deluxe-ungesalzen-30-g-22213">
          <img alt="Nuss-Mix Deluxe Ungesalzen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11702/file/small-93752a04b1e7a13fe61b1f11467b4221.webp 600w, https://assets.fabulous.ch/public/variant_asset/11702/file/medium-c1902b25fc0623341fa41de6289cc6a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/11702/file/large-25ce52958c4a34e7b0e2236fc76cdf6c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11702/file/medium-c1902b25fc0623341fa41de6289cc6a6.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">Stoli GmbH</p>
          <a href="/de/products/nuss-mix-deluxe-ungesalzen-30-g-22213">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nuss-Mix Deluxe Ungesalzen, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.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-22213-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22213&quot;],&quot;content_name&quot;:&quot;Nuss-Mix Deluxe Ungesalzen, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22213&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KVffMsfYEoRTdrZlj3Jk6oX6IXUc7AqO0ktigHyLie_FKCR6pTIeXulztTIl_UVLFaBW61rfssu2DuxJ69W7zQ" />
    <input value="22213" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbergland%3Fformat%3Dturbo_stream%26page%3D32">
    <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="/de/products/schoko-nusse-dunkel-28-g-22203">
          <img alt="Schoko-Nüsse dunkel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11692/file/small-13fb0d373822c7424a68d89d9748d6af.webp 600w, https://assets.fabulous.ch/public/variant_asset/11692/file/medium-6f44b6f42652915e0e26acc3679cbb82.webp 900w, https://assets.fabulous.ch/public/variant_asset/11692/file/large-ac76c1c734cab93e20c98481d3ae74cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11692/file/medium-6f44b6f42652915e0e26acc3679cbb82.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">Stoli GmbH</p>
          <a href="/de/products/schoko-nusse-dunkel-28-g-22203">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schoko-Nüsse dunkel, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22203&quot;],&quot;content_name&quot;:&quot;Schoko-Nüsse dunkel, 28 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22203&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NGGu0VsVJVAAydKSKn9gtWLZQCb5BLIYvkZJovX4GNPYHlWZOf8pirrM0cWA8EEU8oM3uL83Cl3aA8drYqYq8Q" />
    <input value="22203" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbergland%3Fformat%3Dturbo_stream%26page%3D32">
    <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="/de/products/cashewkerne-ungesalzen-30-g-22221">
          <img alt="Cashewkerne Ungesalzen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11710/file/small-f8f5bd178c8239c31f5ef5da18d88bf5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11710/file/medium-757953784ca889d49b927d0065dd8f9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/11710/file/large-fdff0d5b54e1f0be34f9941de0c5884d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11710/file/medium-757953784ca889d49b927d0065dd8f9e.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">Stoli GmbH</p>
          <a href="/de/products/cashewkerne-ungesalzen-30-g-22221">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashewkerne Ungesalzen, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.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-22221-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22221&quot;],&quot;content_name&quot;:&quot;Cashewkerne Ungesalzen, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22221&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qAWEEZ4zIE6P5WqxGXdeogYMIgb0BBN1P-byENUnp4lEen9Z_NkslDXgaeaz-H8DllZVmLI3qzBbo3zZQnmVqw" />
    <input value="22221" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbergland%3Fformat%3Dturbo_stream%26page%3D32">
    <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="/de/products/cashewkerne-mit-meersalz-30-g-22218">
          <img alt="Cashewkerne mit Meersalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11707/file/small-c43040bdd8143c471b34343b69a30ba5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11707/file/medium-d4bc1925c44eff3139584575fa77c775.webp 900w, https://assets.fabulous.ch/public/variant_asset/11707/file/large-0b01edd9c03e2f1c3c593a8814360267.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11707/file/medium-d4bc1925c44eff3139584575fa77c775.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">Stoli GmbH</p>
          <a href="/de/products/cashewkerne-mit-meersalz-30-g-22218">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashewkerne mit Meersalz, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.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-22218-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22218&quot;],&quot;content_name&quot;:&quot;Cashewkerne mit Meersalz, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22218&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="acmXDCSyamd2YNzJ8NMHA9wt3WnsQrhvJIJZoDUzYgOFtmxERlhmvcxl355aXCaiTHeq96pxACpAx9dpom1QIQ" />
    <input value="22218" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbergland%3Fformat%3Dturbo_stream%26page%3D32">
    <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="/de/products/mandeln-mit-meersalz-36-g-22232">
          <img alt="Mandeln mit Meersalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11724/file/small-aab2e96373f59ea7a4027ffe0a2225a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/11724/file/medium-d9fe88c2a4e777ba9df66012824affba.webp 900w, https://assets.fabulous.ch/public/variant_asset/11724/file/large-66eb61c92801e625e71605ea10470643.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11724/file/medium-d9fe88c2a4e777ba9df66012824affba.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">Stoli GmbH</p>
          <a href="/de/products/mandeln-mit-meersalz-36-g-22232">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandeln mit Meersalz, 36 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22232&quot;],&quot;content_name&quot;:&quot;Mandeln mit Meersalz, 36 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22232&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qlWwTs5GxkwPTIbCzBK-HfkCeku1bO9RmYmGUae-_29GKksGrKzKlrVJhZVmnZ-8aVgN1fNfVxT9zAiYMODNTQ" />
    <input value="22232" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbergland%3Fformat%3Dturbo_stream%26page%3D32">
    <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="/de/products/nussmischung-deluxe-mit-meersalz-30-g-22210">
          <img alt="Nussmischung Deluxe mit Meersalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11699/file/small-10fd8de57bd8d20e18967c3fa45a111f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11699/file/medium-f130dc4e3fb3a024ec30d940bc9e7d03.webp 900w, https://assets.fabulous.ch/public/variant_asset/11699/file/large-0dc2a02e18074488589ed841faf48ca1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11699/file/medium-f130dc4e3fb3a024ec30d940bc9e7d03.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">Stoli GmbH</p>
          <a href="/de/products/nussmischung-deluxe-mit-meersalz-30-g-22210">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nussmischung Deluxe mit Meersalz, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.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-22210-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22210&quot;],&quot;content_name&quot;:&quot;Nussmischung Deluxe mit Meersalz, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22210&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AmvJacyWnkVY-G7L3soqum1bSqY50aKIIrV4brNt18XuFDIhrnySn-L9bZx0RQsb_QE9OH_iGs1G8PanJDPl5w" />
    <input value="22210" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbergland%3Fformat%3Dturbo_stream%26page%3D32">
    <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="/de/products/mandeln-mit-meersalz-225-g-22230">
          <img alt="Mandeln mit Meersalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11721/file/small-b214d8504e52b0830c4c166f73bec86b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11721/file/medium-a8aee9bac19021b40b06c03960bbda33.webp 900w, https://assets.fabulous.ch/public/variant_asset/11721/file/large-763f445c0fa73e14dcda619540dbcf43.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11721/file/medium-a8aee9bac19021b40b06c03960bbda33.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">Stoli GmbH</p>
          <a href="/de/products/mandeln-mit-meersalz-225-g-22230">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandeln mit Meersalz, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22230&quot;],&quot;content_name&quot;:&quot;Mandeln mit Meersalz, 225 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22230&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1OYzPJRbjYmq5YbfQzsHA9_maogWhEz8nnxmESkbg3Y4mch09rGBUxDghYjptCaiT7wdFlC39Ln6OejYvkWxVA" />
    <input value="22230" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbergland%3Fformat%3Dturbo_stream%26page%3D32">
    <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="/de/products/cashewkerne-mit-meersalz-185-g-22216">
          <img alt="Cashewkerne mit Meersalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11705/file/small-aedfdd204ebaea1bbef74fe9cb7e839a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11705/file/medium-4d8b898379c2133a7fc1e357c65e7b03.webp 900w, https://assets.fabulous.ch/public/variant_asset/11705/file/large-f64d452f2b0264bf04b0c4f405ff2a79.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11705/file/medium-4d8b898379c2133a7fc1e357c65e7b03.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">Stoli GmbH</p>
          <a href="/de/products/cashewkerne-mit-meersalz-185-g-22216">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashewkerne mit Meersalz, 185 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22216&quot;],&quot;content_name&quot;:&quot;Cashewkerne mit Meersalz, 185 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22216&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CAYaOZsVSrxBbhr61XBmHm5OijTj-PxVvLPaQWuK917keeFx-f9GZvtrGa1__0e__hT9qqXLRBDY9lSI_NTFfA" />
    <input value="22216" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbergland%3Fformat%3Dturbo_stream%26page%3D32">
    <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="/de/products/cashewkerne-ungesalzen-185-g-22219">
          <img alt="Cashewkerne Ungesalzen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11708/file/small-3d2b0b6d5820596c23e2795fddbba573.webp 600w, https://assets.fabulous.ch/public/variant_asset/11708/file/medium-4e0da7676261580cbf5ea4d6847694f2.webp 900w, https://assets.fabulous.ch/public/variant_asset/11708/file/large-d96f77891a354d41513b7392413380ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11708/file/medium-4e0da7676261580cbf5ea4d6847694f2.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">Stoli GmbH</p>
          <a href="/de/products/cashewkerne-ungesalzen-185-g-22219">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashewkerne Ungesalzen, 185 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22219&quot;],&quot;content_name&quot;:&quot;Cashewkerne Ungesalzen, 185 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22219&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h8_qdLA_Q1Kt_PP3bQReQ9vyO0KEpD6sBhQw0HXGsMprsBE80tVPiBf58KDHi3_iS6hM3MKXhuliUb4Z4piC6A" />
    <input value="22219" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbergland%3Fformat%3Dturbo_stream%26page%3D32">
    <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="/de/products/haselnusse-ungesalzen-192-g-22228">
          <img alt="Haselnüsse Ungesalzen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11719/file/small-bed753241979ae3ee5da250e6bf8b218.webp 600w, https://assets.fabulous.ch/public/variant_asset/11719/file/medium-96b25c6257da859f7249a1260a050c7f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11719/file/large-4a46b9d3f977510d4a6b1bd3d493109a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11719/file/medium-96b25c6257da859f7249a1260a050c7f.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">Stoli GmbH</p>
          <a href="/de/products/haselnusse-ungesalzen-192-g-22228">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haselnüsse Ungesalzen, 192 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 4.11 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22228&quot;],&quot;content_name&quot;:&quot;Haselnüsse Ungesalzen, 192 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22228&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0yOJi7R1jmtkrdFgxSlF24iaGzrMzzTx3epFqs8Ldgc_XHLD1p-Csd6o0jdvpmR6GMBspIr8jLS5r8tjWFVEJQ" />
    <input value="22228" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbergland%3Fformat%3Dturbo_stream%26page%3D32">
    <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="/de/products/haselnusse-mit-meersalz-192-g-22226">
          <img alt="Haselnüsse mit Meersalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11717/file/small-e6d0a440cf7f722451222b269533e259.webp 600w, https://assets.fabulous.ch/public/variant_asset/11717/file/medium-8e811f297117c80118439bcc88bc234c.webp 900w, https://assets.fabulous.ch/public/variant_asset/11717/file/large-739ffa7c0b372f72391599b663d29f5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11717/file/medium-8e811f297117c80118439bcc88bc234c.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">Stoli GmbH</p>
          <a href="/de/products/haselnusse-mit-meersalz-192-g-22226">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haselnüsse mit Meersalz, 192 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 4.11 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22226&quot;],&quot;content_name&quot;:&quot;Haselnüsse mit Meersalz, 192 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22226&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6TZNEFSS6m-X9Dmm1ytVDv2JAwcHua71gjV2_Eg5T-EFSbZYNnjmtS3xOvF9pHSvbdN0mUGKFrDmcPg132d9ww" />
    <input value="22226" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbergland%3Fformat%3Dturbo_stream%26page%3D32">
    <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="/de/products/nuss-mix-deluxe-ungesalzen-175-g-22211">
          <img alt="Nuss-Mix Deluxe Ungesalzen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11700/file/small-b437c29cde4dbe9f29580ce7c64d0408.webp 600w, https://assets.fabulous.ch/public/variant_asset/11700/file/medium-a880d646cd9318558ba40a2d8fed6a8c.webp 900w, https://assets.fabulous.ch/public/variant_asset/11700/file/large-9e80e915c45322d2bd6bccfa8e569ceb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11700/file/medium-a880d646cd9318558ba40a2d8fed6a8c.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">Stoli GmbH</p>
          <a href="/de/products/nuss-mix-deluxe-ungesalzen-175-g-22211">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nuss-Mix Deluxe Ungesalzen, 175 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 4.51 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22211&quot;],&quot;content_name&quot;:&quot;Nuss-Mix Deluxe Ungesalzen, 175 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22211&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h0l9bLiMPe8xtBlkGu7JRQjQ12TRS4Y1TyOWgdKEpf9rNoYk2mYxNYuxGjOwYejkmIqg-pd4PnArZhhIRdqX3Q" />
    <input value="22211" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbergland%3Fformat%3Dturbo_stream%26page%3D32">
    <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="/de/products/nussmischung-deluxe-mit-meersalz-175-g-22208">
          <img alt="Nussmischung Deluxe mit Meersalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11697/file/small-a014bbc94d6be65299656efd621cc796.webp 600w, https://assets.fabulous.ch/public/variant_asset/11697/file/medium-2ae99b8b649aa2a56d454ebd8ea6122f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11697/file/large-de2e9d338e3df0ce35d26338b65afefa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11697/file/medium-2ae99b8b649aa2a56d454ebd8ea6122f.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">Stoli GmbH</p>
          <a href="/de/products/nussmischung-deluxe-mit-meersalz-175-g-22208">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nussmischung Deluxe mit Meersalz, 175 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 4.51 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22208&quot;],&quot;content_name&quot;:&quot;Nussmischung Deluxe mit Meersalz, 175 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22208&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uxCJZ194xy_ee51e24AaKNvAB8IXnvRxMQN7SUa1wihXb3IvPZLL9WR-nglxDzuJS5pwXFGtTDRVRvWA0evwCg" />
    <input value="22208" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbergland%3Fformat%3Dturbo_stream%26page%3D32">
    <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="/de/products/cashews-mit-paprika-185-g-22196">
          <img alt="Cashews mit Paprika" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11685/file/small-c16bd41f56acefc0ec56b658f3da5ecd.webp 600w, https://assets.fabulous.ch/public/variant_asset/11685/file/medium-329c5b4c05431151bd7e8459bfeb1242.webp 900w, https://assets.fabulous.ch/public/variant_asset/11685/file/large-681166a98bed90213935683a8af34028.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11685/file/medium-329c5b4c05431151bd7e8459bfeb1242.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">Stoli GmbH</p>
          <a href="/de/products/cashews-mit-paprika-185-g-22196">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashews mit Paprika, 185 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22196&quot;],&quot;content_name&quot;:&quot;Cashews mit Paprika, 185 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22196&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gDhcoOiTPuwcfZQ8mlzgzFvwEApXsEhh2MwwE08WHvdsR6foinkyNqZ4l2sw08Fty6pnlBGD8CS8ib7a2Egs1Q" />
    <input value="22196" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbergland%3Fformat%3Dturbo_stream%26page%3D32">
    <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="/de/products/cashews-mit-rosmarin-185-g-22198">
          <img alt="Cashews mit Rosmarin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11687/file/small-663b3fb8e8b5c6e1822ba6042d702b5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11687/file/medium-8f172fbd2509e46c34a74ac024ff9058.webp 900w, https://assets.fabulous.ch/public/variant_asset/11687/file/large-292677410617c7fa65cbfeb0cddb52ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11687/file/medium-8f172fbd2509e46c34a74ac024ff9058.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">Stoli GmbH</p>
          <a href="/de/products/cashews-mit-rosmarin-185-g-22198">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashews mit Rosmarin, 185 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22198&quot;],&quot;content_name&quot;:&quot;Cashews mit Rosmarin, 185 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22198&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oxraiDs-jfqX7W6iThincM3SaGCyxe1FY1ZrWotgwK1PZSHAWdSBIC3obfXkl4bRXYgf_vT2VQAHE-WTHD7yjw" />
    <input value="22198" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbergland%3Fformat%3Dturbo_stream%26page%3D32">
    <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="/de/products/pekannusse-mit-meersalz-149-g-22222">
          <img alt="Pekannüsse mit Meersalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11711/file/small-cd6d4c16161a62dd9d0595c3a9683147.webp 600w, https://assets.fabulous.ch/public/variant_asset/11711/file/medium-3ff8d12910d088fa103f1396d723b153.webp 900w, https://assets.fabulous.ch/public/variant_asset/11711/file/large-05ebe911e9c121b6e0ae1208c229548f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11711/file/medium-3ff8d12910d088fa103f1396d723b153.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">Stoli GmbH</p>
          <a href="/de/products/pekannusse-mit-meersalz-149-g-22222">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pekannüsse mit Meersalz, 149 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22222&quot;],&quot;content_name&quot;:&quot;Pekannüsse mit Meersalz, 149 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22222&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MxGzgcWkCX6QLdTu7vOcKcV7aLRYmRr_ccVipGnSOWffbkjJp04FpCoo17lEfL2IVSEfKh6qoroVgOxt_owLRQ" />
    <input value="22222" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbergland%3Fformat%3Dturbo_stream%26page%3D32">
    <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="/de/products/baumnusse-mit-ahornsirup-125-g-22200">
          <img alt="Baumnüsse mit Ahornsirup" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11689/file/small-c344c9f75cad35e98e980f0e420ae18b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11689/file/medium-ebe1a5209e92e852158c53b59d61774d.webp 900w, https://assets.fabulous.ch/public/variant_asset/11689/file/large-515a79b3e75a7b4eed650aca2947ac33.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11689/file/medium-ebe1a5209e92e852158c53b59d61774d.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">Stoli GmbH</p>
          <a href="/de/products/baumnusse-mit-ahornsirup-125-g-22200">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baumnüsse mit Ahornsirup, 125 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 6.32 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22200&quot;],&quot;content_name&quot;:&quot;Baumnüsse mit Ahornsirup, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22200&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Far1MHWiCGN5ct34XlHzLhxFJx0VDhzCbE7XtPa3P2T51Q54F0gEucN33q_03tKPjB9Qg1M9pIcIC1l9YekNRg" />
    <input value="22200" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbergland%3Fformat%3Dturbo_stream%26page%3D32">
    <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="/de/products/baumnusse-mit-meersalz-125-g-22214">
          <img alt="Baumnüsse mit Meersalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11703/file/small-4ae4007df2db68f9f6a767da3dadc464.webp 600w, https://assets.fabulous.ch/public/variant_asset/11703/file/medium-d51ff0ae2b5db2b25c51410e6010e787.webp 900w, https://assets.fabulous.ch/public/variant_asset/11703/file/large-2da4b36808f32dac4990229ab349e74a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11703/file/medium-d51ff0ae2b5db2b25c51410e6010e787.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">Stoli GmbH</p>
          <a href="/de/products/baumnusse-mit-meersalz-125-g-22214">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baumnüsse mit Meersalz, 125 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 5.52 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22214&quot;],&quot;content_name&quot;:&quot;Baumnüsse mit Meersalz, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22214&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tYUHUwcJc-AGW0Uo422SZl1ZViBfcr_WNMH2-o9v5FdZ-vwbZeN_OrxeRn9J4rPHzQMhvhlBB5NQhHgzGDHWdQ" />
    <input value="22214" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbergland%3Fformat%3Dturbo_stream%26page%3D32">
    <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="/de/products/vesta-glas-bio-40-g-19876">
          <img alt="Vesta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10515/file/small-5c7b77edfba088aeb23f52cc9be34cc7.webp 600w, https://assets.fabulous.ch/public/variant_asset/10515/file/medium-b9669976784b98df8f047f3c8ca6297f.webp 900w, https://assets.fabulous.ch/public/variant_asset/10515/file/large-fd318470aba72ef64ddb0c37c267f797.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10515/file/medium-b9669976784b98df8f047f3c8ca6297f.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">Chalira</p>
          <a href="/de/products/vesta-glas-bio-40-g-19876">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vesta Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19876&quot;],&quot;content_name&quot;:&quot;Vesta Bio, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19876&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="97rrUKesii-pjblw13FX5Pr1VbVgOfaHfkSD8_kjJsobxRAYxUaG9ROIuid9_nZFaq8iKyYKTsIaAQ06bn0U6A" />
    <input value="19876" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbergland%3Fformat%3Dturbo_stream%26page%3D32">
    <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="/de/products/gemstone-chakra-handcreme-50-ml-22274">
          <img alt="Gemstone Chakra Handcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11773/file/small-87fc39c0b631e6748d7d9a855f856f50.webp 600w, https://assets.fabulous.ch/public/variant_asset/11773/file/medium-d8b65482f27cbef53529ca927650b121.webp 900w, https://assets.fabulous.ch/public/variant_asset/11773/file/large-616500d721be560f454a9f056d253a80.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11773/file/medium-d8b65482f27cbef53529ca927650b121.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">SeelenLiebe</p>
          <a href="/de/products/gemstone-chakra-handcreme-50-ml-22274">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Chakra Handcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22274&quot;],&quot;content_name&quot;:&quot;Gemstone Chakra Handcreme, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22274&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:30.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="93SnFAlhQNY2bFsr1SRR02cwUF79SqLDCtwdQnuSUHwbC1xca4tMDIxpWHx_q3By92onwLt5GoZumZOL7MxiXg" />
    <input value="22274" 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">
      640 von 3&#39;720 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/bergland?format=turbo_stream&amp;page=33">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>