<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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D48">
    <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/digest-aktiv-kapseln-90-stuck-e66d67dd-87f2-4c81-9e76-a2473514421a-18486">
          <img alt="Digest Aktiv Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10242/file/small-faa04f019461ec600354e61e2fb6b75f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10242/file/medium-be2a64787c0947eca0bd93f92d5cba78.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10242/file/large-5cf0951668a672a25c4dec47346d9202.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10242/file/medium-be2a64787c0947eca0bd93f92d5cba78.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">Erva</p>
          <a href="/de/products/digest-aktiv-kapseln-90-stuck-e66d67dd-87f2-4c81-9e76-a2473514421a-18486">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Digest Aktiv Kapseln, 90 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.38 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D455pdEPujOLPvaSS4b11o45CYJrTKspSkFMCxPCfL2JXtXynf-TGVPVmid9_iSI5dx3BJLiCPvHL-nrSxXwWQ" />
    <input value="18486" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D48">
    <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/grunlippmuschel-kapseln-90-stuck-18487">
          <img alt="Grünlippmuschel Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10244/file/small-564b8882869eb0313f63316ae84e43ad.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10244/file/medium-78d8e8e6e35dda8b932b36387b99ea2b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10244/file/large-0187689f1553a64af58b079a51c50716.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10244/file/medium-78d8e8e6e35dda8b932b36387b99ea2b.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">Erva</p>
          <a href="/de/products/grunlippmuschel-kapseln-90-stuck-18487">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grünlippmuschel Kapseln, 90 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 64.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.72 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l_U4vhjodqcyFUSPO4kwiIoIWk0jQpz3pYcU03D3OH0RJZTpVBhfjer-KDoN8eHW4e0ky9rsPyUo6bEzKCC0mQ" />
    <input value="18487" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D48">
    <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/hirse-bambus-plus-kapseln-90-stuck-aa727f55-3f27-46f2-9f6b-fb7c5e7064d1-18488">
          <img alt="Hirse Bambus Plus Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10243/file/small-daf5479d530131fed871745990b612b8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10243/file/medium-31fe6abe6d1c120ace25ffe76b9770fe.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10243/file/large-ae1ee7585c42b932c5e9542dea679ef5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10243/file/medium-31fe6abe6d1c120ace25ffe76b9770fe.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">Erva</p>
          <a href="/de/products/hirse-bambus-plus-kapseln-90-stuck-aa727f55-3f27-46f2-9f6b-fb7c5e7064d1-18488">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hirse Bambus Plus Kapseln, 90 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.55 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TPq7xPgySgmRh44RhxXCBA-4vRsmr7Y6vUx5_u02dBrKKheTtMJjI0ls4qSxbRNaZF3Dnd8BFegwItweteH4_g" />
    <input value="18488" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D48">
    <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/kids-smileys-gummies-160-g-18489">
          <img alt="Kids Smileys Gummies" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9801/file/small-7cd74572d088d4d9f3e1ef9749137594.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9801/file/medium-546068d5192d79b7095a3468a63f7ae6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9801/file/large-4f5467a71a58ae8239f646bbc63beb2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9801/file/medium-546068d5192d79b7095a3468a63f7ae6.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">Erva</p>
          <a href="/de/products/kids-smileys-gummies-160-g-18489">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kids Smileys Gummies, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lUltATUxX7WYxGnLezIuomJ8C8N4eQpkFElnmM_Y9iITmcFWecF2n0AvBX5NSv_8CZl1RYHXqbaZJ8J4lw96xg" />
    <input value="18489" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D48">
    <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/krillol-kapseln-90-stuck-18490">
          <img alt="Krillöl Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10245/file/small-de10f39f6591c06ff0d36e1b6bccfc50.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10245/file/medium-aac1e8d8d84e3632e1005c8258eb7683.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10245/file/large-6c3d2ce542852b63003cf4ac51fe976b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10245/file/medium-aac1e8d8d84e3632e1005c8258eb7683.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">Erva</p>
          <a href="/de/products/krillol-kapseln-90-stuck-18490">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Krillöl Kapseln, 90 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 64.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.72 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G0waMoSiQMQxAm0RbrC0dJgUPXUg_hGshtTzeVOXXPOdnLZlyFJp7unpAaRYyGUq8_FD89lQsn4LulaZC0DQFw" />
    <input value="18490" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D48">
    <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/tee-ranuogl-teebeutel-18-stuck-18491">
          <img alt="Tee Ranuogl Teebeutel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9804/file/small-b2db6fd05368eb5402c41e402af90319.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9804/file/medium-7df88948322cc3cd7086922524ba32cf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9804/file/large-64e5717eb752711144b4ed96187f9a5e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9804/file/medium-7df88948322cc3cd7086922524ba32cf.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">Erva</p>
          <a href="/de/products/tee-ranuogl-teebeutel-18-stuck-18491">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Ranuogl Teebeutel, 18 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.54 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P_ULMZelGmJOlss1Cxzz0RBYz1nZfLYD1Hy93E2xcM65Jadm21UzSJZ9p4A9ZCKPe72x3yDSFdFZEhg8FWb8Kg" />
    <input value="18491" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D48">
    <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/tee-schubregia-teebeutel-18-stuck-18492">
          <img alt="Tee Schubregia Teebeutel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9803/file/small-cfd60e111ccd94c5f550d568e0aee125.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9803/file/medium-0253f9e4ccbede0401b7ddecde3f4952.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9803/file/large-dac4eda12b2425441330b7c0f902cb01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9803/file/medium-0253f9e4ccbede0401b7ddecde3f4952.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">Erva</p>
          <a href="/de/products/tee-schubregia-teebeutel-18-stuck-18492">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Schubregia Teebeutel, 18 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.54 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eLuCDB1vyEnX-7GC8r4M-JZIisDpXb7GRObOs67-l_r-ay5bUZ_hYw8Q3TfExt2m_a30RhDzHRTJiGtT9ikbHg" />
    <input value="18492" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D48">
    <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/buchweizen-penne-bio-250-g-18493">
          <img alt="Buchweizen Penne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9682/file/small-e7191e17dab1f1e2ce07b9d0aad17bfd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9682/file/medium-d45a62b11dcd140a8f761b5fe0f2d099.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9682/file/large-9b68b76843fcc62aed96b025cecab96f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9682/file/medium-d45a62b11dcd140a8f761b5fe0f2d099.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">felicia</p>
          <a href="/de/products/buchweizen-penne-bio-250-g-18493">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Buchweizen Penne Bio, 250 g</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 2.28 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jD-X-rNw-R4DgMUZNyKKPgwqUNW7p4bfjkTuPN4kPJUK7zut_4DQNNtrqawBWltgZ88uU0IJJQ0DKkvchvOwcQ" />
    <input value="18493" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D48">
    <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/eisen-und-vitamine-fur-kinder-saft-250-ml-18494">
          <img alt="Eisen und Vitamine für Kinder Saft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9686/file/small-e9373f5384d5f75154d3bb70d1b17c06.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9686/file/medium-2e93ff7821582500d5d93d6de1ca8fbd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9686/file/large-324f178175cdc547c83171105a074b0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9686/file/medium-2e93ff7821582500d5d93d6de1ca8fbd.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">Floradix</p>
          <a href="/de/products/eisen-und-vitamine-fur-kinder-saft-250-ml-18494">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eisen und Vitamine für Kinder Saft, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jg6mCbKTSHOVVBgDhKbH8DKLII5EKAfRXNzTH97VQjoI3gpe_mNhWU2_dLay3hauWW5eCL2GpAPRsnb_hgLO3g" />
    <input value="18494" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D48">
    <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/eisen-vitamine-saft-500-ml-18495">
          <img alt="Eisen Vitamine Saft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9687/file/small-82b9d683a3d2e5e4ddb7438b9a799ab1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9687/file/medium-bef7e1259868dac01e8669a19655d0d4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9687/file/large-f318eacf57d10a6f98513ad60ff4101f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9687/file/medium-bef7e1259868dac01e8669a19655d0d4.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">Floradix</p>
          <a href="/de/products/eisen-vitamine-saft-500-ml-18495">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eisen Vitamine Saft, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E0E4OWs97d0zhKZ2gkcY3yqjVsHNQS6K6A10qarD_TaVkZRuJ83E9-tvysO0P8mBQUYoRzTvjVhlY9FJ8hRx0g" />
    <input value="18495" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D48">
    <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/falafel-bio-240-g-18496">
          <img alt="Falafel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9684/file/small-e82cc2270ff521ded6992fd4d3fa3b1f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9684/file/medium-683f8447de3a25849e4cbf4f691d06b7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9684/file/large-29c079851cf44ef3907654e390db5356.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9684/file/medium-683f8447de3a25849e4cbf4f691d06b7.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">Florentin</p>
          <a href="/de/products/falafel-bio-240-g-18496">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Falafel Bio, 240 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.13 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Sovid77Ui1-m3nhG0wjV6b6pDKGzhajUf6ILP7IItCvMW04g8iSidX41FPPlcAS31UxyJ0orCwbyzK7f6t84zw" />
    <input value="18496" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D48">
    <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/hummus-bio-150-g-18497">
          <img alt="Hummus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9683/file/small-2062a2e767c3909fe1ddfd5c99bf59f9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9683/file/medium-096254967b04c82ed2a0227592c30862.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9683/file/large-8e94e0e684dea753ca87dba102bdad6d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9683/file/medium-096254967b04c82ed2a0227592c30862.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">Florentin</p>
          <a href="/de/products/hummus-bio-150-g-18497">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hummus Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IdmuIf4ZJUxcqqfTroRy7AmV4Br8ViqLnolAP742uhinCQJ2sukMZoRBy2aY_KOyYnCenAX4iVkT5-Xf5uE2_A" />
    <input value="18497" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D48">
    <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/hummus-avocado-bio-150-g-18498">
          <img alt="Hummus Avocado Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9681/file/small-e2bf4e5434921264e31e4227c5069219.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9681/file/medium-de6898f4a95877e74dfbd71250bdd0ad.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9681/file/large-43f57be2aa50542d24cd25b25e6cdd73.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9681/file/medium-de6898f4a95877e74dfbd71250bdd0ad.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">Florentin</p>
          <a href="/de/products/hummus-avocado-bio-150-g-18498">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hummus Avocado Bio, 150 g</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 3.13 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MVXCFDUsGrpUm50QQ5feMbI8PPATxIgh_TAA44xTJg63hW5DedwzkIxw8aV17w9v2dlCdupqK_NwXqUD1ISq6g" />
    <input value="18498" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D48">
    <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/pita-brot-dinkel-bio-260-g-18499">
          <img alt="Pita Brot Dinkel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9685/file/small-2507411c4149caa357bfc613214cc49a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9685/file/medium-43ebca945bceb90ba1d2e550da0201a7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9685/file/large-18334407d7c3ffeca41915393f2a015d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9685/file/medium-43ebca945bceb90ba1d2e550da0201a7.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">Florentin</p>
          <a href="/de/products/pita-brot-dinkel-bio-260-g-18499">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pita Brot Dinkel Bio, 260 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t2G8KGs_YoofDclXkhh4bKqrHNqkLieCCnAaTrZTmNwxsRB_J89LoMfmpeKkYKkywU5iXF2AhFCHHr-u7oQUOA" />
    <input value="18499" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D48">
    <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/mayonnaise-bio-170-g-18500">
          <img alt="Mayonnaise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10234/file/small-9608d99c36b28811615a4a88fbc5c622.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10234/file/medium-adf06713c4a43bac0891f6a59845985a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10234/file/large-27ae1b7aff73adf87d143a655f60eb92.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10234/file/medium-adf06713c4a43bac0891f6a59845985a.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">Gautschi</p>
          <a href="/de/products/mayonnaise-bio-170-g-18500">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mayonnaise Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="90ncoVKUCPwziZuwKpbD3Ft0jzUnEN3FEmCaHmqEJk9xmXD2HmQh1uti9wUc7hKCMJHxs96-fhefDj_-MlOqqw" />
    <input value="18500" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D48">
    <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/senf-tube-bio-200-g-18501">
          <img alt="Senf Tube Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10062/file/small-771977407a133497ea9ba163fb910887.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10062/file/medium-fefc83588bcc0437f79eac8a4767b0f1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10062/file/large-9a1a86b0711dae4e05a441e6fb8774b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10062/file/medium-fefc83588bcc0437f79eac8a4767b0f1.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">Gautschi</p>
          <a href="/de/products/senf-tube-bio-200-g-18501">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senf Tube Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l-Gbask0sDN2XN72sr8qTpBsy6kBul0sPLKjSZuNDK0RMTc9hcSZGa63skOEx_sQ-4m1L_gU_v6x3Aapw1qASQ" />
    <input value="18501" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D48">
    <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/biscuits-vollkorn-hafer-chocolat-bio-2-x-80-g-18502">
          <img alt="Biscuits Vollkorn Hafer Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10235/file/small-a79eccd6725094c88692b91e387215ec.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10235/file/medium-db6be70947e49b03dd4b0dcdc9ff616d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10235/file/large-902d3824311bad03d84c03257c0c8e90.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10235/file/medium-db6be70947e49b03dd4b0dcdc9ff616d.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">Gerber</p>
          <a href="/de/products/biscuits-vollkorn-hafer-chocolat-bio-2-x-80-g-18502">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biscuits Vollkorn Hafer Chocolat Bio, 2 x 80 g</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 4.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CSTeb8WpflC-HTo6lSn2GbpVhaAeXQKRXf_eaPYywryP9HI4iVlXemb2Vo-jUSdH0bD7JufzoUPQkXuIruVOWA" />
    <input value="18502" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D48">
    <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/biscuits-vollkorn-hafer-dinkel-ingwer-bio-2-x-80-g-18503">
          <img alt="Biscuits Vollkorn Hafer Dinkel 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/10237/file/small-929f7c6fa4bf0004ce96b0edc018d0cc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10237/file/medium-9cfe5b00ecd550d846a2ade8189bc17f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10237/file/large-adacc4f11ebd9fa16d1c6f375ec94259.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10237/file/medium-9cfe5b00ecd550d846a2ade8189bc17f.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">Gerber</p>
          <a href="/de/products/biscuits-vollkorn-hafer-dinkel-ingwer-bio-2-x-80-g-18503">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biscuits Vollkorn Hafer Dinkel Ingwer Bio, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_v3qVqI1009lAKKCHSCENtqduEGrHYp8GPs-01ZP_TB4LUYB7sX6Zb3rzjcrWFVosXjGx1KzKa6VlZszDphx1A" />
    <input value="18503" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D48">
    <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/biscuits-vollkorn-hirse-zitrone-bio-2-x-80-g-18504">
          <img alt="Biscuits Vollkorn Hirse 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/10236/file/small-5cd8417794bbc3d3483edaea8812ccb1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10236/file/medium-1694559ab0c9bd36fb1c9706185d4254.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10236/file/large-98662fd897dec6538ed5b34a805bfb33.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10236/file/medium-1694559ab0c9bd36fb1c9706185d4254.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">Gerber</p>
          <a href="/de/products/biscuits-vollkorn-hirse-zitrone-bio-2-x-80-g-18504">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biscuits Vollkorn Hirse Zitrone Bio, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uXOzytrPk2mgKZyC3S79njRia-w-L21GjduPcHjaPEQ_ox-dlj-6Q3jC8DfrVizAX4cVaseBzpQAtSqQIA2woA" />
    <input value="18504" 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%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D48">
    <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/flocken-erdmandel-bio-400-g-18505">
          <img alt="Flocken Erdmandel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10713/file/small-ee1ce5761281db84eafe134261276b3e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10713/file/medium-96b759714d96dde889ba12f6c6c83584.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10713/file/large-dda4f1d66889ed391226f2b5ce96020b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10713/file/medium-96b759714d96dde889ba12f6c6c83584.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">Gesund&amp;Leben</p>
          <a href="/de/products/flocken-erdmandel-bio-400-g-18505">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flocken Erdmandel Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zjaWhlbTFjELgwsR4fpc5_4p3WSyDyXnYZtT4uwVDtNI5jrRGiM_G9NoZ6TXgo25lcyj4kuhhjXs9fYCtMKCNw" />
    <input value="18505" 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">
      960 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/roo-bar?format=turbo_stream&amp;page=49">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>