<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/biscuit-bio-bis-schoko-nuss-choc-o-nut-dinkel-85-g-7991">
          <img alt="Biscuit Bio Bis Schoko-Nuss Choc&#39;O Nut Dinkel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4679/file/small-a5bcdbe53e5a9a11e4520a352a16934f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4679/file/medium-463e0df610e5b5949310dced9697355c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4679/file/large-c8d61607028f24fbb8fffcd071c25c83.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4679/file/medium-463e0df610e5b5949310dced9697355c.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">Pural</p>
          <a href="/de/products/biscuit-bio-bis-schoko-nuss-choc-o-nut-dinkel-85-g-7991">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuit Bio Bis Schoko-Nuss Choc&#39;O Nut Dinkel, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5HsarUlBUKQIVoj_l_c-Klf9PPPtrBAhjzwBP_tf44E9-qtLzVSoKc4aHIOGR8z5IpUPgWOwHro4Nr_WyPpHIQ" />
    <input value="7991" 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/pfeilwurzelstarke-glutenfrei-bio-125-g-15281">
          <img alt="Pfeilwurzelstärke glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6987/file/small-d705b2b415fa47db33c4d6acfb0d06a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6987/file/medium-e30e606c6af000ec50566d50127f1560.webp 900w, https://assets.fabulous.ch/public/variant_asset/6987/file/large-9af931240564bc970b122d21cd313686.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6987/file/medium-e30e606c6af000ec50566d50127f1560.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">Arche</p>
          <a href="/de/products/pfeilwurzelstarke-glutenfrei-bio-125-g-15281">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pfeilwurzelstärke glutenfrei Bio, 125 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 4.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n6ULrHDbPWsJ07s98PgP4mNzL-2ffa2GgaLiW2-ARIpGJLpK9M7F5s-fL0HhSP0xFhscnxFhox02qFyyXCXgKg" />
    <input value="15281" 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/bett-r-mandelmus-cups-bio-39-g-11132">
          <img alt="Bett&#39;r Mandelmus Cups Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5700/file/small-e35571a284ceb045791d94262f9f54af.webp 600w, https://assets.fabulous.ch/public/variant_asset/5700/file/medium-795b2f049958f5798762d1f21ef00b4b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5700/file/large-a96462812fb1ae82fd5a6cf697a2ba1a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5700/file/medium-795b2f049958f5798762d1f21ef00b4b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">bett&#39;r</p>
          <a href="/de/products/bett-r-mandelmus-cups-bio-39-g-11132">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bett&#39;r Mandelmus Cups Bio, 39 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZutdJxNTiuS7NcaZmcuerazUoJY_OHW1DLuNPBMTbTm_auzBl0ZyaX15UuWIe2x-2byT5LEkey67sTPVILbJmQ" />
    <input value="11132" 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/pilze-pfifferlinge-getrocknet-bio-20-g-2580">
          <img alt="Pilze Pfifferlinge getrocknet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1873/file/small-2851aafd133ab387569fcbb3a1765442.webp 600w, https://assets.fabulous.ch/public/variant_asset/1873/file/medium-2286f16867d19abb76c77844929d49ea.webp 900w, https://assets.fabulous.ch/public/variant_asset/1873/file/large-56fa5b87a6a171f0f394924f9d41b417.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1873/file/medium-2286f16867d19abb76c77844929d49ea.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">Pural</p>
          <a href="/de/products/pilze-pfifferlinge-getrocknet-bio-20-g-2580">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pilze Pfifferlinge getrocknet Bio, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SwYOHdHybJW6xm-lRZd0nS-ZZvyPh9cLRHCLw6T_fBeSh7_7VeeUGHyK-9lUJ4ZOWvFVjgGb2ZDzejUql1rYtw" />
    <input value="2580" 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/xylitol-kaugummi-pfefferminze-28-g-9298">
          <img alt="Xylitol Kaugummi PFEFFERMINZE" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5298/file/small-d894d9fb0cb609d0af08e1c6551495c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5298/file/medium-aeafb7802d53928d395916525564df59.webp 900w, https://assets.fabulous.ch/public/variant_asset/5298/file/large-c0b7e6b33e15e661fed52be56cf2c075.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5298/file/medium-aeafb7802d53928d395916525564df59.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">Birkengold</p>
          <a href="/de/products/xylitol-kaugummi-pfefferminze-28-g-9298">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Kaugummi PFEFFERMINZE, 28 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 16.07 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="itp5IxwAPBFzLhOPz99MmUrn7icmHBEtkd0MnFophARTW8jFmBXEnLVih_Peb75KP4_dVagAH7Ym17J1aYwgpA" />
    <input value="9298" 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/glutenfrei-vollkorn-reisbrot-buchweizen-sonnenblumen-bio-375-g-199">
          <img alt="Glutenfrei Vollkorn-Reisbrot Buchweizen &amp; Sonnenblumen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/205/file/small-3e16458caa9e8b4522c55f3e225ed69b.webp 600w, https://assets.fabulous.ch/public/variant_asset/205/file/medium-7d2a44ba1d6db9bf15efd960cb5108b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/205/file/large-c752b38a5ac9dc40f17bbc264e64f2d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/205/file/medium-7d2a44ba1d6db9bf15efd960cb5108b0.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">Pural</p>
          <a href="/de/products/glutenfrei-vollkorn-reisbrot-buchweizen-sonnenblumen-bio-375-g-199">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Glutenfrei Vollkorn-Reisbrot Buchweizen &amp; Sonnenblumen Bio, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="14KQQRXsDWFRYJ_PAnwnUcClPhC3CP-0WB-qgQ1IAy4OAyGnkfn17JcsC7MTzNWCtc0NYjkU8S_vFRRoPu2njg" />
    <input value="199" 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/buchweizen-bio-500-g-45">
          <img alt="Buchweizen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/48/file/small-2f1ff4c52ec2427df03ea89327bbbdae.webp 600w, https://assets.fabulous.ch/public/variant_asset/48/file/medium-e4c8b88ad58e28132db6c2ed4f4ceb27.webp 900w, https://assets.fabulous.ch/public/variant_asset/48/file/large-14af8c1c893cd3eb718dfbcba292b0f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/48/file/medium-e4c8b88ad58e28132db6c2ed4f4ceb27.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">Bohlsener Mühle</p>
          <a href="/de/products/buchweizen-bio-500-g-45">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Buchweizen Bio, 500 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 1.12 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vckDqA3UZ56Ks7IJW_7QtvlF1_vPQiFzORO8vZZ2ut9kSLJOicGfE0z_JnVKTiJljC3kiUFeL-iOGQJUpdMefw" />
    <input value="45" 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/quinoa-bio-500-g-42">
          <img alt="Quinoa Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/45/file/small-65d7e8569287274441855a76afd6c500.webp 600w, https://assets.fabulous.ch/public/variant_asset/45/file/medium-bab76b9139b55dea00ac66b54063541e.webp 900w, https://assets.fabulous.ch/public/variant_asset/45/file/large-0a71681e9d88656cb09064d5bb4b4758.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/45/file/medium-bab76b9139b55dea00ac66b54063541e.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">Bohlsener Mühle</p>
          <a href="/de/products/quinoa-bio-500-g-42">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Quinoa Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wsCsi-8SsGpqdgF2aQUqi6Txi_pZfv1KEAoRCG63XQ0bQR1tawdI56w6lQp4tdhY0Zm4iNdi89GnAK_hXRL5rQ" />
    <input value="42" 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/perform-pflanzliches-proteinpulver-kakao-26-portion-12905">
          <img alt="Perform Pflanzliches Proteinpulver - Chocolate Brownie" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8732/file/small-0370bfd43bf56378135b42f3f653ce2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8732/file/medium-cf95ac37729a84ced33967f1e24709eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/8732/file/large-d270de9485eb456e7e1ab88435550ab8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8732/file/medium-cf95ac37729a84ced33967f1e24709eb.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">Vivo Life</p>
          <a href="/de/products/perform-pflanzliches-proteinpulver-kakao-26-portion-12905">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Perform Pflanzliches Proteinpulver - Chocolate Brownie, 26 Portionen</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GAS9zqIb8W36t1X28kEjacZHpIFGsvSDVjrINe-Sg6DBhQwoJg4J4Dz7wYrj8dG6sy-X88iu-hjhMHbc3DcnAA" />
    <input value="12905" 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/perform-pflanzliches-proteinpulver-madagaskar-vanille-26-portion-12901">
          <img alt="Perform Pflanzliches Proteinpulver - Madagaskar Vanille" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8730/file/small-65f07490a905c5d4adeff9a6738f461d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8730/file/medium-f76444f5af20a4829c7b13b3797dee8a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8730/file/large-65fdf5c0fe3875323468100ff4665867.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8730/file/medium-f76444f5af20a4829c7b13b3797dee8a.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">Vivo Life</p>
          <a href="/de/products/perform-pflanzliches-proteinpulver-madagaskar-vanille-26-portion-12901">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Perform Pflanzliches Proteinpulver - Madagaskar Vanille, 26 Portionen</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xoZru3pz8IzyoAPqc3Mldre_oM8_cpWyXnX30WWEI28fB9pd_mYIATTsl5Ziw9elwteTvbFumynpf0k4ViGHzw" />
    <input value="12901" 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/perform-pflanzliches-proteinpulver-gesalzenes-maca-karamell-26-portion-12904">
          <img alt="Perform Pflanzliches Proteinpulver - Salted Caramel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8738/file/small-92c1fddc87c53929b433776bee591c36.webp 600w, https://assets.fabulous.ch/public/variant_asset/8738/file/medium-72e9f46401391420f8601db2a35f3ca2.webp 900w, https://assets.fabulous.ch/public/variant_asset/8738/file/large-d56e3fd7ea596f60d8d81648d583c1ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8738/file/medium-72e9f46401391420f8601db2a35f3ca2.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">Vivo Life</p>
          <a href="/de/products/perform-pflanzliches-proteinpulver-gesalzenes-maca-karamell-26-portion-12904">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Perform Pflanzliches Proteinpulver - Salted Caramel, 26 Portionen</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G33al3ssLY59WfQuQrXt69N-rRualLWk2I37nXkgvILC_Gtx_znVA7sVYFJTBR84phaeaRSIuz9vh0V0SoUYIg" />
    <input value="12904" 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/perform-pflanzliches-proteinpulver-cai-heidelbeere-26-portion-12903">
          <img alt="Perform Pflanzliches Proteinpulver - Blueberry Muffin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8736/file/small-83591a0e721e4813b2171d17316bf279.webp 600w, https://assets.fabulous.ch/public/variant_asset/8736/file/medium-bc4cfbf556a7860be6745d3b76983bdc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8736/file/large-5861cdb37cda6c9716220e1f9e9a7983.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8736/file/medium-bc4cfbf556a7860be6745d3b76983bdc.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">Vivo Life</p>
          <a href="/de/products/perform-pflanzliches-proteinpulver-cai-heidelbeere-26-portion-12903">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Perform Pflanzliches Proteinpulver - Blueberry Muffin, 26 Portionen</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OwYPLjwupqUgKfZ_Afm7KiRbUiw30BNu6PhaoW0cZKbih77IuDteKOZlYgMQSUn5UTNhXrnMHfVf8uRIXrnABg" />
    <input value="12903" 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/perform-pflanzliches-proteinpulver-banane-zimt-26-portion-12902">
          <img alt="Perform Pflanzliches Proteinpulver - Banana Bread" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8734/file/small-ffd2a19fb868da5a878bc3b2feb4f37d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8734/file/medium-0b7a92af5a45475b5df273ed832bfda7.webp 900w, https://assets.fabulous.ch/public/variant_asset/8734/file/large-3d75042b72095c92971dfb05a76c5098.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8734/file/medium-0b7a92af5a45475b5df273ed832bfda7.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">Vivo Life</p>
          <a href="/de/products/perform-pflanzliches-proteinpulver-banane-zimt-26-portion-12902">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Perform Pflanzliches Proteinpulver - Banana Bread, 26 Portionen</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R2GB2mMRAVr7iAOJ4e8l8pcCJJ1OJ3IjuT7LogAS2qme4DA85wT51z3El_XwX9ch4moX78A7fLgONHVLM7d-CQ" />
    <input value="12902" 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/whole-pflanzenprotein-mahlzeit-karamell-biskuit-25-portion-12906">
          <img alt="WHOLE Pflanzenprotein-Mahlzeit - Karamell-Biskuit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6341/file/small-3d2d2c581b5c83ab3f1cfcc93b16775f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6341/file/medium-dbce91c50d284c41557f60c6a96a7a92.webp 900w, https://assets.fabulous.ch/public/variant_asset/6341/file/large-ccfa6cda1156951c3ff8aa5613c2f960.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6341/file/medium-dbce91c50d284c41557f60c6a96a7a92.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">Vivo Life</p>
          <a href="/de/products/whole-pflanzenprotein-mahlzeit-karamell-biskuit-25-portion-12906">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">WHOLE Pflanzenprotein-Mahlzeit - Karamell-Biskuit, 25 Portionen</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 1.98 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aYeMxg8mQ3FZ7T8-FLjy_acw400b7S7TLu9iVEVOhTmwBj0gizO7_J-hq0IFCAAu0ljQP5XxIEiZ5dy9dushmQ" />
    <input value="12906" 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/whole-pflanzenprotein-mahlzeit-erdbeere-25-portion-12907">
          <img alt="WHOLE Pflanzenprotein-Mahlzeit - Erdbeere" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6342/file/small-67c38c7dcc483b6c876f4b55c75c26d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6342/file/medium-acbb110cebb8049d85273eabde7bf9a1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6342/file/large-5c56f08eb146955cdca7d1db3240189b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6342/file/medium-acbb110cebb8049d85273eabde7bf9a1.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">Vivo Life</p>
          <a href="/de/products/whole-pflanzenprotein-mahlzeit-erdbeere-25-portion-12907">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">WHOLE Pflanzenprotein-Mahlzeit - Erdbeere, 25 Portionen</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 1.98 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AjLIYWkHdl_aO1rZOIKEbNo3QkzHk5SkjttKnKRUybrbs3mH7RKO0hx3zqUpMna_r19xPkmPmj850fR1l_FtGg" />
    <input value="12907" 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/whole-pflanzenprotein-mahlzeit-vanille-25-portion-12908">
          <img alt="WHOLE Pflanzenprotein-Mahlzeit - Vanille" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6343/file/small-3a46684e4220f5f4e947643554bc1829.webp 600w, https://assets.fabulous.ch/public/variant_asset/6343/file/medium-34361d5e073e234fc66ba45d4c8033fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6343/file/large-a836aaa72cf1f2fd374e05686bddb4f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6343/file/medium-34361d5e073e234fc66ba45d4c8033fc.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">Vivo Life</p>
          <a href="/de/products/whole-pflanzenprotein-mahlzeit-vanille-25-portion-12908">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">WHOLE Pflanzenprotein-Mahlzeit - Vanille, 25 Portionen</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 1.98 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VKGD5QYaoy3YdUHHtO0FR5T9klAePd96kkdaShMsc8KNIDIDgg9boB451bulXfeU4ZWhIpAh0eElTeSjIInXYg" />
    <input value="12908" 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/plant-protein-collagen-builder-vanille-zimt-25-portion-13257">
          <img alt="Plant Protein Collagen Builder - Vanille &amp; Zimt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6439/file/small-e5e1c498d05cdcd53841ef9f10c68801.webp 600w, https://assets.fabulous.ch/public/variant_asset/6439/file/medium-4ad18cf3c7bca9f7bc8cf622dcb8e91e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6439/file/large-0feaef69ab841ffacb9d01a00a360cad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6439/file/medium-4ad18cf3c7bca9f7bc8cf622dcb8e91e.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">Vivo Life</p>
          <a href="/de/products/plant-protein-collagen-builder-vanille-zimt-25-portion-13257">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Plant Protein Collagen Builder - Vanille &amp; Zimt, 25 Portionen</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pj5tJzbFLaK-aVEy07McYvJBTmo1Cw19_iDhm9xK7MF_v9zBstDVL3glxU7CA-6xhyl9GLsXA-ZJKl9y7-9IYQ" />
    <input value="13257" 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/vivo-messloffel-set-2-stuck-12910">
          <img alt="Vivo Messlöffel-Set" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6345/file/small-51c011bbc2e94035aed9b5b5e4783602.webp 600w, https://assets.fabulous.ch/public/variant_asset/6345/file/medium-d426c0bc39d6a8f607c7e0109dfc1d2d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6345/file/large-a6971f678783c7e176747a3948f6c25f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6345/file/medium-d426c0bc39d6a8f607c7e0109dfc1d2d.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">Vivo Life</p>
          <a href="/de/products/vivo-messloffel-set-2-stuck-12910">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivo Messlöffel-Set, 2 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5pDVchcgFevoCm4vDoC4sj3gdN45ETlf9YTe5EKzsiI_EWSUkzXtZi5G-lMfMEphSIhHrLcNN8RCjmANcRYWgg" />
    <input value="12910" 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/vivo-protein-shaker-600-ml-12911">
          <img alt="Vivo Protein Shaker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6346/file/small-6230d602a4713abe4e379b1f78f54745.webp 600w, https://assets.fabulous.ch/public/variant_asset/6346/file/medium-d2150d6d85e0b39b31cd404ebd86b35f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6346/file/large-04ea63cb842992d770b3c1f1adb43b29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6346/file/medium-d2150d6d85e0b39b31cd404ebd86b35f.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">Vivo Life</p>
          <a href="/de/products/vivo-protein-shaker-600-ml-12911">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivo Protein Shaker, 600 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xlDIxS2yCq-HyojtdDuTCHgQtGbnZWSEisU51LalK0Af0XkjqafyIkGGHJFli2HbDXiHFGl5ah89z4c9hQCP4A" />
    <input value="12911" 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/vegan-d3-k2-complex-50-ml-12929">
          <img alt="Vegan D3 &amp; K2 Complex" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6349/file/small-20790248e09a3bb82404556f06678cf7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6349/file/medium-7aecae0064c51edd0a85b57bd1f8bf81.webp 900w, https://assets.fabulous.ch/public/variant_asset/6349/file/large-f31ab8f35a6fa0651215412a1c072196.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6349/file/medium-7aecae0064c51edd0a85b57bd1f8bf81.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">Vivo Life</p>
          <a href="/de/products/vegan-d3-k2-complex-50-ml-12929">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan D3 &amp; K2 Complex, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="28Cqwop5OYvmER-VZsob9qjSFdtKxXpBbUGrU0PcYn4CQRskDmzBBiBdi-l3eukl3bomqcTZdNraSxW6cHnG3g" />
    <input value="12929" 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">
      1&#39;100 von 3&#39;207 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/fupi?format=turbo_stream&amp;page=56">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>