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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdroste-laux%3Fformat%3Dturbo_stream%26page%3D98">
    <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/bar-soap-peppermint-140-g-19521">
          <img alt="Bar Soap Peppermint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9355/file/small-8055790bfd449b8dc2c05d17046da5de.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9355/file/medium-fa252416e123e0279b83e0ded99abd6d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9355/file/large-7bd628a30fe67bf71cd919b913cf6787.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9355/file/medium-fa252416e123e0279b83e0ded99abd6d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Bronners</p>
          <a href="/products/bar-soap-peppermint-140-g-19521">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Peppermint, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdroste-laux%3Fformat%3Dturbo_stream%26page%3D98">
    <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/bar-soap-rose-140-g-19522">
          <img alt="Bar Soap Rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9356/file/small-1ae7e5681eba5ff8d82310205ba4acee.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9356/file/medium-80c843ffd03ffb66ee5e4a1990c0f21b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9356/file/large-b8b1013bb5dffa564c3fce2d6b094dae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9356/file/medium-80c843ffd03ffb66ee5e4a1990c0f21b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Bronners</p>
          <a href="/products/bar-soap-rose-140-g-19522">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Rose, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdroste-laux%3Fformat%3Dturbo_stream%26page%3D98">
    <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/bar-soap-teebaum-140-g-19523">
          <img alt="Bar Soap Teebaum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9357/file/small-0f619a0d8f3ed35fcac45b0d2926a94e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9357/file/medium-78c6612193bf97fb982deb4f214fd098.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9357/file/large-038bc6366c39fcd7c750dfd016a1b561.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9357/file/medium-78c6612193bf97fb982deb4f214fd098.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Bronners</p>
          <a href="/products/bar-soap-teebaum-140-g-19523">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Teebaum, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdroste-laux%3Fformat%3Dturbo_stream%26page%3D98">
    <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/lipbalm-baby-mild-4-g-19524">
          <img alt="Lipbalm Baby Mild" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9358/file/small-41ddfcbd3c9a32011f6dc06fd2b536c7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9358/file/medium-465c9f91a6e1f10be098fb511f771a61.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9358/file/large-4e055d797d6224858776b848780327ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9358/file/medium-465c9f91a6e1f10be098fb511f771a61.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Bronners</p>
          <a href="/products/lipbalm-baby-mild-4-g-19524">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lipbalm Baby Mild, 4 g</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 147.50 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdroste-laux%3Fformat%3Dturbo_stream%26page%3D98">
    <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/lipbalm-cherry-blossom-4-g-19525">
          <img alt="Lipbalm Cherry Blossom" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9359/file/small-aa041f528a3eb317b08f442cc155cf79.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9359/file/medium-73023d033821d71385ddcea81aebfaf2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9359/file/large-1f78dcc204a83efedc34bbf2728db84e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9359/file/medium-73023d033821d71385ddcea81aebfaf2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Bronners</p>
          <a href="/products/lipbalm-cherry-blossom-4-g-19525">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lipbalm Cherry Blossom, 4 g</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 147.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="548QMF-V0R-GC0FWm47f5HhNxDkNFdfb-SWc3quOuwV0AeNcZnvR-yIP7pbvTK71ej2dpB1oh6nr38XSrSZjsw" />
    <input value="19525" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdroste-laux%3Fformat%3Dturbo_stream%26page%3D98">
    <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/lipbalm-citrus-lime-4-g-19526">
          <img alt="Lipbalm Citrus-Lime" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9360/file/small-1cf45999844dfa282e81963f0bb8662e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9360/file/medium-ee72133bec801e6aaadf323171fd2b08.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9360/file/large-e97f740b61aa442dcd1fd2a5dcfc4e52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9360/file/medium-ee72133bec801e6aaadf323171fd2b08.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Bronners</p>
          <a href="/products/lipbalm-citrus-lime-4-g-19526">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lipbalm Citrus-Lime, 4 g</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 147.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="62H-xZrDthXRGfRrf1WqrqpsShSttFJyKJsnqc8dZ_h47w2poy228XUdW6sLl9u_qBwTib3JAgA6YX6lybW_Tg" />
    <input value="19526" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdroste-laux%3Fformat%3Dturbo_stream%26page%3D98">
    <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/lipbalm-peppermint-4-g-19527">
          <img alt="Lipbalm Peppermint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9361/file/small-d4c4076c96c422c5c090e212cc110642.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9361/file/medium-39aad09fed8526bc118cc29c1bb632cd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9361/file/large-1378d60d46fdeb7896c23351fed9b45c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9361/file/medium-39aad09fed8526bc118cc29c1bb632cd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Bronners</p>
          <a href="/products/lipbalm-peppermint-4-g-19527">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lipbalm Peppermint, 4 g</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 147.50 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdroste-laux%3Fformat%3Dturbo_stream%26page%3D98">
    <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/liquid-soap-baby-mild-240-ml-19528">
          <img alt="Liquid Soap Baby Mild" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9362/file/small-1bb3e034565cf3fd109488479cf89f7d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9362/file/medium-4f67d0d13759155a36de67a82968e744.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9362/file/large-71b011cd4f0e9e2f83dabae520a3eca2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9362/file/medium-4f67d0d13759155a36de67a82968e744.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Bronners</p>
          <a href="/products/liquid-soap-baby-mild-240-ml-19528">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Baby Mild, 240 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdroste-laux%3Fformat%3Dturbo_stream%26page%3D98">
    <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/liquid-soap-baby-mild-60-ml-19529">
          <img alt="Liquid Soap Baby Mild" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9363/file/small-b539e5047ffa7b1649378d7b7961b065.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9363/file/medium-58c107495549134939498b161c7efcff.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9363/file/large-9301385117fdf71b5a5b9bd11525b18c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9363/file/medium-58c107495549134939498b161c7efcff.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Bronners</p>
          <a href="/products/liquid-soap-baby-mild-60-ml-19529">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Baby Mild, 60 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 9.83 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MWt_ATg19_t6dpTb7D-W2_y1zpaNsjO5ZPxOn56ehC-i5YxtAdv3H95yOxuY_efK_sWXC53PY8t2BheTmDZcmQ" />
    <input value="19529" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdroste-laux%3Fformat%3Dturbo_stream%26page%3D98">
    <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/liquid-soap-cherry-blossom-240-ml-19530">
          <img alt="Liquid Soap Cherry Blossom" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10030/file/small-29afa16cfbff8df5921a752b09940c9e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10030/file/medium-0eec908cf5859233580ab99aa5fe9e35.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10030/file/large-4661a7213c627ec016b4a770ff4f12cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10030/file/medium-0eec908cf5859233580ab99aa5fe9e35.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Bronners</p>
          <a href="/products/liquid-soap-cherry-blossom-240-ml-19530">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Cherry Blossom, 240 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdroste-laux%3Fformat%3Dturbo_stream%26page%3D98">
    <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/liquid-soap-citrus-orange-240-ml-19531">
          <img alt="Liquid Soap Citrus-Orange" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9364/file/small-9d57d67bf5c187bfa3c759c5eecdd625.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9364/file/medium-4e259c4d50aa2c43535db30334ec8cb4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9364/file/large-759d341dbc2aab0e3937fac06d326b6a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9364/file/medium-4e259c4d50aa2c43535db30334ec8cb4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Bronners</p>
          <a href="/products/liquid-soap-citrus-orange-240-ml-19531">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Citrus-Orange, 240 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdroste-laux%3Fformat%3Dturbo_stream%26page%3D98">
    <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/liquid-soap-citrus-orange-60-ml-19532">
          <img alt="Liquid Soap Citrus-Orange" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10072/file/small-d26c814908613be6f59a681c659b36f3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10072/file/medium-09d59b92f54bc81d65d59a83e845f782.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10072/file/large-253149a8f7b25239f91000e7f7f48649.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10072/file/medium-09d59b92f54bc81d65d59a83e845f782.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Bronners</p>
          <a href="/products/liquid-soap-citrus-orange-60-ml-19532">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Citrus-Orange, 60 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 9.83 / 100 ml
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdroste-laux%3Fformat%3Dturbo_stream%26page%3D98">
    <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/liquid-soap-lavender-240-ml-19533">
          <img alt="Liquid Soap Lavender" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9365/file/small-19c03c0c79afa558fe9d0e0b30354c97.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9365/file/medium-6fcf61faa9476afb57f73a050d13a8ed.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9365/file/large-b69ce8251ef15eff62d2ee2572db6624.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9365/file/medium-6fcf61faa9476afb57f73a050d13a8ed.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Bronners</p>
          <a href="/products/liquid-soap-lavender-240-ml-19533">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Lavender, 240 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2h6EWdYxYKVSFraUdrclLjicHVT-amOuHhYHcT95_Z9JkHc1799gQfYSGVQCdVQ_OuxEye4XM9wM7F59OdElKQ" />
    <input value="19533" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdroste-laux%3Fformat%3Dturbo_stream%26page%3D98">
    <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/liquid-soap-lavender-60-ml-19534">
          <img alt="Liquid Soap Lavender" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9366/file/small-ab0568620a400b18145efd067cd6f52f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9366/file/medium-ea244bc651bb1695e1a07a00a292e93e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9366/file/large-e87670874458e0ee889043649eee8692.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9366/file/medium-ea244bc651bb1695e1a07a00a292e93e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Bronners</p>
          <a href="/products/liquid-soap-lavender-60-ml-19534">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Lavender, 60 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 9.83 / 100 ml
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdroste-laux%3Fformat%3Dturbo_stream%26page%3D98">
    <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/liquid-soap-mandel-240-ml-19535">
          <img alt="Liquid Soap Mandel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9367/file/small-aea823ead6baf6d7034db3d5f57a0194.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9367/file/medium-24925da65ca9e746ceeabf6612fcef07.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9367/file/large-22af86ba424ce4ef1e98f5a14c3c4b18.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9367/file/medium-24925da65ca9e746ceeabf6612fcef07.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Bronners</p>
          <a href="/products/liquid-soap-mandel-240-ml-19535">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Mandel, 240 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ibd98alt-nx7QjPUCgxtX09Wv5TCMiyI95vrumXMV4qyOY6dkIP6mN9GnBR-zhxOTSbmCdJPfPrlYbK2Y2SPPA" />
    <input value="19535" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdroste-laux%3Fformat%3Dturbo_stream%26page%3D98">
    <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/liquid-soap-mandel-60-ml-19536">
          <img alt="Liquid Soap Mandel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9368/file/small-0cabf508af7dc6914bf49db4cc834709.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9368/file/medium-b4cb249a9aceda4509d8c661e1a03094.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9368/file/large-f2a276725f0eca354f53029357775207.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9368/file/medium-b4cb249a9aceda4509d8c661e1a03094.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Bronners</p>
          <a href="/products/liquid-soap-mandel-60-ml-19536">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Mandel, 60 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 9.83 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GMkJLZK_Syd0e8ROVYlBiY2efE05guOD_w4kFV7tYn2LR_pBq1FLw9B_a44hSzCYj-4l0Cn_s_Ht9H0ZWEW6yw" />
    <input value="19536" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdroste-laux%3Fformat%3Dturbo_stream%26page%3D98">
    <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/liquid-soap-peppermint-240-ml-19537">
          <img alt="Liquid Soap Peppermint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9369/file/small-c2d53ee31a5bf19ee84893885963085e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9369/file/medium-d4fa9498c6795af24fc9deefd9966df9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9369/file/large-acc7fed6bfe7e0e136f399283123a3da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9369/file/medium-d4fa9498c6795af24fc9deefd9966df9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Bronners</p>
          <a href="/products/liquid-soap-peppermint-240-ml-19537">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Peppermint, 240 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HpqcODEyMFbhSifgpSlAsHHyTFZKvnefpAjmK8-uWB6NFG9UCNwwskVOiCDR6zGhc4IVy1rDJ-228r8nyQaAqA" />
    <input value="19537" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdroste-laux%3Fformat%3Dturbo_stream%26page%3D98">
    <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/liquid-soap-rose-240-ml-19538">
          <img alt="Liquid Soap Rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9370/file/small-5940415b6c4c339d12aba24c7d6a22f9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9370/file/medium-046c5ab5f7ac91cfc4b55620e78c0aa7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9370/file/large-0d5380620ddaa1ad7df76d30af8db4a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9370/file/medium-046c5ab5f7ac91cfc4b55620e78c0aa7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Bronners</p>
          <a href="/products/liquid-soap-rose-240-ml-19538">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Rose, 240 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdroste-laux%3Fformat%3Dturbo_stream%26page%3D98">
    <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/liquid-soap-sandelholz-jasmin-240-ml-19539">
          <img alt="Liquid Soap Sandelholz-Jasmin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10031/file/small-e764f07aeed2430d30747239d93e51e4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10031/file/medium-9dea3ce528fe17ca1cb27dc87d64e8f2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10031/file/large-a9f2c8575bf70f9630a2cb74c07137cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10031/file/medium-9dea3ce528fe17ca1cb27dc87d64e8f2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Bronners</p>
          <a href="/products/liquid-soap-sandelholz-jasmin-240-ml-19539">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Sandelholz-Jasmin, 240 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k9jv1Eb3MIlKzlLuY5jCV8l-McaBS9zi2R__9fwehOsAVhy4fxkwbe7K_S4XWrNGyw5oW5E2jJDL5ab5-rZcXQ" />
    <input value="19539" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdroste-laux%3Fformat%3Dturbo_stream%26page%3D98">
    <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/liquid-soap-sandelholz-jasmin-60-ml-19540">
          <img alt="Liquid Soap Sandelholz-Jasmin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10032/file/small-24c3db5b61b02a1ef73ed19daa7eb1da.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10032/file/medium-4b3ea22730df9a14f8bc9cdb31e0d8cb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10032/file/large-0be6faac3884d40589d26506cdda296e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10032/file/medium-4b3ea22730df9a14f8bc9cdb31e0d8cb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Bronners</p>
          <a href="/products/liquid-soap-sandelholz-jasmin-60-ml-19540">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Sandelholz-Jasmin, 60 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 9.83 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ODEXQ1Au_p3PCHsfFZyYMdNi89MeLA5wmT9Prpc6aaerv-QvacD-eWsM1N9hXukg0RKqTg5RXgKLxRaikZKxEQ" />
    <input value="19540" 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">
      1&#39;960 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/droste-laux?format=turbo_stream&amp;page=99">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>