<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/ichoc-salty-pretzel-kakaobutter-zubereitung-bio-80-g-10417">
          <img alt="iChoc Salty Pretzel - Kakaobutter-Zubereitung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5575/file/small-30cc1aa16e5b8b590f7029b261d591f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5575/file/medium-aefbaea39f27c4ce901f184303064fd3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5575/file/large-c63091ff7f74e1db19161355f9ff278b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5575/file/medium-aefbaea39f27c4ce901f184303064fd3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vivani / Ichoc</p>
          <a href="/de/products/ichoc-salty-pretzel-kakaobutter-zubereitung-bio-80-g-10417">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">iChoc Salty Pretzel - Kakaobutter-Zubereitung Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sjD1ASljRfghr2CCIdYSzrgF6JjHea5D4vXH_n2xior0AIL7KQL7_9nlTMhGSU6KC-Uv5d8_t5Vpnsig-2eaIQ" />
    <input value="10417" 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="o4l5PcJvGdeE8da0wzpTVnYlG5MApOlI9aNYK0vS-5bluQ7Hwg6n0Hy7-v6kpQ8SxcXc7hji8J5-yFd1zQTrPQ" />
    <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/tapiokastarke-tapioka-glutenfrei-bio-200-g-3724">
          <img alt="Tapiokastärke Tapioka Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2409/file/small-3ab07a5b0d84b4604ae775804697c05c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2409/file/medium-d150cfeff332bf567c245c1c8638328a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2409/file/large-03cdefc08c066badf1a3829e4098b4f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2409/file/medium-d150cfeff332bf567c245c1c8638328a.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/tapiokastarke-tapioka-glutenfrei-bio-200-g-3724">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tapiokastärke Tapioka Glutenfrei Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iTJTn0FZUwjD3H_fw0hh87J1EKTODT71t285EL--4Y3PAiRlQTjtDzuWU5Wk1z23AZXX2dZLJyM8BDZOOWjxJg" />
    <input value="3724" 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/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="69p_734gO9MeSPC2CNj626fFsB3tWO1Q_ADGifH1j4Ot6ggVfkGF1OYC3PxvR6afFCV3YPUe9IZ3a8nXdyOfKA" />
    <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 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/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="tZI6-FH-4FbnkdnM_Wmxvdgj9-8lqlJdONiL9KQUAkXzok0CUZ9eUR_b9Yaa9u35a8Mwkj3sS4uzs4SqIsIS7g" />
    <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  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/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="zTsMObFm5FtPE7vqwDxG-UlQueaL95XnbK8yAfLAfd2LC3vDsQdaXLdZl6Cnoxq9-rB-m5OxjDHnxD1fdBZtdg" />
    <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 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/kulau-nori-snack-glutenfrei-bio-4-g-3252">
          <img alt="KULAU Nori-Snack Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2204/file/small-5536f72017e7c34f586ca1dd88f9ca8f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2204/file/medium-678c06465d2d6c96e5e72ed791f6bb1d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2204/file/large-957fd530530ccc50ef2a3669ed3e9a37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2204/file/medium-678c06465d2d6c96e5e72ed791f6bb1d.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">Kulau</p>
          <a href="/de/products/kulau-nori-snack-glutenfrei-bio-4-g-3252">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KULAU Nori-Snack Glutenfrei Bio, 4 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mUuv53TR9bzzfTwcdX1aFSZwmdpr_93RmqgPqu1Abbffe9gddLBLuws3EFYS4gZRlZBep3O5xAcRwwD0a5Z9HA" />
    <input value="3252" 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="k-cuevkHdBSupspcRIwrn690_KJo0OmZsI-H3eZFGxzV11mA-WbKE1bs5hYjE3fbHJQ733CW8E875IiDYJMLtw" />
    <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="gi43NVym-F3oxdckMYiqojQFxU4_iZhpdRE2ltIO1lzEHkDPXMdGWhCP-25WF_bmh-UCMyfPgb_-ejnIVNjG9w" />
    <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="DSdMOljL_Tu0AxRWgVU5F-pel8ag3hBaWyIF6oSjkAtLFzvAWKpDPExJOBzmymVTWb5Qu7iYCYzQSQq0AnWAoA" />
    <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/wilmersburger-scheiben-classic-glutenfrei-150-g-59">
          <img alt="Wilmersburger Scheiben Classic Glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/62/file/small-6078e47d5f0091f62559de09b3fb79ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/62/file/medium-79abc3b7cf0ad4c531b1f49afc1940ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/62/file/large-bf9688ad14c905063f3c8b481dac25ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/62/file/medium-79abc3b7cf0ad4c531b1f49afc1940ad.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">Wilmersburger</p>
          <a href="/de/products/wilmersburger-scheiben-classic-glutenfrei-150-g-59">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wilmersburger Scheiben Classic Glutenfrei, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </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.97 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zl17FE5SgZNFaeb8ZRef2n0mkSbHAYOpCj5hGgIvPPiIbQzuTjM_lL0jyrYCiMOezsZWW99Hmn-BVW5EhPksUw" />
    <input value="59" 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/super-griller-vegan-bratwurst-bio-200-g-22">
          <img alt="Super Griller Vegan Bratwurst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12/file/small-43a1222ae3e9b4a1c5ef581349c4c732.webp 600w, https://assets.fabulous.ch/public/variant_asset/12/file/medium-01246fc6a2c61a60c371bb4c04551261.webp 900w, https://assets.fabulous.ch/public/variant_asset/12/file/large-9382d9ec044e7227dd9f92a39c0d8725.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12/file/medium-01246fc6a2c61a60c371bb4c04551261.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/super-griller-vegan-bratwurst-bio-200-g-22">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Super Griller Vegan Bratwurst 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-22-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TodBLKP4v5grc1siI2C_9pJBdZYpg0c42c98DRUkQa4ItzbWo5kBn9M5d2hE_-OyIaGy6zHFXu5SpHNTk_JRBQ" />
    <input value="22" 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/bratfilets-japanisch-bio-80-g-348">
          <img alt="Bratfilets Japanisch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/311/file/small-e4d1d540636711afa63a6d5a746307e2.webp 600w, https://assets.fabulous.ch/public/variant_asset/311/file/medium-e6c4780d34431b49a447365e286db3b8.webp 900w, https://assets.fabulous.ch/public/variant_asset/311/file/large-258e8823c563e13b57ee4ed6afaf4dd1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/311/file/medium-e6c4780d34431b49a447365e286db3b8.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-japanisch-bio-80-g-348">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bratfilets Japanisch 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-348-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Gek6SRYpp6twztpEOSgwWDqM85TImN7RKvSri5fdXSBf2U2zFkgZrIiE9g5et2wciWw06dDexwehn6TVEQtNiw" />
    <input value="348" 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-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="XbSo2oBWiP-PPHVfeB7QghiDMcsEe_5m_oMtstR760gbhN8ggDc2-Hd2WRUfgYzGq2P2thw957B16CLsUq374w" />
    <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 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-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="gBxoQPtIrTDR0PKM9b_Tq5lb0Yk1zAOZ-t8Aj72ss67GLB-6-ykTNyma3saSII_vKrsW9C2KGk9xtA_RO3qjBQ" />
    <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  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-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="yyuuIMK-s_OcGNqfYosAZreWHeDtNLcmsSnI1Ha6o_eNG9nawt8N9GRS9tUFFFwiBHbanfVyrvA6QseK8GyzXA" />
    <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 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-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="tbYYxNDzDznQ__mq6y9h9krFd12zrv3iJzwtXI5YlJzzhm8-0JKxPii11eCMsD2y-SWwIKvo5DSsVyICCI6ENw" />
    <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  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-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="XlWDlBPa2xUEyQPvrmfVHJ90RWyx2px8YHwtb5PEud0YZfRuE7tlEvyDL6XJ-IlYLJSCEamcharrFyIxFRKpdg" />
    <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 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-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="FZ_LXLzYUyIt2BVA0shRfdOJ_YAVYo0S4FmODkD3o_hTr7ymvLntJdWSOQq1Vw05YGk6_Q0klMRrMoFQxiGzUw" />
    <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  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-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="2Fd-lA6qLxIzHGsvT_dz2k_N-F6ftSyKUFco4m6xkxeeZwluDsuRFctWR2UoaC-e_C0_I4fzNVzbPCe86GeDvA" />
    <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>



</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">
      820 von 3&#39;184 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/revo-foods?format=turbo_stream&amp;page=42">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>