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

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pflanzenhaarfarbe-kupfer-100-g-19706">
          <img alt="Pflanzenhaarfarbe Kupfer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10585/file/small-7b482f71d96b567ace64160da3e88c91.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10585/file/medium-973f7568bedf610b7e332d5a569b3131.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10585/file/large-ef74f4d2db504d257f04afe1ec47982a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10585/file/medium-973f7568bedf610b7e332d5a569b3131.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">Khadi</p>
          <a href="/de/products/pflanzenhaarfarbe-kupfer-100-g-19706">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflanzenhaarfarbe Kupfer, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SJkqwm2QThlNV1NO-GTY0h3aluAnHRCjdr01nLBUjss_aX4Gim6GY-nq0fCLahTuEaCl8T_9zJqZ9Z2pZz1Fpw" />
    <input value="19706" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pflanzenhaarfarbe-mittelbraun-100-g-19707">
          <img alt="Pflanzenhaarfarbe Mittelbraun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10589/file/small-31f2f4ee57f5e7956495bf29dc36ceaa.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10589/file/medium-2dee9827c075bafa88aaed08c4decaa3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10589/file/large-3f348393bc299baf8c4bd56af0bb7d0c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10589/file/medium-2dee9827c075bafa88aaed08c4decaa3.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">Khadi</p>
          <a href="/de/products/pflanzenhaarfarbe-mittelbraun-100-g-19707">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflanzenhaarfarbe Mittelbraun, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pflanzenhaarfarbe-nussbraun-100-g-19708">
          <img alt="Pflanzenhaarfarbe Nussbraun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10587/file/small-546961fa53cd7ec28af95c313fb6844b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10587/file/medium-bd8394c4bbeabcbf16a3b7f2c5b344f5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10587/file/large-7d6291330c2eff6f7d544e5ebef86956.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10587/file/medium-bd8394c4bbeabcbf16a3b7f2c5b344f5.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">Khadi</p>
          <a href="/de/products/pflanzenhaarfarbe-nussbraun-100-g-19708">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflanzenhaarfarbe Nussbraun, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pflanzenhaarfarbe-reines-henna-100-g-19709">
          <img alt="Pflanzenhaarfarbe Reines Henna" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10593/file/small-0b183618c3c1c85a0a1cef5a8bc7bf5b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10593/file/medium-e5fd3b4ad0b8a9cd55c7183816098e9b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10593/file/large-177e80f440b1a37ad2e5334c6c32bc75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10593/file/medium-e5fd3b4ad0b8a9cd55c7183816098e9b.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">Khadi</p>
          <a href="/de/products/pflanzenhaarfarbe-reines-henna-100-g-19709">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflanzenhaarfarbe Reines Henna, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pflanzenhaarfarbe-schwarz-100-g-19710">
          <img alt="Pflanzenhaarfarbe Schwarz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10590/file/small-42f2aa0e40a9f8b93d9c82322cae2841.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10590/file/medium-cf6077be67683dbe9561c5a668905ea9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10590/file/large-4302bd232ce6482093ae393973bd9b20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10590/file/medium-cf6077be67683dbe9561c5a668905ea9.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">Khadi</p>
          <a href="/de/products/pflanzenhaarfarbe-schwarz-100-g-19710">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflanzenhaarfarbe Schwarz, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SFGxqhA5DxLriEVnc_0q6FYMNih34SXYuMojUt5wyzM_oeVu98fHaE81x9kA8-bUWnYFOW8B-eFXgotnCRkAXw" />
    <input value="19710" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pflanzenhaarfarbe-sonnenblond-100-g-19711">
          <img alt="Pflanzenhaarfarbe Sonnenblond" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10592/file/small-cc81a86838f11408588536f4352b5070.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10592/file/medium-33639cc0915da1dc8b1afea1a0613c27.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10592/file/large-787262ea06217d739f3cead4b9697d53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10592/file/medium-33639cc0915da1dc8b1afea1a0613c27.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">Khadi</p>
          <a href="/de/products/pflanzenhaarfarbe-sonnenblond-100-g-19711">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflanzenhaarfarbe Sonnenblond, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hE1ydWwROb6QPD5X8O8DbrP1hiuw3pSOuM2fRLHw3g7zvSaxi-_xxDSBvOmD4c9Sv4-1Oqg-SLdXhTdxZpkVYg" />
    <input value="19711" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/shampoo-rose-repair-200-ml-19712">
          <img alt="Shampoo Rose Repair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10591/file/small-ee47490f74c3245dd06f08e6f5456f87.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10591/file/medium-2fa76f2775f7a9b8fd1aa49ef833f762.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10591/file/large-f094761de18e53dfd390c75d39657df9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10591/file/medium-2fa76f2775f7a9b8fd1aa49ef833f762.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">Khadi</p>
          <a href="/de/products/shampoo-rose-repair-200-ml-19712">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shampoo Rose Repair, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zahncreme-complete-care-75-ml-19713">
          <img alt="Zahncreme complete care" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11391/file/small-e0eef5783e7550fa7f9c8b0b6377fd0e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11391/file/medium-44b5751cf9212f40b9bebcf0c3557762.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11391/file/large-442c31c715c300d49b384c957dedb433.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11391/file/medium-44b5751cf9212f40b9bebcf0c3557762.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">Lavera</p>
          <a href="/de/products/zahncreme-complete-care-75-ml-19713">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahncreme complete care, 75 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 7.87 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5w6mUmlMc-Mpeg4XF35zDg4VdYTMz0wgbt9sqvh1lomQ_vKWjrK7mY3HjKlkcL8yAm9GldQvkBmBl8SfLxxd5Q" />
    <input value="19713" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zahncreme-complete-care-fluoridfrei-75-ml-33488054-e63d-4b1e-b730-f53d1fae2091-19714">
          <img alt="Zahncreme complete care fluoridfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11392/file/small-ccc23baab23f365fa696f41cf6fcb9d6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11392/file/medium-6d3ef39a5a4a06bcfdf8e563ae33c353.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11392/file/large-027041ad416bd5d64e31002cd07ae35f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11392/file/medium-6d3ef39a5a4a06bcfdf8e563ae33c353.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">Lavera</p>
          <a href="/de/products/zahncreme-complete-care-fluoridfrei-75-ml-33488054-e63d-4b1e-b730-f53d1fae2091-19714">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahncreme complete care fluoridfrei, 75 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 7.87 / 100 ml
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zahncreme-kids-75-ml-19715">
          <img alt="Zahncreme Kids" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11393/file/small-e1184b37d5550755f3574640acd61e34.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11393/file/medium-00214acdfde0f4fbcf10645e4f372f6a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11393/file/large-b85b0c8b50809f941db5c4f8418392aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11393/file/medium-00214acdfde0f4fbcf10645e4f372f6a.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">Lavera</p>
          <a href="/de/products/zahncreme-kids-75-ml-19715">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahncreme Kids, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.10
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/laboratoires-de-biarritz-algamaris-after-sun-fluid-150-ml-19716">
          <img alt="Laboratoires De Biarritz Algamaris After Sun Fluid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10333/file/small-0664699d3ab83ff88f571b464a956cb6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10333/file/medium-ea0cbe8deb513d4dfb75573c67b5dc97.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10333/file/large-d35391e82923679bb7b498aa4702fd63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10333/file/medium-ea0cbe8deb513d4dfb75573c67b5dc97.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">LaborDeBiarritz</p>
          <a href="/de/products/laboratoires-de-biarritz-algamaris-after-sun-fluid-150-ml-19716">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Laboratoires De Biarritz Algamaris After Sun Fluid, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/laboratoires-de-biarritz-algamaris-sport-sonnencreme-baby-kind-lsf50-50-ml-19717">
          <img alt="Laboratoires De Biarritz Algamaris SPORT Sonnencreme Baby&amp;Kind LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10712/file/small-96b8bb567515caa07ff838d295ead74f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10712/file/medium-0eb08a5b8f64844c5f4589126425b575.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10712/file/large-b179ba07dce7bfe64f5e8cac6bd748b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10712/file/medium-0eb08a5b8f64844c5f4589126425b575.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">LaborDeBiarritz</p>
          <a href="/de/products/laboratoires-de-biarritz-algamaris-sport-sonnencreme-baby-kind-lsf50-50-ml-19717">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Laboratoires De Biarritz Algamaris SPORT Sonnencreme Baby&amp;Kind LSF50+, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/laboratoires-de-biarritz-algamaris-sonnencreme-gesicht-lsf50-50-ml-19718">
          <img alt="Laboratoires De Biarritz Algamaris Sonnencreme Gesicht LSF50" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10708/file/small-3fa048dc8856b6781f7afffb1e091f0f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10708/file/medium-dc55325efbb97be7e6168d5a9b56c46a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10708/file/large-7a0ed807dea099bb985e1f849e92de2d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10708/file/medium-dc55325efbb97be7e6168d5a9b56c46a.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">LaborDeBiarritz</p>
          <a href="/de/products/laboratoires-de-biarritz-algamaris-sonnencreme-gesicht-lsf50-50-ml-19718">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Laboratoires De Biarritz Algamaris Sonnencreme Gesicht LSF50, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/color-fix-nachbehandlung-100-ml-19719">
          <img alt="Color Fix Nachbehandlung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9402/file/small-e47df00b145ca019a525fb8ba1c742ad.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9402/file/medium-5b21265f8c2b43c69a60ad9b23572825.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9402/file/large-0a55ed0164a72e94b5208a85c419c87d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9402/file/medium-5b21265f8c2b43c69a60ad9b23572825.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">Logona</p>
          <a href="/de/products/color-fix-nachbehandlung-100-ml-19719">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Color Fix Nachbehandlung, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JJzz8Ua5bfmuwSBqi-kqcvZC89Dy5rsS6VICWMgd5UVTbKc1oUelgwp8otT45-ZO-jjAweoGZysGGqptH3QuKQ" />
    <input value="19719" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/glanz-spulung-bio-arganol-200-ml-19720">
          <img alt="Glanz Spülung Bio-Arganöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10608/file/small-50fbb4d02d6d628e6c74c55b28e4e43f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10608/file/medium-c66bbdadbc2b60cd263e41a3e6282859.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10608/file/large-9671556a9f6e57bb28a4fec229b1beb2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10608/file/medium-c66bbdadbc2b60cd263e41a3e6282859.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">Logona</p>
          <a href="/de/products/glanz-spulung-bio-arganol-200-ml-19720">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Glanz Spülung Bio-Arganöl, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sEr6NFtolyrtSpgpqDA6IJTmYGhofF0cq_JuNLhc-7nHuq7wvJZfUEn3GpfbPvYcmJxTeXCcgSVEusYBbzUw1Q" />
    <input value="19720" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/festes-shampoo-bio-hanf-bio-brennnessel-60-g-19721">
          <img alt="Festes Shampoo Bio-Hanf &amp; Bio-Brennnessel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10615/file/small-a4abd69e429fd13f7652076adbf2cc33.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10615/file/medium-48a966c1c801191bab6faa49c17a9ed0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10615/file/large-895b40a2b7497c64f48e316d0e4a9d7e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10615/file/medium-48a966c1c801191bab6faa49c17a9ed0.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">Logona</p>
          <a href="/de/products/festes-shampoo-bio-hanf-bio-brennnessel-60-g-19721">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Festes Shampoo Bio-Hanf &amp; Bio-Brennnessel, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-x2AQdlr1wRn-4-4A4kVLbp8I37oIJYCKeoFqriyiv6M7dSFPpUffsNGDQZwh9kRtgYQb_DASjvGoq2fb9tBkg" />
    <input value="19721" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/festes-shampoo-bio-hanf-bio-holunder-60-g-19722">
          <img alt="Festes Shampoo Bio-Hanf &amp; Bio-Holunder" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10613/file/small-c265cff5e9108d064fcb05be9ca5fbc5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10613/file/medium-4845d497dd3e3c4db8bd05ef89da0d97.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10613/file/large-687d44f371f98f245e3bb5fd2897e49f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10613/file/medium-4845d497dd3e3c4db8bd05ef89da0d97.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">Logona</p>
          <a href="/de/products/festes-shampoo-bio-hanf-bio-holunder-60-g-19722">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Festes Shampoo Bio-Hanf &amp; Bio-Holunder, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.60
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/langen-spitzenfluid-bio-arganol-75-ml-19723">
          <img alt="Längen- &amp; Spitzenfluid Bio-Arganöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9403/file/small-7786d46f21f0a3e3ac2149a2f9cea4c9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9403/file/medium-1553b40a80016bf7e63c3bd56103427e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9403/file/large-1d5bcde5779893b78d7015fd7a361459.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9403/file/medium-1553b40a80016bf7e63c3bd56103427e.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">Logona</p>
          <a href="/de/products/langen-spitzenfluid-bio-arganol-75-ml-19723">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Längen- &amp; Spitzenfluid Bio-Arganöl, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.70
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/lavaerde-pulver-bio-1-kg-19724">
          <img alt="Lavaerde Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9404/file/small-2714b0af99913a60cc977c3f40f384e1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9404/file/medium-a12d975d24b73e8c3ecac505953aee40.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9404/file/large-7f32270d0099912b3e07a652efe8ee45.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9404/file/medium-a12d975d24b73e8c3ecac505953aee40.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">Logona</p>
          <a href="/de/products/lavaerde-pulver-bio-1-kg-19724">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lavaerde Pulver Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.50
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/lavaerde-pulver-bio-300-g-19725">
          <img alt="Lavaerde Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9405/file/small-67a715262ff80c518d13d49b41624361.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9405/file/medium-fd9a90376dc36f9deacb0c90407c084b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9405/file/large-13d019fe9b64c44a9a8fdafb3706e246.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9405/file/medium-fd9a90376dc36f9deacb0c90407c084b.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">Logona</p>
          <a href="/de/products/lavaerde-pulver-bio-300-g-19725">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lavaerde Pulver Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yoZMuEzXzCo4geUbCpZTLWS0-M1El4cltqdg7bDUdw-9dhh8qykEUJw8Z6V5mJ8RaM7L3Fx3WxxZ78jYZ728Yw" />
    <input value="19725" 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">
      2&#39;180 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/products?format=turbo_stream&amp;page=110">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>