<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%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D4">
    <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/mini-gottlieber-huppen-tradition-150-g-16791">
          <img alt="Mini Gottlieber Hüppen Tradition" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7806/file/small-dc134b0f2ada050d75700481a8a153b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7806/file/medium-60c6f05603be520dd1ca80cf65e21186.webp 900w, https://assets.fabulous.ch/public/variant_asset/7806/file/large-dee9a8d569fadbfda46f5363965560be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7806/file/medium-60c6f05603be520dd1ca80cf65e21186.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">Gottlieber Hüppen</p>
          <a href="/de/products/mini-gottlieber-huppen-tradition-150-g-16791">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mini Gottlieber Hüppen Tradition, 150 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.60 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16791&quot;],&quot;content_name&quot;:&quot;Mini Gottlieber Hüppen Tradition, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16791&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="kfOQK6ogE4aN7NnjTDD0QK28PfeKQ00Og1q5L51DYqoTKEJn3JlOUznnk0cznO9LNE9xEK-ZsbvQoJPZl3k3Xg" />
    <input value="16791" 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%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D4">
    <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/gottlieber-huppen-tradition-15-g-4ea3ab44-6e02-40d2-a9cd-d238c8afee9a-16790">
          <img alt="Gottlieber Hüppen Tradition" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7804/file/small-d9bbe8a60a50c6380be816790d1a716f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7804/file/medium-b80b655d3daebcb190274d76f0b10a0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7804/file/large-b971417d1a3469e7f7314e85fd20ec7a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7804/file/medium-b80b655d3daebcb190274d76f0b10a0a.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">Gottlieber Hüppen</p>
          <a href="/de/products/gottlieber-huppen-tradition-15-g-4ea3ab44-6e02-40d2-a9cd-d238c8afee9a-16790">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gottlieber Hüppen Tradition, 20 x 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16790&quot;],&quot;content_name&quot;:&quot;Gottlieber Hüppen Tradition, 20 x 15 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16790&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iP_oyqf_46ZUn4G2056hrX6b45844fGHueC7Aw0t0HsKJDqG0Ua-c-CUyxKsMrqm52iveB07DTLqGpH1BxeFjw" />
    <input value="16790" 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%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D4">
    <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/gottlieber-huppen-tradition-15-g-16789">
          <img alt="Gottlieber Hüppen Tradition" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7805/file/small-b2583d64e05e92d5c960009487dc96e7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7805/file/medium-00b9e21c8833e8bd3e720b68422f0c8d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7805/file/large-99d4192207581f9b45471b605d11c272.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7805/file/medium-00b9e21c8833e8bd3e720b68422f0c8d.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">Gottlieber Hüppen</p>
          <a href="/de/products/gottlieber-huppen-tradition-15-g-16789">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gottlieber Hüppen Tradition, 10 x 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16789&quot;],&quot;content_name&quot;:&quot;Gottlieber Hüppen Tradition, 10 x 15 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16789&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IUdjCQnBzg8mpg5NqwEr_9OpSAZCJyZyUQU_6doovEKjnLFFf3iT2pKtROnUrTD0SloE4Wf92scC_xUf0BLptg" />
    <input value="16789" 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%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D4">
    <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/gottlieber-huppen-praline-15-g-16773">
          <img alt="Gottlieber Hüppen Praliné" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7794/file/small-f4d99b92fef4ba49f5c993f6045c9ddc.webp 600w, https://assets.fabulous.ch/public/variant_asset/7794/file/medium-af4d717beb9588929ea0cd60befc21d9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7794/file/large-26a87d719dc045b9954db8233c004076.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7794/file/medium-af4d717beb9588929ea0cd60befc21d9.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">Gottlieber Hüppen</p>
          <a href="/de/products/gottlieber-huppen-praline-15-g-16773">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gottlieber Hüppen Praliné, 4 x 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16773&quot;],&quot;content_name&quot;:&quot;Gottlieber Hüppen Praliné, 4 x 15 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16773&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="maaYSZRF1NaKu5whjAWEHFFZqhj7CtlDaDdQg6nzECgbfUoF4vyJAz6w1oXzqZ8XyKrm_97QJfY7zXp1o8lF3A" />
    <input value="16773" 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%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D4">
    <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/gottlieber-morgensunde-hausgemachte-pralinecreme-150-g-16814">
          <img alt="Gottlieber Morgensünde Hausgemachte Pralinécrème" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7831/file/small-4f3e15eb17117333bd92ccbdbd1cbecf.webp 600w, https://assets.fabulous.ch/public/variant_asset/7831/file/medium-7aa2b549839ea16a9f25319052ca15c0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7831/file/large-92b0adaaacc1a154dce98eb40b1e6106.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7831/file/medium-7aa2b549839ea16a9f25319052ca15c0.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">Gottlieber Hüppen</p>
          <a href="/de/products/gottlieber-morgensunde-hausgemachte-pralinecreme-150-g-16814">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gottlieber Morgensünde Hausgemachte Pralinécrème, 150 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.60 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16814&quot;],&quot;content_name&quot;:&quot;Gottlieber Morgensünde Hausgemachte Pralinécrème, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16814&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="cHBU8a7KpSTk-i9BWM0ptWUlkERz15H5fSJvu5_h4Szyq4a92HP48VDxZeUnYTK-_Nbco1YNbUwu2EVNldu02A" />
    <input value="16814" 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%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D4">
    <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/gottlieber-black-special-grand-cru-sackli-a-10-huppen-170-g-16792">
          <img alt="Gottlieber Black Special Grand Cru Säckli à 10 Hüppen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7807/file/small-7eafba548ba7323a3a0f162d643a07a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/7807/file/medium-82d252270748f035e2075a68f0f89a32.webp 900w, https://assets.fabulous.ch/public/variant_asset/7807/file/large-beda81c48a066995303ca9cfa6ec696e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7807/file/medium-82d252270748f035e2075a68f0f89a32.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">Gottlieber Hüppen</p>
          <a href="/de/products/gottlieber-black-special-grand-cru-sackli-a-10-huppen-170-g-16792">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gottlieber Black Special Grand Cru Säckli à 10 Hüppen, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16792&quot;],&quot;content_name&quot;:&quot;Gottlieber Black Special Grand Cru Säckli à 10 Hüppen, 170 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16792&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lUggMgpNplYgQPTbBUYBvWfGyT6SnLif1xEnkuS_FiwXk_J-fPT7g5RLvn966hq2_jWF2bdGRCqE6w1k7oVD2A" />
    <input value="16792" 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%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D4">
    <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/gottlieber-special-edition-gianduja-orange-sackli-a-10-huppen-150-g-17033">
          <img alt="Gottlieber Special Edition Gianduja-Orange Säckli à 10 Hüppen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7941/file/small-9cf608f05d1ae300b28b464dc9e6c7af.webp 600w, https://assets.fabulous.ch/public/variant_asset/7941/file/medium-f008fa43fcc4e02bb59cfcec5dd2a534.webp 900w, https://assets.fabulous.ch/public/variant_asset/7941/file/large-573b0ff08656e592b9fa72c2446a958a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7941/file/medium-f008fa43fcc4e02bb59cfcec5dd2a534.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">Gottlieber Hüppen</p>
          <a href="/de/products/gottlieber-special-edition-gianduja-orange-sackli-a-10-huppen-150-g-17033">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gottlieber Special Edition Gianduja-Orange Säckli à 10 Hüppen, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17033&quot;],&quot;content_name&quot;:&quot;Gottlieber Special Edition Gianduja-Orange Säckli à 10 Hüppen, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17033&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5LVmVu_nbL1hI4ymstmoUGdFfL8OG8tTeBR9qTtQFm5mbrQamV4xaNUoxgLNdbNb_rYwWCvBN-Yr7ldfMWpDmg" />
    <input value="17033" 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%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D4">
    <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/samses-vegane-alternative-zu-wild-gulasch-600-g-12797">
          <img alt="Samses Vegane Alternative zu Wild-Gulasch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6317/file/small-76137af17c7eb9598883c31a169a2192.webp 600w, https://assets.fabulous.ch/public/variant_asset/6317/file/medium-86192408b91afa764395c73af09f90f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/6317/file/large-11e977bcec9ad83c6ce2a52a2e376045.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6317/file/medium-86192408b91afa764395c73af09f90f9.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">Samses</p>
          <a href="/de/products/samses-vegane-alternative-zu-wild-gulasch-600-g-12797">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Samses Vegane Alternative zu Wild-Gulasch, 600 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.50
            </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 3.25 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12797&quot;],&quot;content_name&quot;:&quot;Samses Vegane Alternative zu Wild-Gulasch, 600 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12797&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_yIUFrjb_HQM8wzGw1Fp3y_XyNILoUzeeY0f7Rx6nwF9-cZazmKhobj4RmK8_XLUtiSENS57sGsqdzUbFkDK9Q" />
    <input value="12797" 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%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D4">
    <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/fondue-samses-vegane-alternative-zu-kasefondue-special-500-g-7544">
          <img alt="Fondue Samses Vegane Alternative zu Käsefondue Special" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4343/file/small-9fb26c9da29f16fa4e301ff27f682142.webp 600w, https://assets.fabulous.ch/public/variant_asset/4343/file/medium-7931eb28c1414c14953ff733f5e9c582.webp 900w, https://assets.fabulous.ch/public/variant_asset/4343/file/large-b5328ebe3ca45421183892bbcee17933.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4343/file/medium-7931eb28c1414c14953ff733f5e9c582.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">Samses</p>
          <a href="/de/products/fondue-samses-vegane-alternative-zu-kasefondue-special-500-g-7544">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fondue Samses Vegane Alternative zu Käsefondue Special, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </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 2.98 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7544&quot;],&quot;content_name&quot;:&quot;Fondue Samses Vegane Alternative zu Käsefondue Special, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7544&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_j8LnTjHDNo_LNRgFaNwx9mHZm_NTKy5s2Vl1eJaiVV85NnRTn5RD4snnsRqD2vMQHQqiOiWUAzgn08j6GDcoQ" />
    <input value="7544" 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%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D4">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/veglette-die-pflanzliche-alternative-zu-raclette-kase-200-g-16973">
          <img alt="Veglette - die pflanzliche Alternative zu Raclette-Käse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7939/file/small-88294c68e48a73a249147128906c088f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7939/file/medium-1e0ba7e6833048edb242efa7632f1ac5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7939/file/large-7ffb42288f04bbc6a61aa7d6c87b6ff0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7939/file/medium-1e0ba7e6833048edb242efa7632f1ac5.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">Vegü</p>
          <a href="/de/products/veglette-die-pflanzliche-alternative-zu-raclette-kase-200-g-16973">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Veglette - die pflanzliche Alternative zu Raclette-Käse, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </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 3.25 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D4">
    <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/herzen-pasta-bio-250-g-20331">
          <img alt="Herzen Pasta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11539/file/small-342a1e5f6a0c9c700d04560ad1ac6a53.webp 600w, https://assets.fabulous.ch/public/variant_asset/11539/file/medium-c4d544a830a39c862598c69d38422dfb.webp 900w, https://assets.fabulous.ch/public/variant_asset/11539/file/large-a5ecbcbaf533385f00d9ee39e56b38c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11539/file/medium-c4d544a830a39c862598c69d38422dfb.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">Alb-Gold</p>
          <a href="/de/products/herzen-pasta-bio-250-g-20331">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Herzen Pasta Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20331&quot;],&quot;content_name&quot;:&quot;Herzen Pasta Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20331&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p0AHJAz2Dk1S5cCR4DNOO-7TtzOrmlLDWKQpRt2t3Vslm9Voek9TmObuijWfn1UwdyD71I5ArnYLXgOw15eIrw" />
    <input value="20331" 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%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D4">
    <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/glucksschweinchen-pasta-bio-250-g-20330">
          <img alt="Glücksschweinchen Pasta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11536/file/small-17c401577bb1f5456079e9304d6d845d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11536/file/medium-29acc0947027df169a84b167677d3e2a.webp 900w, https://assets.fabulous.ch/public/variant_asset/11536/file/large-d2f85a67937134b3080caea94d4da6ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11536/file/medium-29acc0947027df169a84b167677d3e2a.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">Alb-Gold</p>
          <a href="/de/products/glucksschweinchen-pasta-bio-250-g-20330">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Glücksschweinchen Pasta Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20330&quot;],&quot;content_name&quot;:&quot;Glücksschweinchen Pasta Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20330&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jWWF4EdfngVHEQ2yjVEP6ph4ebX0OFudGT77jNGb00MPvlesMebD0PMaRxby_RThAYs1UtHipyhKxNF626GGtw" />
    <input value="20330" 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%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D4">
    <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/weihnachtspasta-bunt-bio-250-g-20327">
          <img alt="Weihnachtspasta Bunt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11534/file/small-d31eb862703350cda10a2faafcc9c2c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/11534/file/medium-5312d648bffbd0ddff7f88aa3ce0f2bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/11534/file/large-d15f48467f1d4fec99aa394cd2dc13cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11534/file/medium-5312d648bffbd0ddff7f88aa3ce0f2bd.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">Alb-Gold</p>
          <a href="/de/products/weihnachtspasta-bunt-bio-250-g-20327">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weihnachtspasta Bunt Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20327&quot;],&quot;content_name&quot;:&quot;Weihnachtspasta Bunt Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20327&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5K5zyz_9YiYYLyCiPNOybQiJ89sA-g5ygVj3P1lWKBdmdaGHSUQ_86wkagZDf6lmkXq_PCUg8sfSot3JU2x94w" />
    <input value="20327" 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%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D4">
    <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/vegane-rosmarin-roulade-bio-175-g-20">
          <img alt="Vegane Rosmarin-Roulade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/13/file/small-142c5b7d1bc7a20c22daa6dc60116fd0.webp 600w, https://assets.fabulous.ch/public/variant_asset/13/file/medium-3eeaf17745dd86334a97e945eb245501.webp 900w, https://assets.fabulous.ch/public/variant_asset/13/file/large-ac3d05413f572f9ccc56acbb95d93c89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/13/file/medium-3eeaf17745dd86334a97e945eb245501.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">Wheaty</p>
          <a href="/de/products/vegane-rosmarin-roulade-bio-175-g-20">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegane Rosmarin-Roulade Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </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 3.49 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20&quot;],&quot;content_name&quot;:&quot;Vegane Rosmarin-Roulade Bio, 175 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o4jxGM40PETgo5aMQclfjgmUVQQZW-8zult0W1_GphMhUyNUuI1hkVSo3Cg-ZUSFkGcZ4zyBE4bpoV6tVfzz5w" />
    <input value="20" 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%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D4">
    <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/spekulatius-kekse-demeter-125-g-20274">
          <img alt="Spekulatius Kekse Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11471/file/small-f23c72e5b59edfa2d8a6caca3e3bdf34.webp 600w, https://assets.fabulous.ch/public/variant_asset/11471/file/medium-8aa0ddf4dcd1ef576605e5b8f93cdd97.webp 900w, https://assets.fabulous.ch/public/variant_asset/11471/file/large-24c86b7864bccfbcb63e55af79f7da7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11471/file/medium-8aa0ddf4dcd1ef576605e5b8f93cdd97.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">Mogli Naturkost GmbH</p>
          <a href="/de/products/spekulatius-kekse-demeter-125-g-20274">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spekulatius Kekse Demeter, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20274&quot;],&quot;content_name&quot;:&quot;Spekulatius Kekse Demeter, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20274&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4AKpx4KzCPgoZ3p-Fo0OgpFfi8JdIh_yW2WEvrpPpfdi2XuL9ApVLZxsMNppIRWJCKzHJXj440cIn65IsHXwAw" />
    <input value="20274" 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%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D4">
    <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/gluhwein-rot-alkoholfrei-bio-735-ml-12651">
          <img alt="Glühwein rot alkoholfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6286/file/small-a0c491220a6477afa1cc46e0f8fb9523.webp 600w, https://assets.fabulous.ch/public/variant_asset/6286/file/medium-f67c829550c1478fa64e2a9cf4ff66e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6286/file/large-bbf3faa03064401d86d0428ee6e9ccf3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6286/file/medium-f67c829550c1478fa64e2a9cf4ff66e4.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">Landparty</p>
          <a href="/de/products/gluhwein-rot-alkoholfrei-bio-735-ml-12651">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Glühwein rot alkoholfrei Bio, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12651&quot;],&quot;content_name&quot;:&quot;Glühwein rot alkoholfrei Bio, 750 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12651&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nCen2YKminh0LbULl7z4kK4sHdAlWLonOdLKER1EPKoe_HWV9B_XrcAm_6_oEOObN99RNwCCRpJqKODnF35pXg" />
    <input value="12651" 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%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D4">
    <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/apfelzauber-punsch-sirup-bio-500-ml-11849">
          <img alt="Apfelzauber Punsch Sirup Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6053/file/small-7a1899c9b92bcdf449b106108b193c2a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6053/file/medium-417e75024817c477f40a139f1bd96d70.webp 900w, https://assets.fabulous.ch/public/variant_asset/6053/file/large-3c247721fbb040d4750a8c1e175fa913.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6053/file/medium-417e75024817c477f40a139f1bd96d70.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/de/products/apfelzauber-punsch-sirup-bio-500-ml-11849">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apfelzauber Punsch Sirup Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11849&quot;],&quot;content_name&quot;:&quot;Apfelzauber Punsch Sirup Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11849&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bhLhQdYn5atfhEb4yNfZ3VGiq_cq_i0jcz7RxBYRh07syTMNoJ64fuuPDFy3e8LWyFHnEA8k0ZYgxPsyHCvSug" />
    <input value="11849" 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%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D4">
    <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/lebkuchengewurz-grossgebinde-dose-bio-300-g-16951">
          <img alt="Lebkuchengewürz Grossgebinde Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7911/file/small-cbe54d57c83d62122a8a6c73c3685e8c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7911/file/medium-d2f4683968d0555b77365530a1b5a706.webp 900w, https://assets.fabulous.ch/public/variant_asset/7911/file/large-56c609ae92031bd22a6074d4b3ef1ac5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7911/file/medium-d2f4683968d0555b77365530a1b5a706.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">Bio Grosshandel</p>
          <a href="/de/products/lebkuchengewurz-grossgebinde-dose-bio-300-g-16951">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lebkuchengewürz Grossgebinde Dose Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16951&quot;],&quot;content_name&quot;:&quot;Lebkuchengewürz Grossgebinde Dose Bio, 300 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16951&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:24.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="18Pr8SF1KVLR-tdy9MiHK52eCAkFfvKak0NNxiBp9ixVGDm9V8x0h2XxndaLZJwgBG1E7iCkDi_AuWcwKlOj2A" />
    <input value="16951" 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%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D4">
    <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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/la-fondue-vegane-alternative-zu-fondue-bio-500-g-8798">
          <img alt="La Fondue Vegane Alternative zu Fondue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5109/file/small-97af428b02fe6363b1846c3098d6537f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5109/file/medium-35ea473f5fcf3a07e490587afe2cd0a1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5109/file/large-0838c9fbe2a644f328f337aca33cf8c8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5109/file/medium-35ea473f5fcf3a07e490587afe2cd0a1.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">New Roots</p>
          <a href="/de/products/la-fondue-vegane-alternative-zu-fondue-bio-500-g-8798">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">La Fondue Vegane Alternative zu Fondue Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.40
            </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 2.88 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8798&quot;],&quot;content_name&quot;:&quot;La Fondue Vegane Alternative zu Fondue Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8798&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ORgplnaaWpGvOYq4Fp9Jvl8l_q_vumZPo5O5ix5d7Ey7w_vaACMHRBsywBxpM1K1xtaySMpgmvrwaZN9FGe5uA" />
    <input value="8798" 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%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D4">
    <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/la-raclette-vegan-nature-bio-200-g-10491">
          <img alt="La Raclette Vegan NATURE Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5587/file/small-a30ec2cfca1446b90613efd6985eff56.webp 600w, https://assets.fabulous.ch/public/variant_asset/5587/file/medium-5e4eaec1a899c5731418176bed9f1439.webp 900w, https://assets.fabulous.ch/public/variant_asset/5587/file/large-2466a8b9eb6e97afc1adc8d7558f6c1a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5587/file/medium-5e4eaec1a899c5731418176bed9f1439.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">New Roots</p>
          <a href="/de/products/la-raclette-vegan-nature-bio-200-g-10491">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">La Raclette Vegan NATURE Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </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 3.60 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10491&quot;],&quot;content_name&quot;:&quot;La Raclette Vegan NATURE Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10491&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q0rOP6l3p6GeYknTgiDZRqSY3maXytBhthh1t3jX4ygpkRxz3876dCppA3f9jMJNPWuSgbIQLNTl4l9Bcu223A" />
    <input value="10491" 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">
      80 von 204 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/weihnachten?format=turbo_stream&amp;page=5">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>