<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%2Fhermann%3Fformat%3Dturbo_stream%26page%3D100">
    <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/color-fix-nachbehandlung-100-ml-19561">
          <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/9384/file/small-b961fd568ff6c5039da62ef66b507c80.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9384/file/medium-d9853d54bc3a9706234c681f474d50fb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9384/file/large-ac1d1b3d629ae2843d0003c59fe41acf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9384/file/medium-d9853d54bc3a9706234c681f474d50fb.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="/products/color-fix-nachbehandlung-100-ml-19561">
            <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-19561-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7clxKasMxQKgvmcmhgVdksa3lTGk3D35Dqu0C0WTQRIYM6AxolAD7WMa4Qa_Z-2WuGQTdW8DAQZjQFsMPcMByw" />
    <input value="19561" 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%2Fhermann%3Fformat%3Dturbo_stream%26page%3D100">
    <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/glanz-spulung-bio-arganol-200-ml-19562">
          <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/10286/file/small-28d2c3f06621aa9f0015335037602277.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10286/file/medium-0fdd601f228d6251bf3d5d80fe5e715e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10286/file/large-4f35caf62e7d8d99dd03ffbbc60ef746.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10286/file/medium-0fdd601f228d6251bf3d5d80fe5e715e.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="/products/glanz-spulung-bio-arganol-200-ml-19562">
            <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-19562-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HvTbGfmGG1lz5klgSdyKpGMfNvP0YTE9k3i63XhuQAXrDgoB8NrdtrBCz0BwvjqgHcywtz--DcL-k1XaAD4A3A" />
    <input value="19562" 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%2Fhermann%3Fformat%3Dturbo_stream%26page%3D100">
    <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/festes-shampoo-bio-hanf-bio-brennnessel-60-g-19563">
          <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/10292/file/small-753e70eaf7e0670d91b6be22739365f7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10292/file/medium-22b3e5db6dc3b732d3f401e667209d6f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10292/file/large-130fefb76f07173e55fb582e800b7652.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10292/file/medium-22b3e5db6dc3b732d3f401e667209d6f.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="/products/festes-shampoo-bio-hanf-bio-brennnessel-60-g-19563">
            <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-19563-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a4rm6yT0wM6OJK3aboUeLOX9Z-5T34uoarwa8vhLOHeecDfzLagGIU2AK_pX564omy7hqpgAt1cHV_X1gBt4rg" />
    <input value="19563" 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%2Fhermann%3Fformat%3Dturbo_stream%26page%3D100">
    <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/festes-shampoo-bio-hanf-bio-holunder-60-g-19564">
          <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/10291/file/small-2e0776aca55fae98b230bbc000ac1f1a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10291/file/medium-6ee2a27676cc07c9a3b7825da06a3857.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10291/file/large-0466637e7d5daeb0a64d8ea967371df3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10291/file/medium-6ee2a27676cc07c9a3b7825da06a3857.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="/products/festes-shampoo-bio-hanf-bio-holunder-60-g-19564">
            <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-19564-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Lhce35xzF2G3bG_trubh01xcUDkhYTWE-Zy1LISQBvrb7c_HlS_RjnTI6c2XhFHXIo_Wfeq-CXuUd1or_MBGIw" />
    <input value="19564" 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%2Fhermann%3Fformat%3Dturbo_stream%26page%3D100">
    <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/langen-spitzenfluid-bio-arganol-75-ml-19565">
          <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/9385/file/small-e79f2bbd476a59017177cca0e9d3d469.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9385/file/medium-b5b9e8e627b4183bdc11a18c35e10385.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9385/file/large-8e395291bc4102328ecfa2b3ccc7af9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9385/file/medium-b5b9e8e627b4183bdc11a18c35e10385.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="/products/langen-spitzenfluid-bio-arganol-75-ml-19565">
            <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 13.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aXugsqZ2VAOTGBRL74VundMYu61cJKjb2TGOuYVFuj-cgXGqryqS7FC8kmvW596Zrcs96Zf7lCS02mG-_RX65g" />
    <input value="19565" 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%2Fhermann%3Fformat%3Dturbo_stream%26page%3D100">
    <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/lavaerde-pulver-bio-1-kg-19566">
          <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/9386/file/small-5aa91b4d0d7a7a7ef9365ae623273f98.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9386/file/medium-cc555820eed1c652ad595e2841cd5cdc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9386/file/large-4dc25a66f9476fe913cb32087c605fa2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9386/file/medium-cc555820eed1c652ad595e2841cd5cdc.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="/products/lavaerde-pulver-bio-1-kg-19566">
            <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-19566-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nObrvG9Ke9Yf7rJnZdsdnuztrP6vqwf3foC2zlesrq1pHDqkZha9OdxKNEdcua2akj4qumR0OwgTa1nJL_zudA" />
    <input value="19566" 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%2Fhermann%3Fformat%3Dturbo_stream%26page%3D100">
    <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/lavaerde-pulver-bio-300-g-19567">
          <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/9387/file/small-c93f8ad166dfcad27fb0d6347dfa3e5f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9387/file/medium-871a4819cb9b215ae25ee54497a8ae61.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9387/file/large-2d49e0c39b2372433357b01d7b782016.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9387/file/medium-871a4819cb9b215ae25ee54497a8ae61.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="/products/lavaerde-pulver-bio-300-g-19567">
            <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-19567-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vdjgQcdIzcI4oMCJKGau230hv1lPISewBkauPbOez6tIIjFZzhQLLfsERqkRBB7fA_I5HYT-G09rrUE6y86Pcg" />
    <input value="19567" 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%2Fhermann%3Fformat%3Dturbo_stream%26page%3D100">
    <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/lavaerde-waschcreme-patchouli-bio-200-ml-19568">
          <img alt="Lavaerde Waschcreme Patchouli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9388/file/small-2ba2c70e40330936dd593ede820d1037.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9388/file/medium-96b0b0ff11217465c392fa5a9bb5998b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9388/file/large-95a62f77ba05eae98b7f98edbb306f4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9388/file/medium-96b0b0ff11217465c392fa5a9bb5998b.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="/products/lavaerde-waschcreme-patchouli-bio-200-ml-19568">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lavaerde Waschcreme Patchouli Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8FawgqXwtPlrtJZBzz3F6q-lBFgPFEnP2-LpZ1xpDnMFrGGarKxyFqgQEGH2X3Xu0XaCHMTLdTC2CQZgJDlOqg" />
    <input value="19568" 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%2Fhermann%3Fformat%3Dturbo_stream%26page%3D100">
    <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/mineralerde-vorbehandlung-bio-100-ml-19569">
          <img alt="Mineralerde Vorbehandlung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9389/file/small-6ed0b35d6b3bdfe6ed639dbfbbadff1e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9389/file/medium-23f4089eff6ddb6e1029e2ac37f0727f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9389/file/large-4a8027b703412d37fbedf510cbf86544.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9389/file/medium-23f4089eff6ddb6e1029e2ac37f0727f.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="/products/mineralerde-vorbehandlung-bio-100-ml-19569">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mineralerde Vorbehandlung Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7hTAUh0SdYT2oV7jqkSWqr2P4oXgD1SUn3e5E_gGYQ8b7hFKFE6zazUF2MOTJiauw1xkwSvQaGvynFYUgFYh1g" />
    <input value="19569" 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%2Fhermann%3Fformat%3Dturbo_stream%26page%3D100">
    <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/pflege-spulung-bio-brennnessel-200-ml-19570">
          <img alt="Pflege Spülung 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/9435/file/small-96060bb5a10cd9f50e7dbf1afdcdc536.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9435/file/medium-618533365d4b515014757e4facc91873.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9435/file/large-c7c650ce226315ff41d8cf003197b7b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9435/file/medium-618533365d4b515014757e4facc91873.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="/products/pflege-spulung-bio-brennnessel-200-ml-19570">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflege Spülung Bio-Brennnessel, 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-19570-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iQitaApXm0AOZyx1NkPyapKwhk6RQ32PpI5Z7UOLTVB88nxwAwtdr83DqlUPIUJu7GMAClqcQXDJZbbqO9sNiQ" />
    <input value="19570" 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%2Fhermann%3Fformat%3Dturbo_stream%26page%3D100">
    <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/age-energy-shampoo-bio-coffein-250-ml-19571">
          <img alt="Age Energy Shampoo Bio-Coffein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9436/file/small-f4f7a5cd087eafa1a234eabfbcec96dc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9436/file/medium-7ec504310baeb8ede35a61f2f38b0bb8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9436/file/large-c53cb87458158cef6a4168530d75420f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9436/file/medium-7ec504310baeb8ede35a61f2f38b0bb8.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="/products/age-energy-shampoo-bio-coffein-250-ml-19571">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Age Energy Shampoo Bio-Coffein, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QxVQw2gP_adoWEwGXvPSGprHFrIPZmHRQFq5GSK2LRS274HbYVM7SKv8yiZnkWIe5BSQ9sS5XS4tsVYeWuZtzQ" />
    <input value="19571" 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%2Fhermann%3Fformat%3Dturbo_stream%26page%3D100">
    <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/anti-schuppen-shampoo-bio-wacholderol-250-ml-19572">
          <img alt="Anti-Schuppen Shampoo Bio-Wacholderöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9432/file/small-f595ba58beab55a1fb8018a6e2736e4f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9432/file/medium-132e83f6adf287a4507bc4f1de84e585.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9432/file/large-52ed68d61ac561f3e80df5c570ab1202.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9432/file/medium-132e83f6adf287a4507bc4f1de84e585.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="/products/anti-schuppen-shampoo-bio-wacholderol-250-ml-19572">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Anti-Schuppen Shampoo Bio-Wacholderöl, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M-Lj1ZAXR2g1KXoxdR4FH827tSk5x-HU4hCeE_GsJKXGGDLNmUuBh_aN_BFMfLUbs2gzbfIY3SuP-3EUifxkfA" />
    <input value="19572" 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%2Fhermann%3Fformat%3Dturbo_stream%26page%3D100">
    <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/anti-fett-shampoo-bio-zitronenmelisse-250-ml-19573">
          <img alt="Anti-Fett Shampoo Bio-Zitronenmelisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10289/file/small-1c17a34311a98757146c51ba4b672932.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10289/file/medium-25c02bc4ee632c94f79fc0a146bea698.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10289/file/large-4ebe94f7b2a51f9b54769b7a22a2747b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10289/file/medium-25c02bc4ee632c94f79fc0a146bea698.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="/products/anti-fett-shampoo-bio-zitronenmelisse-250-ml-19573">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Anti-Fett Shampoo Bio-Zitronenmelisse, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="63R2ohrsxexzKl73KmFL4RA9HR-PZH8V3imAbmJaqZ0ejqe6E7ADA7CO2NcTA_vlbu6bW0S7Q-qzwm9pGgrpRA" />
    <input value="19573" 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%2Fhermann%3Fformat%3Dturbo_stream%26page%3D100">
    <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/pflege-shampoo-bio-brennnessel-500-ml-19574">
          <img alt="Pflege Shampoo 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/10287/file/small-b79abca8430ef715bbd22a8813878d30.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10287/file/medium-bf5053f674bdae25255cf1a4a876ae2b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10287/file/large-198e034a734428761ed1b29a2dec400a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10287/file/medium-bf5053f674bdae25255cf1a4a876ae2b.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="/products/pflege-shampoo-bio-brennnessel-500-ml-19574">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflege Shampoo Bio-Brennnessel, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NVVJea3Fndb-5fghdjiE5jt6kR2aKI6y4emz-QSorv7Ar5hhpJlbOT1BfgFPWjTiRakXWVH3sk2MAlz-fPjuJw" />
    <input value="19574" 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%2Fhermann%3Fformat%3Dturbo_stream%26page%3D100">
    <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/farbreflex-shampoo-braun-schwarz-bio-haselnuss-250-ml-19575">
          <img alt="Farbreflex Shampoo Braun-Schwarz Bio-Haselnuss" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9431/file/small-f1297c129de856fa954af2059861a999.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9431/file/medium-2372f154e9c3ddf95104ba8fa67660cb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9431/file/large-deb55d09bc42d5cb549a9be45affaa98.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9431/file/medium-2372f154e9c3ddf95104ba8fa67660cb.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="/products/farbreflex-shampoo-braun-schwarz-bio-haselnuss-250-ml-19575">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Farbreflex Shampoo Braun-Schwarz Bio-Haselnuss, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PAgzz5uFHr1lyE3nKJ8GgdoEweDX0d_jmSSzHGpKV3fJ8uLXktnYUqZsy8cR_baFpNdHpBwO4xz0z1wbEhoXrg" />
    <input value="19575" 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%2Fhermann%3Fformat%3Dturbo_stream%26page%3D100">
    <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/farbreflex-shampoo-rot-braun-bio-henna-250-ml-19576">
          <img alt="Farbreflex Shampoo Rot-Braun Bio-Henna" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9433/file/small-d6fcdc389cc07c7dc2317d6b851c549c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9433/file/medium-b9bd6e37942cdd9e22b46ff494c5b8d2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9433/file/large-eb8485b557e213299405cfca817814bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9433/file/medium-b9bd6e37942cdd9e22b46ff494c5b8d2.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="/products/farbreflex-shampoo-rot-braun-bio-henna-250-ml-19576">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Farbreflex Shampoo Rot-Braun Bio-Henna, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0G0o9mbsFSLl15fCRh8vsMIhEkXCzdZrrZmfnFKr-Okll_nub7DTzSZzEeJ_fZ-0vPKUAQkS6pTAcnCbKvu4MA" />
    <input value="19576" 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%2Fhermann%3Fformat%3Dturbo_stream%26page%3D100">
    <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/glanz-shampoo-bio-arganol-250-ml-19577">
          <img alt="Glanz Shampoo 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/9434/file/small-6908ebe694e49ee0c517014fd2110860.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9434/file/medium-5dc230fc55804a83b6ce93459201d620.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9434/file/large-98e382b4f2d0f7135700719cc72fc4f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9434/file/medium-5dc230fc55804a83b6ce93459201d620.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="/products/glanz-shampoo-bio-arganol-250-ml-19577">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Glanz Shampoo Bio-Arganöl, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vi82FGk1WO3NYu3PEPxa54y6mDmPeLBbTMtpIdbWKEhL1ecMYGmeAg7Ga-8pnurj8mkefUSnjKQhIIYmroZokQ" />
    <input value="19577" 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%2Fhermann%3Fformat%3Dturbo_stream%26page%3D100">
    <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/pflege-shampoo-bio-brennnessel-250-ml-19578">
          <img alt="Pflege Shampoo 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/10290/file/small-f6693e5036b6932e54f1459023c70b0c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10290/file/medium-561cd58e8960b796951dd28f29f813d2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10290/file/large-813925ea48a5800f2335ff57dddad9cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10290/file/medium-561cd58e8960b796951dd28f29f813d2.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="/products/pflege-shampoo-bio-brennnessel-250-ml-19578">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflege Shampoo Bio-Brennnessel, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6WkRpHrYrNBdTolYuTMSQxVmduTSnAtiOD2Mjzrzx4Yck8C8c4RqP57qD3iAUaJHa7XwoBlDN51V1mOIQqOHXw" />
    <input value="19578" 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%2Fhermann%3Fformat%3Dturbo_stream%26page%3D100">
    <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/sensitiv-shampoo-bio-ringelblume-250-ml-19579">
          <img alt="Sensitiv Shampoo Bio-Ringelblume" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9430/file/small-6e7468c7aaf424035a995adbd64210fd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9430/file/medium-e69d236becb5654b81ebf9dab11f3f83.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9430/file/large-d68e3725e5ea3263fccd864b3260e704.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9430/file/medium-e69d236becb5654b81ebf9dab11f3f83.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="/products/sensitiv-shampoo-bio-ringelblume-250-ml-19579">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sensitiv Shampoo Bio-Ringelblume, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GPY3IPSyPuuPv0xlil1ohxceEZWZKGvfEHpRA9pzQ33tDOY4_e74BEwbykWzP9iDac2X0VL3VyB9kb4EoiMDpA" />
    <input value="19579" 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%2Fhermann%3Fformat%3Dturbo_stream%26page%3D100">
    <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/volumen-shampoo-bier-bio-honig-250-ml-19580">
          <img alt="Volumen Shampoo Bier &amp; Bio-Honig" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10288/file/small-e0c66b344c0e3d11137d8989e377227a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10288/file/medium-fcdc70205007b069aa6bea6d05cd40c3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10288/file/large-d1ece47333cbcc023c8a5af9cca9b854.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10288/file/medium-fcdc70205007b069aa6bea6d05cd40c3.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="/products/volumen-shampoo-bier-bio-honig-250-ml-19580">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Volumen Shampoo Bier &amp; Bio-Honig, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6MktwOB4Tzl9OIpemHVIE6eSRMZTBePkDSA1M0GGGzMdM_zY6SSJ1r6cDH6hF_gX2UHCgpja3xtgy9o0OdZb6g" />
    <input value="19580" 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;000 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/hermann?format=turbo_stream&amp;page=101">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>