<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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fhermann%3Fformat%3Dturbo_stream%26page%3D39">
    <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="/en/products/olivenol-knoblauch-bio-100-ml-18305">
          <img alt="Olivenöl &amp; Knoblauch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9163/file/small-b3f5e38c1531a5da85399ba639854ae0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9163/file/medium-abe148a6376bbbe1422605f5f17e030d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9163/file/large-373932ae6c65eeccdc87a5a3b61a0fdf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9163/file/medium-abe148a6376bbbe1422605f5f17e030d.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">BioPlanète</p>
          <a href="/en/products/olivenol-knoblauch-bio-100-ml-18305">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Olivenöl &amp; Knoblauch Bio, 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-18305-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jdW6SI3mibfmikYuoqfiQdRKkY7fMwFIrMRgV0s6nrscG3gf1yxWfX4CIoeq0qXPS6TCpcSJYJ2FxThc5O6LfQ" />
    <input value="18305" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fhermann%3Fformat%3Dturbo_stream%26page%3D39">
    <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="/en/products/olivenol-zitrone-bio-250-ml-18306">
          <img alt="Olivenöl &amp; Zitrone Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9667/file/small-27b1ca17c58a63373b805cc991ad3a4d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9667/file/medium-8b630d4639cc746144a4c5b5077047c4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9667/file/large-99d734adc6ae1d622157c3a74e29178f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9667/file/medium-8b630d4639cc746144a4c5b5077047c4.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">BioPlanète</p>
          <a href="/en/products/olivenol-zitrone-bio-250-ml-18306">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Olivenöl &amp; Zitrone Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MgDfxjPdprw3df1ijrtGG62z9Q3rrydP8Iw5EkF_NZmjzh2RaRd5dq_9mcuGzgGVMl2mJvAVRprZjWEZ7qsgXw" />
    <input value="18306" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fhermann%3Fformat%3Dturbo_stream%26page%3D39">
    <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="/en/products/omega-orange-bio-100-ml-18307">
          <img alt="Omega Orange Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9164/file/small-1c93f3038f1199aabc79854ac1d40221.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9164/file/medium-b3a99bf0c3c3d509a0efbd579653094a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9164/file/large-58087f902c71b682b644a21c791977aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9164/file/medium-b3a99bf0c3c3d509a0efbd579653094a.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">BioPlanète</p>
          <a href="/en/products/omega-orange-bio-100-ml-18307">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Omega Orange Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lBufgy9TmCL3k3mEAOo95euMCqFE0wd3Abn_j4e-vBkF1V3UdZlH6G8bHS0In3prdGJZil9pZqIouKeEKGqp3w" />
    <input value="18307" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fhermann%3Fformat%3Dturbo_stream%26page%3D39">
    <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="/en/products/omega-pink-bio-100-ml-18308">
          <img alt="Omega Pink Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9165/file/small-9cfe743c8772d3746dd127178fd8f8e6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9165/file/medium-14220b963c79357e163f27258444a1d1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9165/file/large-5ce37626c1cf7b4ffb6bc0b845dd78a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9165/file/medium-14220b963c79357e163f27258444a1d1.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">BioPlanète</p>
          <a href="/en/products/omega-pink-bio-100-ml-18308">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Omega Pink Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="369PIEPxQmL1OYgKJL-NvGqEK4GQc7mztpzGjVZscg5OYY13GTudqG2x7KMsysoy9Wp4qovJ2GafnZ6G-bhnyA" />
    <input value="18308" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fhermann%3Fformat%3Dturbo_stream%26page%3D39">
    <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="/en/products/omega-red-bio-100-ml-18309">
          <img alt="Omega Red Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9167/file/small-f61043c92887438c7f1a2abb8c5f3b55.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9167/file/medium-20bf24939921937bb9bf339c2d211374.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9167/file/large-f32b25ae96f55dae15c19cfede1fe06e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9167/file/medium-20bf24939921937bb9bf339c2d211374.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">BioPlanète</p>
          <a href="/en/products/omega-red-bio-100-ml-18309">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Omega Red Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lGqWMqf5QnuAmdelOi9KZ50Drgh_Edb5sB9jQAqfF3wFpFRl_TOdsRgRswwyWg3pAu39I2SrtyyZHjtLpUsCug" />
    <input value="18309" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fhermann%3Fformat%3Dturbo_stream%26page%3D39">
    <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="/en/products/sesamol-gerostet-bio-250-ml-18310">
          <img alt="Sesamöl geröstet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9668/file/small-b016b8fe91b562381885bf3dbee35d6d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9668/file/medium-aadfd851a8d65ccb4da3b086b7ce34b2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9668/file/large-3a9dee353a1b449e79a0962cc9a9a453.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9668/file/medium-aadfd851a8d65ccb4da3b086b7ce34b2.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">BioPlanète</p>
          <a href="/en/products/sesamol-gerostet-bio-250-ml-18310">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sesamöl geröstet Bio, 250 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 4.60 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1IEsxa-XDM4cCGskONxO15FU4JPJ-sytVjegrUW1qwZFT-6S9V3TBISAD40wqQlZDrqzuNJArXh_Nvim6mG-wA" />
    <input value="18310" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fhermann%3Fformat%3Dturbo_stream%26page%3D39">
    <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="/en/products/walnussol-nativ-bio-100-ml-18311">
          <img alt="Walnussöl nativ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9168/file/small-d4e572b158e68fc19b7aae49f9852b91.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9168/file/medium-4475694c4e191f1cfc156febe6fd581b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9168/file/large-9fdb667bcd999f734bef620793402abf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9168/file/medium-4475694c4e191f1cfc156febe6fd581b.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">BioPlanète</p>
          <a href="/en/products/walnussol-nativ-bio-100-ml-18311">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Walnussöl nativ Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eb6x0jFEEbAE60T0NeCwJHZPKaCXHbewwabSRqVBGeDocHOFa47OepxjIF09lfeq6aF6i4yn1mXop4pNCpUMJg" />
    <input value="18311" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fhermann%3Fformat%3Dturbo_stream%26page%3D39">
    <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="/en/products/erythrit-zuckerersatz-440-g-18312">
          <img alt="Erythrit Zuckerersatz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10774/file/small-3ee10b57aaea9e3ca231cf78048b7646.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10774/file/medium-f53356fe1774b98ea77e5917719a69c0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10774/file/large-f2c82e94f67ab4aeaea96b0485c52f60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10774/file/medium-f53356fe1774b98ea77e5917719a69c0.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">Biosüsse</p>
          <a href="/en/products/erythrit-zuckerersatz-440-g-18312">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erythrit Zuckerersatz, 440 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Lb9XEgxwFtZS4T9JHhZrcXvD8ZboqBbxZf7fljbcZMG8cZVFVrrJHMppW-AWYyz_5C2ivfMSdyRM_4edmQhxBw" />
    <input value="18312" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fhermann%3Fformat%3Dturbo_stream%26page%3D39">
    <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="/en/products/ananassaft-bio-500-ml-18313">
          <img alt="Ananassaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9171/file/small-3651c8f8ae08c525fe5e42aa6f65985a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9171/file/medium-2c2eff5ed322419f964de06e7a10aeb9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9171/file/large-badc7985352dce4e1e2525b1d534058e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9171/file/medium-2c2eff5ed322419f964de06e7a10aeb9.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">Biotta</p>
          <a href="/en/products/ananassaft-bio-500-ml-18313">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ananassaft Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xMuENcyWkPO0D22v3L3gkLX8UPkH3qa9vqYU9T-cUyRVBUZillxPOSyHCQbUyKceKhID0hxkx2iXp0z-kEhG4g" />
    <input value="18313" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fhermann%3Fformat%3Dturbo_stream%26page%3D39">
    <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="/en/products/cassissaft-bio-500-ml-18314">
          <img alt="Cassissaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9173/file/small-1538db9598989fb9215356ccff5cdba5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9173/file/medium-973587e3b7804da18de1fdb5747767e9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9173/file/large-de8ce9be3b0ed5ccde6f7b14574292a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9173/file/medium-973587e3b7804da18de1fdb5747767e9.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">Biotta</p>
          <a href="/en/products/cassissaft-bio-500-ml-18314">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cassissaft Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FDiIIRV0D2q45YtcZlrlrxwCGwNi0rVYCTWRnW0JSA2F9kp2T77QoCBt7_VuL6Ihg-xIKHlo1I0gNMmWwt1dyw" />
    <input value="18314" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fhermann%3Fformat%3Dturbo_stream%26page%3D39">
    <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="/en/products/essenz-ingwer-bio-250-ml-18315">
          <img alt="Essenz Ingwer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9172/file/small-5770620287655a709c60ffbdf2f21ae1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9172/file/medium-74e2dbc522fd25a6c43e52f7fdcf3ba9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9172/file/large-d4a9982afc5e7ccf9cf5343eac480ab9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9172/file/medium-74e2dbc522fd25a6c43e52f7fdcf3ba9.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">Biotta</p>
          <a href="/en/products/essenz-ingwer-bio-250-ml-18315">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Essenz Ingwer Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-c0ZSdUozNIVlN9-tbYjDEkKr45_zCO4rMa-wl2XmuVoA9sej-ITGI0cu9e9w2SC1uT8pWR2Qm2Fx-bJ8kOPIw" />
    <input value="18315" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fhermann%3Fformat%3Dturbo_stream%26page%3D39">
    <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="/en/products/fruhstuck-bio-500-ml-18316">
          <img alt="Frühstück Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9174/file/small-3de5fcaee5d3cdfc5ca389b7ac123c79.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9174/file/medium-8763eabb62cf6abebd7f5b1277587f52.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9174/file/large-837b9e6045703bc30aed38f4f4401393.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9174/file/medium-8763eabb62cf6abebd7f5b1277587f52.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">Biotta</p>
          <a href="/en/products/fruhstuck-bio-500-ml-18316">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Frühstück Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sl1ml4bSDaKGj4u-dopbv4UYqD7BJrctHQmQMkA8u2sjk6TA3BjSaB4H7xd-_xwxGvb7Fdqc1vg0CMg57-iurQ" />
    <input value="18316" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fhermann%3Fformat%3Dturbo_stream%26page%3D39">
    <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="/en/products/granatapfel-bio-500-ml-18317">
          <img alt="Granatapfel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9175/file/small-236a77595738f23c2c9daf414fef894d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9175/file/medium-eaf517d6df1b010c733aa3eef4fd8c6f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9175/file/large-6f7a56f87b9255ffe6979355cfda1d62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9175/file/medium-eaf517d6df1b010c733aa3eef4fd8c6f.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">Biotta</p>
          <a href="/en/products/granatapfel-bio-500-ml-18317">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Granatapfel Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="APFNH8PdWT1HQ0vP3tSrZXV9rf3skAzFfKalE33j1dKRP49ImReG99_LL2bWoezr6pP-1vcqbRBVp_0Y0jfAFA" />
    <input value="18317" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fhermann%3Fformat%3Dturbo_stream%26page%3D39">
    <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="/en/products/holundersaft-bio-500-ml-18318">
          <img alt="Holundersaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9176/file/small-b27333d9ee1a8236555978eb5890f733.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9176/file/medium-5575d9dc6234bfdd0be38507ba7e8d01.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9176/file/large-3ea4937d0967b87ac062aa3494dcf084.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9176/file/medium-5575d9dc6234bfdd0be38507ba7e8d01.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">Biotta</p>
          <a href="/en/products/holundersaft-bio-500-ml-18318">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Holundersaft Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7C7gC_f2g5ic3sdCjNVIWr0c1E52OZHp5Rj6CRNmUe594CJcrTxcUgRWo-uEoA_UIvKHZW2D8DzMGaICvLJEKA" />
    <input value="18318" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fhermann%3Fformat%3Dturbo_stream%26page%3D39">
    <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="/en/products/mein-safttag-1-mango-gurke-bio-500-ml-18319">
          <img alt="Mein Safttag 1 Mango Gurke Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9675/file/small-558dd24657b6e2fc3c55cec0df93be0d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9675/file/medium-816c326cbcb908f87d22022285a0bc94.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9675/file/large-da6525f1b9c47f735ed03cacf27e6bb5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9675/file/medium-816c326cbcb908f87d22022285a0bc94.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">Biotta</p>
          <a href="/en/products/mein-safttag-1-mango-gurke-bio-500-ml-18319">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mein Safttag 1 Mango Gurke Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LVXJCSmzdK-1KyKaEvpSgB-ni_hKWcP-HMErjy4mUim8mwtec3mrZS2jRjMajxUOgEnY01Hjois1wHOEgfJH7w" />
    <input value="18319" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fhermann%3Fformat%3Dturbo_stream%26page%3D39">
    <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="/en/products/mein-safttag-2-schwarze-karotte-bio-500-ml-18320">
          <img alt="Mein Safttag 2 Schwarze Karotte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9676/file/small-64847e7cc81429a819c258f91f223fb2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9676/file/medium-e47588540ff5550458804fe63e490551.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9676/file/large-3ea7a42ce57d9ddfa68d74409d493247.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9676/file/medium-e47588540ff5550458804fe63e490551.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">Biotta</p>
          <a href="/en/products/mein-safttag-2-schwarze-karotte-bio-500-ml-18320">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mein Safttag 2 Schwarze Karotte Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M7vKnWwoDyFNh83TJ1deuJfpa-Hd11ScdDocRL1fzoGidQjKNuLQ69UPqXovIhk2CAc4ysZtNUldO0RPEovbRw" />
    <input value="18320" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fhermann%3Fformat%3Dturbo_stream%26page%3D39">
    <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="/en/products/preiselbeersaft-plus-bio-500-ml-18321">
          <img alt="Preiselbeersaft Plus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9180/file/small-8ba81a3851a7f0a5af1036c55b076625.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9180/file/medium-2d022868cb6d44295aa6488317a45e42.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9180/file/large-49cbe9b2f1efee65a4f90534e86bdc26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9180/file/medium-2d022868cb6d44295aa6488317a45e42.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">Biotta</p>
          <a href="/en/products/preiselbeersaft-plus-bio-500-ml-18321">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Preiselbeersaft Plus Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VQmkkfLSsdthQshgtWeKyq68x43HCr0qdh4ZRwRjtMzEx2bGqBhuEfnKrMm9Es1EMVKUptyw3P9fH0FMq7ehCg" />
    <input value="18321" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fhermann%3Fformat%3Dturbo_stream%26page%3D39">
    <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="/en/products/rueblisaft-bio-500-ml-18322">
          <img alt="Rüeblisaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9181/file/small-701817ca1d44604c7637c4ec310e4fe8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9181/file/medium-72c99db5478f3b5877c21ab0edbce670.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9181/file/large-1776ad5f85498f17ad75d02f1ad299f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9181/file/medium-72c99db5478f3b5877c21ab0edbce670.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">Biotta</p>
          <a href="/en/products/rueblisaft-bio-500-ml-18322">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rüeblisaft Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BWkWAg-3SqGa2pK13GbrixaiXu-IUDQ5SL1JXVhOiDKUp9RVVX2VawJS9hzUE6wFiUwNxJPqVexhvBFW95qd9A" />
    <input value="18322" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fhermann%3Fformat%3Dturbo_stream%26page%3D39">
    <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="/en/products/vita-7-bio-500-ml-18323">
          <img alt="Vita 7 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9184/file/small-601b44db038ce5f4fead0c69ad177471.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9184/file/medium-e096e830d417ffdb3a2ce00f6d459cca.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9184/file/large-a8723de0a7b6ad53cf05d274d36d59e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9184/file/medium-e096e830d417ffdb3a2ce00f6d459cca.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">Biotta</p>
          <a href="/en/products/vita-7-bio-500-ml-18323">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vita 7 Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lmQO6Pf02jCuXXw6eyyXigR-TKwgQH4SQa5gAGnG1gkHqsy_rT4F-jbVGJNzWdAEm5Afhzv6H8dorzgLxhLDzw" />
    <input value="18323" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fmanufacturers%2Fhermann%3Fformat%3Dturbo_stream%26page%3D39">
    <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="/en/products/vital-antioxidant-bio-500-ml-18324">
          <img alt="Vital Antioxidant Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9182/file/small-9a03798dd019bb918964c822fbd4b9fe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9182/file/medium-6ad613d17a3a521ca130339e63b785b2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9182/file/large-aca3f72fc292121159103691c2f0c074.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9182/file/medium-6ad613d17a3a521ca130339e63b785b2.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">Biotta</p>
          <a href="/en/products/vital-antioxidant-bio-500-ml-18324">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Antioxidant Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Jdy2ChekRy8AfsYmy-rX1Tu5s5VEQzUkbiRCvPk99By0EnRdTW6Y5Zj2oo_Dn5BbpFfgvl_5VPFHJRq3Vunh2g" />
    <input value="18324" 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>
          Add to cart
</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">
      780 of 3&#39;030 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/manufacturers/hermann?format=turbo_stream&amp;page=40">Show more</a>
  </div>
</div>

</template></turbo-stream>