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

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/ath-ol-top-mandarine-5-ml-19275">
          <img alt="Äth. Öl TOP Mandarine" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9710/file/small-22491e12bb218e19cc5171e9166a13cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/9710/file/medium-8d38ddb389a17348bd5f6f4796ffaf20.webp 900w, https://assets.fabulous.ch/public/variant_asset/9710/file/large-22c38f70a657d9a8854aeec6564ec8df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9710/file/medium-8d38ddb389a17348bd5f6f4796ffaf20.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="/de/products/ath-ol-top-mandarine-5-ml-19275">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl TOP Mandarine, 5 ml</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 170.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qjo49eKBEWDvX-5Fb47A_oujmErSpw_j3qQns0oDiL2VBtwNXfC8WHXyB50IIor2ZpBjjiOiUhZ3E-hTHMSeBQ" />
    <input value="19275" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/ath-ol-top-orange-5-ml-19276">
          <img alt="Äth. Öl TOP Orange" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9709/file/small-8c91f69279c0172160d2545d957df05b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9709/file/medium-183efaa3737d36594b8001c504750d4b.webp 900w, https://assets.fabulous.ch/public/variant_asset/9709/file/large-b325e80631a731743dc0ba7dd816f940.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9709/file/medium-183efaa3737d36594b8001c504750d4b.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="/de/products/ath-ol-top-orange-5-ml-19276">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl TOP Orange, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BwPoAuk3znbV92RRbCBtoiAjp5E_ONH4U2OQSlaCcKg4Pwz6VkZjTk9ajYkLjCeqzRBcVc49jA361F-qAEVmEA" />
    <input value="19276" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/ath-ol-top-pfefferminze-5-ml-19277">
          <img alt="Äth. Öl TOP Pfefferminze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9708/file/small-9e5913f9b16aa8630d70e6b5ccc63208.webp 600w, https://assets.fabulous.ch/public/variant_asset/9708/file/medium-2d3f4f9a8e4d20985836d1683b115f69.webp 900w, https://assets.fabulous.ch/public/variant_asset/9708/file/large-3c3ca9ec34b227c2536183297b33cb3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9708/file/medium-2d3f4f9a8e4d20985836d1683b115f69.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="/de/products/ath-ol-top-pfefferminze-5-ml-19277">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl TOP Pfefferminze, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HxfuuDAwoEEnV9SiYSoQA8M5ObPpdTELIrxb0H-vbP4gKwpAj0ENeb36PXoGhloLLgrCdxhwbP6LC5QwKWh6Rg" />
    <input value="19277" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/cela-tabletten-100-stuck-19750">
          <img alt="Cela Tabletten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10217/file/small-ce3864626a677f0a498d458f038a701f.webp 600w, https://assets.fabulous.ch/public/variant_asset/10217/file/medium-2ec14bbbe85c96d64fbb8cd9f93b2b6d.webp 900w, https://assets.fabulous.ch/public/variant_asset/10217/file/large-b56582947bc9496c68fb16323085c4ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10217/file/medium-2ec14bbbe85c96d64fbb8cd9f93b2b6d.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">Burgerstein</p>
          <a href="/de/products/cela-tabletten-100-stuck-19750">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cela Tabletten, 100 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FfOklto6ZQoHLSEr-rPAare-AHjwbU1MqzwlKWfM4Agqz0BuZUvIMp2AyPOdH4piWo37vAFoELkCi-rJMQv2sA" />
    <input value="19750" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/ath-ol-top-teebaum-5-ml-19279">
          <img alt="Äth. Öl TOP Teebaum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9706/file/small-3717d7e6a4abb46dd975332da8e16f63.webp 600w, https://assets.fabulous.ch/public/variant_asset/9706/file/medium-af4e642b493cfcda58cff61316a7f4c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/9706/file/large-8d8ac0167942532299b8ef83ad2933e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9706/file/medium-af4e642b493cfcda58cff61316a7f4c7.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="/de/products/ath-ol-top-teebaum-5-ml-19279">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl TOP Teebaum, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t3oOEhgNBYiEvEUnrLORBF5Ud3D43Qof4fc6qxmlOVGIRurqp3yosB4RrP_LH9sMs2eMtAnYV-pIQPVLT2Iv6Q" />
    <input value="19279" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/ath-ol-lavendel-fein-aoc-10-ml-19267">
          <img alt="Äth. Öl Lavendel fein AOP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11438/file/small-891ebd6e83b21c58e353f1f8ee92fb1d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11438/file/medium-e39daf3c60e9dfd4a1e2e52e1c3b6550.webp 900w, https://assets.fabulous.ch/public/variant_asset/11438/file/large-ca0baaa68af0b27c37a8b9391f2a7ab2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11438/file/medium-e39daf3c60e9dfd4a1e2e52e1c3b6550.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="/de/products/ath-ol-lavendel-fein-aoc-10-ml-19267">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl Lavendel fein AOP, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Bq61HMCeLS_5v-GBEGKsD1n_j17RXeGxJH4HbmFENSI5klHkf--AF2MSCFl3zuYHtMx0miBYvESNyciON4Mjmg" />
    <input value="19267" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/shampoo-teebaum-trockene-und-gereizte-kopfhaut-bio-250-ml-5266">
          <img alt="Shampoo Teebaum Trockene und gereizte Kopfhaut Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3071/file/small-c248964bec29aefb0fe1c6bfc568de8d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3071/file/medium-153fafa382f5fb3458ab5de7a4929ca0.webp 900w, https://assets.fabulous.ch/public/variant_asset/3071/file/large-92bd1fd6f759169873cfd7f1dd3ddd0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3071/file/medium-153fafa382f5fb3458ab5de7a4929ca0.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="/de/products/shampoo-teebaum-trockene-und-gereizte-kopfhaut-bio-250-ml-5266">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shampoo Teebaum Trockene und gereizte Kopfhaut Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UUAEXETdyPsoHc9tgBMgMXvbJTqI7waWNAx0j-yY2elufOCk-6xlw7KwJrXnv2o5luje_nnqW2Odu7tvul_PUQ" />
    <input value="5266" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zahnpasta-fur-kinder-tuttifrutti-ohne-fluor-bio-75-ml-5265">
          <img alt="Zahnpasta für Kinder Tuttifrutti Ohne Fluor Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3070/file/small-12f0a55d4805c56922c4e36c60b56f62.webp 600w, https://assets.fabulous.ch/public/variant_asset/3070/file/medium-fd63b656efc9f3ccfe8eb4e3d12fbf99.webp 900w, https://assets.fabulous.ch/public/variant_asset/3070/file/large-896a0968134c0f0fd2c8d5e650f8e52c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3070/file/medium-fd63b656efc9f3ccfe8eb4e3d12fbf99.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="/de/products/zahnpasta-fur-kinder-tuttifrutti-ohne-fluor-bio-75-ml-5265">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta für Kinder Tuttifrutti Ohne Fluor Bio, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d0ujm3GiJiH0l7uEf-nbYJTJgeFtQua9ClPExos5J0FId0djztOLGW46UlwYRZFoefp6JZxHu0ij5Asm3f4x-Q" />
    <input value="5265" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zahnpasta-fur-kinder-original-ohne-fluor-bio-75-ml-5262">
          <img alt="Zahnpasta für Kinder Original Ohne Fluor Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3067/file/small-871d86740baa6e1f754dc7afdb73aaa0.webp 600w, https://assets.fabulous.ch/public/variant_asset/3067/file/medium-cead55c26e59fb39f63af16c61199ffa.webp 900w, https://assets.fabulous.ch/public/variant_asset/3067/file/large-b78beb646f42b9dc87338a1c696d23f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3067/file/medium-cead55c26e59fb39f63af16c61199ffa.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="/de/products/zahnpasta-fur-kinder-original-ohne-fluor-bio-75-ml-5262">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta für Kinder Original Ohne Fluor Bio, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IzqI4VIneHruGBsyM4p1asi0O2dq_f2AsIFFIRb3Q1YcBmwZ7VbVQnS18upUJj9iJYfAo5v4oHUZNorBQDBV7g" />
    <input value="5262" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zahncreme-eukalyptus-ohne-fluor-bio-75-ml-5264">
          <img alt="Zahncreme Eukalyptus Ohne Fluor Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3069/file/small-05836db2a2d0b3a4580a154f7d8187e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3069/file/medium-21d2569ac87b45e7950d050f9071b9bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/3069/file/large-8c65ee088364649c123a519d50ee9794.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3069/file/medium-21d2569ac87b45e7950d050f9071b9bb.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="/de/products/zahncreme-eukalyptus-ohne-fluor-bio-75-ml-5264">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahncreme Eukalyptus Ohne Fluor Bio, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iEObNb1NsnrAOapAAzMIAFroAd99KmUxQNoyhdD_6nO3f3_NAjwfQlqUQ5hkn0IIt9v6G4wvOMTpbf1lhjj8yw" />
    <input value="5264" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zahncreme-minze-gruntee-ohne-fluor-bio-75-ml-5263">
          <img alt="Zahncreme Minze &amp; Grüntee Ohne Fluor Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3068/file/small-b73ca34c0372700b0a0c0b2428cbdc71.webp 600w, https://assets.fabulous.ch/public/variant_asset/3068/file/medium-b5f998a8ee77799909a2861e2f39218a.webp 900w, https://assets.fabulous.ch/public/variant_asset/3068/file/large-566767e89233dca6f8fe1b77e258b8a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3068/file/medium-b5f998a8ee77799909a2861e2f39218a.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="/de/products/zahncreme-minze-gruntee-ohne-fluor-bio-75-ml-5263">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahncreme Minze &amp; Grüntee Ohne Fluor Bio, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WUUyQE88wxagukwscRPtm0bII71HLfiag_y1XRgA5rpmeda48E1uLjoXpfQWv6eTq_vYebYopW8qS3q9TsfwAg" />
    <input value="5263" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mandelol-shampoo-basisch-200-ml-19560">
          <img alt="Mandelöl Shampoo basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10038/file/small-dd0ad573fe0f8f429aca042dbf5a6fba.webp 600w, https://assets.fabulous.ch/public/variant_asset/10038/file/medium-f40626a509adaf4fddfe0fd63332eff0.webp 900w, https://assets.fabulous.ch/public/variant_asset/10038/file/large-e82dacc70fa1d7fc07c6ce87fa734924.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10038/file/medium-f40626a509adaf4fddfe0fd63332eff0.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">Droste-Laux</p>
          <a href="/de/products/mandelol-shampoo-basisch-200-ml-19560">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandelöl Shampoo basisch, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OkYef5xprB2-DFf_hbQQZVvYZfGHC_qXd5q7lCVFWtwFevqHIxgBJSShvifiGFpttuueNXYOp2LeLXR0c4JMZA" />
    <input value="19560" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zahnpasta-sensitive-100-ml-19350">
          <img alt="Zahnpasta Sensitive" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9785/file/small-8ef285ade6f5434b5f6e60935705072c.webp 600w, https://assets.fabulous.ch/public/variant_asset/9785/file/medium-9ba276c87c189f13fba0da6d02a8077b.webp 900w, https://assets.fabulous.ch/public/variant_asset/9785/file/large-6f7ba0d93c05c496e905c9d1867b3778.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9785/file/medium-9ba276c87c189f13fba0da6d02a8077b.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">Ben&amp;Anna</p>
          <a href="/de/products/zahnpasta-sensitive-100-ml-19350">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta Sensitive, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TJxmeAQWwgVDZG0m163og8HgfnXUeRI3B2XlwChFMNFzoIKAu2dvPdnJhP6wAaKLLNOFsSV8T8Ku0iogfoImaQ" />
    <input value="19350" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/deo-persian-lime-karton-40-g-19343">
          <img alt="Deo Persian Lime Karton" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9781/file/small-226ac37740aeda321b4afb866f5ae2ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/9781/file/medium-91a61629e3c9c19cc9c5c4cf7564925d.webp 900w, https://assets.fabulous.ch/public/variant_asset/9781/file/large-9515ca36ce1630f5a242b4d95f5af946.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9781/file/medium-91a61629e3c9c19cc9c5c4cf7564925d.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">Ben&amp;Anna</p>
          <a href="/de/products/deo-persian-lime-karton-40-g-19343">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo Persian Lime Karton, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tZ9MzRlAgNBg_qAMKSqwqzF-ApcQ55G_hnioaEZKmIqKo6g1pjEt6PpTSdROhvqj3E35U-HizEovz2eIEI2OMg" />
    <input value="19343" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/deo-pink-grapefruit-karton-40-g-19344">
          <img alt="Deo Pink Grapefruit Karton" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9782/file/small-0043b03df473b68d29239da02cc857c2.webp 600w, https://assets.fabulous.ch/public/variant_asset/9782/file/medium-aba09df686695c330154a4d4ac1fa092.webp 900w, https://assets.fabulous.ch/public/variant_asset/9782/file/large-3b3f80e4d7ed4e115b8fc2bf98051a90.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9782/file/medium-aba09df686695c330154a4d4ac1fa092.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">Ben&amp;Anna</p>
          <a href="/de/products/deo-pink-grapefruit-karton-40-g-19344">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo Pink Grapefruit Karton, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ULJsTlAIRspF58qrcK4Gr42PSRL2mEBiIyw3y1TNL-tvjoi273nr8t9KI3MXAkynYLyy1gedHZeKm_grAgo5Uw" />
    <input value="19344" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/deo-sensitiv-highland-breeze-40-g-19346">
          <img alt="Deo Sensitiv Highland Breeze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9783/file/small-88ad578137d0d6975607670f9672cf22.webp 600w, https://assets.fabulous.ch/public/variant_asset/9783/file/medium-4452c421cbf3dbe88681c5e305c3078a.webp 900w, https://assets.fabulous.ch/public/variant_asset/9783/file/large-e02bfa1c73750bd7f47626b463b7e3c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9783/file/medium-4452c421cbf3dbe88681c5e305c3078a.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">Ben&amp;Anna</p>
          <a href="/de/products/deo-sensitiv-highland-breeze-40-g-19346">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo Sensitiv Highland Breeze, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_JiCrydTo5aAAyQFGAcJ78p9F7K8yc43DnsdRFiPD6vDpGZXmCIOrhquzd1_q0PnJ07sdk3Mk8KnzNKkDkgZEw" />
    <input value="19346" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mundwasser-sensitiv-500-ml-19348">
          <img alt="Mundwasser sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9352/file/small-805a024951fe9399c32c476f824552aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/9352/file/medium-389a86f5b5423996f22a94e9c9eff1a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/9352/file/large-8af536db8f8c9ef88fe27c89e94d5175.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9352/file/medium-389a86f5b5423996f22a94e9c9eff1a7.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">Ben&amp;Anna</p>
          <a href="/de/products/mundwasser-sensitiv-500-ml-19348">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mundwasser sensitiv, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KhMo419UKtVYV6xkc5jD0wHK3lOuCxerX3T2NbamCdwVL8wb4CWH7cL6RbwUNInb7Pkll18OSl72wznV4GEfZA" />
    <input value="19348" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zahnpasta-zimt-140-g-19548">
          <img alt="Zahnpasta Zimt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10076/file/small-37acb559e0cd6a6574b7a074bc8c68a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/10076/file/medium-12f16da5afc3821eac2f4886702b0af8.webp 900w, https://assets.fabulous.ch/public/variant_asset/10076/file/large-d5195c52c322d51c73e7b5e91b0c5125.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10076/file/medium-12f16da5afc3821eac2f4886702b0af8.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">Dr. Bronners</p>
          <a href="/de/products/zahnpasta-zimt-140-g-19548">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta Zimt, 140 g</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 9.21 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nbUQPs3ti83GT9ULsWhY_aKEherZ3d0JpTl5AU6BV9aiifTGcpwm9VziPNPWxBL1T7d-LijYgPwMjrbhGEZBbg" />
    <input value="19548" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/liquid-soap-citrus-orange-240-ml-19535">
          <img alt="Liquid Soap Citrus-Orange" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9370/file/small-6405db75749c12b033e5fbfc80a4567b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9370/file/medium-2948eab548b56910a316d0ab6e2a40aa.webp 900w, https://assets.fabulous.ch/public/variant_asset/9370/file/large-49ff996a70cf8fec701898820a911f15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9370/file/medium-2948eab548b56910a316d0ab6e2a40aa.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">Dr. Bronners</p>
          <a href="/de/products/liquid-soap-citrus-orange-240-ml-19535">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Citrus-Orange, 240 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vTpReNIVknJsVPT76fE20rvLzHs-tkIbQ56V8zFDTQKCBrWAbWQ_Svb5HSOOXXzaVvg3v8-zH-7qKVoTZ4Rbug" />
    <input value="19535" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zahnpasta-white-mit-fluorid-100-ml-19726">
          <img alt="Zahnpasta White mit Fluorid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10332/file/small-254b2e9f48a866c4b64accb1b27e3a46.webp 600w, https://assets.fabulous.ch/public/variant_asset/10332/file/medium-3ff2c0fd4829fc5b6d5d963aaa2fd54c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10332/file/large-c41f3a24088187581fc579f1e0c8d37a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10332/file/medium-3ff2c0fd4829fc5b6d5d963aaa2fd54c.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">Ben&amp;Anna</p>
          <a href="/de/products/zahnpasta-white-mit-fluorid-100-ml-19726">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta White mit Fluorid, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B1lt0-YmjfVhhT6rugR9n_i5h01xlrarTFjz2vjBAT04ZYkrWVcgzfso13PdqDeXFYp8iYCT617l7zw6rgYXhQ" />
    <input value="19726" 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">
      520 von 3&#39;508 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/kookie-cat?format=turbo_stream&amp;page=27">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>