<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%2Fboissons%2Fcafe%3Fformat%3Dturbo_stream%26page%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/sonnencreme-baby-kids-lsf-50-100-ml-20326">
          <img alt="Sonnencreme Baby &amp; Kids LSF 50" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11533/file/small-73f7afb8d0967b2b328d16dc7c7ee28d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11533/file/medium-e435411e1aed867232a1ab18708febe2.webp 900w, https://assets.fabulous.ch/public/variant_asset/11533/file/large-da15ab7673e1c8f8b95954856c68bf03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11533/file/medium-e435411e1aed867232a1ab18708febe2.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">Inninova</p>
          <a href="/de/products/sonnencreme-baby-kids-lsf-50-100-ml-20326">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnencreme Baby &amp; Kids LSF 50, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20326&quot;],&quot;content_name&quot;:&quot;Sonnencreme Baby \u0026 Kids LSF 50, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20326&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:33.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VqgU7FW0vZLoxi2OW_d8A3n_uf3tuYCUgbkhzTaEnzxmpdDVbUN5hDg4r0luybOILH5eB4-FAOpOcx3NgVPnbQ" />
    <input value="20326" 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%2Fboissons%2Fcafe%3Fformat%3Dturbo_stream%26page%3D32">
    <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/dattgold-dattelextrakt-glas-konv-450-g-18670">
          <img alt="Dattgold Dattelextrakt Glas konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9624/file/small-6cee0a5b0c90f7256c7531831539c9f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/9624/file/medium-019c8f8df485d26e0fd9525d16ad0523.webp 900w, https://assets.fabulous.ch/public/variant_asset/9624/file/large-c77594bbd9282c390f3ec1fd184c3d06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9624/file/medium-019c8f8df485d26e0fd9525d16ad0523.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">MORGA</p>
          <a href="/de/products/dattgold-dattelextrakt-glas-konv-450-g-18670">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dattgold Dattelextrakt Glas konv, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18670&quot;],&quot;content_name&quot;:&quot;Dattgold Dattelextrakt Glas konv, 450 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18670&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4TMrmLW_yQFSqE7Pip2J_QzOUJeA5LfOhOiH6s-_JDPRPu-hjUgNF4JWzAi_o0Z2WU-3beLYN7BLIrvqeGhcYg" />
    <input value="18670" 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%2Fboissons%2Fcafe%3Fformat%3Dturbo_stream%26page%3D32">
    <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/backpulver-ohne-phosphat-konv-200-g-18657">
          <img alt="Backpulver ohne Phosphat konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9637/file/small-afcd3080fd43a64ee4c6a29187a6d80a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9637/file/medium-baae144154dc7a29721b988ab09eacc3.webp 900w, https://assets.fabulous.ch/public/variant_asset/9637/file/large-13c46bebfa0168ad95e097b3e9cd9af9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9637/file/medium-baae144154dc7a29721b988ab09eacc3.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">MORGA</p>
          <a href="/de/products/backpulver-ohne-phosphat-konv-200-g-18657">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Backpulver ohne Phosphat konv, 200 g</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 3.75 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18657&quot;],&quot;content_name&quot;:&quot;Backpulver ohne Phosphat konv, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18657&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tWWhEhHzkwmiFJGxAiYH9sFkRa5JJJXYsxCBD7eylcOFaGUrKQRXH3LqE3Y3GMh9lOWiVCsYFaZ82r0PAGXtkg" />
    <input value="18657" 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%2Fboissons%2Fcafe%3Fformat%3Dturbo_stream%26page%3D32">
    <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-bio-500-ml-18710">
          <img alt="Sesamöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9661/file/small-f4a7b4ab9377a764f404ec13e2eb3fad.webp 600w, https://assets.fabulous.ch/public/variant_asset/9661/file/medium-8fa934580afddb97c635791381bda561.webp 900w, https://assets.fabulous.ch/public/variant_asset/9661/file/large-f0cd8cdc9047837d72c6823412b330ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9661/file/medium-8fa934580afddb97c635791381bda561.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">MORGA</p>
          <a href="/de/products/sesamol-bio-500-ml-18710">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sesamöl Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18710&quot;],&quot;content_name&quot;:&quot;Sesamöl Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18710&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wB6B1QPi99lru0QBQk_8Idu763Sx7A9JV4zP8W9ooKHwE0XsOxUzz7tFxsZ3cTOqjjoMjtPQjzeYRvPx2L_Y8A" />
    <input value="18710" 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%2Fboissons%2Fcafe%3Fformat%3Dturbo_stream%26page%3D32">
    <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/dicke-bohnen-glas-demeter-350-g-7663">
          <img alt="Dicke Bohnen Glas Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4429/file/small-49b2e09c5702e845b1ef0c497eccf970.webp 600w, https://assets.fabulous.ch/public/variant_asset/4429/file/medium-2832467fd9675817d41620e1209e46cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/4429/file/large-5ca40e617650ffaf3d848e2e3975c07f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4429/file/medium-2832467fd9675817d41620e1209e46cb.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">Nur Puur</p>
          <a href="/de/products/dicke-bohnen-glas-demeter-350-g-7663">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dicke Bohnen Glas Demeter, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7663&quot;],&quot;content_name&quot;:&quot;Dicke Bohnen Glas Demeter, 350 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7663&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JAPdgUvJUK243fctfSctZogfEY5DfU2SL06tAPxQ3eoUDhm4cz6Uu2gjdepIGeLt3Z72dCFBzezghJEAS4eluw" />
    <input value="7663" 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%2Fboissons%2Fcafe%3Fformat%3Dturbo_stream%26page%3D32">
    <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/mate-holunderblute-aronia-super-natural-club-bio-330-ml-15532">
          <img alt="Mate Holunderblüte &amp; Aronia Super Natural Club Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7088/file/small-04944f96259b2aaac32a79adc59d51ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/7088/file/medium-b2f5e0fcc2d8161e7a71214bca720e07.webp 900w, https://assets.fabulous.ch/public/variant_asset/7088/file/large-7ec03565e706fbcfbc06fbfde967d50c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7088/file/medium-b2f5e0fcc2d8161e7a71214bca720e07.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">Super Natural Club</p>
          <a href="/de/products/mate-holunderblute-aronia-super-natural-club-bio-330-ml-15532">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mate Holunderblüte &amp; Aronia Super Natural Club Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15532&quot;],&quot;content_name&quot;:&quot;Mate Holunderblüte \u0026 Aronia Super Natural Club Bio, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15532&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qqI_aMRIVG2t0ooqmZQQGKzCMC0SzPxkVyaUZC8-g1-ar_tR_L-Qe30sCO2sqt-T-UPX13DwfBqY7KhkmOn7Dg" />
    <input value="15532" 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%2Fboissons%2Fcafe%3Fformat%3Dturbo_stream%26page%3D32">
    <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/tafel-rhythm-108-haselnuss-truffle-schokolade-bio-100-g-7276">
          <img alt="Tafel Rhythm 108 Haselnuss Truffle Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4126/file/small-c71d2dd8d39b8080d230dfab13a51668.webp 600w, https://assets.fabulous.ch/public/variant_asset/4126/file/medium-91e3473052e8f1d5826d21bbb748d841.webp 900w, https://assets.fabulous.ch/public/variant_asset/4126/file/large-f71cfb61e495a5f76390adf6650b44d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4126/file/medium-91e3473052e8f1d5826d21bbb748d841.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">Rhythm 108</p>
          <a href="/de/products/tafel-rhythm-108-haselnuss-truffle-schokolade-bio-100-g-7276">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tafel Rhythm 108 Haselnuss Truffle Schokolade Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7276&quot;],&quot;content_name&quot;:&quot;Tafel Rhythm 108 Haselnuss Truffle Schokolade Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7276&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="37MmH_uhoZCVTgbFFhQdllFzN4vfo7Xob_6ouWYtV_PvvuImw1ZlhkWwhAIjKtIdBPLQcb2fNZagNJS50fovog" />
    <input value="7276" 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%2Fboissons%2Fcafe%3Fformat%3Dturbo_stream%26page%3D32">
    <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/ozean-ish-bouillon-bio-40-g-12965">
          <img alt="Ozean`ish Bouillon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6367/file/small-9d73f613ff72bcebe93045055ac7a9fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6367/file/medium-3ad5086c5e58c6ea315d5cea5590bb92.webp 900w, https://assets.fabulous.ch/public/variant_asset/6367/file/large-e2c5ab5f1a40f70a85a248f1a8c3d9a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6367/file/medium-3ad5086c5e58c6ea315d5cea5590bb92.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">Uhhmami</p>
          <a href="/de/products/ozean-ish-bouillon-bio-40-g-12965">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ozean`ish Bouillon Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12965&quot;],&quot;content_name&quot;:&quot;Ozean`ish Bouillon Bio, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12965&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="waKSV982u3VMn-WCXN3nZqzwv55lE3_lt3YDo5RmEwzxr1Zu58F_Y5xhZ0Vp4yjt-XFYZAcv_5t4vD-jI7FrXQ" />
    <input value="12965" 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%2Fboissons%2Fcafe%3Fformat%3Dturbo_stream%26page%3D32">
    <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/ichoc-white-nougat-crisp-rice-choc-kakaozubereitung-bio-80-g-705ebdd9-8dc8-47ba-8d67-059660382470-10414">
          <img alt="iChoc White Nougat Crisp - Rice Choc Kakaozubereitung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5572/file/small-b17d2f3652b818c8731a8292a72100f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5572/file/medium-edae170dbe701efa25309bf2de0b8ce3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5572/file/large-a59232cf9b6c88e9b01d9c844b177404.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5572/file/medium-edae170dbe701efa25309bf2de0b8ce3.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">Vivani / Ichoc</p>
          <a href="/de/products/ichoc-white-nougat-crisp-rice-choc-kakaozubereitung-bio-80-g-705ebdd9-8dc8-47ba-8d67-059660382470-10414">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">iChoc White Nougat Crisp - Rice Choc Kakaozubereitung Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10414&quot;],&quot;content_name&quot;:&quot;iChoc White Nougat Crisp - Rice Choc Kakaozubereitung Bio, 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10414&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jDlAoJHIcTCY3P1b_q4rM1QYTAmwiRvIpjd0r3eXq168NISZqT-1Jkgif5zLkOS4AZmr89K1m7Zp_UivwEDTDw" />
    <input value="10414" 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%2Fboissons%2Fcafe%3Fformat%3Dturbo_stream%26page%3D32">
    <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/bett-r-pistachio-butter-cups-bio-39-g-17528">
          <img alt="Bett&#39;r Pistachio Butter Cups Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8174/file/small-612944aaf5a9e59982f54396d681b630.webp 600w, https://assets.fabulous.ch/public/variant_asset/8174/file/medium-fef98251d4c4bec6358258669112d50d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8174/file/large-9966a867f1ad62fa4d92af639721df91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8174/file/medium-fef98251d4c4bec6358258669112d50d.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">bett&#39;r</p>
          <a href="/de/products/bett-r-pistachio-butter-cups-bio-39-g-17528">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bett&#39;r Pistachio Butter Cups Bio, 39 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17528&quot;],&quot;content_name&quot;:&quot;Bett&#39;r Pistachio Butter Cups Bio, 39 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17528&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UR8V5T89Br0NFgm3fnz-4VKBUpBO9H4xazN2XNP3pQFhEtHcB8rCq93oi3BLQjFqBwC1aizI_k-k-UpcZCDdUA" />
    <input value="17528" 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%2Fboissons%2Fcafe%3Fformat%3Dturbo_stream%26page%3D32">
    <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/coco-aminos-wurzsauce-yakso-glutenfrei-bio-250-ml-9369">
          <img alt="Coco Aminos Würzsauce YAKSO Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5315/file/small-821a4bae426d70c653edd9b1018634ae.webp 600w, https://assets.fabulous.ch/public/variant_asset/5315/file/medium-ac16677498caa2a92de89b7c02f35d70.webp 900w, https://assets.fabulous.ch/public/variant_asset/5315/file/large-d02757a105aaf76088978184070b0361.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5315/file/medium-ac16677498caa2a92de89b7c02f35d70.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">YAKSO</p>
          <a href="/de/products/coco-aminos-wurzsauce-yakso-glutenfrei-bio-250-ml-9369">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coco Aminos Würzsauce YAKSO Glutenfrei Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9369&quot;],&quot;content_name&quot;:&quot;Coco Aminos Würzsauce YAKSO Glutenfrei Bio, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9369&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pD2H5qe_T6a92NOIbTDNmrw_GVYoPQynYkrq85mL_FeUMEPfn0iLsG0mUU9YDgIR6b7-rEoBjNmtgNbzLlyEBg" />
    <input value="9369" 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%2Fboissons%2Fcafe%3Fformat%3Dturbo_stream%26page%3D32">
    <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/churro-snack-sweet-cinnamon-bio-65-g-16263">
          <img alt="Churro Snack Sweet Cinnamon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7494/file/small-dfe38a5f682436334d06a00daa9bcf97.webp 600w, https://assets.fabulous.ch/public/variant_asset/7494/file/medium-a06a1a4a9aa06f1985844c3401839e83.webp 900w, https://assets.fabulous.ch/public/variant_asset/7494/file/large-2dbfff5e9df80289ebf39fdebc520883.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7494/file/medium-a06a1a4a9aa06f1985844c3401839e83.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">Heimatgut</p>
          <a href="/de/products/churro-snack-sweet-cinnamon-bio-65-g-16263">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Churro Snack Sweet Cinnamon Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16263&quot;],&quot;content_name&quot;:&quot;Churro Snack Sweet Cinnamon Bio, 65 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16263&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PDdf-n2uNFYc4QIjv-Iw9xDZUtjSKrxmyJhGgyVp2TUMOpvDRVnwQMwfgOSK3P98RVi1IrAWPBgHUnqDkr6hZA" />
    <input value="16263" 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%2Fboissons%2Fcafe%3Fformat%3Dturbo_stream%26page%3D32">
    <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/joghurtferment-my-yo-kefir-lacto-pro-bio-3-beutel-5-g-2951">
          <img alt="Joghurtferment My.Yo Kefir  LACTO PRO Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2089/file/small-57b9fb6becd634fb108a2480cf9e1dd8.webp 600w, https://assets.fabulous.ch/public/variant_asset/2089/file/medium-7348348f5ed7fa5f024b869f65feb6a3.webp 900w, https://assets.fabulous.ch/public/variant_asset/2089/file/large-9049a079a18d439c109ba61161cdefdb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2089/file/medium-7348348f5ed7fa5f024b869f65feb6a3.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">my.yo</p>
          <a href="/de/products/joghurtferment-my-yo-kefir-lacto-pro-bio-3-beutel-5-g-2951">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurtferment My.Yo Kefir  LACTO PRO Bio, 3 x 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2951&quot;],&quot;content_name&quot;:&quot;Joghurtferment My.Yo Kefir  LACTO PRO Bio, 3 x 5 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2951&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="evLfnWcBnAvgM4e7E_vsdDhT9cUk8Yv-78IsdB0epvhK_xukX_ZYHTDNBXwmxSP_bdISP0bNC4AgCBB0qsneqQ" />
    <input value="2951" 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%2Fboissons%2Fcafe%3Fformat%3Dturbo_stream%26page%3D32">
    <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/cashew-gerostet-mit-curry-madras-bio-100-g-11986">
          <img alt="Cashew geröstet mit Curry Madras, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6090/file/small-439ee85d202d9882d4d86c5fa9eb66d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6090/file/medium-2286f3f2f2ff94da14ccd8d603b5d638.webp 900w, https://assets.fabulous.ch/public/variant_asset/6090/file/large-40ebf36b79fcdca4de5b880dad83698c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6090/file/medium-2286f3f2f2ff94da14ccd8d603b5d638.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">Pakka</p>
          <a href="/de/products/cashew-gerostet-mit-curry-madras-bio-100-g-11986">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashew geröstet mit Curry Madras, Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11986&quot;],&quot;content_name&quot;:&quot;Cashew geröstet mit Curry Madras, Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11986&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EbbPDmexyprcrsLfLnauv9WaAscQnajrLsPoVTCCYdghuws3X0YOjAxQQBgbSGE0gBvlPXKhKJXhCdRVh1UZiQ" />
    <input value="11986" 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%2Fboissons%2Fcafe%3Fformat%3Dturbo_stream%26page%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/oliven-kalamata-oliven-ohne-stein-al-naturale-rohkost-bio-175-g-8065">
          <img alt="Oliven Kalamata Oliven OHNE STEIN al naturale Rohkost Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4728/file/small-2000f126580fbff674a91ea660334438.webp 600w, https://assets.fabulous.ch/public/variant_asset/4728/file/medium-564c849a83a91e45ba0a0d1cd281b0da.webp 900w, https://assets.fabulous.ch/public/variant_asset/4728/file/large-fb5c22ce86e77bbb061fc30d2d4765f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4728/file/medium-564c849a83a91e45ba0a0d1cd281b0da.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">Mani</p>
          <a href="/de/products/oliven-kalamata-oliven-ohne-stein-al-naturale-rohkost-bio-175-g-8065">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oliven Kalamata Oliven OHNE STEIN al naturale Rohkost Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8065&quot;],&quot;content_name&quot;:&quot;Oliven Kalamata Oliven OHNE STEIN al naturale Rohkost Bio, 175 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8065&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DVPjjdvX0Zjz9n0A5tXrm1GpXLuuIMijQsGjSHBM-Ig9Xie04yAVjiMI_8fT6yQQBCi7QcwcSN2NC59Ix5uA2Q" />
    <input value="8065" 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%2Fboissons%2Fcafe%3Fformat%3Dturbo_stream%26page%3D32">
    <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/jasminreis-weiss-grossgebinde-bio-10-kg-15499">
          <img alt="Jasminreis weiss Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7068/file/small-38273b85967b0b65e875f0b83bfd623c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7068/file/medium-9719110600f2d0af94689a1075bd7867.webp 900w, https://assets.fabulous.ch/public/variant_asset/7068/file/large-afcdc940a05262efb8083f78874398ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7068/file/medium-9719110600f2d0af94689a1075bd7867.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">Bio Grosshandel</p>
          <a href="/de/products/jasminreis-weiss-grossgebinde-bio-10-kg-15499">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jasminreis weiss Grossgebinde Bio, 10 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 56.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15499&quot;],&quot;content_name&quot;:&quot;Jasminreis weiss Grossgebinde Bio, 10 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15499&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:56.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LeUAw36q7t8ila6VTOPPndnSbfiRwU5fbEomx5H2P_Md6MT6Rl0qyfJrLFJ53QAWjFOKAvP9ziGjgBrHJiFHog" />
    <input value="15499" 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%2Fboissons%2Fcafe%3Fformat%3Dturbo_stream%26page%3D32">
    <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/ohne-muhhh-drink-3-5-fett-bio-1-l-11332">
          <img alt="Ohne Muhhh Drink 3.5% Fett Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5808/file/small-b66051eb33fd56682fcc0877bd3086cb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5808/file/medium-2d1fe58f6c9ac36b6d718ac56c579549.webp 900w, https://assets.fabulous.ch/public/variant_asset/5808/file/large-e67e68015c9edacd021d1835b21fa79e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5808/file/medium-2d1fe58f6c9ac36b6d718ac56c579549.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">Allos</p>
          <a href="/de/products/ohne-muhhh-drink-3-5-fett-bio-1-l-11332">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ohne Muhhh Drink 3.5% Fett Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11332&quot;],&quot;content_name&quot;:&quot;Ohne Muhhh Drink 3.5% Fett Bio, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11332&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1jA1A4d_FaezLysy48neEMkpMATsMwM4qTfdzGbsk5nmPfE6v4jRsWPRqfXW9xGbnKjX_o4Pg0Zm_eHM0TvryA" />
    <input value="11332" 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%2Fboissons%2Fcafe%3Fformat%3Dturbo_stream%26page%3D32">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/biscuit-hazelnut-chocolate-praline-bio-135-g-12381">
          <img alt="Biscuit Hazelnut Chocolate Praline Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6205/file/small-efe6cebcbd3e9e6f7c100249a4987f36.webp 600w, https://assets.fabulous.ch/public/variant_asset/6205/file/medium-b2e66bcf9340e6a7fcb01a53feb0671d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6205/file/large-1a5bdf09d408c2953e44fb4ed2be1591.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6205/file/medium-b2e66bcf9340e6a7fcb01a53feb0671d.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">Rhythm 108</p>
          <a href="/de/products/biscuit-hazelnut-chocolate-praline-bio-135-g-12381">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biscuit Hazelnut Chocolate Praline Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12381&quot;],&quot;content_name&quot;:&quot;Biscuit Hazelnut Chocolate Praline Bio, 135 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12381&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="prh74oppFlQiO95KgnRkCZNkAJFLUpDrtYrp1Snb1yqWtb_bsp7SQvLFXI23SquCxuXnayluEJV6QNXVngyvew" />
    <input value="12381" 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%2Fboissons%2Fcafe%3Fformat%3Dturbo_stream%26page%3D32">
    <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/flakes-buchweizen-glutenfrei-bio-250-g-144">
          <img alt="Flakes Buchweizen glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/159/file/small-53f5f9bc882b29d7028ddea7640cf330.webp 600w, https://assets.fabulous.ch/public/variant_asset/159/file/medium-63edf93380545d44739827c8b5456b9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/159/file/large-eaae14fb7d8895f7d73b3e0fa30c9ffb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/159/file/medium-63edf93380545d44739827c8b5456b9e.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">Werz</p>
          <a href="/de/products/flakes-buchweizen-glutenfrei-bio-250-g-144">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flakes Buchweizen glutenfrei Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;144&quot;],&quot;content_name&quot;:&quot;Flakes Buchweizen glutenfrei Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;144&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uGYKUPKTK2QGDcF4Q4py8FTUHRhoLK2viLGKGRVtyDKIa85pymTvctbzQ792tL17AVX64goQLdFHe7YZorqwYw" />
    <input value="144" 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%2Fboissons%2Fcafe%3Fformat%3Dturbo_stream%26page%3D32">
    <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/entharter-100-biologisch-abbaubar-karton-1-kg-18193">
          <img alt="Enthärter 100% Biologisch abbaubar Karton" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9145/file/small-5f4dccd09720d7b832ba8e2c65cfd0e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/9145/file/medium-02ee1eff3fcbb148b273386d7956a174.webp 900w, https://assets.fabulous.ch/public/variant_asset/9145/file/large-cb5c51715f329929eb31f77f92b6844d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9145/file/medium-02ee1eff3fcbb148b273386d7956a174.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">Sonett</p>
          <a href="/de/products/entharter-100-biologisch-abbaubar-karton-1-kg-18193">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Enthärter 100% Biologisch abbaubar Karton, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18193&quot;],&quot;content_name&quot;:&quot;Enthärter 100% Biologisch abbaubar Karton, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18193&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k2N9T7y-UT3I3-PHz2gjlWONk47Ksy4vZUQ71Rp3-72jbrl2hEmVKxghYQD6VuweNgx0dKiPrlGqjgfVraCD7A" />
    <input value="18193" 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">
      640 von 3&#39;729 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/boissons/cafe?format=turbo_stream&amp;page=33">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>