<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%3D6">
    <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/chakra-ol-no-1-root-grounding-100-ml-22252">
          <img alt="Chakra Öl No. 1 Root Grounding" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11748/file/small-d6acdd26c9f3ecf898a1e88ea8e6eed3.webp 600w, https://assets.fabulous.ch/public/variant_asset/11748/file/medium-9d054c767ccc8e77cc5615c39ab11221.webp 900w, https://assets.fabulous.ch/public/variant_asset/11748/file/large-ab1c87a6f841bc3718834af35e0a93a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11748/file/medium-9d054c767ccc8e77cc5615c39ab11221.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">SeelenLiebe</p>
          <a href="/products/chakra-ol-no-1-root-grounding-100-ml-22252">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chakra Öl No. 1 Root Grounding, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 60.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22252&quot;],&quot;content_name&quot;:&quot;Chakra Öl No. 1 Root Grounding, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22252&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:60.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Cy5mopkJ59SN3Z27ihA64tb6V7W2uP9q2myhz4tgzaInhbg6Cy8_i5H0ZIu8WsDysMhvAwrLFUEva8OUJHderg" />
    <input value="22252" 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%3D6">
    <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/chakra-ol-no-2-sacral-sensuality-100-ml-22251">
          <img alt="Chakra Öl No. 2 Sacral Sensuality" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11747/file/small-cee734c8ae52da647a631ced9ecca0f5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11747/file/medium-5b37722c67917332a6b88b99a3802ba2.webp 900w, https://assets.fabulous.ch/public/variant_asset/11747/file/large-aac882999bffdf7a6194e7bd986af2fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11747/file/medium-5b37722c67917332a6b88b99a3802ba2.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">SeelenLiebe</p>
          <a href="/products/chakra-ol-no-2-sacral-sensuality-100-ml-22251">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chakra Öl No. 2 Sacral Sensuality, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 60.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22251&quot;],&quot;content_name&quot;:&quot;Chakra Öl No. 2 Sacral Sensuality, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22251&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:60.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wGnCTfO6pUClcuQjCf-h5lwcxKTqONBpy1ZMLg2Rv1_swhzVYZx9H7lbHRM_tVv2Oi78ElZLOkI-US51ooYsUw" />
    <input value="22251" 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%3D6">
    <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/benecos-geschenkset-for-men-only-bio-250-ml-15781">
          <img alt="Benecos Geschenkset for men only Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7195/file/small-88394cd176ee571eacd0ef41cf37e1e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7195/file/medium-482915e0d8cd3dd9f0b37a545cf64e83.webp 900w, https://assets.fabulous.ch/public/variant_asset/7195/file/large-5999e1bf0f85f316ac01ffa103a333f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7195/file/medium-482915e0d8cd3dd9f0b37a545cf64e83.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">benecos</p>
          <a href="/products/benecos-geschenkset-for-men-only-bio-250-ml-15781">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Benecos Geschenkset for men only Bio, 250 ml</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 4.50 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15781&quot;],&quot;content_name&quot;:&quot;Benecos Geschenkset for men only Bio, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15781&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eqhRuX8SPFVw1asKoBSOXZLSDOOr1zRgpm_Oga-Q_dBWA48h7TTkCmz8UjqWXnRN9OA0VRek3ktTaKzaAIdu3A" />
    <input value="15781" 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%3D6">
    <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/fingerfarben-luka-lila-rosa-gelb-und-grun-120-g-16874">
          <img alt="Fingerfarben &quot;Luka&quot; lila, rosa, gelb und grün" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7871/file/small-e1029e28d0bebb41f74ffeb66036e80e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7871/file/medium-c47d4885b4c38fb87f11314709c67848.webp 900w, https://assets.fabulous.ch/public/variant_asset/7871/file/large-c81edc567700800f2a8578a72342fa8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7871/file/medium-c47d4885b4c38fb87f11314709c67848.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">memo</p>
          <a href="/products/fingerfarben-luka-lila-rosa-gelb-und-grun-120-g-16874">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fingerfarben &quot;Luka&quot; lila, rosa, gelb und grün, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16874&quot;],&quot;content_name&quot;:&quot;Fingerfarben \&quot;Luka\&quot; lila, rosa, gelb und grün, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16874&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:31.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VkWnVbSP-PA1c3Xhdv1SF2sDYNzyMxkfaAx4JpEko6N67nnNJqkgrylajNFAt6gHDTFYak5A8zSdCxp9PjMwrw" />
    <input value="16874" 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%3D6">
    <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/gewurzbluten-alles-liebe-dose-bio-30-g-18924">
          <img alt="Gewürzblüten Alles Liebe Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10943/file/small-352dcdac935c670e0cc09438e9092670.webp 600w, https://assets.fabulous.ch/public/variant_asset/10943/file/medium-624fc4dccf186fc7a20b0716e9e4be2e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10943/file/large-99883fde89e663d4d0638c55a424fe8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10943/file/medium-624fc4dccf186fc7a20b0716e9e4be2e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/gewurzbluten-alles-liebe-dose-bio-30-g-18924">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürzblüten Alles Liebe Dose Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18924&quot;],&quot;content_name&quot;:&quot;Gewürzblüten Alles Liebe Dose Bio, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18924&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nUQXc0DeJUqMRtdWjXla5oF_6hTssL4XNlPa3f6oh06x78nr0vj9FZBvLma7M6D2503SolDDVDzDVLiGUb8UQg" />
    <input value="18924" 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%3D6">
    <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/gewurzbluten-gluck-dose-bio-28-g-18927">
          <img alt="Gewürzblüten Glück Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10945/file/small-14151b10fa57f5fa42a3fca58bcb56cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/10945/file/medium-128b9aafa20e20b2f07b485361a07bfb.webp 900w, https://assets.fabulous.ch/public/variant_asset/10945/file/large-361e1b56b7e20cd5d2ceaeee7f28c7cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10945/file/medium-128b9aafa20e20b2f07b485361a07bfb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/gewurzbluten-gluck-dose-bio-28-g-18927">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürzblüten Glück Dose Bio, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18927&quot;],&quot;content_name&quot;:&quot;Gewürzblüten Glück Dose Bio, 28 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18927&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FzRufJqrYGtugXD4-r8HPaufU1dbqKCwPRgaMgnPWDM7n7DkCI24NHKoicjM9f0tza1r4efbSpvIH3hpptjLPw" />
    <input value="18927" 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%3D6">
    <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/gewurzbluten-gute-laune-dose-bio-25-g-18929">
          <img alt="Gewürzblüten Gute Laune Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10946/file/small-5dd207d4384fb7f6fee0bc98a07d5107.webp 600w, https://assets.fabulous.ch/public/variant_asset/10946/file/medium-bea725e388b2a804bc9741a63e5ca9c3.webp 900w, https://assets.fabulous.ch/public/variant_asset/10946/file/large-968418af081284b388e7e1efb526e26b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10946/file/medium-bea725e388b2a804bc9741a63e5ca9c3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/gewurzbluten-gute-laune-dose-bio-25-g-18929">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürzblüten Gute Laune Dose Bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18929&quot;],&quot;content_name&quot;:&quot;Gewürzblüten Gute Laune Dose Bio, 25 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18929&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QvjZxrrS91MWpIXjGCgOknTW_pl84YwMX_5wQSmltP9uUwdeKPQvDAqNfNMuYvSCEuTGL8CSZieq-RIahrIn8w" />
    <input value="18929" 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%3D6">
    <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/chakra-ol-no-1-root-grounding-30-ml-22142">
          <img alt="Chakra Öl No. 1 Root Grounding" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11672/file/small-576f48d16963d903c1ffda25102cda97.webp 600w, https://assets.fabulous.ch/public/variant_asset/11672/file/medium-7ddbf0567fb4665931d5056133550e04.webp 900w, https://assets.fabulous.ch/public/variant_asset/11672/file/large-e99230d9fa72d664d2467174911a6155.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11672/file/medium-7ddbf0567fb4665931d5056133550e04.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">SeelenLiebe</p>
          <a href="/products/chakra-ol-no-1-root-grounding-30-ml-22142">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chakra Öl No. 1 Root Grounding, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22142&quot;],&quot;content_name&quot;:&quot;Chakra Öl No. 1 Root Grounding, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22142&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:30.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GF5tPoxYUjEkpkd7A_YpP2IfBofOUvM9f69UKoR5UwM09bOmHn6KbjiPvks1vNMvBC0-MXIhGRaKqDZxK27ADw" />
    <input value="22142" 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%3D6">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/amaretti-mit-orange-und-schokolade-vegan-bio-136-g-22601">
          <img alt="Amaretti mit Orange und Schokolade Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12009/file/small-e9375a87ce30d42e9f31b7a031e45fa3.webp 600w, https://assets.fabulous.ch/public/variant_asset/12009/file/medium-32e4ff3f4056f7ce1398805f5911f9a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/12009/file/large-2c9043c63e6fc6b49bd98fc64ce5816a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12009/file/medium-32e4ff3f4056f7ce1398805f5911f9a9.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">Leibacher Biber-Manufaktur</p>
          <a href="/products/amaretti-mit-orange-und-schokolade-vegan-bio-136-g-22601">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Amaretti mit Orange und Schokolade Vegan Bio, 136 g</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 8.53 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22601&quot;],&quot;content_name&quot;:&quot;Amaretti mit Orange und Schokolade Vegan Bio, 136 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22601&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gT-ZOYkP7jkTbxTez9A_OpE4Y69wFPH-nxfuSBzKcmytlEehGyk2Zg9G7e75msUq9wpbGcxnG9VqEIwTs93hYA" />
    <input value="22601" 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%3D6">
    <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/ruhe-geschenkset-1-stuck-22690">
          <img alt="Ruhe Geschenkset" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12076/file/small-c1eb44c58f13197f1baf339ec8f3f6e9.webp 600w, https://assets.fabulous.ch/public/variant_asset/12076/file/medium-ce2957fc4b2a3305108c7a67c30336f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/12076/file/large-5833dc01ccae1391a9085bd0e84be1c5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12076/file/medium-ce2957fc4b2a3305108c7a67c30336f9.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/ruhe-geschenkset-1-stuck-22690">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ruhe Geschenkset, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22690&quot;],&quot;content_name&quot;:&quot;Ruhe Geschenkset, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22690&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:26.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M-5YNhWEYErHK-fqtzo-b-kGSQUWUGPXk3BMsiBEtvIfRYauh6K4FdsCHtqBcMR_jzRxs6ojifxmdy7pj1Ml_g" />
    <input value="22690" 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%3D6">
    <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-provence-geschenkset-1-stuck-22697">
          <img alt="Lavendel &quot;Provence&quot; Geschenkset" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12085/file/small-c2a7165e119f401aecbd4c9aadb6ac80.webp 600w, https://assets.fabulous.ch/public/variant_asset/12085/file/medium-3ae385d3503029c64a4fbf72d6ed65a1.webp 900w, https://assets.fabulous.ch/public/variant_asset/12085/file/large-680027268bcd261cd619568aa6899edc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12085/file/medium-3ae385d3503029c64a4fbf72d6ed65a1.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-provence-geschenkset-1-stuck-22697">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lavendel &quot;Provence&quot; Geschenkset, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22697&quot;],&quot;content_name&quot;:&quot;Lavendel \&quot;Provence\&quot; Geschenkset, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22697&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="53FdoN6AF3nQUeJLpv-qNgS9ePl78zitHOFc_mUfVzLL2oM4TKbPJsx4G3uQtVAmYo9AT8eA0obp5j6lygjEPg" />
    <input value="22697" 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%3D6">
    <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/blubberschaum-pflegebad-schnatterinchen-2-x-30-g-22709">
          <img alt="Blubberschaum Pflegebad Schnatterinchen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12097/file/small-5d5f38ca10cca59ec1a63f4b8b58c662.webp 600w, https://assets.fabulous.ch/public/variant_asset/12097/file/medium-dfed06c16af6a56cae5759add807d8a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/12097/file/large-540d9c5f834e24fa5accb749b86821bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12097/file/medium-dfed06c16af6a56cae5759add807d8a8.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">Dresdner Essenz</p>
          <a href="/products/blubberschaum-pflegebad-schnatterinchen-2-x-30-g-22709">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Blubberschaum Pflegebad Schnatterinchen, 2 x 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22709&quot;],&quot;content_name&quot;:&quot;Blubberschaum Pflegebad Schnatterinchen, 2 x 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22709&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="olEJFu4J0frpZyuwC6nZYacWPEBRWHQsJ1NohZzh9m-O-teOfC8JpfVO0oA94yNxwSQE9u0rngfSVAreM_ZlYw" />
    <input value="22709" 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%3D6">
    <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/badesalz-de-stress-60-g-22710">
          <img alt="Badesalz De-Stress" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12098/file/small-c65f12efa7b200d2b28e77df72480a29.webp 600w, https://assets.fabulous.ch/public/variant_asset/12098/file/medium-25f7aa4f394cc88c138907e71dc082f8.webp 900w, https://assets.fabulous.ch/public/variant_asset/12098/file/large-f3848b6ed8bfc0169b1f8e3618f7cd76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12098/file/medium-25f7aa4f394cc88c138907e71dc082f8.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">Dresdner Essenz</p>
          <a href="/products/badesalz-de-stress-60-g-22710">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Badesalz De-Stress, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22710&quot;],&quot;content_name&quot;:&quot;Badesalz De-Stress, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22710&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="btoP-IKqrKG4Zyu56NEg6_QeHCQ57J2zV_xvxYe9OrtCcdFgEIx0_qRO0onem9r7kiwkkoWfd5ii-w2eKKqptw" />
    <input value="22710" 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%3D6">
    <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/badesalz-entspannung-schlaf-60-g-22711">
          <img alt="Badesalz Entspannung &amp; Schlaf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12099/file/small-842d8f48541fdf056c11f61a91fd4352.webp 600w, https://assets.fabulous.ch/public/variant_asset/12099/file/medium-1c9184f5b922fb1e0d5da8481f0bda5a.webp 900w, https://assets.fabulous.ch/public/variant_asset/12099/file/large-2592af3762171074fb991b0cd3690459.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12099/file/medium-1c9184f5b922fb1e0d5da8481f0bda5a.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">Dresdner Essenz</p>
          <a href="/products/badesalz-entspannung-schlaf-60-g-22711">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Badesalz Entspannung &amp; Schlaf, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22711&quot;],&quot;content_name&quot;:&quot;Badesalz Entspannung \u0026 Schlaf, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22711&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dsAvDW_kYCfV-g3YmXbE4DjU8vH6WBKxjzKxp5y5dtFaa_GV_cK4eMnT9OivPD7wXubKR0Yr-Jp6NdP8M67l3Q" />
    <input value="22711" 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">
      114 von 114 Produkten
    </p>
  </div>
</div>

</template></turbo-stream>