<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%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="/de/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.staging.fabulous.ch/public/variant_asset/6002/file/small-f9b6f4326c4f35ab86f5087e346322cb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/6002/file/medium-ccd802fb0f366b2c3ded76c0bf924012.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/6002/file/large-a44acd2ca9345c61d7370608814067ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.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="/de/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 8.10
            </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-11743-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QuYA83v2QCX4kswj6lKEJvkvDwSWSJAoKHxwxmdpqPxkoa2-FdSePdhO5G-40ixRVoJx4Jo7N0yJTid-cTGFBw" />
    <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  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%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="/de/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.staging.fabulous.ch/public/variant_asset/6003/file/small-32475aae2fbcc20fc6b1d3ec87027f78.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/6003/file/medium-94e7c7a434d2f42a1f2be7fd19c904cf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/6003/file/large-519b84f7f2bf7746bcc82f8cccf9ae75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.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="/de/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 action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ECWrmsNeNY3xqsoloeab6zN_jWC25pcmaMfOFOM6ZGA2YgbXrXzrldF24mnzZjOcnNLzhLqVMELJ9Zms9WJJmw" />
    <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 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%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="/de/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.staging.fabulous.ch/public/variant_asset/6970/file/small-9e6fc7d8f97fb82b3932decb6c093329.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/6970/file/medium-552b0881602aa467238ebcb5cf834639.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/6970/file/large-536eba4e3bedc4a40ff8f74b36b42e95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.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="/de/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 action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iZKfSHIcNR8lb2OSxcKI5oJLXERWahHw4bhmLRSbmR-v1TIFHD7rBwWzS96XQiCRLeYioFoZtpRAijGVAsO05A" />
    <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  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%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="/de/products/kernseife-aus-bio-pflanzenol-100-g-17195">
          <img alt="Kernseife aus Bio-Pflanzenöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/8020/file/small-5cb1ff9d3d17d85b43c827c75222fbad.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/8020/file/medium-e773d5953d4c17292d48fdbc33b0271c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/8020/file/large-2993199b447035417f9136fc3d5feecd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/8020/file/medium-e773d5953d4c17292d48fdbc33b0271c.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="/de/products/kernseife-aus-bio-pflanzenol-100-g-17195">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kernseife aus Bio-Pflanzenöl, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tCC1jSQnNLPA_w-tdWZHaB8kz0oMcBRN2XLBetXZub6SZxjASgXqq-AjJ-En5u8fsImxrgADsyl4QJbCw4GURQ" />
    <input value="17195" 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%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="/de/products/desinfizierungsmittel-flachendesinfektion-1-l-18187">
          <img alt="Desinfizierungsmittel Flächendesinfektion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9137/file/small-8b5d0af6483b9b274b5063065f58f1dc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9137/file/medium-171a6aa420325aa7d062f0e3b7b02e77.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9137/file/large-d5913749d989f39578d4612f7869e146.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9137/file/medium-171a6aa420325aa7d062f0e3b7b02e77.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="/de/products/desinfizierungsmittel-flachendesinfektion-1-l-18187">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Desinfizierungsmittel Flächendesinfektion, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m1tc2kLBWb4QIPyvPafy5UpZwo7pta1P_J38EeTKB9G9HPGXLOOHpjD81ONvJ1qS5fS8auXGCitdr6up8pIqKg" />
    <input value="18187" 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%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="/de/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.staging.fabulous.ch/public/variant_asset/9139/file/small-a1755457c5e8ec1e56ce73a224800b91.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9139/file/medium-d2064b5abb1026ee200a660717a2606d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9139/file/large-d1a409b689ae53f4385fda1421dd5d64.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.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="/de/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 action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_PmSzhp5G50pSyJp6sBhmIVXIqBy9_U1ka9KsLlTzifavj-DdFvFhQmXCiW4QMnvKvpcRH6EUlEwnR0Irwvj3A" />
    <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 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%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="/de/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.staging.fabulous.ch/public/variant_asset/9142/file/small-56f47ab0f97d1c87db9f00bce1f30c66.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9142/file/medium-0e1628b546e897df7240cea0acce8fe4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9142/file/large-00f94a8cb8e25f1fce24c39f6e7a00ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.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="/de/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 action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BaW5l1DvDUoDhHAiOO9jcpP-ytNGFyb6MmsWYU1iCUcj4hTaPs3TUiNYWG5qb8sFPFO0N0pkgZ6TWUHZWzokvA" />
    <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  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%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="/de/products/badreiniger-500-ml-18191">
          <img alt="Badreiniger" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9143/file/small-ca087818189f4e0976dab2d7462bbe4a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9143/file/medium-e508f11c3f185a8d46aa1ef00df3cd67.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9143/file/large-8079a62dd2f8d0785bfa971f46fb3d74.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9143/file/medium-e508f11c3f185a8d46aa1ef00df3cd67.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="/de/products/badreiniger-500-ml-18191">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Badreiniger, 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-18191-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="92B9zMkXrpw22qWg38svgcIGgVa-pa1x5WACDowfkpbRJ9CBpzVwhBYGjeyNS4f2bav_srLWChVEUlW2mke_bQ" />
    <input value="18191" 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%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="/de/products/bleichkomplex-und-fleckentferner-900-g-18192">
          <img alt="Bleichkomplex und Fleckentferner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9144/file/small-f46bf72a205265707e07024610c34dcf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9144/file/medium-3b135235a25f8a94977ca7e42f3f3560.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9144/file/large-7c962699677c9713b6690be04c548fd0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9144/file/medium-3b135235a25f8a94977ca7e42f3f3560.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="/de/products/bleichkomplex-und-fleckentferner-900-g-18192">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bleichkomplex und Fleckentferner, 900 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ATExePHgO57SdE_6fqlCACWJYMT-BpM9OVz4waHWuUAndpw1n8LlhvKoZ7YsKep3iiQeIPJ1NFmYbq95t46Uuw" />
    <input value="18192" 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%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="/de/products/entharter-100-biologisch-abbaubar-karton-1-kg-18193">
          <img alt="Enthärter 100% Biologisch abbaubar Karton" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9145/file/small-5f4dccd09720d7b832ba8e2c65cfd0e1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9145/file/medium-02ee1eff3fcbb148b273386d7956a174.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9145/file/large-cb5c51715f329929eb31f77f92b6844d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9145/file/medium-02ee1eff3fcbb148b273386d7956a174.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="/de/products/entharter-100-biologisch-abbaubar-karton-1-kg-18193">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Enthärter 100% Biologisch abbaubar Karton, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GadtgLWVDP99ZFxZlehVEphwyIEZyZynr7RJ-oBS8rg_4MDN27fS5124dBXHaP1lN922ZRW6O8MOhh5ClgrfQw" />
    <input value="18193" 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%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="/de/products/maschinenspulmittel-pulver-3-kg-18194">
          <img alt="Maschinenspülmittel Pulver" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9146/file/small-0ab861dc5947793a14e3d7bc6b7e37e4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9146/file/medium-0ca9a59a218d4d806aee465e040e8473.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9146/file/large-79999cb4170989c7764b64acfbdc5fc1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9146/file/medium-0ca9a59a218d4d806aee465e040e8473.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="/de/products/maschinenspulmittel-pulver-3-kg-18194">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Maschinenspülmittel Pulver, 3 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E30DQakdflm9kFryYD-ljSg85ADdmnne41_HLbCau301Oq4Mxz-gQZ1Mcr4yvw36h5Ga5NHp3rpCbZCVpsKWhg" />
    <input value="18194" 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%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="/de/products/maschinenspulmittel-pulver-10-kg-18195">
          <img alt="Maschinenspülmittel Pulver" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9147/file/small-d9c05b78e5e9e3d369671487e990e6d5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9147/file/medium-62ac78b86bc90afdb094a939dfe1b6a0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9147/file/large-0ce14c056bea48bf7cf961bdc8e4c494.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9147/file/medium-62ac78b86bc90afdb094a939dfe1b6a0.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="/de/products/maschinenspulmittel-pulver-10-kg-18195">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Maschinenspülmittel Pulver, 10 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 67.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2J59zl4Qm9F7O8OOajYarASy8Ib0gbQdWC01_zLcIeH-2dCDMDJFyVvn68I4trLbqx-OYvjyE3n5H2JHJIQMGg" />
    <input value="18195" 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%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="/de/products/boden-wischpflege-500-ml-19832">
          <img alt="Boden-Wischpflege" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9411/file/small-4b743b4cd2416abd9e1242e3596b66ba.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9411/file/medium-29d99fa02b4d7dc374d6315928b67785.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9411/file/large-9cfa724c4ea9d2b94115098edd6cf979.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9411/file/medium-29d99fa02b4d7dc374d6315928b67785.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="/de/products/boden-wischpflege-500-ml-19832">
            <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 16.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="olMIvW0c90GEo5nLLyJM7Cu5TTmbnahSb8Gg05wYUJKEFKXwAz4pWaR_sYd9ouSbhBQz3ZfuDzbO8_drikB9aQ" />
    <input value="19832" 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%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="/de/products/gallseife-100-g-19833">
          <img alt="Gallseife" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9412/file/small-4d297c7c4ca8fc1b211b419960f3bc67.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9412/file/medium-272dbb8ff1edb559a2c957e755643521.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9412/file/large-4f2f65fa967999facf7c95ea239b172f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9412/file/medium-272dbb8ff1edb559a2c957e755643521.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="/de/products/gallseife-100-g-19833">
            <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-19833-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OSzUmbh4n7Vo1VO9VrIeQZ_C-9wpZIjU1UtqVkt2auUfa3nU1lpBrUgJe_EEMrY2MG-FOCUXL7B0eT3uXS5HHg" />
    <input value="19833" 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%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="/de/products/gallseife-flussig-300-ml-19834">
          <img alt="Gallseife flüssig" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9413/file/small-ed3733f37c1b702d252f7153066bd13a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9413/file/medium-ee73172f1351ed49b55840096f78b8f3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9413/file/large-cba5bfa4c9e09c3c1aa3cf0a814bfd1d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9413/file/medium-ee73172f1351ed49b55840096f78b8f3.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="/de/products/gallseife-flussig-300-ml-19834">
            <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-19834-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9LkQsDE4KODGD2RwX51Q9-CyDbnc0ai0_-hoDcZaJDvS_r39Xxr2-ObTTDwNHfiATx9zXdCiD9Be2j-10AIJwA" />
    <input value="19834" 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%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="/de/products/geschirrspulmittel-calendula-120-ml-19835">
          <img alt="Geschirrspülmittel Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9462/file/small-33646ccd2c74170dfe773b975a8e1e36.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9462/file/medium-3efa934b11e10355516f110abd473d16.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9462/file/large-301f2262def1dcc7fc2fff0ac78186d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9462/file/medium-3efa934b11e10355516f110abd473d16.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="/de/products/geschirrspulmittel-calendula-120-ml-19835">
            <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-19835-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eckzbbB5GdLis0RCXa-WJOHgBYR2gLvL_0W6TDMQvMBfjp4g3lvHysJvbA4PLz5TTk17YHrzHK9ed-30JUiROw" />
    <input value="19835" 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%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="/de/products/geschirrspulmittel-calendula-300-ml-19836">
          <img alt="Geschirrspülmittel Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9414/file/small-75c19d6569784e96c2b911e7c13e11ae.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9414/file/medium-0081d0a2551d333545e396b0ccbcefef.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9414/file/large-123d0553d80a01ef5091df7677c46816.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9414/file/medium-0081d0a2551d333545e396b0ccbcefef.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="/de/products/geschirrspulmittel-calendula-300-ml-19836">
            <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 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r8OMg2F1hJPVlO2GUjbFzS4lOFRyN1ufednEYEfcf7uJhCHOD1dai_VIxcoAtm26gYhGsH5E_PvY65PYUYRSQA" />
    <input value="19836" 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%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="/de/products/geschirrspulmittel-calendula-nfp-1-l-19837">
          <img alt="Geschirrspülmittel Calendula NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9415/file/small-a0f2e97c24e5269e53b6fb35c2dfae3a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9415/file/medium-f055fbbfa353f497759870370c5d80b7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9415/file/large-1611e3cd5392c973c92620c94c9366a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9415/file/medium-f055fbbfa353f497759870370c5d80b7.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="/de/products/geschirrspulmittel-calendula-nfp-1-l-19837">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschirrspülmittel Calendula NFP, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yft6uG1Ml5qNsyA2UbN_kfeNq4Rd7iOitqukwWgCf7zvvNf1A25Jgq1vCHoDM9fmWCDVYFGdhMYXmfN5flpSRw" />
    <input value="19837" 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%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="/de/products/geschirrspulmittel-sensitiv-300-ml-19838">
          <img alt="Geschirrspülmittel sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9416/file/small-30b7c94bf7afbb88e4a6db71b9147f54.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9416/file/medium-7fce05747f6c5b6ff54697e6d16247ff.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9416/file/large-edebb6444ba3ef037716915515bc40c6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9416/file/medium-7fce05747f6c5b6ff54697e6d16247ff.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="/de/products/geschirrspulmittel-sensitiv-300-ml-19838">
            <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-19838-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A4V6K4hOAzv5EJePWMlbuiZbdGX8f3QiEjZFJzxzfYQlwtdm5mzdI9nMv8MKSfPNifYKgfAM00azBBKfKitQfw" />
    <input value="19838" 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%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="/de/products/geschirrspulmittel-sensitiv-nfp-1-l-19839">
          <img alt="Geschirrspülmittel sensitiv NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9417/file/small-c4355e7de5b4a312fd9edda1425cc3e8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9417/file/medium-7ee37ced0d143c78374b0f0495fe5704.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9417/file/large-0535afc5a894f2169bf556425df4cbd6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9417/file/medium-7ee37ced0d143c78374b0f0495fe5704.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="/de/products/geschirrspulmittel-sensitiv-nfp-1-l-19839">
            <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-19839-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dTGmecRc2VVj9ysbOeGQxuLKHnp2behq4Zsei8vQpBxTdgs0qn4HTUMrA1drYTixTWdgnnoeTw5AqUkz3YiJ5w" />
    <input value="19839" 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="/de/categories/non-food/reinigungsmittel?format=turbo_stream&amp;page=3">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>