<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bratfilets-tofu-barlauch-bio-80-g-753">
          <img alt="Bratfilets Tofu Bärlauch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/702/file/small-cd11307abcf7682d2a0f654789ad5cc5.webp 600w, https://assets.fabulous.ch/public/variant_asset/702/file/medium-0dbe677d0a06921fb8150746743c95a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/702/file/large-5b05b802df20903d8402cf402e0244d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/702/file/medium-0dbe677d0a06921fb8150746743c95a7.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">Taifun</p>
          <a href="/de/products/bratfilets-tofu-barlauch-bio-80-g-753">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bratfilets Tofu Bärlauch Bio, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.66 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="maBopBaMH-v2-3fjoCkdpfVGCX0s9ohDZy_T2U0KXMWbIwZTS74W4JbjL8Nj1ARtNXs1VuLEwMbBY79gNUxHoA" />
    <input value="753" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vegane-merguez-bio-200-g-1613">
          <img alt="Vegane Merguez Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1275/file/small-66fe0c6b56e3c5890d22507103277572.webp 600w, https://assets.fabulous.ch/public/variant_asset/1275/file/medium-e046e57a5e306de67eabfe3788f605de.webp 900w, https://assets.fabulous.ch/public/variant_asset/1275/file/large-6c2ab5ae6e876457d826d96323bfce8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1275/file/medium-e046e57a5e306de67eabfe3788f605de.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">Wheaty</p>
          <a href="/de/products/vegane-merguez-bio-200-g-1613">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Merguez Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.35 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KcsAMaNKKK9Dad_ONkoEWmsOeqRtQr3Ss4lHa1jjNc0rSG7G_nghpCNxh-71tx2SqzNGj6Nw9VcVxSvSIKUuqA" />
    <input value="1613" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/violife-greek-white-150-g-11082">
          <img alt="Violife Greek White" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5671/file/small-d681a73a2bfccf40582772905100132a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5671/file/medium-bb5e8dc8023121656c2360267e877082.webp 900w, https://assets.fabulous.ch/public/variant_asset/5671/file/large-298b8dc59146a9e1b5c613302b54362a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5671/file/medium-bb5e8dc8023121656c2360267e877082.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">Violife</p>
          <a href="/de/products/violife-greek-white-150-g-11082">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Violife Greek White, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.30 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R8-61AqMOWM_Ti4M4r3PTPTf4VxJWjXfZ-G2GgDfYwNFTNQjV74waF9WdiwhQNaENOLdd4dofVrBrdqjeJl4Zg" />
    <input value="11082" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/violife-scheiben-vegane-alternative-zu-cheddar-140-g-1006">
          <img alt="Violife Scheiben vegane Alternative zu Cheddar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/881/file/small-15d0951a4e0204340c9aee44b91b05bc.webp 600w, https://assets.fabulous.ch/public/variant_asset/881/file/medium-a0017a97ff2ca3853cc0964edd549d8f.webp 900w, https://assets.fabulous.ch/public/variant_asset/881/file/large-32499c95a2d9993392c0ea6240849206.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/881/file/medium-a0017a97ff2ca3853cc0964edd549d8f.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">Violife</p>
          <a href="/de/products/violife-scheiben-vegane-alternative-zu-cheddar-140-g-1006">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Violife Scheiben vegane Alternative zu Cheddar, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.93 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F3dnLR0xuimadrJQUgamb94mYFO7tEh9_pAPls9hcV8V9AnaQAOzIvpu6nCR-7-nHhtceHWGAPhY3GMvtydqOg" />
    <input value="1006" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schlagfix-creme-vegane-alternative-zu-mascarpone-250-ml-5088">
          <img alt="Schlagfix Crème Vegane Alternative zu Mascarpone" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2996/file/small-f2ec0a801305009c985d80b8ca91bfc3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2996/file/medium-7173a8e909df703cd3710b6435a769db.webp 900w, https://assets.fabulous.ch/public/variant_asset/2996/file/large-ebc305b0f0aa5dc4255c875eab56c49d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2996/file/medium-7173a8e909df703cd3710b6435a769db.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">Schlagfix</p>
          <a href="/de/products/schlagfix-creme-vegane-alternative-zu-mascarpone-250-ml-5088">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schlagfix Crème Vegane Alternative zu Mascarpone, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.60 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mxsV0GUnqiKf0FuRTLYIfhDNFeJKr_ZSmPtMwMYTdYOZmHsnOBWjKf_IA7GPSxG20PApyYSdvtc-tyB5vlVu5g" />
    <input value="5088" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kombucha-rhabarber-330-ml-17089">
          <img alt="Kombucha Rhabarber" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7958/file/small-012c5fd25e1d4bc36a81e48783a71e74.webp 600w, https://assets.fabulous.ch/public/variant_asset/7958/file/medium-0e1390b0979992553372f9aee95b79d8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7958/file/large-b3fd0c6b956ad340b7a107c686c32e19.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7958/file/medium-0e1390b0979992553372f9aee95b79d8.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">Rudy&#39;s Kombucha</p>
          <a href="/de/products/kombucha-rhabarber-330-ml-17089">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kombucha Rhabarber, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GKxSaVFOfvSRqkmuknlGfh0tjo1fKsm17yWRkjnSQ28aLzyeDHx3__GyEY5RhF-23RCyppEYgTBJaf0rQZRYCg" />
    <input value="17089" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hafer-molk-barista-330-ml-17091">
          <img alt="Hafer Mølk Barista" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7960/file/small-73a0d5b1f9d62f45ab6e1be2e16810a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7960/file/medium-ac632382af88d228eed8dab2308ba652.webp 900w, https://assets.fabulous.ch/public/variant_asset/7960/file/large-9c40d871d09e2eae1a0e4242e8f9714f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7960/file/medium-ac632382af88d228eed8dab2308ba652.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">Mølk</p>
          <a href="/de/products/hafer-molk-barista-330-ml-17091">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Mølk Barista, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JOy00Dgq-k8qNe8zZ5p6UpUAWUPzuKVXcPecaqPgIrgmb9onZRjzREottxOkZ2OaVT1laD2K7dLWu_DT26Y53Q" />
    <input value="17091" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kombucha-passionsfrucht-mango-330-ml-17088">
          <img alt="Kombucha Passionsfrucht &amp; Mango" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7957/file/small-c3008078d83931c57236f7a79ddaf475.webp 600w, https://assets.fabulous.ch/public/variant_asset/7957/file/medium-054e7a3054e95dfb2be9630b843de047.webp 900w, https://assets.fabulous.ch/public/variant_asset/7957/file/large-0244573990967d7af0279596a643b4d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7957/file/medium-054e7a3054e95dfb2be9630b843de047.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">Rudy&#39;s Kombucha</p>
          <a href="/de/products/kombucha-passionsfrucht-mango-330-ml-17088">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kombucha Passionsfrucht &amp; Mango, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZWyjDZbzrBxfFhaEWDoUykNeubkFoXSFzQpHhtffalZn7836y8GlFz8OTqSbxw0Cg2OFksuTPABrRis_r5lxMw" />
    <input value="17088" 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">
    <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/hafer-molk-barista-1-l-17090">
          <img alt="Hafer Mølk Barista" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7959/file/small-4fccdd779adf33067a4d5d688340c3cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/7959/file/medium-0425890b8f499bfcf1745d071f032fed.webp 900w, https://assets.fabulous.ch/public/variant_asset/7959/file/large-63a584cd206675a07d8b74f7326ba671.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7959/file/medium-0425890b8f499bfcf1745d071f032fed.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">Mølk</p>
          <a href="/de/products/hafer-molk-barista-1-l-17090">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Mølk Barista, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kel-yRPS4St0zt6qPafqDUzGSqZ0kXLLlRDEC2_9RCmTahA-TuDoIBTWhor-WvPFjPt2jbqjOk4zXKiyF7tfTA" />
    <input value="17090" type="hidden" name="variant_id" id="variant_id" />
    <input value="8" 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">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kombucha-mandarine-yuzu-330-ml-17086">
          <img alt="Kombucha Mandarine &amp; Yuzu" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7955/file/small-e8e5bc7eb26784a70087312312177633.webp 600w, https://assets.fabulous.ch/public/variant_asset/7955/file/medium-4f35f6d45a21351807b16eeffd35da22.webp 900w, https://assets.fabulous.ch/public/variant_asset/7955/file/large-335bc1a52245399170e7ca8d4d2f6db6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7955/file/medium-4f35f6d45a21351807b16eeffd35da22.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">Rudy&#39;s Kombucha</p>
          <a href="/de/products/kombucha-mandarine-yuzu-330-ml-17086">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kombucha Mandarine &amp; Yuzu, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kombucha-himbeer-basilikum-330-ml-17085">
          <img alt="Kombucha Himbeer &amp; Basilikum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7954/file/small-f28e179b855af993842c7465f9f88bf3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7954/file/medium-153311b913d3a84aae07ca5de8eaa39c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7954/file/large-d80f6502e25bc43de478d6bcb13f379d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7954/file/medium-153311b913d3a84aae07ca5de8eaa39c.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">Rudy&#39;s Kombucha</p>
          <a href="/de/products/kombucha-himbeer-basilikum-330-ml-17085">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kombucha Himbeer &amp; Basilikum, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xqDubLDCxfP3FJMOt_mqTJHa6PCszYFG8Ho7xrMmGS_EI4Cb7fDM-JcMyy50BLOEUefU22L_ycNWNld_y2ACSg" />
    <input value="17085" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kombucha-zitrone-ingwer-330-ml-17071">
          <img alt="Kombucha Zitrone &amp; Ingwer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7952/file/small-1f7da8b202bef86a36d48e428f35b5d1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7952/file/medium-5b74ebdac9934abad4c270b054972a69.webp 900w, https://assets.fabulous.ch/public/variant_asset/7952/file/large-0e708c9fca0deadcf7f69d965f85aae4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7952/file/medium-5b74ebdac9934abad4c270b054972a69.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">Rudy&#39;s Kombucha</p>
          <a href="/de/products/kombucha-zitrone-ingwer-330-ml-17071">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kombucha Zitrone &amp; Ingwer, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1worsrRTXk0SGbvX_5zt67Nv76ikS10W0nHFY_8Hz9_ViUVF6WFXRnIB4_c8YfQjc1LTg2p5FZN0Panah0HUug" />
    <input value="17071" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kombucha-ananas-pfirsich-330-ml-17070">
          <img alt="Kombucha Ananas &amp; Pfirsich" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7953/file/small-b77770cc514ea33ea3eb00d819f675cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/7953/file/medium-3f7c2bb35ce3b6fb809c0da8e568afe0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7953/file/large-ea87e92430e80dc5fdbcae0d1276f974.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7953/file/medium-3f7c2bb35ce3b6fb809c0da8e568afe0.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">Rudy&#39;s Kombucha</p>
          <a href="/de/products/kombucha-ananas-pfirsich-330-ml-17070">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kombucha Ananas &amp; Pfirsich, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sjWWJL91p89huUWLXOK988o7Ft5sswj4s4i0Gr-drHawtvjT4keuxAGhHaufH6Q7CgYq9aKBQH0VxNijx9u3Ew" />
    <input value="17070" 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">
    <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/kokos-molk-barista-1-l-17510">
          <img alt="Kokos Mølk Barista" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8165/file/small-266e2ed08ad491cdb1ea4565bee0a177.webp 600w, https://assets.fabulous.ch/public/variant_asset/8165/file/medium-4c8315d75fbfb1e2ac21d8ef62eecd89.webp 900w, https://assets.fabulous.ch/public/variant_asset/8165/file/large-7cd0087009256cd7de83df26004e9799.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8165/file/medium-4c8315d75fbfb1e2ac21d8ef62eecd89.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">Mølk</p>
          <a href="/de/products/kokos-molk-barista-1-l-17510">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokos Mølk Barista, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CNd_wLwvtt52RK45aZ3xW-a6cf84X2ro6wLneJjUPToKVBE34R2_1RZc9hmqYOiTJodN1PZtIm1NTovB4JImXw" />
    <input value="17510" type="hidden" name="variant_id" id="variant_id" />
    <input value="8" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kombucha-kokosnuss-ananas-330-ml-17069">
          <img alt="Kombucha Kokosnuss &amp; Ananas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7951/file/small-fdaa26a6977c3e7fb6bff220f2918eda.webp 600w, https://assets.fabulous.ch/public/variant_asset/7951/file/medium-3b7be6d905a9ac70632361079307d680.webp 900w, https://assets.fabulous.ch/public/variant_asset/7951/file/large-db789ffbeb3f7fe9326b1e0c206a4475.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7951/file/medium-3b7be6d905a9ac70632361079307d680.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">Rudy&#39;s Kombucha</p>
          <a href="/de/products/kombucha-kokosnuss-ananas-330-ml-17069">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kombucha Kokosnuss &amp; Ananas, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lOvb6FU-ffDH0EHAiuo9w-ZArywBt0shLj6NJQc55GiWaLUfCAx0-6fIGeBJFyQLJn2TB8-FA6SIcuGcf3__DQ" />
    <input value="17069" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schlagcreme-schokotraum-spruhdose-200-ml-12431">
          <img alt="Schlagcreme Schokotraum Sprühdose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6241/file/small-76474dd20dfcb82f11d5b1fd0e12f216.webp 600w, https://assets.fabulous.ch/public/variant_asset/6241/file/medium-29d6a80c0d75495a286f8bd7d6ecf710.webp 900w, https://assets.fabulous.ch/public/variant_asset/6241/file/large-b1c3d15834ca7814de6bc1aae86bfd23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6241/file/medium-29d6a80c0d75495a286f8bd7d6ecf710.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">Schlagfix</p>
          <a href="/de/products/schlagcreme-schokotraum-spruhdose-200-ml-12431">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schlagcreme Schokotraum Sprühdose, 200 ml</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 2.25 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D_pfYBNHkydr8GyIjqXlOaHFRGkFbL26xlEB2YYQ5PENeTGXTnWaLAvoNKhNWPzxYfh4Qste9T9gHW1g_lb_lA" />
    <input value="12431" 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">
    <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/erdnuss-sauce-scharf-glutenfrei-200-ml-17512">
          <img alt="Erdnuss-Sauce &quot;Scharf&quot; glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8169/file/small-2c493c511cc84b5e55c5fe5469c47605.webp 600w, https://assets.fabulous.ch/public/variant_asset/8169/file/medium-7cdeabc2ce3dd6492d64f0de68b783af.webp 900w, https://assets.fabulous.ch/public/variant_asset/8169/file/large-bc4daca7d46bb4cc10ccc88db9973146.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8169/file/medium-7cdeabc2ce3dd6492d64f0de68b783af.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">Karanga</p>
          <a href="/de/products/erdnuss-sauce-scharf-glutenfrei-200-ml-17512">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Erdnuss-Sauce &quot;Scharf&quot; glutenfrei, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8mrAy06uWvpzp0PU2wwK7BqKkJpnaboL4q2NVzHG2enw6a48E5xT8RO_G_QY8RMk2ressalb8o5E4eHuSYDCjA" />
    <input value="17512" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schlagcreme-schlagfix-15-fett-200-ml-1175">
          <img alt="Schlagcreme SCHLAGFIX 15% Fett" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1045/file/small-e30c3cfb22914fbb91b6bc6bd34ec4ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/1045/file/medium-93304fe2cecb1cf3c71dc2fc6916ec4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/1045/file/large-4d2ff71b838e47639d6aa0e0eec43088.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1045/file/medium-93304fe2cecb1cf3c71dc2fc6916ec4e.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">Schlagfix</p>
          <a href="/de/products/schlagcreme-schlagfix-15-fett-200-ml-1175">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schlagcreme SCHLAGFIX 15% Fett, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DPnk8KvAIdH8HBfecCOx9foV2Ubs6HfraNU7WEulc8IOeooH9vIo2pwET_6z3qg9OijlbSLaP27OmVfhM-Nopw" />
    <input value="1175" 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">
    <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/erdnuss-sauce-pur-glutenfrei-200-ml-17511">
          <img alt="Erdnuss-Sauce Pur glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8168/file/small-734858e2495d28dfdd4f730bbdea365e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8168/file/medium-711d401aca971774c0ee2477cf3ac714.webp 900w, https://assets.fabulous.ch/public/variant_asset/8168/file/large-dd33a81ec7893a497cf332a4c625a304.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8168/file/medium-711d401aca971774c0ee2477cf3ac714.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">Karanga</p>
          <a href="/de/products/erdnuss-sauce-pur-glutenfrei-200-ml-17511">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Erdnuss-Sauce Pur glutenfrei, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kq5juaUof0x8dy77w7-i151CsKB_EolLLZkbQFCU8-6QLQ1O-Bp2RxxvdtsAQrsfXX-Mi7Egwc6L1Xf5KNLoiw" />
    <input value="17511" 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">
    <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/beauty-travel-pouch-1-beutel-18031">
          <img alt="Beauty Travel Pouch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8978/file/small-2d89e22faf0c16de825fcdb50bab46ae.webp 600w, https://assets.fabulous.ch/public/variant_asset/8978/file/medium-7e1208c493544dbdb0ebb0795dd0b35e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8978/file/large-1206ef55172e7077cd6f373c7ad0946c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8978/file/medium-7e1208c493544dbdb0ebb0795dd0b35e.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">No Bullsh!t</p>
          <a href="/de/products/beauty-travel-pouch-1-beutel-18031">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Beauty Travel Pouch, 1 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="opuqFzYMN3cd56HYZ-UD5ZhhcJpEN5z_eBFV0fCA_JygGMTgaz4-fH3_-fikGBotWFxMsYoF1HreXTloiMbn-Q" />
    <input value="18031" 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">
      140 von 3&#39;189 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/vitaleo?format=turbo_stream&amp;page=8">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>