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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D2">
    <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="8z5nktIqsgk6TZgn1b3Y9RBcYyskg3qyCL6-yzWyG4KzMvffxjvumtMraq44nJ5XbmstJuKPoMeaa2lEfBBKNg" />
    <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  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D2">
    <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="-zg6ZnkPnu_vsBthEp2aSmWEgD75oRGRaYYrURSL9ZC7NKorbR7CfAbW6ej_vNzoG7POMz-ty-T7U_zeXSmkJA" />
    <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 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/stollen-marzipan-bio-250-g-20271">
          <img alt="Stollen Marzipan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11468/file/small-daa76ae3de4246d797dd99e54340c3aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/11468/file/medium-284104a421b03ba3d6372e043cf473c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/11468/file/large-bf162ca445f0a9fb7eb859a49a3b9a49.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11468/file/medium-284104a421b03ba3d6372e043cf473c8.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">Pural</p>
          <a href="/products/stollen-marzipan-bio-250-g-20271">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Stollen Marzipan Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20271&quot;],&quot;content_name&quot;:&quot;Stollen Marzipan Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20271&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dc2x5lckgFYd6zhxK1VfuPo6N6Lxl2Q1808g7lQaDnI1wSGrQzXcxfSNyvjGdBkahA15rzebvkBhmvdhHbhfxg" />
    <input value="20271" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/stollen-dinkel-bio-250-g-20270">
          <img alt="Stollen Dinkel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11467/file/small-d97360204b22b515f8eb24707d57aec3.webp 600w, https://assets.fabulous.ch/public/variant_asset/11467/file/medium-0e35b5761ce2a4df14f4ecf269a0e61b.webp 900w, https://assets.fabulous.ch/public/variant_asset/11467/file/large-947c569bb025876517b09691a2b9a30c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11467/file/medium-0e35b5761ce2a4df14f4ecf269a0e61b.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">Pural</p>
          <a href="/products/stollen-dinkel-bio-250-g-20270">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Stollen Dinkel Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20270&quot;],&quot;content_name&quot;:&quot;Stollen Dinkel Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20270&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FnXy9r9qlnBd1yXIK8R4-43N_Yd0xXa0JEm4Sgn1egJWeWK7q3vK47Sx10HG5T5Z8_qzirLJrMG2nG_FQFcrtg" />
    <input value="20270" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/stollen-classic-bio-250-ml-20268">
          <img alt="Stollen Classic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11465/file/small-5560a49d9a070f86d2c3d8a6ccde1c66.webp 600w, https://assets.fabulous.ch/public/variant_asset/11465/file/medium-aa746f0d49b0f33495e5fd58f6155deb.webp 900w, https://assets.fabulous.ch/public/variant_asset/11465/file/large-f9b2be6477f9d4e050e9714e77590297.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11465/file/medium-aa746f0d49b0f33495e5fd58f6155deb.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">Pural</p>
          <a href="/products/stollen-classic-bio-250-ml-20268">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Stollen Classic Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20268&quot;],&quot;content_name&quot;:&quot;Stollen Classic Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20268&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RNlqfOOC9GzAabtR8bVqE04xTTwUPBDaJqdL-HYcuc0E1fox95Oo_ykPSdgclCyxMAYDMdIwyq-0cpx3P77oeQ" />
    <input value="20268" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D2">
    <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="0tqKvvQKZhpRSUwCX554jscEgAGcCzQ3k2rMM9Q3rg-S1hrz4Bs6ibgvvouyvz4suTPODFoH7kIBvxu8nZX_uw" />
    <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=%2Fcategories%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D2">
    <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="CkRtDPdYaCVx2ssooZeOow4aInRvzYYAZ0fZUwkH76pKSP1B40k0tpi8OaFMtsgBcC1seanBXHX1kg7cQKW-Hg" />
    <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=%2Fcategories%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D2">
    <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/haselnusse-in-lebkuchen-schokolade-bio-150-g-20332">
          <img alt="Haselnüsse in Lebkuchen-Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11911/file/small-c49c4d32f2f779104e529e6bcb291308.webp 600w, https://assets.fabulous.ch/public/variant_asset/11911/file/medium-12c11ede00c36e4270d9b003d2796aa5.webp 900w, https://assets.fabulous.ch/public/variant_asset/11911/file/large-45bbd5042672ade3e6c4a199fdfb6e0e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11911/file/medium-12c11ede00c36e4270d9b003d2796aa5.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">Landgarten</p>
          <a href="/products/haselnusse-in-lebkuchen-schokolade-bio-150-g-20332">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haselnüsse in Lebkuchen-Schokolade Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20332&quot;],&quot;content_name&quot;:&quot;Haselnüsse in Lebkuchen-Schokolade Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20332&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VDqYtudvpAg5NR3JTVqj1IL0BOIAF-enjDoDFbumDMwUNgj78374m9BT70Cge-V2_MNK78YbPdIe79Sa8gRdeA" />
    <input value="20332" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D2">
    <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/cranberry-in-orangen-schokolade-bio-100-g-20333">
          <img alt="Cranberry in Orangen-Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11543/file/small-6957d73221a584f149da85fe968e62d2.webp 600w, https://assets.fabulous.ch/public/variant_asset/11543/file/medium-fc385f20badb9823ab04cdead8c152ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/11543/file/large-7af41c12c31d826129aa4f283b12c443.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11543/file/medium-fc385f20badb9823ab04cdead8c152ad.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">Landgarten</p>
          <a href="/products/cranberry-in-orangen-schokolade-bio-100-g-20333">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cranberry in Orangen-Schokolade Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20333&quot;],&quot;content_name&quot;:&quot;Cranberry in Orangen-Schokolade Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20333&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="voXu1ZNmc71xHSN-x4gjzsBiQc9dLGsACg3_sOzfE7j-iX6Yh3cvLph70fcqqWVsvlUPwpsgsXWY2Cg_pX1CDA" />
    <input value="20333" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/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="/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="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jIiLV3Mh-A6Bs4bhz8kZGBqwOBSZJ4kuy-iCzvigOdzMhBsaZzCknWjVdGgi6F-6ZId2GV8rU1tZPVVBsQJoaA" />
    <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 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/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="/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="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5IHW4-L97SdDoOJidrWjCHXfrDDk-wOmEOyZBqGdtxakjUau9uyxtKrGEOublOWqC-jiPSL32dOCOU6J6D_mog" />
    <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  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/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="/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="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rq3TsRM77rI_WMMc6ASgrjQCFidSZl0eXkrbajYI7rPuoUP8ByqyIdY-MZUFJeYMSjVYKpRqh2vMnwzlf6q_Bw" />
    <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 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/lubecker-marzipan-mit-schokolade-bio-50-g-5989">
          <img alt="Lübecker Marzipan mit Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3432/file/small-c0aa3238cbcf61822a21c78fdc9c1181.webp 600w, https://assets.fabulous.ch/public/variant_asset/3432/file/medium-c15de533d86f84fc34266cbb5676f90f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3432/file/large-0ac0b46b342e3d932ba27bd879463add.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3432/file/medium-c15de533d86f84fc34266cbb5676f90f.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-schokolade-bio-50-g-5989">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lübecker Marzipan mit Schokolade 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-5989-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5989&quot;],&quot;content_name&quot;:&quot;Lübecker Marzipan mit Schokolade Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5989&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="ye4FO30e_1t7lSL80KhliIPJTxxggJXHa3fsqk4CCQqJ4pV2aQ-jyJLz0HU9iSMq_f4BEaaMT7L5ojslB6BYvg" />
    <input value="5989" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D2">
    <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="cMJbIw9BmH4EFM3uShgCSthAMpnnstxSCK5wzrxYJTkwzstuG1DE7e1yP2enOUTopnd8lCG-Bieae6dB9fp0jQ" />
    <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=%2Fcategories%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/schoko-lolly-nikolaus-zartbitter-bio-15-g-1292">
          <img alt="Schoko Lolly Nikolaus Zartbitter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1106/file/small-063f862b534c30f9dff02130bb88d3b4.webp 600w, https://assets.fabulous.ch/public/variant_asset/1106/file/medium-3d8fe0c1a928217c252bbd32880ed8b7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1106/file/large-4451c0f6069db19f3c06eebe3a96080a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1106/file/medium-3d8fe0c1a928217c252bbd32880ed8b7.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">Rosengarten</p>
          <a href="/products/schoko-lolly-nikolaus-zartbitter-bio-15-g-1292">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schoko Lolly Nikolaus Zartbitter Bio, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1292&quot;],&quot;content_name&quot;:&quot;Schoko Lolly Nikolaus Zartbitter Bio, 15 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1292&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iv2ShjIH3WF5KrQijpPYVS5_qAgyW2jlFmO5_CE_39XK8QLLJhaB8pBMRqtjsp73UEjmBfRXspCEtm5zaJ2OYQ" />
    <input value="1292" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/schoko-lolly-nikolaus-hell-bio-15-g-3375">
          <img alt="Schoko Lolly Nikolaus hell Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2236/file/small-74251f8beb2492c281f3e74f423395a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2236/file/medium-4255033d9502fc5b26d6f1051174848e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2236/file/large-36ff03966c01883161a9988ac212831e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2236/file/medium-4255033d9502fc5b26d6f1051174848e.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">Rosengarten</p>
          <a href="/products/schoko-lolly-nikolaus-hell-bio-15-g-3375">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schoko Lolly Nikolaus hell Bio, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3375&quot;],&quot;content_name&quot;:&quot;Schoko Lolly Nikolaus hell Bio, 15 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3375&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2Z6ajiJwWvOZb-9Xi8nfsICWSD2gqb_jxTubAfkug1aZkgrDNmEGYHAJHd5m6JkS_qEGMGalZZZX7kyOsIzS4g" />
    <input value="3375" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/dinkel-nuss-kipferl-demeter-125-g-942">
          <img alt="Dinkel Nuss-Kipferl Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/823/file/small-7c5dc91c570414ee375dd107dd69a56f.webp 600w, https://assets.fabulous.ch/public/variant_asset/823/file/medium-01969e6dec6677112a67c401e049f009.webp 900w, https://assets.fabulous.ch/public/variant_asset/823/file/large-00224315b1d09ab65a98efda0bc86c93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/823/file/medium-01969e6dec6677112a67c401e049f009.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">Sommer</p>
          <a href="/products/dinkel-nuss-kipferl-demeter-125-g-942">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkel Nuss-Kipferl Demeter, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

          </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-942-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;942&quot;],&quot;content_name&quot;:&quot;Dinkel Nuss-Kipferl Demeter, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;942&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FD0YPV4doiueZngimbqve1VndKtVN-4qiHTMfbbF3P1UMYhwSgz-uHcAiqt0m-nZK1A6ppM7NF8aoRvy_2eNSQ" />
    <input value="942" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/dinkel-anis-sterne-bio-125-g-11859">
          <img alt="Dinkel Anis-Sterne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6062/file/small-90eaba4f7c628235c6cf031c1b18f1ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/6062/file/medium-ecdd99e2e32c67f77a2716b83f94e2d8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6062/file/large-10be1ab9c05c135b4d9f46fb9b028b92.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6062/file/medium-ecdd99e2e32c67f77a2716b83f94e2d8.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">Sommer</p>
          <a href="/products/dinkel-anis-sterne-bio-125-g-11859">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkel Anis-Sterne Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

          </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-11859-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11859&quot;],&quot;content_name&quot;:&quot;Dinkel Anis-Sterne Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11859&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JCpuOsVIpj51qNSBFpDceXA8tBDT3vBnc1t0cAgOxS5kJv530Vn6rZzOJgj7sZrbDgv6HRXSKhLhjqP_QayUmg" />
    <input value="11859" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/winter-pudding-bio-50-g-16469">
          <img alt="Winter Pudding Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7574/file/small-63460cea6366de5b7da6baf94244d5fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/7574/file/medium-1a1f2c0ba1704a5b1ee21bc3a88d3b7c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7574/file/large-091b8f67ea07bf5d2e373a4e39d48dd5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7574/file/medium-1a1f2c0ba1704a5b1ee21bc3a88d3b7c.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">Arche</p>
          <a href="/products/winter-pudding-bio-50-g-16469">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Winter Pudding Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16469&quot;],&quot;content_name&quot;:&quot;Winter Pudding Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16469&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tIfx07PI43PBUnPVTXjB18OICOM1rXyUNrvsJFDWAnf0i2Gep9m_4Cg0gVygWYd1vb9G7vOhpuGkbjurGXRTww" />
    <input value="16469" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fweihnachten%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/mandeln-zimt-schoko-bio-150-g-11864">
          <img alt="Mandeln Zimt Schoko Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11910/file/small-9654fabcb82ea5af140d7e823f9a518d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11910/file/medium-c52ff332924976a4d0f0d1498939e453.webp 900w, https://assets.fabulous.ch/public/variant_asset/11910/file/large-e9806d73acb410eb7675f0353184f42b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11910/file/medium-c52ff332924976a4d0f0d1498939e453.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">Landgarten</p>
          <a href="/products/mandeln-zimt-schoko-bio-150-g-11864">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandeln Zimt Schoko Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11864&quot;],&quot;content_name&quot;:&quot;Mandeln Zimt Schoko Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11864&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UVWV5r6JBVAMaV9ytQS3Jls38qTcykvdyG4YCoRKuXURWQWrqphZw-UPrftYJfGEJQC8qRrGkahau8-FzejowQ" />
    <input value="11864" 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">
      40 von 83 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/weihnachten?format=turbo_stream&amp;page=3">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>