<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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D25">
    <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="9g_o7NlQvde5dcpfmz5MJW8upO20KcdnjEQmmm36mMFLGGvN5C8guh-SnDGt6d08z7cd8pbZxnhDEWy1HJMm_g" />
    <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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D25">
    <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="yxqC26jZcsTgERisoRlv2bBRIZBhwUtcxP_BNr11GBx2DQH6labvqUb2TsKXzv7AEMiYj0MxSkMLqosZzBymIw" />
    <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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D25">
    <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="vFq-CYyISkSs7GgqajR-ZN5adZldeOdoF3zrbuaTiuwBTT0osffXKQoLPkRc4-99fsPMhn-I5nfYKaFBl_o00w" />
    <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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D25">
    <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="x5pzyXeTxp5DA0g5sNjfcUCb0xrHy_NM2LI2P05uiMt6jfDoSuxb8-XkHleGD05o4AJqBeU78lMX53wQPwc29A" />
    <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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D25">
    <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="qJwnsT9qOKFOuDupww0pJ7MiYGvWzgYWxNnxiIL4R2MVi6SQAhWlzOhfbcf12rg-E7vZdPQ-BwkLjLun85H5XA" />
    <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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D25">
    <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="SI-JxjYSoy-1dGEnTWvJHIIm-9dRukIIPNP-4rOkg9_1mArnC20-QhOTN0l7vFgFIr9CyHNKQxfzhrTNws094A" />
    <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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D25">
    <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="u0Gk4FIMI7W6SrldaZBnnsmWXO_14t3GJaUZGtf_gbcGVifBb3O-2Byt7zNfR_aHaQ_l8NcS3Nnq8FM1ppY_iA" />
    <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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D25">
    <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="aZWm0jH90VnSy2lqmIkgAURV608t_OzRn8bfkCAviUXUgiXzDIJMNHQsPwSuXrEY5MxSUA8M7c5Qk5W_UUY3eg" />
    <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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D25">
    <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="vx7ZieRVA3xsE2_rwe7EMs1CAPrr1nknIsr2DIn2qT4CCVqo2SqeEcr0OYX3OVUrbdu55ckmeDjtn7wj-J8XAQ" />
    <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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D25">
    <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="NCHbbPsWlqVXQcFyBl_f0cBQknlCe6PziAqnZ05QK82JNlhNxmkLyPGmlxwwiE7IYMkrZmCLouxHX-1IPzmV8g" />
    <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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D25">
    <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="cvGQqQNOJaLpSi7atpiYtLLLpWhyjy0gZaeKWHZvdfDP5hOIPjG4z0-teLSATwmtElIcd1B_LD-q8sB3BwbLzw" />
    <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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D25">
    <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="dg3_HXZ6bRpS_aPkkHhZl1jh6bnh9TeClwiT3ig17bvLGnw8SwXwd_Qa9Yqmr8iO-HhQpsMFNp1YXdnxWVxThA" />
    <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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D25">
    <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="TrWb7X18-3RYkngG4Yrj6otWp6HBJObSA9Wwq8IwteXzohjMQANmGf51LmjXXXLzK88evuPU583MgPqEs1kL2g" />
    <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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D25">
    <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="AiPZ7WFaQCeW7rrDKY7za1mRyXW4h2I5zU2BIlW4KZW_NFrMXCXdSjAJ7K0fWWJy-Qhwapp3YyYCGMsNJNGXqg" />
    <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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D25">
    <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="AMyagsmnlJr6iH1t8YhHMLN3sisl0o19kQswMxiHSyu92xmj9NgJ91xvKwPHX9YpE-4LNAcijGJeXnocae71FA" />
    <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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D25">
    <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="wykNIT9DPIi__Z5yO0i8H4UGm4BqL0_CctORBdDsYUJ-Po4AAjyh5RkayBwNny0GJZ8in0jfTt29htsqoYXffQ" />
    <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>


  

  <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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D25">
    <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-korpercreme-100-ml-22273">
          <img alt="Gemstone Chakra Körpercreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11772/file/small-f6cbd26ed7f02534a0cbde2081fbf739.webp 600w, https://assets.fabulous.ch/public/variant_asset/11772/file/medium-50185e578e3b4f982a08da19ad1699db.webp 900w, https://assets.fabulous.ch/public/variant_asset/11772/file/large-fcd97e311ef2cc9f52c5426b78e63642.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11772/file/medium-50185e578e3b4f982a08da19ad1699db.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-korpercreme-100-ml-22273">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Chakra Körpercreme, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22273&quot;],&quot;content_name&quot;:&quot;Gemstone Chakra Körpercreme, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22273&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:48.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rMixMhHCNUE5miE94FRKsNI0uOg_eM7fQXN1o8ub3uIR3zITLL2oLJ99d1PWg9upcq0B9x2Iz8COJj-MuvJg3Q" />
    <input value="22273" 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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D25">
    <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-korper-peeling-100-ml-22272">
          <img alt="Gemstone Chakra Körper-Peeling" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11771/file/small-d7ef498bb34a77300ae5185b5afb37d2.webp 600w, https://assets.fabulous.ch/public/variant_asset/11771/file/medium-86a13220f8386675a051b8f65c06bd54.webp 900w, https://assets.fabulous.ch/public/variant_asset/11771/file/large-e926535f63e9caf41f25a377d164c939.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11771/file/medium-86a13220f8386675a051b8f65c06bd54.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-korper-peeling-100-ml-22272">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Chakra Körper-Peeling, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22272&quot;],&quot;content_name&quot;:&quot;Gemstone Chakra Körper-Peeling, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22272&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:48.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n2AgBzc2wdOMDXxcSUWM0bWh2P42B-3RJt30C-uQIG0id6MmCklcvirqKjJ_kh3IFThh4RT37M7piL4kmvmeUg" />
    <input value="22272" 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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D25">
    <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-haar-shampoo-200-ml-22271">
          <img alt="Gemstone Chakra Haar-Shampoo" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11769/file/small-23b700fc00c5986054939a80e969d028.webp 600w, https://assets.fabulous.ch/public/variant_asset/11769/file/medium-ce70345808cd44f10a613278223dfe47.webp 900w, https://assets.fabulous.ch/public/variant_asset/11769/file/large-caee506496b708111a7ee416df713881.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11769/file/medium-ce70345808cd44f10a613278223dfe47.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-haar-shampoo-200-ml-22271">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Chakra Haar-Shampoo, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22271&quot;],&quot;content_name&quot;:&quot;Gemstone Chakra Haar-Shampoo, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22271&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:48.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uYCgP8ZXqU5T8tDYJ6g6XrBieaKbzQfmnDS2tX3wwNsElyMe-yg0I_UVhrYRf6tHEPvAvbk9BvlTYfyaDJl-5A" />
    <input value="22271" 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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D25">
    <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-duschcreme-200-ml-22270">
          <img alt="Gemstone Chakra Duschcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11767/file/small-cc7bc9f9f5fec1ec3a32ee72b4b034ab.webp 600w, https://assets.fabulous.ch/public/variant_asset/11767/file/medium-ca3f6c72e3f4ebd6a5ecb5280814e1d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/11767/file/large-d30dc1f4af8a506fbb9e26b5ac5ed37f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11767/file/medium-ca3f6c72e3f4ebd6a5ecb5280814e1d4.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-duschcreme-200-ml-22270">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Chakra Duschcreme, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22270&quot;],&quot;content_name&quot;:&quot;Gemstone Chakra Duschcreme, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22270&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:48.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q6Jc76vZOI3n1Vc0VaL50UIsTCO33ghi_ecZLcNejWr-td_Olqal4EEyAVpjdWjI4rX1PJUuCX0yslMCsjczVQ" />
    <input value="22270" 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">
      500 von 3&#39;708 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/little-chef?format=turbo_stream&amp;page=26">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>