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

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/geschirrspulmittel-calendula-300-ml-19618">
          <img alt="Geschirrspülmittel Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9401/file/small-6b2bf4a05c7b050d693b337d926c5459.webp 600w, https://assets.fabulous.ch/public/variant_asset/9401/file/medium-a155fd0e940387b109ba1d543ff8c55d.webp 900w, https://assets.fabulous.ch/public/variant_asset/9401/file/large-e66dc06768aec0edcf06e6dafac8f121.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9401/file/medium-a155fd0e940387b109ba1d543ff8c55d.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">Sonett</p>
          <a href="/products/geschirrspulmittel-calendula-300-ml-19618">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschirrspülmittel Calendula, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19618&quot;],&quot;content_name&quot;:&quot;Geschirrspülmittel Calendula, 300 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19618&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FbeULEeYenps7dtkCKSbQZjY_VnZkOYeflnV_lNSx1nIEg0UiK_IgeFJ8t5gDXocugI4ntt70wKEuuQQZsWXhw" />
    <input value="19618" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/fleckenspray-100-ml-11742">
          <img alt="Fleckenspray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6001/file/small-934922df0a4692524a42a8a7c4e1b5b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6001/file/medium-724d98da3ed4fbfb1089180c3f1adb41.webp 900w, https://assets.fabulous.ch/public/variant_asset/6001/file/large-a27ae8a92033028b5b7853d0f1e73315.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6001/file/medium-724d98da3ed4fbfb1089180c3f1adb41.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">Sonett</p>
          <a href="/products/fleckenspray-100-ml-11742">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fleckenspray, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11742&quot;],&quot;content_name&quot;:&quot;Fleckenspray, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11742&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mt9keBgG_m-8ZcR3C8Fe2ayFSDjaSGRkqufsmHeMRhNHev1A1zFMlDHB7c1jaL-Ejl-N_9ijUXhQBN12QhsWzQ" />
    <input value="11742" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/geschirr-handspulmittel-lemon-120-ml-18188">
          <img alt="Geschirr Handspülmittel Lemon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9139/file/small-a1755457c5e8ec1e56ce73a224800b91.webp 600w, https://assets.fabulous.ch/public/variant_asset/9139/file/medium-d2064b5abb1026ee200a660717a2606d.webp 900w, https://assets.fabulous.ch/public/variant_asset/9139/file/large-d1a409b689ae53f4385fda1421dd5d64.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9139/file/medium-d2064b5abb1026ee200a660717a2606d.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">Sonett</p>
          <a href="/products/geschirr-handspulmittel-lemon-120-ml-18188">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschirr Handspülmittel Lemon, 120 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18188&quot;],&quot;content_name&quot;:&quot;Geschirr Handspülmittel Lemon, 120 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18188&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5uhJ91DXf31PwdMxDn70BtwCafiJK_b1hUygyLF6Ax87TdDPn-DNhsJl-otm1xVb_tisP4vAw-l_r5EmhO1TwQ" />
    <input value="18188" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/geschirrspulmittel-sensitiv-300-ml-19620">
          <img alt="Geschirrspülmittel sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9403/file/small-d9bc7822e81e5336298aaf198d9979a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/9403/file/medium-650a80abfc0b5f7d0908eeef0afd692f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9403/file/large-584e02ade6d114858613d6816c03d041.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9403/file/medium-650a80abfc0b5f7d0908eeef0afd692f.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">Sonett</p>
          <a href="/products/geschirrspulmittel-sensitiv-300-ml-19620">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschirrspülmittel sensitiv, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19620&quot;],&quot;content_name&quot;:&quot;Geschirrspülmittel sensitiv, 300 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19620&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ItEgCLHxWi41g1IeOrfcOVhAZQAwIczPKSyTXSrGUSr_dLkwfsbo1bgne6RSHj1kepqgxzLK-dPTz6KzH1EB9A" />
    <input value="19620" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/geschirrspulmittel-sensitiv-nfp-1-l-19621">
          <img alt="Geschirrspülmittel sensitiv NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9404/file/small-5b99d831ca27c58de8447e57648d93a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/9404/file/medium-1738e884b98d99523fd56b1723ac13f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/9404/file/large-1a0100900b7fbaa056c4e15fd4aad859.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9404/file/medium-1738e884b98d99523fd56b1723ac13f3.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">Sonett</p>
          <a href="/products/geschirrspulmittel-sensitiv-nfp-1-l-19621">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschirrspülmittel sensitiv NFP, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19621&quot;],&quot;content_name&quot;:&quot;Geschirrspülmittel sensitiv NFP, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19621&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UoTekNckJzW2nFyKsbWpEhJc2iYdBVpLoxYhhFclV-2PIUeoGBOVzjs4dTDZHEhPMIYf4R_ub1dZ9RBqYrIHMw" />
    <input value="19621" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/badreiniger-grossgebinde-1-l-18190">
          <img alt="Badreiniger" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9142/file/small-56f47ab0f97d1c87db9f00bce1f30c66.webp 600w, https://assets.fabulous.ch/public/variant_asset/9142/file/medium-0e1628b546e897df7240cea0acce8fe4.webp 900w, https://assets.fabulous.ch/public/variant_asset/9142/file/large-00f94a8cb8e25f1fce24c39f6e7a00ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9142/file/medium-0e1628b546e897df7240cea0acce8fe4.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">Sonett</p>
          <a href="/products/badreiniger-grossgebinde-1-l-18190">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Badreiniger, 1 l</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 0.95 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18190&quot;],&quot;content_name&quot;:&quot;Badreiniger, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18190&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eSJ-u_TNvbNOaGuq2hBpAuM1_uJgMuP7xZ3-ryjMUBCkh-eDO_oPSMPMQhCyuYhfwe87JWLZ1uc_fs9BHVsAzg" />
    <input value="18190" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bleichkomplex-und-fleckentferner-450-g-6998">
          <img alt="Bleichkomplex und Fleckentferner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4048/file/small-34b94a0d34b160e89677d413ca82fef1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4048/file/medium-9901aa66fa9c26519008ea72dac066b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4048/file/large-d19806104d8e45cad03bca5f43ec37e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4048/file/medium-9901aa66fa9c26519008ea72dac066b5.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">Sonett</p>
          <a href="/products/bleichkomplex-und-fleckentferner-450-g-6998">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bleichkomplex und Fleckentferner, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6998&quot;],&quot;content_name&quot;:&quot;Bleichkomplex und Fleckentferner, 450 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6998&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jaeAjy_9stMMv4MN615RZWVfdo2Hza6CGeru01UYOLRQAhm34MoAKIEbqreD97A4R4WzSoUmm57jCd89YI9oag" />
    <input value="6998" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/geschirr-handspulmittel-lemon-300-ml-12543">
          <img alt="Geschirr Handspülmittel Lemon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6273/file/small-4435cd75cc66eb177cb37e4ff69efb04.webp 600w, https://assets.fabulous.ch/public/variant_asset/6273/file/medium-02f4e88252651c46d9f9399378c59563.webp 900w, https://assets.fabulous.ch/public/variant_asset/6273/file/large-3828049a5705895bf0903efad2f25aee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6273/file/medium-02f4e88252651c46d9f9399378c59563.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">Sonett</p>
          <a href="/products/geschirr-handspulmittel-lemon-300-ml-12543">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschirr Handspülmittel Lemon, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12543&quot;],&quot;content_name&quot;:&quot;Geschirr Handspülmittel Lemon, 300 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12543&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ur0yzetLeE4Jqej9ru3iKia4YhzXRkfCV73OsK1ydh9nGKv1JHzKtYQNwUfGRAN3BGKn29Wtct6tXv9emOUmwQ" />
    <input value="12543" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/wasche-waschmittel-flussig-30-60-c-color-1-5-l-3478">
          <img alt="Wäsche Waschmittel flüssig 30°- 60° C COLOR" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2288/file/small-d3babf90d830f67c518feade7c369a02.webp 600w, https://assets.fabulous.ch/public/variant_asset/2288/file/medium-07dcfe0f24c5e5119335ed783450bb3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2288/file/large-8cd2270e6fb6e92f188ced700d111c1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2288/file/medium-07dcfe0f24c5e5119335ed783450bb3e.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">Sonett</p>
          <a href="/products/wasche-waschmittel-flussig-30-60-c-color-1-5-l-3478">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wäsche Waschmittel flüssig 30°- 60° C COLOR, 1.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3478&quot;],&quot;content_name&quot;:&quot;Wäsche Waschmittel flüssig 30°- 60° C COLOR, 1.5 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3478&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="adfCrUsyYP2yVxcL3WfG_kmRsQrLKu1iILMYI5jKXmS0cluVhAXSBj_zPrG1zieja0t0zcnB2H7aUCnNrV0Oug" />
    <input value="3478" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/entharter-100-biologisch-abbaubar-dose-500-g-4145">
          <img alt="Enthärter 100% Biologisch abbaubar Dose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2617/file/small-56f3dec8bf1361934555f160c2cbb1f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2617/file/medium-9650b32e9f6260964111e3c276957abc.webp 900w, https://assets.fabulous.ch/public/variant_asset/2617/file/large-5969a21b48d89fb39a5b3b5a531d04ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2617/file/medium-9650b32e9f6260964111e3c276957abc.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">Sonett</p>
          <a href="/products/entharter-100-biologisch-abbaubar-dose-500-g-4145">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Enthärter 100% Biologisch abbaubar Dose, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4145&quot;],&quot;content_name&quot;:&quot;Enthärter 100% Biologisch abbaubar Dose, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4145&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NqNbBCa2UrMotZgTCXz5O_Y19lD-3cpzyvI3-cCdrmbrBsI86YHgSKURsalh1Rhm1O8zl_w2_28wEQYX9Qr-uA" />
    <input value="4145" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/orangen-kraft-reiniger-500-ml-4369">
          <img alt="Orangen Kraft-Reiniger" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9141/file/small-495803976e3cfb1984449b6e6b8602f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/9141/file/medium-ce3b852358726bc13a68b0e7752fb6bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/9141/file/large-153ddcad653167dcf3ee73222d1cfd3e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9141/file/medium-ce3b852358726bc13a68b0e7752fb6bd.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">Sonett</p>
          <a href="/products/orangen-kraft-reiniger-500-ml-4369">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Orangen Kraft-Reiniger, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4369&quot;],&quot;content_name&quot;:&quot;Orangen Kraft-Reiniger, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4369&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3-VE9CKJizwZZvl-xZ9E4pO3vdFqJwDFPZofaVYS6ewCQN3M7b45x5TC0MStNqW_sW14FmjMNdnHeS6HY4W5Mg" />
    <input value="4369" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/universalreiniger-neutral-sensitiv-500-ml-6510">
          <img alt="Universalreiniger Neutral / Sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3729/file/small-f70d72fb97a0fdf8e784ed5ee00c6b27.webp 600w, https://assets.fabulous.ch/public/variant_asset/3729/file/medium-ee111f4d8c368833009ab402887c5896.webp 900w, https://assets.fabulous.ch/public/variant_asset/3729/file/large-557a1d173da8639efba9a418d4ed2c60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3729/file/medium-ee111f4d8c368833009ab402887c5896.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">Sonett</p>
          <a href="/products/universalreiniger-neutral-sensitiv-500-ml-6510">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Universalreiniger Neutral / Sensitiv, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6510&quot;],&quot;content_name&quot;:&quot;Universalreiniger Neutral / Sensitiv, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6510&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rCRUjkTpteOPzTa5pI9kLWnWiu2rljNQCym0BEPIbNBxgc22i94HGAJpHwPMJoVwSwxPKql9BkzxyoXqdl88Dg" />
    <input value="6510" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/schmierseife-flussig-500-ml-9779">
          <img alt="Schmierseife flüssig" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5426/file/small-cfa69f857fff07a549442f74b2050c59.webp 600w, https://assets.fabulous.ch/public/variant_asset/5426/file/medium-c5d2f60624b5115f0b5beac7add96017.webp 900w, https://assets.fabulous.ch/public/variant_asset/5426/file/large-170b2fa03e9f549f2b59f76fe300d394.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5426/file/medium-c5d2f60624b5115f0b5beac7add96017.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">Sonett</p>
          <a href="/products/schmierseife-flussig-500-ml-9779">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schmierseife flüssig, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9779&quot;],&quot;content_name&quot;:&quot;Schmierseife flüssig, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9779&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oN2wnhXKt9vnoXp_CJvpF3p_K5estwi2PHz6KZz8A719eCmm2v0FIGoFU8VgMghKWKXuUK5cParGn8vHqWtTYw" />
    <input value="9779" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/waschespuler-1-l-11743">
          <img alt="Wäschespüler" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6002/file/small-f9b6f4326c4f35ab86f5087e346322cb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6002/file/medium-ccd802fb0f366b2c3ded76c0bf924012.webp 900w, https://assets.fabulous.ch/public/variant_asset/6002/file/large-a44acd2ca9345c61d7370608814067ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6002/file/medium-ccd802fb0f366b2c3ded76c0bf924012.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">Sonett</p>
          <a href="/products/waschespuler-1-l-11743">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wäschespüler, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11743&quot;],&quot;content_name&quot;:&quot;Wäschespüler, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11743&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FO5AgPPrl22ijmzlocg1mmlD9CVzt3aQS2ZOLup5sO3JS9m4PNwlli8qRV_JYdTHS5kx4nFcQ4yxhX_A3-7gMw" />
    <input value="11743" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/waschmittel-pulver-konzentrat-40-95-1-2-kg-11744">
          <img alt="Waschmittel Pulver Konzentrat 40°- 95°" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6003/file/small-32475aae2fbcc20fc6b1d3ec87027f78.webp 600w, https://assets.fabulous.ch/public/variant_asset/6003/file/medium-94e7c7a434d2f42a1f2be7fd19c904cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/6003/file/large-519b84f7f2bf7746bcc82f8cccf9ae75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6003/file/medium-94e7c7a434d2f42a1f2be7fd19c904cf.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">Sonett</p>
          <a href="/products/waschmittel-pulver-konzentrat-40-95-1-2-kg-11744">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Waschmittel Pulver Konzentrat 40°- 95°, 1.2 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11744&quot;],&quot;content_name&quot;:&quot;Waschmittel Pulver Konzentrat 40°- 95°, 1.2 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11744&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Fyd8RvIn6Z3SITee-5wSvSTgLQfVlYz7ttZOzyr9nk3KguV-PRBbZl-FHiSTNfPgBjrowNd-uedMNX8hH2rOkw" />
    <input value="11744" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/allesreiniger-5-dl-15204">
          <img alt="Allesreiniger" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6970/file/small-9e6fc7d8f97fb82b3932decb6c093329.webp 600w, https://assets.fabulous.ch/public/variant_asset/6970/file/medium-552b0881602aa467238ebcb5cf834639.webp 900w, https://assets.fabulous.ch/public/variant_asset/6970/file/large-536eba4e3bedc4a40ff8f74b36b42e95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6970/file/medium-552b0881602aa467238ebcb5cf834639.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">Sonett</p>
          <a href="/products/allesreiniger-5-dl-15204">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allesreiniger, 5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.55
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15204&quot;],&quot;content_name&quot;:&quot;Allesreiniger, 5 dl&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15204&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Td3rPr_sM8q1tug9cXPy2BzaGrv3esUyUz6AzgU7ZDGQeHIGcNuBMTgSwYcZ2hOFPgDffPWR8C6p3bEgMKw07w" />
    <input value="15204" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/boden-wischpflege-500-ml-19614">
          <img alt="Boden-Wischpflege" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9398/file/small-f0bfef74c7cd63b4e36123f11e398d1f.webp 600w, https://assets.fabulous.ch/public/variant_asset/9398/file/medium-bf87611fe143c6b8353d97f32e5c84d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/9398/file/large-ce1f327c33c34bff29ee452e9efbda87.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9398/file/medium-bf87611fe143c6b8353d97f32e5c84d6.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">Sonett</p>
          <a href="/products/boden-wischpflege-500-ml-19614">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Boden-Wischpflege, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19614&quot;],&quot;content_name&quot;:&quot;Boden-Wischpflege, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19614&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J1Z5xTuSGQMiZx2BB_PFPJDGK_V0Y4oM6EWHmGAwxXX68-D99KWr-K_DNDtvWiRhshzuMnaIvxASprZ2VaeVqw" />
    <input value="19614" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/gallseife-100-g-19615">
          <img alt="Gallseife" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9399/file/small-337a0d310c706243fb2b6f7e9c6f5142.webp 600w, https://assets.fabulous.ch/public/variant_asset/9399/file/medium-6500b7d61ec51d1602bd0c8d58e13f6d.webp 900w, https://assets.fabulous.ch/public/variant_asset/9399/file/large-47145e745e5f541d9112f4e4a1ddd13f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9399/file/medium-6500b7d61ec51d1602bd0c8d58e13f6d.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">Sonett</p>
          <a href="/products/gallseife-100-g-19615">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gallseife, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.55
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19615&quot;],&quot;content_name&quot;:&quot;Gallseife, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19615&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QqbAN5Dd_Pyx9Df7Q72Lx61E9jWdVMWoQbLtkCVSJBCfA1kPX-pOBzxQHkErFGqaj54z8p-_8LS7Udx-EMV0zg" />
    <input value="19615" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/gallseife-flussig-300-ml-19616">
          <img alt="Gallseife flüssig" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9400/file/small-2a82c90fa7bc1fee6b5957f9089646ae.webp 600w, https://assets.fabulous.ch/public/variant_asset/9400/file/medium-4627a4233d0b6ab27f23cb3625c77bec.webp 900w, https://assets.fabulous.ch/public/variant_asset/9400/file/large-00ed12698125524a3a08b8a0bdced663.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9400/file/medium-4627a4233d0b6ab27f23cb3625c77bec.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">Sonett</p>
          <a href="/products/gallseife-flussig-300-ml-19616">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gallseife flüssig, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19616&quot;],&quot;content_name&quot;:&quot;Gallseife flüssig, 300 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19616&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tOzsKTxa1I0MeiXxC3USi3jTijl4ibku69wLxJumKWlpSXUR821mdoHeDEtj3PPWWglP_npijDIRPzoqrjF5tw" />
    <input value="19616" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/geschirrspulmittel-calendula-120-ml-19617">
          <img alt="Geschirrspülmittel Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9435/file/small-81de4eaea49c21cfd329fce9a027e642.webp 600w, https://assets.fabulous.ch/public/variant_asset/9435/file/medium-751f378dc01fb4ebd81865cfd7c13d54.webp 900w, https://assets.fabulous.ch/public/variant_asset/9435/file/large-aad1b2bf6780112d0b5d85fc14b2d7a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9435/file/medium-751f378dc01fb4ebd81865cfd7c13d54.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">Sonett</p>
          <a href="/products/geschirrspulmittel-calendula-120-ml-19617">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschirrspülmittel Calendula, 120 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19617&quot;],&quot;content_name&quot;:&quot;Geschirrspülmittel Calendula, 120 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19617&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UhGKi6DqsxXGO88-WtaQAsBE2qq4p1xtIwvxVSgvHvWPtBOzb90B7kuf5oQyf3Ff4p4fbbpMaXHZ6MC7HbhOKw" />
    <input value="19617" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      40 von 46 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/non-food/reinigungsmittel?format=turbo_stream&amp;page=3">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>