<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%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D165">
    <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/ume-su-pflaumenessig-bio-250-ml-18733">
          <img alt="Ume Su Pflaumenessig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10001/file/small-347fa90d67899bc3d3b8cb7b718bca2e.webp 600w, https://assets.fabulous.ch/public/variant_asset/10001/file/medium-868171108aa44246176990111ad01a45.webp 900w, https://assets.fabulous.ch/public/variant_asset/10001/file/large-177884f2cad106427f69f850fd7759a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10001/file/medium-868171108aa44246176990111ad01a45.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">Muso</p>
          <a href="/de/products/ume-su-pflaumenessig-bio-250-ml-18733">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ume Su Pflaumenessig Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LSg4MBEOhjKcuQnqcP_2JWMZm90vq9zDEvoyNWqKZgPUDCVu9tPKMtcJDCeEo3pYdqM_6U-PyTuPmcLBuqBJTQ" />
    <input value="18733" 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%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D165">
    <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/ei-ersatz-bio-175-g-18736">
          <img alt="Ei-Ersatz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10239/file/small-54c396de582a713ee95cf265273224cb.webp 600w, https://assets.fabulous.ch/public/variant_asset/10239/file/medium-7d8e92f7eea4b25035d1a77a5b1626a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/10239/file/large-783eed1b6366fa78a43e7f4c078967b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10239/file/medium-7d8e92f7eea4b25035d1a77a5b1626a8.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">Natura</p>
          <a href="/de/products/ei-ersatz-bio-175-g-18736">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ei-Ersatz Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yZnnFzwGQogOS64LzueSzigeZR_ZzcXx0XCQPO_6sEcwvfpJ29sOiEX7q8Y6ux6zPaTBK7np0AlME2DIP9CfCQ" />
    <input value="18736" 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%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D165">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/leinsamenmehl-teilentolt-bio-knospe-250-g-18758">
          <img alt="Leinsamenmehl teilentölt Schweiz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11293/file/small-c3b5d20a6f8a78e289c9da70ff8f6abc.webp 600w, https://assets.fabulous.ch/public/variant_asset/11293/file/medium-96c878663cb80ed16ff61050ca4191ce.webp 900w, https://assets.fabulous.ch/public/variant_asset/11293/file/large-ad3c6e09e088ccb1f9de9a89ca99e0b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11293/file/medium-96c878663cb80ed16ff61050ca4191ce.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">Biofarm</p>
          <a href="/de/products/leinsamenmehl-teilentolt-bio-knospe-250-g-18758">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Leinsamenmehl teilentölt Schweiz Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  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%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D165">
    <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/cashew-creme-bio-250-g-18809">
          <img alt="Cashew Creme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10932/file/small-2ce1fba27ca86f8bae5ce94f35354ce5.webp 600w, https://assets.fabulous.ch/public/variant_asset/10932/file/medium-9f93246cff4a0684780ad82a1b9ae551.webp 900w, https://assets.fabulous.ch/public/variant_asset/10932/file/large-5573c5ca331c846f7a9a951e218ecea0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10932/file/medium-9f93246cff4a0684780ad82a1b9ae551.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">Rapunzel</p>
          <a href="/de/products/cashew-creme-bio-250-g-18809">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashew Creme Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jg0V0hHVPXYoDuoUQgvI2rae9w2hbkh8gQ6CuMDf58h3KQiM9ghxdmO-79m2V0SnoyRTOcFKXYQcbXJMEPXIhg" />
    <input value="18809" 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%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D165">
    <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/burger-gemuse-rote-linse-2-x-80-g-19033">
          <img alt="Burger Gemüse rote Linse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9517/file/small-7f71af95e9dc2ecc82f27af04beca61b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9517/file/medium-8bb49f742aef543d31784662f0497279.webp 900w, https://assets.fabulous.ch/public/variant_asset/9517/file/large-28845dd2df4512562bb8aacd77af1937.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9517/file/medium-8bb49f742aef543d31784662f0497279.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">Soto</p>
          <a href="/de/products/burger-gemuse-rote-linse-2-x-80-g-19033">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Burger Gemüse rote Linse Bio, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KopK4QU-FF2eYO4ZIgbCAZ-ckwyA48vm-OTIDJznM5zTrle_4uNYXdXQ69TWWk58iiY3OODH3h5lhzj4TM0c0g" />
    <input value="19033" 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%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D165">
    <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/aus-erlinsbach-bio-330-ml-19156">
          <img alt="Verjus aus Erlinsbach Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10840/file/small-4a99bdfb89aec3369697310364eb5ae6.webp 600w, https://assets.fabulous.ch/public/variant_asset/10840/file/medium-8a42b1f32e94123130151a34e9f43b4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10840/file/large-6b6be14189f8735ac0b7f8bd1b9c9486.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10840/file/medium-8a42b1f32e94123130151a34e9f43b4e.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">Verjus</p>
          <a href="/de/products/aus-erlinsbach-bio-330-ml-19156">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Verjus aus Erlinsbach Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6BPoWqBI4Y6fEDCWnbURL1bdf4gC2ehb39I2PHpbuUIRN_UER5WtjtSgNVtp6Z1SQ2fbvGL9_aNCscbIqnGWDA" />
    <input value="19156" 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%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D165">
    <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/hefe-extrakt-r-krauter-konv-80-g-19161">
          <img alt="Hefe-Extrakt-R Kräuter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11186/file/small-8baa7f1d0bb47e511c85577aae8cf107.webp 600w, https://assets.fabulous.ch/public/variant_asset/11186/file/medium-24a16448758f2f96a828345b047f179e.webp 900w, https://assets.fabulous.ch/public/variant_asset/11186/file/large-332c2b2db6fee4a70e912310f81ba90a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11186/file/medium-24a16448758f2f96a828345b047f179e.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">VITAM</p>
          <a href="/de/products/hefe-extrakt-r-krauter-konv-80-g-19161">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hefe-Extrakt-R Kräuter, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Rw2u7BHmx6w8JcIJE6BIxcnfnbRIcpJxRk_aipW1GnO-KbOy9juLrHeVx8Tn_MS43GU5gChWh4nbLCp-RZ81PQ" />
    <input value="19161" 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%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D165">
    <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/hyaluron-plus-gel-granatapfel-50-ml-19330">
          <img alt="Hyaluron Plus Gel Granatapfel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11451/file/small-bf3262252382057a7ed483f0f9400a70.webp 600w, https://assets.fabulous.ch/public/variant_asset/11451/file/medium-d9ba0df07c8f7afedecf031de08b6a37.webp 900w, https://assets.fabulous.ch/public/variant_asset/11451/file/large-ac964930f5bd318dc64d4d02acb289e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11451/file/medium-d9ba0df07c8f7afedecf031de08b6a37.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">Arya Laya</p>
          <a href="/de/products/hyaluron-plus-gel-granatapfel-50-ml-19330">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hyaluron Plus Gel Granatapfel, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R-OAZYddKeAa0dSpAmoKFE0WkD7cXubxkODZL6McY-S-x507YIBl4FFh0WT2NoZpWKw0Crx68wkNgynbczZMqg" />
    <input value="19330" 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%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D165">
    <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/kamille-reinigungsmousse-125-ml-19331">
          <img alt="Kamille Reinigungsmousse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11443/file/small-3db163f7b117967196f31ff9c358ba04.webp 600w, https://assets.fabulous.ch/public/variant_asset/11443/file/medium-4d53ce962899ffa41ba4ab1a89c03c0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/11443/file/large-a3cb3d37edc0abe99aeab62302c2f36d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11443/file/medium-4d53ce962899ffa41ba4ab1a89c03c0a.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">Arya Laya</p>
          <a href="/de/products/kamille-reinigungsmousse-125-ml-19331">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kamille Reinigungsmousse, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a5BxLH9CuEB458mDuQRYnH8_DID42yE0Col3KFxmQgKStGxymJ_0QDNXzE5NWNThaoWotJj_NMyX6ofcjExtTA" />
    <input value="19331" 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%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D165">
    <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/kamille-serum-30-ml-19332">
          <img alt="Kamille Serum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11427/file/small-22a82ec3e7f917ba6eddacc701695862.webp 600w, https://assets.fabulous.ch/public/variant_asset/11427/file/medium-0dbfc0fe1a7ece577224a958fa7a9ddb.webp 900w, https://assets.fabulous.ch/public/variant_asset/11427/file/large-30fe41bebe5618b1bfdb38ad2c46eaf4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11427/file/medium-0dbfc0fe1a7ece577224a958fa7a9ddb.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">Arya Laya</p>
          <a href="/de/products/kamille-serum-30-ml-19332">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kamille Serum, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sm45FVPPfHGW_iraQuWB3WURMf7GLn2zSLOIpfitoJJLSiRLtBIwcd1OLxe2uQ2gcKuVyqYKaEvV0HhRKIeP3A" />
    <input value="19332" 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%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D165">
    <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/kamille-tag-nachtpflege-rich-50-ml-19334">
          <img alt="Kamille Tag &amp; Nachtpflege Rich" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11425/file/small-c35e63034f765c390636a36db5afa456.webp 600w, https://assets.fabulous.ch/public/variant_asset/11425/file/medium-ca241b341611ef04ee200cd61b9ac9f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/11425/file/large-e4b7ee5e57b17cca525c39230daaace9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11425/file/medium-ca241b341611ef04ee200cd61b9ac9f3.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">Arya Laya</p>
          <a href="/de/products/kamille-tag-nachtpflege-rich-50-ml-19334">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kamille Tag &amp; Nachtpflege Rich, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lEo4qyI8PtvXiOzGt49g08wH9SEoW2i7jZtuGVWcNCNtbiX1xeFy25w46QtD0-yu2b1RFUh_fUMQ-J7thbYbbQ" />
    <input value="19334" 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%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D165">
    <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/olive-body-lotion-150-ml-19337">
          <img alt="Olive Body Lotion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11445/file/small-6a710b3a80524b2f191a70ae27d18d09.webp 600w, https://assets.fabulous.ch/public/variant_asset/11445/file/medium-dd040f6aeae8013a1ba5e13d917fa0a4.webp 900w, https://assets.fabulous.ch/public/variant_asset/11445/file/large-20cafaf492507e0426ea5ab354bfa37e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11445/file/medium-dd040f6aeae8013a1ba5e13d917fa0a4.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">Arya Laya</p>
          <a href="/de/products/olive-body-lotion-150-ml-19337">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Olive Body Lotion, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9e2_pKz1rXJvwD2rmuMUUshl-XQVx82S2izBbQyOBMoMyaL6SyjhciRwOGZuv5gv3d9dQHXj2GpHTzGZ3KQrhA" />
    <input value="19337" 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%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D165">
    <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/2-phasen-hyaluron-shake-50-ml-19353">
          <img alt="2 Phasen Hyaluron Shake" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9353/file/small-427123f8f00bd6ee227077d85d90653b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9353/file/medium-51ccbce1c7426a2deb26927341fb4221.webp 900w, https://assets.fabulous.ch/public/variant_asset/9353/file/large-f3c3a76daa16ac2045a6dcef1145593b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9353/file/medium-51ccbce1c7426a2deb26927341fb4221.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">Börlind</p>
          <a href="/de/products/2-phasen-hyaluron-shake-50-ml-19353">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">2 Phasen Hyaluron Shake, 50 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 60.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jLJS8V1IjGsNvIP080R-n5yJB4XXQLR6iPbbwkbAkGp1lk-vupXAa0YMhjkHGPLiiTOjsbdkoYIVlSs2luq_JA" />
    <input value="19353" 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%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D165">
    <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/concealer-light-3-2-ml-19381">
          <img alt="Concealer light" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9941/file/small-9f2dbed1c9a13962cc506c82c9e8c4a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/9941/file/medium-152a2923cdd98530a4e73c0e5331742e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9941/file/large-0b4b72df6db005ff46265e0d235fb1c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9941/file/medium-152a2923cdd98530a4e73c0e5331742e.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">Börlind</p>
          <a href="/de/products/concealer-light-3-2-ml-19381">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Concealer light, 3.2 ml</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 812.50 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CcPbvioqNfTS1huXMbwOwbbLPAihmz5tXeK5ynlIsZrw58bgzfd59JlmHlrF4IK8o3GYPMG_K5XAgUk-qWKe1A" />
    <input value="19381" 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%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D165">
    <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/kajalstift-marine-blue-1-g-19406">
          <img alt="Kajalstift marine blue" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9925/file/small-261c95e4a7ee6f8232b67f831c11828c.webp 600w, https://assets.fabulous.ch/public/variant_asset/9925/file/medium-e41fa072b4de03eb3334a076367dcf7a.webp 900w, https://assets.fabulous.ch/public/variant_asset/9925/file/large-d26b57f5a9cf768d1fec177b1de2525f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9925/file/medium-e41fa072b4de03eb3334a076367dcf7a.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">Börlind</p>
          <a href="/de/products/kajalstift-marine-blue-1-g-19406">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kajalstift marine blue, 1 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2&#39;090.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7u_4lXb__LNFJAU0HK-UR0EbTS6XfqSwzaBb1OCct9cXy-XLkSKwsw6UAPno8xg6VKHpGvdasUhQw6sgMLaYmQ" />
    <input value="19406" 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%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D165">
    <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/purifying-care-gesichtscreme-75-ml-19488">
          <img alt="Purifying Care Gesichtscreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11016/file/small-f69edeb70bba6602ecc785a136570e3d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11016/file/medium-fe2d6306af10d4081c3286b42efb7fb0.webp 900w, https://assets.fabulous.ch/public/variant_asset/11016/file/large-c4c1f8ab8f2f37c48e30c0acb5fc06cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11016/file/medium-fe2d6306af10d4081c3286b42efb7fb0.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">Börlind</p>
          <a href="/de/products/purifying-care-gesichtscreme-75-ml-19488">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Purifying Care Gesichtscreme, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MKemGBHPqUhec0rr1U5EzZsnoRPEvvHS5hQO1lRW0zLJg7tG9hLlSBXDTyYhEsiwjp0FJ6Sa5Cp7d_4ihHz8fA" />
    <input value="19488" 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%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D165">
    <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/purifying-care-gesichtstonic-150-ml-19489">
          <img alt="Purifying Care Gesichtstonic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9848/file/small-53d4e770200248eb500494b00369bc13.webp 600w, https://assets.fabulous.ch/public/variant_asset/9848/file/medium-b2a05d1e206b1be9c0fa591cc031f4f5.webp 900w, https://assets.fabulous.ch/public/variant_asset/9848/file/large-2f75e6296354b6141d1af74d3d0d9c79.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9848/file/medium-b2a05d1e206b1be9c0fa591cc031f4f5.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">Börlind</p>
          <a href="/de/products/purifying-care-gesichtstonic-150-ml-19489">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Purifying Care Gesichtstonic, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TdJgml5f0opr06st491Xp7Kuch5yujnmDlIiT0y_bUm09n3EuYKeiiBjruAXgdvapxTWKhKeLB6TMdK7nJVCBw" />
    <input value="19489" 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%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D165">
    <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/hansel-glas-37-g-19648">
          <img alt="Hänsel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11306/file/small-9f7855c2ef8eb5c69d28703bacc8b384.webp 600w, https://assets.fabulous.ch/public/variant_asset/11306/file/medium-001ae1ae80da1b5a1b0d9784a1bd1fff.webp 900w, https://assets.fabulous.ch/public/variant_asset/11306/file/large-dd98d2f7cdd3d9bedc81c0b7e3b0a93f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11306/file/medium-001ae1ae80da1b5a1b0d9784a1bd1fff.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">Chalira</p>
          <a href="/de/products/hansel-glas-37-g-19648">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hänsel Bio, 37 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZMhc-V8sSNr2BNwKqBmAWgZnW56aUbmCk9uZymRvXhSd7EGnuPEE2r202cdcRQwnE93_qvp1rHoOuGk-tEVxWg" />
    <input value="19648" 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%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D165">
    <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/rauna-glas-64-g-19651">
          <img alt="Rauna Randensalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11279/file/small-ad715b23fe2cd6f40530afa82e1b232c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11279/file/medium-38dfeae20e81daeba7fc5a24ed6be68e.webp 900w, https://assets.fabulous.ch/public/variant_asset/11279/file/large-4fd30e5f6c988c7953fec05c549c8c60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11279/file/medium-38dfeae20e81daeba7fc5a24ed6be68e.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">Chalira</p>
          <a href="/de/products/rauna-glas-64-g-19651">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rauna Randensalz Bio, 64 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LNnM9ieAOGGNmhPgODKJzNHhktYbK623BFMDWs-N_H7V_dGowF10YcYqFi3MbgWxxFs24nsPuE-ZMPOuH6fTMA" />
    <input value="19651" 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%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D165">
    <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/nordsalz-nfp-80-g-19690">
          <img alt="Nordsalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10349/file/small-70fc50b6e238dae3d69a601da8618fd9.webp 600w, https://assets.fabulous.ch/public/variant_asset/10349/file/medium-8924e2d949f4987304b53944b862eb60.webp 900w, https://assets.fabulous.ch/public/variant_asset/10349/file/large-c178dbc6972c79f3c50a8c62fcd7cd6d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10349/file/medium-8924e2d949f4987304b53944b862eb60.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">Chalira</p>
          <a href="/de/products/nordsalz-nfp-80-g-19690">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nordsalz, 75 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 11.87 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GKAdRl7zZRDcU38w1RSPw3iGq5YZ7LRXYVdVydOzw9vhhAAYuS4pEJfjev0hSAO-bTwPonnIoa_8NKU9A5nslQ" />
    <input value="19690" 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">
      3&#39;300 von 3&#39;432 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/madal-bal?format=turbo_stream&amp;page=166">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>