<turbo-stream action="append" target="products_grid"><template>
    

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Fnew-products%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/wunderbrodchen-hafer-glutenfrei-demeter-350-g-22053">
          <img alt="Wunderbrødchen Hafer glutenfrei demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11610/file/small-91b87b4d2375cc03e5cf5aff28d55aed.webp 600w, https://assets.fabulous.ch/public/variant_asset/11610/file/medium-06c7677abd818a6c6d5b54cf1d4a418b.webp 900w, https://assets.fabulous.ch/public/variant_asset/11610/file/large-8a088a8a14fb8f3a5dfa69f68372c599.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11610/file/medium-06c7677abd818a6c6d5b54cf1d4a418b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/products/wunderbrodchen-hafer-glutenfrei-demeter-350-g-22053">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wunderbrødchen Hafer glutenfrei demeter, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22053&quot;],&quot;content_name&quot;:&quot;Wunderbrødchen Hafer glutenfrei demeter, 350 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22053&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lRGTGfXWdX05VWiY4IeK4TTwaMlXldshT4j5XFATfwRMmklhvNF0unhOxLVLmJWYy1b2atFV1cRlMh-s1F3PHw" />
    <input value="22053" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Fnew-products%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/lemon-curd-fruchtaufstrich-bio-160-g-21977">
          <img alt="Lemon Curd Fruchtaufstrich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11578/file/small-4dc96fa1690c5baa23b69d2304ceb9b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/11578/file/medium-cfebcec01abc63fd7ab84f441dccb064.webp 900w, https://assets.fabulous.ch/public/variant_asset/11578/file/large-6a186e70cd008ceab25234aab1fa9869.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11578/file/medium-cfebcec01abc63fd7ab84f441dccb064.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">Sanchon</p>
          <a href="/products/lemon-curd-fruchtaufstrich-bio-160-g-21977">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lemon Curd Fruchtaufstrich Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21977&quot;],&quot;content_name&quot;:&quot;Lemon Curd Fruchtaufstrich Bio, 160 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21977&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4GDhVFKBfoxFRRw7fXRg5AOU9an2Ega2ZFxykX0VPvs56zssG4Z_SwResBbWa3-d_DJrCnDSCFNO5pRh-VuO4A" />
    <input value="21977" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Fnew-products%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/nonchalant-gemusebouillon-200-ml-22015">
          <img alt="Nonchalant Gemüsebouillon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11617/file/small-1a09d820d5face6da031baaa0fe2a8d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11617/file/medium-01e3962fd2eed55b3a06137e83284d9d.webp 900w, https://assets.fabulous.ch/public/variant_asset/11617/file/large-74b1bf96f5e9ce5a590c1af6fc3c3104.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11617/file/medium-01e3962fd2eed55b3a06137e83284d9d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Nonchalant Rocks</p>
          <a href="/products/nonchalant-gemusebouillon-200-ml-22015">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nonchalant Gemüsebouillon, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Fnew-products%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/nonchalant-gemusebouillon-750-ml-22016">
          <img alt="Nonchalant Gemüsebouillon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11619/file/small-b6864955728979edbb9ef4a8639b2b26.webp 600w, https://assets.fabulous.ch/public/variant_asset/11619/file/medium-4296d0954e1f684bf1c35aa4fe702363.webp 900w, https://assets.fabulous.ch/public/variant_asset/11619/file/large-b18d8a6f600a8976eb2d5eb1d4c6bb65.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11619/file/medium-4296d0954e1f684bf1c35aa4fe702363.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Nonchalant Rocks</p>
          <a href="/products/nonchalant-gemusebouillon-750-ml-22016">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nonchalant Gemüsebouillon, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22016&quot;],&quot;content_name&quot;:&quot;Nonchalant Gemüsebouillon, 750 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22016&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:39.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6Ls24OQraPVMRVfCEvtf3QoU0tYHAxxf1NWlRKM1dcwxMOyYrSxpMg1e---55ECk9bJMdYHDErr-b0O0J3vF1w" />
    <input value="22016" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Fnew-products%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/the-one-pot-mischig-160-g-22017">
          <img alt="The One Pot Mischig" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11621/file/small-54254ab4350e7b635a552ccbbe076188.webp 600w, https://assets.fabulous.ch/public/variant_asset/11621/file/medium-39ae05da60a1b696cc95da57277973db.webp 900w, https://assets.fabulous.ch/public/variant_asset/11621/file/large-2ee2a59310dfce3695ce0fc7fcd6cc2a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11621/file/medium-39ae05da60a1b696cc95da57277973db.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Nonchalant Rocks</p>
          <a href="/products/the-one-pot-mischig-160-g-22017">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">The One Pot Mischig, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22017&quot;],&quot;content_name&quot;:&quot;The One Pot Mischig, 160 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22017&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="coVHecyjmFjwB4qU2HVcNpCdAGiMpX075eNY0Q8B_WirDp0BhaSZn7EcJrlzakNPbzueywplc97PWb4hi09Ncw" />
    <input value="22017" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Fnew-products%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/lubecker-marzipan-mit-vollmilchschokolade-bio-50-g-21969">
          <img alt="Lübecker Marzipan mit Vollmilchschokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11572/file/small-7aa547be403b656d183d06bdbf205fde.webp 600w, https://assets.fabulous.ch/public/variant_asset/11572/file/medium-999858c103b7fc7b3e89c1de7c73f6cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/11572/file/large-af92e1b0446a101cceac684829de1e61.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11572/file/medium-999858c103b7fc7b3e89c1de7c73f6cc.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">Lubs</p>
          <a href="/products/lubecker-marzipan-mit-vollmilchschokolade-bio-50-g-21969">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lübecker Marzipan mit Vollmilchschokolade Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21969&quot;],&quot;content_name&quot;:&quot;Lübecker Marzipan mit Vollmilchschokolade Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21969&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="beR2becwiHJQqtkrxMtnZ-v4zFmDk4sogeqfQ0W8U7y0b6wVrjeJtRGxdQZv1HgeFF5S-gVThc2rUHmzwfLjpw" />
    <input value="21969" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Fnew-products%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/lubecker-marzipan-mit-zartbitterschokolade-bio-50-g-21970">
          <img alt="Lübecker Marzipan mit Zartbitterschokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11573/file/small-81d5873a619224486f7b5eae0e015066.webp 600w, https://assets.fabulous.ch/public/variant_asset/11573/file/medium-4fb81eadbb067770c0c04f9e55a3b153.webp 900w, https://assets.fabulous.ch/public/variant_asset/11573/file/large-58cfc17875d15d7f64f096a0484f5850.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11573/file/medium-4fb81eadbb067770c0c04f9e55a3b153.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">Lubs</p>
          <a href="/products/lubecker-marzipan-mit-zartbitterschokolade-bio-50-g-21970">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lübecker Marzipan mit Zartbitterschokolade Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21970&quot;],&quot;content_name&quot;:&quot;Lübecker Marzipan mit Zartbitterschokolade Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21970&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I8dair1lpPSXsyEOZq3YS1CKunH1ck-1COK_rf_AwxX6TIDy9GKlM9aojSPNsscyrywk0nOyQVAiWFlde45zDg" />
    <input value="21970" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Fnew-products%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/truffelpralinen-zartbitter-bio-200-g-21971">
          <img alt="Trüffelpralinen Zartbitter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11574/file/small-b4ab68abee1461e9c44461c7899419f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/11574/file/medium-8639f5b334ace75c6007504ee69e2352.webp 900w, https://assets.fabulous.ch/public/variant_asset/11574/file/large-e68305a73b216e139e57a863a62690ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11574/file/medium-8639f5b334ace75c6007504ee69e2352.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">Antica Torroneria Piemontese</p>
          <a href="/products/truffelpralinen-zartbitter-bio-200-g-21971">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Trüffelpralinen Zartbitter Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21971&quot;],&quot;content_name&quot;:&quot;Trüffelpralinen Zartbitter Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21971&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Le0UypkVA7_gwX-vHdvUUdz_2kGG0L3_Z9KiFy8bK6_0Zs6y0BICeKHa04K2xMsoI1lE4gAQsxpNaETnq1WbtA" />
    <input value="21971" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Fnew-products%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/truffelpralinen-vollmilch-bio-200-g-21972">
          <img alt="Trüffelpralinen Vollmilch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11575/file/small-aede850ddc3d552c8af8ae1d5fa87600.webp 600w, https://assets.fabulous.ch/public/variant_asset/11575/file/medium-9762a7c6c4519c747fbccdfa888369fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/11575/file/large-ebe1f6b66d6ebccfff5caf7c8df195d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11575/file/medium-9762a7c6c4519c747fbccdfa888369fa.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">Antica Torroneria Piemontese</p>
          <a href="/products/truffelpralinen-vollmilch-bio-200-g-21972">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Trüffelpralinen Vollmilch Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21972&quot;],&quot;content_name&quot;:&quot;Trüffelpralinen Vollmilch Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21972&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h9gE2QJQm3aqjKN6bi_3gJ7-9N6MQo3AAL9-e_D1s7xeU96hS1easeuXD1fFMOj5YVhqfQqCgyUqBZiLdLsDpw" />
    <input value="21972" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Fnew-products%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/geschenkbox-truffelpralinen-gemischt-bio-20-x-7-g-21973">
          <img alt="Geschenkbox Trüffelpralinen gemischt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11576/file/small-ba03b2c135d9b5744d07cb5f4865d192.webp 600w, https://assets.fabulous.ch/public/variant_asset/11576/file/medium-ab9d76b6a83c6e85c38d622dcbc68851.webp 900w, https://assets.fabulous.ch/public/variant_asset/11576/file/large-316016929e028dcc1fb83259acc1a679.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11576/file/medium-ab9d76b6a83c6e85c38d622dcbc68851.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">Antica Torroneria Piemontese</p>
          <a href="/products/geschenkbox-truffelpralinen-gemischt-bio-20-x-7-g-21973">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschenkbox Trüffelpralinen gemischt Bio, 20 x 7 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21973&quot;],&quot;content_name&quot;:&quot;Geschenkbox Trüffelpralinen gemischt Bio, 20 x 7 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21973&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WhX4LXCgbZTi0a8Tf4Tva2bSU5vDRITjCvXfL_6HDZKDniJVOadsU6PKAz7Um_ASmXTNOEWEigYgTznfesm9iQ" />
    <input value="21973" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Fnew-products%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/geschenkbox-truffelpralinen-gemischt-bio-9-x-7-g-21974">
          <img alt="Geschenkbox Trüffelpralinen gemischt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11577/file/small-3841527ef9b5ede220d0c6e70865961d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11577/file/medium-04adc5177903ce7005baddc516b9573e.webp 900w, https://assets.fabulous.ch/public/variant_asset/11577/file/large-484988a2bc3a7d7ed09fea5e03fefcb8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11577/file/medium-04adc5177903ce7005baddc516b9573e.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">Antica Torroneria Piemontese</p>
          <a href="/products/geschenkbox-truffelpralinen-gemischt-bio-9-x-7-g-21974">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschenkbox Trüffelpralinen gemischt Bio, 9 x 7 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 15.71 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21974&quot;],&quot;content_name&quot;:&quot;Geschenkbox Trüffelpralinen gemischt Bio, 9 x 7 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21974&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FtRuCyWkTE-K6msix1PE6X__j9qUUsGK0zAyjYfsreTPX7RzbKNNiMvxxw9sTNuQgFkReRKSz2_5itR9A6Id_w" />
    <input value="21974" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Fnew-products%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/riegel-mit-buchweizen-ananas-bio-35-g-21947">
          <img alt="Riegel mit Buchweizen &amp; Ananas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11560/file/small-a89245992d4e01cab103ce48f71c7a83.webp 600w, https://assets.fabulous.ch/public/variant_asset/11560/file/medium-12fa860f705fc7e495ed9eb5c3b60549.webp 900w, https://assets.fabulous.ch/public/variant_asset/11560/file/large-915ff9e5b39029db4d90e5d8c51d98b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11560/file/medium-12fa860f705fc7e495ed9eb5c3b60549.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/riegel-mit-buchweizen-ananas-bio-35-g-21947">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Riegel mit Buchweizen &amp; Ananas Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21947&quot;],&quot;content_name&quot;:&quot;Riegel mit Buchweizen \u0026 Ananas Bio, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21947&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p_1_6habErHERVdXW-PKDrDN0tbn2ZEFIEE2BIz5gbF-dqWSX5wTdoVe-3rw_NV3T2tMdWEZn-AK-9D0CLcxqg" />
    <input value="21947" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Fnew-products%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/riegel-mit-buchweizen-himbeere-bio-35-g-21948">
          <img alt="Riegel mit Buchweizen &amp; Himbeere Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11561/file/small-659876509a59472d301b843ba0392e38.webp 600w, https://assets.fabulous.ch/public/variant_asset/11561/file/medium-7748d84c34a7b741cd8ba66fbe5ca703.webp 900w, https://assets.fabulous.ch/public/variant_asset/11561/file/large-1adb12d1c9e2e94bd3ac2626a8b63bc4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11561/file/medium-7748d84c34a7b741cd8ba66fbe5ca703.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/riegel-mit-buchweizen-himbeere-bio-35-g-21948">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Riegel mit Buchweizen &amp; Himbeere Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21948&quot;],&quot;content_name&quot;:&quot;Riegel mit Buchweizen \u0026 Himbeere Bio, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21948&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="90nH7mDhz8nYt9DGR_mLkqhIGpqtKGzF5jAUs8caT5Euwh2WKebODpmsfOvs5pTrV-6EOSvoYiDMivJDQ1T_ig" />
    <input value="21948" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Fnew-products%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/riegel-mit-buchweizen-mango-bio-35-g-21949">
          <img alt="Riegel mit Buchweizen &amp; Mango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11562/file/small-834d529beecf26128f771ed3e39c6711.webp 600w, https://assets.fabulous.ch/public/variant_asset/11562/file/medium-31b8a010b99140b5da25ec70faae1f8b.webp 900w, https://assets.fabulous.ch/public/variant_asset/11562/file/large-0cf386c8abeb6f52cad11564eaccd460.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11562/file/medium-31b8a010b99140b5da25ec70faae1f8b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/riegel-mit-buchweizen-mango-bio-35-g-21949">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Riegel mit Buchweizen &amp; Mango Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Fnew-products%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/riegel-mit-buchweizen-erdnuss-bio-35-g-21950">
          <img alt="Riegel mit Buchweizen &amp; Erdnuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11563/file/small-35307ad3ffa848805fe7d6d5b75ab1c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/11563/file/medium-360107e54aed8c59ccf3f7e86a3287ff.webp 900w, https://assets.fabulous.ch/public/variant_asset/11563/file/large-378b379d7a87707a54c6f9810f634e59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11563/file/medium-360107e54aed8c59ccf3f7e86a3287ff.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/riegel-mit-buchweizen-erdnuss-bio-35-g-21950">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Riegel mit Buchweizen &amp; Erdnuss Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Fnew-products%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/riegel-mit-buchweizen-kakao-bio-35-g-21951">
          <img alt="Riegel mit Buchweizen &amp; Kakao Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11564/file/small-a89c4a8fecda0d9ea6581885179165ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/11564/file/medium-3f77a3fc8f899c5c1aec04d6428ad4a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/11564/file/large-8388d853623c3c17af5fe2fadf5f25be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11564/file/medium-3f77a3fc8f899c5c1aec04d6428ad4a8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/riegel-mit-buchweizen-kakao-bio-35-g-21951">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Riegel mit Buchweizen &amp; Kakao Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21951&quot;],&quot;content_name&quot;:&quot;Riegel mit Buchweizen \u0026 Kakao Bio, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21951&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W7YGMpjaLu0GstCoc2Mrq8KbMvurEs-JHpY53O-7-mGCPdxK0d0vKkepfIXYfDTSPT2sWC3SwWw0LN8sa_VKeg" />
    <input value="21951" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Fnew-products%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/riegel-mit-buchweizen-kirsche-bio-35-g-21952">
          <img alt="Riegel mit Buchweizen &amp; Kirsche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11565/file/small-39fe393e21d59a5ce773f974f48e6073.webp 600w, https://assets.fabulous.ch/public/variant_asset/11565/file/medium-520969e9b2bd1f29a07b69ee91017516.webp 900w, https://assets.fabulous.ch/public/variant_asset/11565/file/large-a0ac0fc2af5907d8d482eef307d7f841.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11565/file/medium-520969e9b2bd1f29a07b69ee91017516.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/riegel-mit-buchweizen-kirsche-bio-35-g-21952">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Riegel mit Buchweizen &amp; Kirsche Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Fnew-products%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/shake-coconut-matcha-bio-220-ml-21953">
          <img alt="Shake Coconut &amp; Matcha Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11566/file/small-771e32ebc4eb3b1b9155dc741928bed7.webp 600w, https://assets.fabulous.ch/public/variant_asset/11566/file/medium-e77ca2171f2245763b18899cc7ec4271.webp 900w, https://assets.fabulous.ch/public/variant_asset/11566/file/large-6d329b1fc28e13f27c3c756616be569e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11566/file/medium-e77ca2171f2245763b18899cc7ec4271.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">Harvest Moon</p>
          <a href="/products/shake-coconut-matcha-bio-220-ml-21953">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shake Coconut &amp; Matcha Bio, 220 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.15
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.43 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21953&quot;],&quot;content_name&quot;:&quot;Shake Coconut \u0026 Matcha Bio, 220 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21953&quot;,&quot;quantity&quot;:2}],&quot;value&quot;:6.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5H8hb1KNSWue3dzcCSNklqiARnrc4jynFJk7MCnx5SU99PsXG4pIrN_GcPGiPHvvVybY2VoiMkI-I93Arb9VPg" />
    <input value="21953" type="hidden" name="variant_id" id="variant_id" />
    <input value="2" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Fnew-products%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/shake-lemon-auf-kokosbasis-bio-220-ml-21954">
          <img alt="Shake Lemon auf Kokosbasis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11567/file/small-c5c9e49590d6728bb28cf96620db250a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11567/file/medium-2e0349e8aad8acaad6a791160927d169.webp 900w, https://assets.fabulous.ch/public/variant_asset/11567/file/large-173b5cfb080375b721695b7cceae3341.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11567/file/medium-2e0349e8aad8acaad6a791160927d169.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">Harvest Moon</p>
          <a href="/products/shake-lemon-auf-kokosbasis-bio-220-ml-21954">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shake Lemon auf Kokosbasis Bio, 220 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.15
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.43 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21954&quot;],&quot;content_name&quot;:&quot;Shake Lemon auf Kokosbasis Bio, 220 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21954&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mpi-CPtAqnOnB08xS-bLqoOtkZMWB3fn30v1u0N7eZ5DE2RwskertOYc4xzg-dTTfAsPMJDHeQL18RNLxzXJhQ" />
    <input value="21954" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Fnew-products%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/shake-hazelnut-auf-kokosbasis-bio-220-ml-21955">
          <img alt="Shake Hazelnut auf Kokosbasis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11568/file/small-d5bbd2fa1cad359f5d23c18507974dc5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11568/file/medium-5f84c09bb83ba527ecf0b47f0d4c5034.webp 900w, https://assets.fabulous.ch/public/variant_asset/11568/file/large-48139322b866ac178d259797dd20e78b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11568/file/medium-5f84c09bb83ba527ecf0b47f0d4c5034.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">Harvest Moon</p>
          <a href="/products/shake-hazelnut-auf-kokosbasis-bio-220-ml-21955">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shake Hazelnut auf Kokosbasis Bio, 220 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.15
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.43 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21955&quot;],&quot;content_name&quot;:&quot;Shake Hazelnut auf Kokosbasis Bio, 220 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21955&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZzeCn6-bed0256SU33-qjYtho3_MZQ-rusTyDp0ngtO-vFjn5px4Gnf8CLl0YLX0dMc93EqlAU6QfhT-GWkyyA" />
    <input value="21955" 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">
      100 von 117 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/collections/new-products?format=turbo_stream&amp;page=6">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>