<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=%2Fmanufacturers%2Fsonett%3Fformat%3Dturbo_stream%26page%3D3">
    <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="oTdFRAQ_iq6tL2ERqa-Ud8iBb8fbjhgYfOkmICZZwtU3rK1FW-6uDpuPV3x-egSWitPuQBGLUupl5ufn8rnsnw" />
    <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=%2Fmanufacturers%2Fsonett%3Fformat%3Dturbo_stream%26page%3D3">
    <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="6-sfgUQSL1yAqP5jJOx216KsD8HHBr__VQlfiqWOjbR9cPeAG8ML_LYIyA7zOeY24P6ORg0D9Q1MBp5NcW6j_g" />
    <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=%2Fmanufacturers%2Fsonett%3Fformat%3Dturbo_stream%26page%3D3">
    <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="kk0fG_Xd9ZRf1Qir3K8GGhOqRLBBQrPjggrVwiRX1QoE1vcaqgzRNGl1PsYLepb7UfjFN4tH-RGbBRQF8Lf7QA" />
    <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=%2Fmanufacturers%2Fsonett%3Fformat%3Dturbo_stream%26page%3D3">
    <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="DaGH_cX70ZGUEhFTqn1AN9sXRrD5q1TSDHEwcT4NnL2bOm_8mir1MaKyJz59qNDWmUXHNzOuHiAVfvG26u2y9w" />
    <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>


  

  <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=%2Fmanufacturers%2Fsonett%3Fformat%3Dturbo_stream%26page%3D3">
    <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-nfp-1-l-19619">
          <img alt="Geschirrspülmittel Calendula NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9402/file/small-2e1ef5fc293cfe18e8ce6ae52ef114fe.webp 600w, https://assets.fabulous.ch/public/variant_asset/9402/file/medium-7a523d008f5fa31f5a41f0c919108aba.webp 900w, https://assets.fabulous.ch/public/variant_asset/9402/file/large-5d09da90307c5841eb79de0c70b65232.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9402/file/medium-7a523d008f5fa31f5a41f0c919108aba.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-nfp-1-l-19619">
            <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-19619-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19619&quot;],&quot;content_name&quot;:&quot;Geschirrspülmittel Calendula NFP, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19619&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xYeyBdpUvwLwq5SBb77iyKvivJxcqQ21KmVXRZWH-WRTHFoEhYWbosYLouy4a3Ip6bA9G5asR0czapaCQWfXLg" />
    <input value="19619" 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=%2Fmanufacturers%2Fsonett%3Fformat%3Dturbo_stream%26page%3D3">
    <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/handseife-7-krauter-300-ml-19622">
          <img alt="Handseife 7 Kräuter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9434/file/small-4996e027ed2918f73f367bb14206663a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9434/file/medium-b113121013cd0585f87030db47d9c922.webp 900w, https://assets.fabulous.ch/public/variant_asset/9434/file/large-8c9a82e50660e0e8be098224871c44f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9434/file/medium-b113121013cd0585f87030db47d9c922.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/handseife-7-krauter-300-ml-19622">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife 7 Kräuter, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19622&quot;],&quot;content_name&quot;:&quot;Handseife 7 Kräuter, 300 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19622&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T8SxeRP5stssvdrfH_litaGHT33V9dCrWAXnkkLT4HfZX1l4TCiWexod7LLILPJU49XO-h_wmllBCiZVljPOPQ" />
    <input value="19622" 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=%2Fmanufacturers%2Fsonett%3Fformat%3Dturbo_stream%26page%3D3">
    <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/handseife-7-krauter-nfp-1-l-19623">
          <img alt="Handseife 7 Kräuter NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9412/file/small-ab76a39c17a0856c4e6a13ed5873a069.webp 600w, https://assets.fabulous.ch/public/variant_asset/9412/file/medium-e2697d555ff4601f73b6c16ac8552b02.webp 900w, https://assets.fabulous.ch/public/variant_asset/9412/file/large-71eaa1b2f347b07782b18f54f42515d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9412/file/medium-e2697d555ff4601f73b6c16ac8552b02.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/handseife-7-krauter-nfp-1-l-19623">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife 7 Kräuter NFP, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19623&quot;],&quot;content_name&quot;:&quot;Handseife 7 Kräuter NFP, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19623&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1OmI4FbuIeQZ1u5176PI8e_K2bf8066h3bPODCyToLBCcmDhCT8FRC922Bg4dlgQrZhYMDbW5FPEvA_L-HOO-g" />
    <input value="19623" 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=%2Fmanufacturers%2Fsonett%3Fformat%3Dturbo_stream%26page%3D3">
    <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/handseife-citrus-300-ml-19624">
          <img alt="Handseife Citrus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9405/file/small-07f903cf30d5c4fcfdb508082fb87382.webp 600w, https://assets.fabulous.ch/public/variant_asset/9405/file/medium-4c83d4dade79161d6f0c3e373c266df8.webp 900w, https://assets.fabulous.ch/public/variant_asset/9405/file/large-48813d3c305a3566c275c1662ad07cef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9405/file/medium-4c83d4dade79161d6f0c3e373c266df8.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/handseife-citrus-300-ml-19624">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife Citrus, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19624&quot;],&quot;content_name&quot;:&quot;Handseife Citrus, 300 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19624&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Cn_9kRpCUvW9OMBzQjMyCiCmNDq8gYHKdV34xc34gL-c5BWQRZN2VYuY9h6V5qLrYvS1vXaEyzhsUjkCGRiu9Q" />
    <input value="19624" 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=%2Fmanufacturers%2Fsonett%3Fformat%3Dturbo_stream%26page%3D3">
    <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/handseife-citrus-nfp-1-l-19625">
          <img alt="Handseife Citrus NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9406/file/small-affe2164c61e2962b6f6aa493eeaa071.webp 600w, https://assets.fabulous.ch/public/variant_asset/9406/file/medium-4bdeb4d4ae825772858ce507f14bc632.webp 900w, https://assets.fabulous.ch/public/variant_asset/9406/file/large-386f293e7153fb11c8bfff58f124de7b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9406/file/medium-4bdeb4d4ae825772858ce507f14bc632.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/handseife-citrus-nfp-1-l-19625">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife Citrus NFP, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19625&quot;],&quot;content_name&quot;:&quot;Handseife Citrus NFP, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19625&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UVpiH4xUz6QzxrsZ9cFi3KNxyqabe1i4C7Z4QtyzaOPHwYoe04XrBAVmjXQiFPI94SNLIVF-EkoSubmFCFNGqQ" />
    <input value="19625" 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=%2Fmanufacturers%2Fsonett%3Fformat%3Dturbo_stream%26page%3D3">
    <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/handseife-rose-nfp-1-l-19626">
          <img alt="Handseife Rose NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9407/file/small-e70351f16cb384b7fec7b572788de61a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9407/file/medium-256e87c1eb7ca305987f396744971f1c.webp 900w, https://assets.fabulous.ch/public/variant_asset/9407/file/large-7c3f2641e555f4b46bf637b01e4072cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9407/file/medium-256e87c1eb7ca305987f396744971f1c.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/handseife-rose-nfp-1-l-19626">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife Rose NFP, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19626&quot;],&quot;content_name&quot;:&quot;Handseife Rose NFP, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19626&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e3n5qSVJ5T-DjQ1Px-DR5aChiSQOwuh4_dypocaEA97t4hGoepjBn7UtOyIQNUEE4vMIo8THoork02hmEmQtlA" />
    <input value="19626" 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=%2Fmanufacturers%2Fsonett%3Fformat%3Dturbo_stream%26page%3D3">
    <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/handseife-rosmarin-300-ml-19627">
          <img alt="Handseife Rosmarin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9408/file/small-21c98b4b2779b2e6cab9b66bf5ab408c.webp 600w, https://assets.fabulous.ch/public/variant_asset/9408/file/medium-31a11ef2c4498904477ce39dc08589ee.webp 900w, https://assets.fabulous.ch/public/variant_asset/9408/file/large-5be1d1397cddd1fb70dbf00c95c9aee8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9408/file/medium-31a11ef2c4498904477ce39dc08589ee.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/handseife-rosmarin-300-ml-19627">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife Rosmarin, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19627&quot;],&quot;content_name&quot;:&quot;Handseife Rosmarin, 300 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19627&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gT1TML6XR0Edwwpu1rxngsMiP7JqExg9hnViNVs4pLYXprsx4UZj4StjPAMBafdjgXC-NaAWUs-feqPyj9iK_A" />
    <input value="19627" 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=%2Fmanufacturers%2Fsonett%3Fformat%3Dturbo_stream%26page%3D3">
    <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/handseife-sensitiv-nfp-1-l-19628">
          <img alt="Handseife sensitiv NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9409/file/small-05c16e262728b5f9bdfa8576ef10ff3c.webp 600w, https://assets.fabulous.ch/public/variant_asset/9409/file/medium-a52c2414fe4c11c1170f2358471ab061.webp 900w, https://assets.fabulous.ch/public/variant_asset/9409/file/large-0280e7691ddfa4b81f7b2feb5c58f940.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9409/file/medium-a52c2414fe4c11c1170f2358471ab061.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/handseife-sensitiv-nfp-1-l-19628">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife sensitiv NFP, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19628&quot;],&quot;content_name&quot;:&quot;Handseife sensitiv NFP, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19628&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZyHufHmlG4gz3kafNT2-5OoOkpcLIidTWmkNFtW9DnDxugZ9JnQ_KAV-cPLi6C4FqFwTEMEnbaFDZszRAV0gOg" />
    <input value="19628" 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=%2Fmanufacturers%2Fsonett%3Fformat%3Dturbo_stream%26page%3D3">
    <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/scheuermilch-500-ml-19629">
          <img alt="Scheuermilch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10876/file/small-9860e2e7d32dda7d825f11bd3b5a377f.webp 600w, https://assets.fabulous.ch/public/variant_asset/10876/file/medium-fd96bb7ebb712f4c2f17b468b6e20eac.webp 900w, https://assets.fabulous.ch/public/variant_asset/10876/file/large-accec77a6c5ad2325dff8d7e83530d63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10876/file/medium-fd96bb7ebb712f4c2f17b468b6e20eac.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/scheuermilch-500-ml-19629">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Scheuermilch, 500 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.18 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19629&quot;],&quot;content_name&quot;:&quot;Scheuermilch, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19629&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="BlXXFhaBDku9m6dZiuVDvRWg57NNPNnui0v3W2W2hRyQzj8XSVAq64s7kTRdMNNcV_JmNIc5kxySRDacsVarVg" />
    <input value="19629" 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=%2Fmanufacturers%2Fsonett%3Fformat%3Dturbo_stream%26page%3D3">
    <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-2-4-kg-19630">
          <img alt="Waschmittel Pulver Konzentrat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10073/file/small-e18b7ed1012d9886394b054fee3a1393.webp 600w, https://assets.fabulous.ch/public/variant_asset/10073/file/medium-0deb362344baa901eab4dc63754d897e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10073/file/large-fcb2c0509a5118f553163bacdf023596.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10073/file/medium-0deb362344baa901eab4dc63754d897e.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-2-4-kg-19630">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Waschmittel Pulver Konzentrat, 2.4 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19630&quot;],&quot;content_name&quot;:&quot;Waschmittel Pulver Konzentrat, 2.4 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19630&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G_bSgOjRVRQQqEtIRIaMMRl7lZ2WohjkxvufXqqBvoaNbTqBtwBxtCYIfSWTUxzQWykUGlynUhbf9F6ZfmGQzA" />
    <input value="19630" 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=%2Fmanufacturers%2Fsonett%3Fformat%3Dturbo_stream%26page%3D3">
    <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/kinder-schaumseife-calendula-200-ml-19808">
          <img alt="Kinder Schaumseife Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10373/file/small-110bad7f3fe6e9229fbb1a481a2f60a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/10373/file/medium-42360c53249719a632829adf4757522b.webp 900w, https://assets.fabulous.ch/public/variant_asset/10373/file/large-e4d23e8dbfb5b73ab4423e6a9f35cd03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10373/file/medium-42360c53249719a632829adf4757522b.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/kinder-schaumseife-calendula-200-ml-19808">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kinder Schaumseife Calendula, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19808&quot;],&quot;content_name&quot;:&quot;Kinder Schaumseife Calendula, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19808&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QCUfvwHk2i-7H1LIm1shi6i0bCuc8xLY66nQAQ5hLLnWvve-XjX-j42_ZKVMjrFq6ubtrFb2WCryphHG2oEC8w" />
    <input value="19808" 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=%2Fmanufacturers%2Fsonett%3Fformat%3Dturbo_stream%26page%3D3">
    <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/kinder-schaumseife-calendula-1-l-19809">
          <img alt="Kinder Schaumseife Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10374/file/small-5e4cdfec57edaa3ceaf8d9d167837c9e.webp 600w, https://assets.fabulous.ch/public/variant_asset/10374/file/medium-46e8b7411f0a1969d6efb177a85f8fcf.webp 900w, https://assets.fabulous.ch/public/variant_asset/10374/file/large-dc585564935fe9d88389d2d78053fee9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10374/file/medium-46e8b7411f0a1969d6efb177a85f8fcf.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/kinder-schaumseife-calendula-1-l-19809">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kinder Schaumseife Calendula, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19809&quot;],&quot;content_name&quot;:&quot;Kinder Schaumseife Calendula, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19809&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eeaRCssoNTAU47og39c-qJAyWU04XPlIWG-WUFz7N13vfXkLlPkRkCJDjE0IAq5J0mDYyvJZs7pBYFeXiBsZFw" />
    <input value="19809" 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=%2Fmanufacturers%2Fsonett%3Fformat%3Dturbo_stream%26page%3D3">
    <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-oliven-wolle-seide-sensitiv-1-l-20084">
          <img alt="Waschmittel Oliven Wolle Seide sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10798/file/small-56df619326274207ffd12c9fdcc63b68.webp 600w, https://assets.fabulous.ch/public/variant_asset/10798/file/medium-eae5081af697dcf2e513bf4a83de6059.webp 900w, https://assets.fabulous.ch/public/variant_asset/10798/file/large-9cb3c4368ccd582c8f55e2b36cd935d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10798/file/medium-eae5081af697dcf2e513bf4a83de6059.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-oliven-wolle-seide-sensitiv-1-l-20084">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Waschmittel Oliven Wolle Seide sensitiv, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20084&quot;],&quot;content_name&quot;:&quot;Waschmittel Oliven Wolle Seide sensitiv, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20084&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FkLrjQPzPWVpNGZp_-EB_Z9mWWuONng8eSrjRZZKsumA2QOMXCIZxV-UUAQoNJEc3TTY7EQzMs5gJSKCQqqcow" />
    <input value="20084" 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">
      57 von 57 Produkten
    </p>
  </div>
</div>

</template></turbo-stream>