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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkanne-brottrunk%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="/de/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W3Gw52hVw7Oh2kn-a8U6KmcJqSz2Cwlv8H_FpDt8NzshHs5PxhOvH40U82TiivcAi8bFYa8pd_lw_g3LiQHMZw" />
    <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>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkanne-brottrunk%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="/de/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OQd0fW9O01lSswXOj_PmbOpQd9HmXZfBnTafJHc5h-ZDaArVwQi_9X59v1QGvCtGBp8bnL9_6Vcdt1dLxUR8ug" />
    <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>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkanne-brottrunk%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="/de/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KoRGgG2J8NKdZDHIch4j1T4sE5mT8ZcservtUTjDqOFQ6zgow8-cfrGqi1L7Ue7_0uN_1MrT6br6OiU-ir5TvQ" />
    <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>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkanne-brottrunk%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="/de/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6EZDvaQro4Wujyd9l1P3WjKGVRQFkO1bk2JRoEB89gOSKT0VCm3PKYJBneceHDpw3kk5WVyyk80T45nP8gENXw" />
    <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>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkanne-brottrunk%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="/de/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vTWe-nYpFqdR5fJzk83AVJNf5LbyvUlHCVAZs-w-mQjHWuBS2G96C30rSOkagg1-f5CI-6ufN9GJ0dHcXkNiVA" />
    <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>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkanne-brottrunk%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="/de/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ex66IjFCAvGvht-15ZKcDFz-COAeLrj39OPiPKC64E9pccSKnwRuXYNIZS9s3VEmsDFkrUcMxmF0YipTEscbEw" />
    <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>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkanne-brottrunk%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="/de/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bQBwtSoi3z06KpJkrfkhG8bMew1wsh3jAD8jawI5rDMXbw4dhGSzkRbkKP4ktuwxKgMXQCmQY3WAvusEsERXbw" />
    <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>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkanne-brottrunk%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="/de/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J7F-nHIchLfR6zIf0MoqzaCvS0zcZFM8XW9Q282_SZld3gA03FroG_0liIVZhefnTGAnAYVGLard7pi0f8KyxQ" />
    <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>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkanne-brottrunk%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="/de/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vfpf00fGgdk3EWuziYyix_CHjL9rAWIUCDCWU-gJVLfHlSF76YDtdRvf0SkAw2_tHEjg8jIjHIKIsV48WnSv6w" />
    <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>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkanne-brottrunk%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="/de/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1WtEbtF1SXkdNtvojVhXBGCHQmPyrrTOzoX65RVu2_ivBDrGfzMl1TH4YXIEF5oujEguLquMylhOBDKKpxMgpA" />
    <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>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkanne-brottrunk%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="/de/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yej0wHOcz-d3wTu5rigNIZZHFNCZYwOBMKqP2U56MBSzh4po3dqjS1sPgSMnZ8ALeoh4ncBBfRewK0e2_AfLSA" />
    <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>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkanne-brottrunk%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="/de/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TvxVe78POOh8CqhgIGQTvlEja9PqrdiH-cCf8C_2Ub40kyvTEUlURFDEEvqpK96UvewHnrOPphF5QVefnYuq4g" />
    <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>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkanne-brottrunk%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="/de/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-F7G7Ux9moousyeQDXVncD-bgDAXHOwoFCaNF4Be6ayCMbhF4jv2JgJ9nQqEOqpa01TsfU4-kr6Up0V4MiMS8A" />
    <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>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkanne-brottrunk%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="/de/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gVt1yQ6N3295tQzA7fAwEGovQOa3rsamCgg7f3mopVP7NAthoMuzw1V7tlpkv_06huAsq-6MuDCKifMQy9VeDw" />
    <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>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkanne-brottrunk%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="/de/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oROVyIkp5_lq_Nlo9T238IJfzFSxyvmM05hJaIMdxhfbfOtgJ2-LVUYyY_J8cnrabpCgGejohxpTGYEHMWA9Sw" />
    <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>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkanne-brottrunk%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="/de/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c68gKFeT0a4IDt9qgx2DO9t4xE8Q_1oySqNGL-9rKsYJwF6A-dW9AiTAZfAKUk4RN7eoAkndJKTKIo5AXRbRmg" />
    <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>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkanne-brottrunk%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="/de/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LbPQi5WRtX6ZI-XFRfGGWBItfDsm6IEF-vQ9NdRuwOFX3K4jO9fZ0rXtX1_Mvkty_uIQdn_K_5N6dfVaZhM7vQ" />
    <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>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkanne-brottrunk%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="/de/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EXp_wkWAcsfsrF8VNFGoiha2QXpXWaR-npXtzb9KK3ZrFQFq68Yea8Bi5Y-9HmWg-nktNw572ugeFCWiDTfQKg" />
    <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>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkanne-brottrunk%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="/de/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rkyPj0-7kFnfJUnvwn6qNvmmGRHq7l3ou7vdf2YsjunUI_En4f389fPr83VLMWccFWl1XLPMI347OhUQ1FF1tQ" />
    <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>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkanne-brottrunk%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="/de/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qWFdUUDBuBunuAaed8X1nrWJUvZjkAqyFaQLRR6qZL7TDiP57ofUt4t2vAT-iji0WUY-uzqydCSVJcMqrNef4g" />
    <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>
          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">
      780 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/kanne-brottrunk?format=turbo_stream&amp;page=40">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>