<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%2Fgeschenkideen%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/arve-raumduft-110-ml-22686">
          <img alt="Arve Raumduft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12072/file/small-02d8fca159312a206fc3fa061d7cae1a.webp 600w, https://assets.fabulous.ch/public/variant_asset/12072/file/medium-04cb61919f471514a0dec85f67010c38.webp 900w, https://assets.fabulous.ch/public/variant_asset/12072/file/large-64cf6b530b318939e87ac57532d800fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12072/file/medium-04cb61919f471514a0dec85f67010c38.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">AromaLife</p>
          <a href="/products/arve-raumduft-110-ml-22686">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Arve Raumduft, 110 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22686&quot;],&quot;content_name&quot;:&quot;Arve Raumduft, 110 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22686&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:39.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F8WXr44GguWJesGlXikzGkloT-wOKEXQFYuYGR62xXpn1rvXe7Q5ZuIkwwXlEvM3KwHS0PAiUt0vnCyeGo77YQ" />
    <input value="22686" 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%2Fgeschenkideen%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/kissenspray-geschenkset-3-x-30-ml-22689">
          <img alt="Kissenspray Geschenkset" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12075/file/small-8a208252b7d28f53236c1801338d725c.webp 600w, https://assets.fabulous.ch/public/variant_asset/12075/file/medium-19b846cc9037b9bb3a3b7deff244f665.webp 900w, https://assets.fabulous.ch/public/variant_asset/12075/file/large-7fed733a3ccecf45082c9a84531b6ac1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12075/file/medium-19b846cc9037b9bb3a3b7deff244f665.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">AromaLife</p>
          <a href="/products/kissenspray-geschenkset-3-x-30-ml-22689">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kissenspray Geschenkset, 3 x 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22689&quot;],&quot;content_name&quot;:&quot;Kissenspray Geschenkset, 3 x 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22689&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:22.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iPSHA-yzzukB86fFWjHpPf53B2EnpM2cZak_8uSn_Pv456t7GQF1amqtpWXhCikQnB6aXdmu2pFfvot14J_C4A" />
    <input value="22689" 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%2Fgeschenkideen%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/orange-tonka-kissenspray-30-ml-22696">
          <img alt="Orange &amp; Tonka Kissenspray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12084/file/small-dc110a1dcc799e4f23d2a54ec6a6fe43.webp 600w, https://assets.fabulous.ch/public/variant_asset/12084/file/medium-066b2c0de849c84dc889fcaffe23c2bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/12084/file/large-d4c2f38aaf9d13f096376e0e9ee3d15f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12084/file/medium-066b2c0de849c84dc889fcaffe23c2bf.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">AromaLife</p>
          <a href="/products/orange-tonka-kissenspray-30-ml-22696">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Orange &amp; Tonka Kissenspray, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22696&quot;],&quot;content_name&quot;:&quot;Orange \u0026 Tonka Kissenspray, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22696&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yW4rgcJqdwJvSeTJobJMFH7PQR-x_yI3H05qifZwWAy5fQf5N9jMgQQX5mkaiYw5HKbcI0_1NTolWd4O8khmFw" />
    <input value="22696" 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%2Fgeschenkideen%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/lavendel-melisse-kissenspray-30-ml-22695">
          <img alt="Lavendel &amp; Melisse Kissenspray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12083/file/small-a345c8b334dad3be00ac4271563cde65.webp 600w, https://assets.fabulous.ch/public/variant_asset/12083/file/medium-4d5f026421b79dabecc8a9e9fd743b8a.webp 900w, https://assets.fabulous.ch/public/variant_asset/12083/file/large-2f379874f7d5ea00821c8ac2ea2884bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12083/file/medium-4d5f026421b79dabecc8a9e9fd743b8a.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">AromaLife</p>
          <a href="/products/lavendel-melisse-kissenspray-30-ml-22695">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lavendel &amp; Melisse Kissenspray, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22695&quot;],&quot;content_name&quot;:&quot;Lavendel \u0026 Melisse Kissenspray, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22695&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aRMifBSMiiQzgXOJcB9c0KkbZmT8DYtzni28pgFCNSQZAA4E4T4xp1jfcSnLJJz9y3L7WAIHnH6kOgghBXoLPw" />
    <input value="22695" 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%2Fgeschenkideen%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/eukalyptus-thymian-kissenspray-30-ml-22694">
          <img alt="Eukalyptus &amp; Thymian Kissenspray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12082/file/small-0eea47649b8ed1e5c76dc41a908e57fe.webp 600w, https://assets.fabulous.ch/public/variant_asset/12082/file/medium-9652536168166f697ca027f29d77488d.webp 900w, https://assets.fabulous.ch/public/variant_asset/12082/file/large-3dc2fe177c95e4926a794a8cf75c7e7b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12082/file/medium-9652536168166f697ca027f29d77488d.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">AromaLife</p>
          <a href="/products/eukalyptus-thymian-kissenspray-30-ml-22694">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eukalyptus &amp; Thymian Kissenspray, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22694&quot;],&quot;content_name&quot;:&quot;Eukalyptus \u0026 Thymian Kissenspray, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22694&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2FeCkDEc-YDiG55adNUc2OpN_vNT1eIgvj_4jfYRuQeoRK7oxK5CA4lFnPrP7tz1iCRjz63f9S2EKEwK8imHHA" />
    <input value="22694" 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%2Fgeschenkideen%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/ich-zeit-kartenset-1-stuck-22691">
          <img alt="Ich-Zeit Kartenset" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12078/file/small-286703fc47537357ce3ecf4b073f13f2.webp 600w, https://assets.fabulous.ch/public/variant_asset/12078/file/medium-ef4cdcb2e9fb70118407cdf6e8b2cc07.webp 900w, https://assets.fabulous.ch/public/variant_asset/12078/file/large-6114d48afc044e4a10e7b8c59512ae85.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12078/file/medium-ef4cdcb2e9fb70118407cdf6e8b2cc07.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">AromaLife</p>
          <a href="/products/ich-zeit-kartenset-1-stuck-22691">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ich-Zeit Kartenset, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22691&quot;],&quot;content_name&quot;:&quot;Ich-Zeit Kartenset, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22691&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:45.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8FlPRgAxC3yePkkCKIaWpY3527qOaFtcOPJWiMiVe0OASmM-9YOw__VgS6KTvVaI75BGhnBiTFEC5eIPzK1FWA" />
    <input value="22691" 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%2Fgeschenkideen%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/christmas-duftmischung-10-ml-22028">
          <img alt="Christmas Duftmischung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11587/file/small-5ffab07d067b91420d80e49d47fd3c1d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11587/file/medium-0dd66d805d3a4e601e8d87a427e73788.webp 900w, https://assets.fabulous.ch/public/variant_asset/11587/file/large-ec46612ed31644b01cc0e5be3e7dee75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11587/file/medium-0dd66d805d3a4e601e8d87a427e73788.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">AromaLife</p>
          <a href="/products/christmas-duftmischung-10-ml-22028">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Christmas Duftmischung, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22028&quot;],&quot;content_name&quot;:&quot;Christmas Duftmischung, 10 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22028&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RXWLwqj92Rh66ZBofNwyrD6i7OzcdYeuQf4H439wx1w1Zqe6XU9imxG3ksjH5_KBXMtx0CJ_kKN76bNke0j5Rw" />
    <input value="22028" 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%2Fgeschenkideen%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/winterzauber-duftmischung-10-ml-22700">
          <img alt="Winterzauber Duftmischung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12088/file/small-0c7f48e90ca4fecf023cfd1ca86601c2.webp 600w, https://assets.fabulous.ch/public/variant_asset/12088/file/medium-671a2e3c612812f07c647f6d4c1651bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/12088/file/large-b36f2ed42c7e7ee63a5ee0ef73717167.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12088/file/medium-671a2e3c612812f07c647f6d4c1651bf.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">AromaLife</p>
          <a href="/products/winterzauber-duftmischung-10-ml-22700">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Winterzauber Duftmischung, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22700&quot;],&quot;content_name&quot;:&quot;Winterzauber Duftmischung, 10 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22700&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Jcaipsvxe0eOikC0zbXCw6W14ghKIuaOdnP1cwF9y6BV1Y7ePkPAxOXUQhR2jgLux9x_NLQo8YNMZEH0BUX1uw" />
    <input value="22700" 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%2Fgeschenkideen%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/zimtstern-duftmischung-10-ml-22699">
          <img alt="Zimtstern Duftmischung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12087/file/small-ca115cfe47b446ab39fac9a25ea7759d.webp 600w, https://assets.fabulous.ch/public/variant_asset/12087/file/medium-3d018a3f4a06435b78f20552dd76269b.webp 900w, https://assets.fabulous.ch/public/variant_asset/12087/file/large-0f96782909ab707ae656d6aeeacb0680.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12087/file/medium-3d018a3f4a06435b78f20552dd76269b.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">AromaLife</p>
          <a href="/products/zimtstern-duftmischung-10-ml-22699">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zimtstern Duftmischung, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22699&quot;],&quot;content_name&quot;:&quot;Zimtstern Duftmischung, 10 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22699&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Bnm7nTs2-VIOX4hYPbhnWL4kvf2PQ9CeO48By8BwbJt2apflzoRC0WUBiviGg6d13E0gwXFJx5MBmLVMxEhSgA" />
    <input value="22699" 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%2Fgeschenkideen%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/sternenklar-duftmischung-10-ml-22698">
          <img alt="Sternenklar Duftmischung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12086/file/small-c385b531ad4e1a26618291640f0d28e2.webp 600w, https://assets.fabulous.ch/public/variant_asset/12086/file/medium-47615a2fc9802e4094eea60ffb1b51dd.webp 900w, https://assets.fabulous.ch/public/variant_asset/12086/file/large-ecb6626a9badb596903523ef23bc32ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12086/file/medium-47615a2fc9802e4094eea60ffb1b51dd.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">AromaLife</p>
          <a href="/products/sternenklar-duftmischung-10-ml-22698">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sternenklar Duftmischung, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22698&quot;],&quot;content_name&quot;:&quot;Sternenklar Duftmischung, 10 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22698&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zGKEuPee1qrXtl-U0zNJnOVBSVgrM4bfN3hUKppq_gG8cajAAixtKbzoXTRoCImxhyjUZNU5kdINb-CtnlLAGg" />
    <input value="22698" 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%2Fgeschenkideen%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/jingle-bites-bio-150-g-22715">
          <img alt="Jingle Bites Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12110/file/small-c433620f81ea68ce00e958aeeb190f11.webp 600w, https://assets.fabulous.ch/public/variant_asset/12110/file/medium-c7a833b9b547287f879666a6eb15d283.webp 900w, https://assets.fabulous.ch/public/variant_asset/12110/file/large-5bc3e17dfb316f8efe1eb12474a97b65.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12110/file/medium-c7a833b9b547287f879666a6eb15d283.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">Naturkostbar</p>
          <a href="/products/jingle-bites-bio-150-g-22715">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jingle Bites Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22715&quot;],&quot;content_name&quot;:&quot;Jingle Bites Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22715&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZQ2PikVs7GWpeBhdqj4tGh2n4AxYYjIRqB3oqclsRtwVHqPysN5X5sImGv0RBe03f859MKZoJRySClwuzVR4xw" />
    <input value="22715" 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%2Fgeschenkideen%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/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="/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="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zG2cuaMQzw7Z9GDS__xRwd5Brm1P72fsA3LiOLDTBlq8frDBVqJ0jbKqYnJEx5HsvCgzUbHlcOE5ZVa_tOs4QQ" />
    <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="/signup?return_to=%2Fcategories%2Fweihnachten%2Fgeschenkideen%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/nahrendes-haarol-kokosnuss-bio-100-ml-22365">
          <img alt="Nährendes Haaröl Kokosnuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11821/file/small-8d9eb23a2a265523b1d33ab6ac311384.webp 600w, https://assets.fabulous.ch/public/variant_asset/11821/file/medium-f65b3bdfa79f0119fa5a812f819cbfb0.webp 900w, https://assets.fabulous.ch/public/variant_asset/11821/file/large-df614964878fdb067ef30220595a409d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11821/file/medium-f65b3bdfa79f0119fa5a812f819cbfb0.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">Urtekram</p>
          <a href="/products/nahrendes-haarol-kokosnuss-bio-100-ml-22365">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nährendes Haaröl Kokosnuss Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22365&quot;],&quot;content_name&quot;:&quot;Nährendes Haaröl Kokosnuss Bio, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22365&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yo06qvJpifIWsfBkwUV_AHFhS_IwQkNOe5LjpzO5d8a6nhbSB9sycX3v8sR6fr8tEwjWzs5IVENBhVcgN4FJ3Q" />
    <input value="22365" 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%2Fgeschenkideen%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/mummy-meegz-choccy-balls-vegane-schokoladentruffel-weihnachtscracker-96-g-22636">
          <img alt="Mummy Meegz Choccy Balls Vegane Schokoladentrüffel Weihnachtscracker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12056/file/small-5a9dfd0843cf7d5831ac6390b5cedb30.webp 600w, https://assets.fabulous.ch/public/variant_asset/12056/file/medium-21c5124c564976a07e80a83fb25ed827.webp 900w, https://assets.fabulous.ch/public/variant_asset/12056/file/large-e422f2ffcf1afb41cb0edae22ddf39b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12056/file/medium-21c5124c564976a07e80a83fb25ed827.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="/products/mummy-meegz-choccy-balls-vegane-schokoladentruffel-weihnachtscracker-96-g-22636">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mummy Meegz Choccy Balls Vegane Schokoladentrüffel Weihnachtscracker, 96 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22636&quot;],&quot;content_name&quot;:&quot;Mummy Meegz Choccy Balls Vegane Schokoladentrüffel Weihnachtscracker, 96 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22636&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t6KA1s0z3JWLOkIS5Anb7gd9ifCbwRbyw6H__BpsMU3HsayuOIFnFuBkQLJfMhvDZRQUzGXLAf_5tkt7HlQPVg" />
    <input value="22636" 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%2Fgeschenkideen%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/mummy-meegz-m-z-gems-vegane-schokolinsen-weihnachtscracker-160-g-22635">
          <img alt="Mummy Meegz M&#39;z Gems Vegane Schokolinsen Weihnachtscracker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12055/file/small-e6ce8c46bfe6125d9792bbc983d10474.webp 600w, https://assets.fabulous.ch/public/variant_asset/12055/file/medium-cecfba7f808c8a4535145d44701cdd79.webp 900w, https://assets.fabulous.ch/public/variant_asset/12055/file/large-b637a2169c3ce2c770e870c8a7b21f98.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12055/file/medium-cecfba7f808c8a4535145d44701cdd79.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="/products/mummy-meegz-m-z-gems-vegane-schokolinsen-weihnachtscracker-160-g-22635">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mummy Meegz M&#39;z Gems Vegane Schokolinsen Weihnachtscracker, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22635&quot;],&quot;content_name&quot;:&quot;Mummy Meegz M&#39;z Gems Vegane Schokolinsen Weihnachtscracker, 160 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22635&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UqNOpXWbxVaF_Iab2p9y1uCeMYbUvdW5VQuQNyVkdHkisGLdgCl-1e6ihDthpLL7gvesuiq3wrRvHCSwIVxKYg" />
    <input value="22635" 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%2Fgeschenkideen%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/chocolarder-gola-rainforest-78-vegane-dunkle-schokolade-70-g-22634">
          <img alt="Chocolarder Gola Rainforest 78 % Vegane Dunkle Schokolade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12052/file/small-deb9c51fe98d9002698be094180c5f55.webp 600w, https://assets.fabulous.ch/public/variant_asset/12052/file/medium-1b64b04204d27b816a0338e6c208e111.webp 900w, https://assets.fabulous.ch/public/variant_asset/12052/file/large-3c84fb79388c5774e84bd3e278b11bee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12052/file/medium-1b64b04204d27b816a0338e6c208e111.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">Chocolarder</p>
          <a href="/products/chocolarder-gola-rainforest-78-vegane-dunkle-schokolade-70-g-22634">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chocolarder Gola Rainforest 78 % Vegane Dunkle Schokolade, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22634&quot;],&quot;content_name&quot;:&quot;Chocolarder Gola Rainforest 78 % Vegane Dunkle Schokolade, 70 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22634&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8WE7w1ZGB9uZnzBDmHSFF2s6ho6RiVtVt8DV8Bkqhk2Bche7o_S8WPLBMuMjT0U6CVMbsm-DTFiN12F3HRK4Vg" />
    <input value="22634" 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%2Fgeschenkideen%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/h-p-gingerbread-cookie-vegane-hafermilchschokolade-70-g-22633">
          <img alt="H!P Gingerbread Cookie Vegane Hafermilchschokolade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12051/file/small-eff757b03e8a5ed55313141397b4180d.webp 600w, https://assets.fabulous.ch/public/variant_asset/12051/file/medium-0cb416c91a9e5dd73a1be94817be9ce2.webp 900w, https://assets.fabulous.ch/public/variant_asset/12051/file/large-e7c27c9bb578cdc62652c1986014d48f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12051/file/medium-0cb416c91a9e5dd73a1be94817be9ce2.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">H!P Chocolate</p>
          <a href="/products/h-p-gingerbread-cookie-vegane-hafermilchschokolade-70-g-22633">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">H!P Gingerbread Cookie Vegane Hafermilchschokolade, 70 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 6.07 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22633&quot;],&quot;content_name&quot;:&quot;H!P Gingerbread Cookie Vegane Hafermilchschokolade, 70 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22633&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NJCJPUGMOLY_w2nOGfVJCHUVF0vuEGul_gmdec6O-_lEg6VFtD6DNVSda26izoklF3yKdxAafKjEHin-yrbF4g" />
    <input value="22633" 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%2Fgeschenkideen%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/veganer-weihnachts-o-bar-mit-ingwer-mandeln-200-g-22632">
          <img alt="Veganer Weihnachts-O&#39;Bar mit Ingwer &amp; Mandeln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12050/file/small-5ee50bbca1a30649f2306e6d6473480c.webp 600w, https://assets.fabulous.ch/public/variant_asset/12050/file/medium-273c375ace36128459ff3ac6ced3e9c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/12050/file/large-de69a5452a755afaa6070e7a4bb9999d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12050/file/medium-273c375ace36128459ff3ac6ced3e9c7.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">Catherine&#39;s Originals</p>
          <a href="/products/veganer-weihnachts-o-bar-mit-ingwer-mandeln-200-g-22632">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Veganer Weihnachts-O&#39;Bar mit Ingwer &amp; Mandeln, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22632&quot;],&quot;content_name&quot;:&quot;Veganer Weihnachts-O&#39;Bar mit Ingwer \u0026 Mandeln, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22632&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZrbCxxutAXsU5lUMTcJogltMG3DJ_tepRUMYZcj3FHYWpe6_7h-6-H-4V6z2-aivOSWGTDf0wKR_VKzizM8qbQ" />
    <input value="22632" 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%2Fgeschenkideen%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/veganer-white-chocolate-o-bar-schokoriegel-mit-mandeln-honeycomb-200-g-22631">
          <img alt="Veganer White Chocolate O&#39;Bar Schokoriegel mit Mandeln &amp; Honeycomb" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12049/file/small-87c5631ec421b9d786e954590668c165.webp 600w, https://assets.fabulous.ch/public/variant_asset/12049/file/medium-f4fadd5176c443877469ea0a149d87e9.webp 900w, https://assets.fabulous.ch/public/variant_asset/12049/file/large-28532c23a012d9e160f6857f370d062d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12049/file/medium-f4fadd5176c443877469ea0a149d87e9.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">Catherine&#39;s Originals</p>
          <a href="/products/veganer-white-chocolate-o-bar-schokoriegel-mit-mandeln-honeycomb-200-g-22631">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Veganer White Chocolate O&#39;Bar Schokoriegel mit Mandeln &amp; Honeycomb, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22631&quot;],&quot;content_name&quot;:&quot;Veganer White Chocolate O&#39;Bar Schokoriegel mit Mandeln \u0026 Honeycomb, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22631&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PPH1SGfN7AdC2dzHDdrJMZsqTLtaF88GnqWvPhTbkeBM4tkwkn9XhCmH3me24Qkc-UPRh6Qd2Aukshu5EOOv-w" />
    <input value="22631" 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%2Fgeschenkideen%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/catherine-s-originals-crunchy-almond-h-ney-o-bar-200-g-16858">
          <img alt="Veganer O&#39;Bar Schokoriegel mit Mandeln &amp; Honeycomb" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7863/file/small-069d8a7c389ce7cd6bb20879185d0a27.webp 600w, https://assets.fabulous.ch/public/variant_asset/7863/file/medium-1d450d5170ca9f0bfad046a5d1c26f50.webp 900w, https://assets.fabulous.ch/public/variant_asset/7863/file/large-f7b96ac2b7225729f2f0ab8c3875a9f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7863/file/medium-1d450d5170ca9f0bfad046a5d1c26f50.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">Catherine&#39;s Originals</p>
          <a href="/products/catherine-s-originals-crunchy-almond-h-ney-o-bar-200-g-16858">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Veganer O&#39;Bar Schokoriegel mit Mandeln &amp; Honeycomb, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16858&quot;],&quot;content_name&quot;:&quot;Veganer O&#39;Bar Schokoriegel mit Mandeln \u0026 Honeycomb, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16858&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YOiPx72hbHRphSa3XDeOCSqIN0ppvGW7gLoriV7M6hMQ-6O_SBPX9wLbJBfnDE4kSOGqdpe2cra6rZ8OWvTUCA" />
    <input value="16858" 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 114 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/weihnachten/geschenkideen?format=turbo_stream&amp;page=3">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>