<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%3D9">
    <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/20-gutschein-fur-fabulous-vegan-shop-schweiz-1-stuck-626">
          <img alt="20.- Gutschein für fabulous! Vegan Shop Schweiz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/571/file/small-9ea05b4daa63ea86079997efca14d52c.webp 600w, https://assets.fabulous.ch/public/variant_asset/571/file/medium-9221879b32566b6c0ab9ccdf8409e60d.webp 900w, https://assets.fabulous.ch/public/variant_asset/571/file/large-7e9ca068594987d9f121f67625dcd164.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/571/file/medium-9221879b32566b6c0ab9ccdf8409e60d.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">fabulous! Der Vegan Shop Schweiz</p>
          <a href="/de/products/20-gutschein-fur-fabulous-vegan-shop-schweiz-1-stuck-626">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">20.- Gutschein für fabulous! Vegan Shop Schweiz, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 20.00 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;626&quot;],&quot;content_name&quot;:&quot;20.- Gutschein für fabulous! Vegan Shop Schweiz, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;626&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J9zEXHhWiKgPfrwKq6CS-pP3KLaH5RJpsBlmZovx-HMRCzkrlaI1rp7uFz0p12z6RYO-1kZkvb0gQNfQzaajpA" />
    <input value="626" 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%3D9">
    <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/50-gutschein-fur-fabulous-vegan-shop-schweiz-1-stuck-627">
          <img alt="50.- Gutschein für fabulous! Vegan Shop Schweiz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/572/file/small-1d6af87ad94cea1fa9e13baba5bbe276.webp 600w, https://assets.fabulous.ch/public/variant_asset/572/file/medium-b08b14a7388bda09e8c8c2a6fc4be54e.webp 900w, https://assets.fabulous.ch/public/variant_asset/572/file/large-23d33dcaaeb426062684f5ed12ff0a27.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/572/file/medium-b08b14a7388bda09e8c8c2a6fc4be54e.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">fabulous! Der Vegan Shop Schweiz</p>
          <a href="/de/products/50-gutschein-fur-fabulous-vegan-shop-schweiz-1-stuck-627">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">50.- Gutschein für fabulous! Vegan Shop Schweiz, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 50.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 50.00 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;627&quot;],&quot;content_name&quot;:&quot;50.- Gutschein für fabulous! Vegan Shop Schweiz, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;627&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:50.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uWC2GBvJQgi4VfIrtgCYIcC-Ni_ZB-g6Xg3L7c9JOdqPt0tv9j3_DinFWRw0d2YhFsqgTxiGR-7OVHpbiR5iDQ" />
    <input value="627" 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%3D9">
    <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/100-gutschein-fur-fabulous-vegan-shop-schweiz-1-stuck-628">
          <img alt="100.- Gutschein für fabulous! Vegan Shop Schweiz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/573/file/small-3b7db5ef5ca8e7c1b2f67ceb0acb5b51.webp 600w, https://assets.fabulous.ch/public/variant_asset/573/file/medium-2b69d78dd9d6f50f149f53c73feb2ae6.webp 900w, https://assets.fabulous.ch/public/variant_asset/573/file/large-44a0e2d507c5c8efde183ea7abe4b18d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/573/file/medium-2b69d78dd9d6f50f149f53c73feb2ae6.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">fabulous! Der Vegan Shop Schweiz</p>
          <a href="/de/products/100-gutschein-fur-fabulous-vegan-shop-schweiz-1-stuck-628">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">100.- Gutschein für fabulous! Vegan Shop Schweiz, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 100.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 100.00 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;628&quot;],&quot;content_name&quot;:&quot;100.- Gutschein für fabulous! Vegan Shop Schweiz, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;628&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:100.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RtwjtvNu9HBaaIW0zljYVkzvMMGtQDho7MC61o5HzeVwC97BHppJdsv4LoNMLyZWmpumoWzBl7x8mQtgyBCWMg" />
    <input value="628" 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%3D9">
    <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/kerzen-teelicht-halter-glas-10-stuck-4869">
          <img alt="Kerzen Teelicht-Halter Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2891/file/small-b07ab63a4b41166766b21cf4a9a643ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/2891/file/medium-8ef4eeb9eb305adc2e10493f3c48d2f2.webp 900w, https://assets.fabulous.ch/public/variant_asset/2891/file/large-e65fed0e7a456662687dc30c3318225c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2891/file/medium-8ef4eeb9eb305adc2e10493f3c48d2f2.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">eubiona</p>
          <a href="/de/products/kerzen-teelicht-halter-glas-10-stuck-4869">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kerzen Teelicht-Halter Glas, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.15
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.02 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4869&quot;],&quot;content_name&quot;:&quot;Kerzen Teelicht-Halter Glas, 10 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4869&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YGnCceWJYeLq6k8fpvsovJzYK0kZxKq0ekBpySlc7o1Wvj8GCH3c5Ht65CgkjNa8Sqy9KdhFBWDqGdh_bwu1Wg" />
    <input value="4869" 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%3D9">
    <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/nelken-ganz-bio-35-g-6447">
          <img alt="Nelken Ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3697/file/small-0bfdc56bbc0771c442b9a60ddf0176ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/3697/file/medium-bb465ffce48aaa903ab3d08920ffd228.webp 900w, https://assets.fabulous.ch/public/variant_asset/3697/file/large-eabdfb5c9707de5f95a6e07226806587.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3697/file/medium-bb465ffce48aaa903ab3d08920ffd228.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/nelken-ganz-bio-35-g-6447">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nelken Ganz Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6447&quot;],&quot;content_name&quot;:&quot;Nelken Ganz Bio, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6447&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W2RDi8hCxzeT0LF4j9iS4rRhae5sQA3QOF01NGN-7wRts778JbZ6MQJAGk8Nr2ziYhX_jq3BogSoBISCJSm00w" />
    <input value="6447" 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%3D9">
    <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/panettone-ohne-kandierte-fruchte-750-g-7454">
          <img alt="Panettone OHNE kandierte Früchte" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4269/file/small-986d899267df3b33c76a0b9346b0d664.webp 600w, https://assets.fabulous.ch/public/variant_asset/4269/file/medium-77bbf2be3542b56fc3aba33afc123b85.webp 900w, https://assets.fabulous.ch/public/variant_asset/4269/file/large-c5852169c2a3f5466b836b02ca98d61c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4269/file/medium-77bbf2be3542b56fc3aba33afc123b85.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">MilanoVeg</p>
          <a href="/de/products/panettone-ohne-kandierte-fruchte-750-g-7454">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Panettone OHNE kandierte Früchte, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7454-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%3D9">
    <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/chutney-chunky-mango-300-g-8358">
          <img alt="Chutney Chunky Mango" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4921/file/small-795fd22ae97bbe98f25f02c2e5b318fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4921/file/medium-d7b753657517eb91055f08cae92ecce7.webp 900w, https://assets.fabulous.ch/public/variant_asset/4921/file/large-11e0bf8f1a752307dd1f255ba52aa3b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4921/file/medium-d7b753657517eb91055f08cae92ecce7.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">Shaws</p>
          <a href="/de/products/chutney-chunky-mango-300-g-8358">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chutney Chunky Mango, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8358&quot;],&quot;content_name&quot;:&quot;Chutney Chunky Mango, 300 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8358&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-xBtoMSlAXJ6ByzUl0BNbAzzIb_tx1T22K9C7JmYd_HNx5DXKVG8dOuXh-MVN7Ns2oe33yxG-yJI9vNa388sJg" />
    <input value="8358" 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%3D9">
    <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/kerzen-stumpenkerzen-rapswachs-5x8cm-hellblau-1-stuck-10241">
          <img alt="Kerzen Stumpenkerzen Rapswachs 5x8cm HELLBLAU" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5528/file/small-d37e229dae150218552fe96c2dd35658.webp 600w, https://assets.fabulous.ch/public/variant_asset/5528/file/medium-a521189e1805b5adf13a9e8baa0854ec.webp 900w, https://assets.fabulous.ch/public/variant_asset/5528/file/large-d6ae0c0092aaa7e13e1ecb5f93e7b350.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5528/file/medium-a521189e1805b5adf13a9e8baa0854ec.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">eubiona</p>
          <a href="/de/products/kerzen-stumpenkerzen-rapswachs-5x8cm-hellblau-1-stuck-10241">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kerzen Stumpenkerzen Rapswachs 5x8cm HELLBLAU, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.65
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 9.65 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10241&quot;],&quot;content_name&quot;:&quot;Kerzen Stumpenkerzen Rapswachs 5x8cm HELLBLAU, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10241&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iOsdt7I8w9wHmN2PFOIdP1ngKI10Optsn6cVT-t1RzC-PODAX8h-2pYIdriWleM_j5S-7bW7NLgP_qT5rSIc5w" />
    <input value="10241" 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%3D9">
    <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/kerzen-stumpenkerzen-rapswachs-5x8cm-hellgrun-1-stuck-10242">
          <img alt="Kerzen Stumpenkerzen Rapswachs 5x8cm HELLGRÜN" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5530/file/small-0a045d48b667e3c566238a7824b6c0aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/5530/file/medium-660e91caa0a338a168b955ba811cecbc.webp 900w, https://assets.fabulous.ch/public/variant_asset/5530/file/large-e8de4a4cf2d11b83473c86adf56e9eb8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5530/file/medium-660e91caa0a338a168b955ba811cecbc.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">eubiona</p>
          <a href="/de/products/kerzen-stumpenkerzen-rapswachs-5x8cm-hellgrun-1-stuck-10242">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kerzen Stumpenkerzen Rapswachs 5x8cm HELLGRÜN, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.65
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 9.65 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10242&quot;],&quot;content_name&quot;:&quot;Kerzen Stumpenkerzen Rapswachs 5x8cm HELLGRÜN, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10242&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4G0ZpYF4o_LVncFYCTbXur6MQJQTk8Nl3aDSzaM-9G7WuuTSbIwe9EQNam-LQSm6aPjW9NISbLFN-WN75WmvuQ" />
    <input value="10242" 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%3D9">
    <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/kerzen-stumpenkerzen-rapswachs-5x11cm-hellgrun-1-stuck-10244">
          <img alt="Kerzen Stumpenkerzen Rapswachs 5x11cm HELLGRÜN" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5536/file/small-ac246bae5947cb8fe25d844f0f7e3dc1.webp 600w, https://assets.fabulous.ch/public/variant_asset/5536/file/medium-7d384274960887ed29cb8c8fc5c772e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5536/file/large-214c4eea44205d081f2220661c2a9935.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5536/file/medium-7d384274960887ed29cb8c8fc5c772e5.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">eubiona</p>
          <a href="/de/products/kerzen-stumpenkerzen-rapswachs-5x11cm-hellgrun-1-stuck-10244">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kerzen Stumpenkerzen Rapswachs 5x11cm HELLGRÜN, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.25
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 11.25 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10244&quot;],&quot;content_name&quot;:&quot;Kerzen Stumpenkerzen Rapswachs 5x11cm HELLGRÜN, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10244&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IwdHvLTbkWNZp6IaxFIfdlE5YLCruDupJeKZrnvXu10V0LrLWS8sZcg3CS1GJeF2h0320Go5lH21uygYPYDgig" />
    <input value="10244" 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%3D9">
    <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/kerzen-stumpenkerzen-rapswachs-5x11cm-hellblau-1-stuck-10245">
          <img alt="Kerzen Stumpenkerzen Rapswachs 5x11cm HELLBLAU" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5537/file/small-2898d0bd35fdf0f564fdeeb6b91c6352.webp 600w, https://assets.fabulous.ch/public/variant_asset/5537/file/medium-a445f70620174d1172de795bfa1b1b41.webp 900w, https://assets.fabulous.ch/public/variant_asset/5537/file/large-e326e8e477862cd76056cf87608baf0d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5537/file/medium-a445f70620174d1172de795bfa1b1b41.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">eubiona</p>
          <a href="/de/products/kerzen-stumpenkerzen-rapswachs-5x11cm-hellblau-1-stuck-10245">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kerzen Stumpenkerzen Rapswachs 5x11cm HELLBLAU, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.25
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 11.25 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10245&quot;],&quot;content_name&quot;:&quot;Kerzen Stumpenkerzen Rapswachs 5x11cm HELLBLAU, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10245&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Kv4zXcgOLgTNIw7Ip9a2_jVcIZQx2PX8hFXtjnju-oQcKc4qJfqTAlyzpf8loUj-4yi39PBZWigUDFw4PrmhUw" />
    <input value="10245" 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%3D9">
    <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/kerzen-stumpenkerzen-rapswachs-5x11cm-hellrosa-1-stuck-10246">
          <img alt="Kerzen Stumpenkerzen Rapswachs 5x11cm HELLROSA" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5538/file/small-0af4613bdb57e309598207649163bb2d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5538/file/medium-534f3d2a0cb480d237e9f53ea1a12ab1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5538/file/large-c2cbd2fffe85f7f274be105fee9b4141.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5538/file/medium-534f3d2a0cb480d237e9f53ea1a12ab1.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">eubiona</p>
          <a href="/de/products/kerzen-stumpenkerzen-rapswachs-5x11cm-hellrosa-1-stuck-10246">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kerzen Stumpenkerzen Rapswachs 5x11cm HELLROSA, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.25
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 11.25 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-10246-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%3D9">
    <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/chai-sirup-bio-250-ml-11850">
          <img alt="Chai Sirup Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6055/file/small-32c27ea7634117f716d6f27af44b17e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6055/file/medium-01da6644d6cdaa0e6dbd3d61c91d32f4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6055/file/large-225e63c4938cab1b739ddb6f05474d1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6055/file/medium-01da6644d6cdaa0e6dbd3d61c91d32f4.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/chai-sirup-bio-250-ml-11850">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chai Sirup Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11850&quot;],&quot;content_name&quot;:&quot;Chai Sirup Bio, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11850&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hvlNTcaE-x1qyW6Y2cp4G1kKM553ReWyF7NFeo1ioyKwLrA6K3BGG_tZxa9bvYYbj36l_rbESmaH6vTMyzX49Q" />
    <input value="11850" 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%3D9">
    <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/badevulkan-glitzerfisch-luttes-welt-70-g-12382">
          <img alt="Badevulkan &quot;Glitzerfisch&quot; Lüttes Welt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6206/file/small-f19119ab0d00715b504e46832b2f908c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6206/file/medium-4787ffc7df3aadfbc63b79a71a461bcd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6206/file/large-5ba04026089bd6851c68c561cd658e5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6206/file/medium-4787ffc7df3aadfbc63b79a71a461bcd.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">Lüttes Welt</p>
          <a href="/de/products/badevulkan-glitzerfisch-luttes-welt-70-g-12382">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Badevulkan &quot;Glitzerfisch&quot; Lüttes Welt, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12382&quot;],&quot;content_name&quot;:&quot;Badevulkan \&quot;Glitzerfisch\&quot; Lüttes Welt, 70 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12382&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YVe9Nck_96vlbsD1dqiJAv9AWX-ccjD5-NYp5-lLimFXgEBCJMtKrXT-a8L033cCKTTPH13zny1oj5hRrxzRtg" />
    <input value="12382" 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%3D9">
    <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/pumpkin-spice-sirup-bio-250-ml-12642">
          <img alt="Pumpkin Spice Sirup Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6284/file/small-ff65247796126ed1b0ebf8d1523ffc8f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6284/file/medium-77b62ae122fe7bc556ee6d962b5b3966.webp 900w, https://assets.fabulous.ch/public/variant_asset/6284/file/large-eb03996fa8950b3a59a9839530579103.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6284/file/medium-77b62ae122fe7bc556ee6d962b5b3966.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/pumpkin-spice-sirup-bio-250-ml-12642">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pumpkin Spice Sirup Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12642&quot;],&quot;content_name&quot;:&quot;Pumpkin Spice Sirup Bio, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12642&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MMS2hQPXrvSj2ADwhY7xI2446UZ6nMrtFAfgOJg7STgGE0vy7iMT8jJIq8cH-Q8juEx_JrsdZTmEXlGO3mwS7w" />
    <input value="12642" 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%3D9">
    <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/bluefarm-forever-bottle-1-stuck-14362">
          <img alt="BlueFarm Forever Bottle" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6668/file/small-0ecebaa50705e8141993a510f0ef53f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6668/file/medium-a17212beb76bb0c3e62dc1ad3daa1e50.webp 900w, https://assets.fabulous.ch/public/variant_asset/6668/file/large-d9e352978b8800052b160edffd6be2c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6668/file/medium-a17212beb76bb0c3e62dc1ad3daa1e50.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">BlueFarm</p>
          <a href="/de/products/bluefarm-forever-bottle-1-stuck-14362">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BlueFarm Forever Bottle, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.70
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 19.70 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14362&quot;],&quot;content_name&quot;:&quot;BlueFarm Forever Bottle, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14362&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bjEoKUK0BqCUKs3vDA0ndn0LSGuPddaDuGM9s8OsVwBY5tVer0C7pgW6ZtiOetl2q3_eC070eVcoOowFhfsM1w" />
    <input value="14362" 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%3D9">
    <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/zimtflockchen-bio-gewurzzubereitung-bio-70-g-14448">
          <img alt="Zimtflöckchen Bio-Gewürzzubereitung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6688/file/small-39bc2034735fa0c49a3cd3ecca16185c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6688/file/medium-875cb409eae380a9625719a5fae6ba64.webp 900w, https://assets.fabulous.ch/public/variant_asset/6688/file/large-adc1171289767a0b0aadbf9bba5e9905.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6688/file/medium-875cb409eae380a9625719a5fae6ba64.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/zimtflockchen-bio-gewurzzubereitung-bio-70-g-14448">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zimtflöckchen Bio-Gewürzzubereitung Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14448&quot;],&quot;content_name&quot;:&quot;Zimtflöckchen Bio-Gewürzzubereitung Bio, 70 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14448&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lMHVk4UY_vzkNokIWz8iMdVTmQo-8-SBIBRYGpA2w5GiFijkaOxD-nWmIj_ZSNwxAycPav9yS1WwTems1mGYRg" />
    <input value="14448" 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%3D9">
    <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/schokoladenkugeln-adventskalender-288-g-14468">
          <img alt="Schokoladenkugeln Adventskalender" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6694/file/small-f5adde59f48d9f3fc567faf8c3222204.webp 600w, https://assets.fabulous.ch/public/variant_asset/6694/file/medium-dc79e0803bd4b13e44fc1ab8105659d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6694/file/large-06c58c7bac86b1ee4f262d7ae8c24541.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6694/file/medium-dc79e0803bd4b13e44fc1ab8105659d2.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">Mummy Meagz</p>
          <a href="/de/products/schokoladenkugeln-adventskalender-288-g-14468">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokoladenkugeln Adventskalender, 288 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-14468-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%3D9">
    <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/fruchtiger-winterpunsch-tee-bio-20-beutel-14489">
          <img alt="Fruchtiger Winterpunsch Tee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6720/file/small-63f804f72c7a6c64a993362157770d4b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6720/file/medium-bfb0839ccf46f65e1427e2a37ee023ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/6720/file/large-85a2c7f257aa297a7b21a8614ba90613.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6720/file/medium-bfb0839ccf46f65e1427e2a37ee023ca.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">Lebensbaum</p>
          <a href="/de/products/fruchtiger-winterpunsch-tee-bio-20-beutel-14489">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruchtiger Winterpunsch Tee Bio, 20 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.27 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14489&quot;],&quot;content_name&quot;:&quot;Fruchtiger Winterpunsch Tee Bio, 20 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14489&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z9jhHgyz9SSPCg9tdfWJbAcaSyVBAApun-QqCiGdyz1RDxxp4UdIIh6apFr3gnds0W7dRYCBpboPvZu8Z8qQ6g" />
    <input value="14489" 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%3D9">
    <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/wintergewurz-gemahlen-bio-50-g-14564">
          <img alt="Wintergewürz gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6738/file/small-c625021909579f53ad6f0059fa5a5d9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6738/file/medium-ee98b040cbbcf6581cc339165cdeeb38.webp 900w, https://assets.fabulous.ch/public/variant_asset/6738/file/large-c19c943ea959f3d8ca6b43ac0056d52a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6738/file/medium-ee98b040cbbcf6581cc339165cdeeb38.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">Lebensbaum</p>
          <a href="/de/products/wintergewurz-gemahlen-bio-50-g-14564">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wintergewürz gemahlen Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14564&quot;],&quot;content_name&quot;:&quot;Wintergewürz gemahlen Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14564&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xjSqfkkEGmCXZPPV1CHzxjyxZg1-5U_Nkuu2I3yzmDXw41cJpPCnZgb0WOJWVg3G6sXwbb9k4BkCsgeVOuTD4g" />
    <input value="14564" 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">
      180 von 204 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/weihnachten?format=turbo_stream&amp;page=10">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>