<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/linsen-aufstrich-gelbe-linse-curry-bio-140-g-16446">
          <img alt="Linsen-Aufstrich Gelbe Linse Curry Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7566/file/small-7992a13ee16a81220f9bdc269a44198c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7566/file/medium-703c272e46eb3e00b8eaf30dbf3c88bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7566/file/large-03654bd327fa7225a651be8b559d7f97.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7566/file/medium-703c272e46eb3e00b8eaf30dbf3c88bd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/de/products/linsen-aufstrich-gelbe-linse-curry-bio-140-g-16446">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Linsen-Aufstrich Gelbe Linse Curry Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_bXm0EHqsLIfpFTt1tm0YgGCEEW-eF9i3X5xBLYAPkw45JhtlJ8vCzUSYb83wa-Y0dpw3o0SatpjnsZ69e70_A" />
    <input value="16446" 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/kurbiskerne-in-zartbitter-schokolade-bio-50-g-17288">
          <img alt="Kürbiskerne in Zartbitter-Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8062/file/small-de03eb69656c991c9aca4fa616c7871f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8062/file/medium-bfa276c417e8f94daa765272b16a6c3a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8062/file/large-3bc249fa9ccc9856db6fb2c54b683688.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8062/file/medium-bfa276c417e8f94daa765272b16a6c3a.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">Landgarten</p>
          <a href="/de/products/kurbiskerne-in-zartbitter-schokolade-bio-50-g-17288">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kürbiskerne in Zartbitter-Schokolade Bio, 50 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 5.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o70wNwzeXp3YDRyw3NDO0MN03BxWbHu14iSJX-v-eeNm7E6K2avBJPK7KeI9yNUqEyy8h2UGTg1cxD4hqBCzUw" />
    <input value="17288" 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/brotaufstrich-krauter-bio-125-g-1014">
          <img alt="Brotaufstrich Kräuter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/889/file/small-d5ecb38ba505ca9a2fb95098ae0bdae0.webp 600w, https://assets.fabulous.ch/public/variant_asset/889/file/medium-f59f8015bd87f43d5390213ee72701f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/889/file/large-6d66ba98fef4753e8a179e8c0220f2a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/889/file/medium-f59f8015bd87f43d5390213ee72701f7.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/brotaufstrich-krauter-bio-125-g-1014">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brotaufstrich Kräuter Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="slGLhPXPx5nXMd_cQph-T0Ym92J6JJYXR-38hfDgIdd3APU5ILpYIP2H6o6jgGW1ln6X-UlOo6_5DUv7sw7rZw" />
    <input value="1014" 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/brotaufstrich-mediterran-streich-bio-180-g-15075">
          <img alt="Brotaufstrich Mediterran Streich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6907/file/small-35b8b4f3b2561b013880ff47447aed48.webp 600w, https://assets.fabulous.ch/public/variant_asset/6907/file/medium-f06b0ea41cc8a8dbd70113ce544cfee2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6907/file/large-ce05170d7da3832ae96a925c8c39ded9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6907/file/medium-f06b0ea41cc8a8dbd70113ce544cfee2.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">Zwergenwiese</p>
          <a href="/de/products/brotaufstrich-mediterran-streich-bio-180-g-15075">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brotaufstrich Mediterran Streich Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ExaSJnXw0193goWXUuQV-gV40M-G1KWD6HPV91ivdILWR-yboIVM5l00sMWz_A4A1SCwVLW-kDtWk2KJG0G-Mg" />
    <input value="15075" 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/kaffee-instant-lupinenkaffee-koffeinfrei-bio-100-g-1974">
          <img alt="Lupinenkaffee Instant Koffeinfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8857/file/small-fac77aeea79b0b6059bc9f008106475f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8857/file/medium-3f21d99c3f712abf5d897a276f019eda.webp 900w, https://assets.fabulous.ch/public/variant_asset/8857/file/large-1dc05c65875e380f63a0752196592ee3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8857/file/medium-3f21d99c3f712abf5d897a276f019eda.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">Naturata</p>
          <a href="/de/products/kaffee-instant-lupinenkaffee-koffeinfrei-bio-100-g-1974">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lupinenkaffee Instant Koffeinfrei Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gND_qhl_upQ2kROgQ3GCezrFmO2Cxt6R7TNUJVhfvFBFgYEXzAolLRwnJvKiaZmB6p34drGs6ylT0-NbG7F24A" />
    <input value="1974" 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/tofu-black-forest-bio-200-g-1788">
          <img alt="Tofu Black Forest Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1399/file/small-7422e03322f9a8d733763a8d10ee6ad5.webp 600w, https://assets.fabulous.ch/public/variant_asset/1399/file/medium-3e343b9e0f6509c9b78fa3599272f41b.webp 900w, https://assets.fabulous.ch/public/variant_asset/1399/file/large-5c7f0a619f719733b6ddec4e558ab1e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1399/file/medium-3e343b9e0f6509c9b78fa3599272f41b.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/tofu-black-forest-bio-200-g-1788">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Black Forest Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </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.43 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n9FaUBWV3ePrbvhttN2cK-pObJSZ2DKvo_ba-Q4pAbpagCTtwOBCWsHYzT9VxYfROhYMD6qyBxcdFm2HTcfLCg" />
    <input value="1788" 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/philosophen-tofu-vegane-alternative-zu-feta-bio-170-g-5401">
          <img alt="Philosophen Tofu Vegane Alternative zu Feta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3151/file/small-31e0cb2210d63783492c193dbc4a358b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3151/file/medium-017c9783cd15b517724864084e631ad8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3151/file/large-e924cd23b66219e7fbb022895ca91641.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3151/file/medium-017c9783cd15b517724864084e631ad8.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">Lord of Tofu</p>
          <a href="/de/products/philosophen-tofu-vegane-alternative-zu-feta-bio-170-g-5401">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Philosophen Tofu Vegane Alternative zu Feta Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </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.65 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i7jYtzXjYbCFkiKqXdcuWrN2YTZNUvf6olL3lt4Ls75O6aYK4Jb-Ca8kF_i8zzWgYy4BrX44wkIcskDoneV5Dg" />
    <input value="5401" 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/cafe-pino-lupinenkaffee-gemahlen-glutenfrei-bio-500-g-5237">
          <img alt="Café Pino Lupinenkaffee gemahlen Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3060/file/small-f4fdab17149f63b35c3be9fa64f7d352.webp 600w, https://assets.fabulous.ch/public/variant_asset/3060/file/medium-45936fb9ffbff9789cf674c384cf4660.webp 900w, https://assets.fabulous.ch/public/variant_asset/3060/file/large-a2923ddb7ef8717c30bc666144a6c26b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3060/file/medium-45936fb9ffbff9789cf674c384cf4660.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">Kornkreis</p>
          <a href="/de/products/cafe-pino-lupinenkaffee-gemahlen-glutenfrei-bio-500-g-5237">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Café Pino Lupinenkaffee gemahlen Glutenfrei Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uS5yVxyigGbXZhq7qNfl55x1P0rbsrxQhzw1-kBqez98fwzqydcf3_3QL-lJz_4dTC1f0ejYieg53IKEA4Sxjw" />
    <input value="5237" 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/kaffee-wildkaffee-bonga-kapseln-lungo-kompostierbar-bio-10-stuck-7272">
          <img alt="Kaffee Wildkaffee Bonga Kapseln Lungo kompostierbar Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4122/file/small-570680df5e6dcc44deff166b99e9a035.webp 600w, https://assets.fabulous.ch/public/variant_asset/4122/file/medium-c14d41c02d4aa9447e87e7075fba1f78.webp 900w, https://assets.fabulous.ch/public/variant_asset/4122/file/large-56c14913a0975278f2e60fe05dd6a1e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4122/file/medium-c14d41c02d4aa9447e87e7075fba1f78.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">Original Food</p>
          <a href="/de/products/kaffee-wildkaffee-bonga-kapseln-lungo-kompostierbar-bio-10-stuck-7272">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffee Wildkaffee Bonga Kapseln Lungo kompostierbar Bio, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aBEXGzINBbbNLaIGS5OZaJ7TFno5t-JZqqZ0GFq7yhutQGmm53iaD-ebl1Sqi4KSTot24Qrd1-EURsNmGVUAqw" />
    <input value="7272" 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/energieriegel-vanilla-berry-raw-bio-50-g-809">
          <img alt="Energieriegel Vanilla Berry Raw Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/747/file/small-8b9d004ea284c72d6920eaf9346de6ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/747/file/medium-0a261c6937f0a6f9c5ad9fb42b747229.webp 900w, https://assets.fabulous.ch/public/variant_asset/747/file/large-0bad4a94fe5c2743566624c6a05f4080.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/747/file/medium-0a261c6937f0a6f9c5ad9fb42b747229.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">Raw Bite</p>
          <a href="/de/products/energieriegel-vanilla-berry-raw-bio-50-g-809">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Energieriegel Vanilla Berry Raw Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bDL5s42g6sKG_bxmwyzl2DpnRW0t_Udl1FFMpPgeUFGpY4cOWNV1e6xLiTQiNP4i6j8l9h6Xct1qsfvau_Ca4Q" />
    <input value="809" 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/dattelschokolade-haselnuss-tafel-65-bio-90-g-16672">
          <img alt="Dattelschokolade Haselnuss Tafel 65% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7721/file/small-28f3d080230d5f743d7d2a1021c1e6e0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7721/file/medium-7276fb23fe7b4f6f4a2c57a72d55e4fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7721/file/large-8a96dacf52d0945acd43f1fb4e40b0d9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7721/file/medium-7276fb23fe7b4f6f4a2c57a72d55e4fb.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">BioeCacao</p>
          <a href="/de/products/dattelschokolade-haselnuss-tafel-65-bio-90-g-16672">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattelschokolade Haselnuss Tafel 65% Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O_Frp7RbRGWBcckM0V_-osji_9iJ6S52QoZCYlLgLXn-oBUaYS7b3KvH_F4wR-VYGLqfQ7qDG878ZvUcEQ7nyQ" />
    <input value="16672" 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/dattelschokolade-double-dates-tafel-46-bio-90-g-16670">
          <img alt="Dattelschokolade Double Dates Tafel 46% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7718/file/small-cef420a11b4ff500c1b711f74583040b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7718/file/medium-ecdd5ac00ad8315463da39fecf18dc3d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7718/file/large-ea1de1e6491bb026f8f63934d1c88da4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7718/file/medium-ecdd5ac00ad8315463da39fecf18dc3d.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">BioeCacao</p>
          <a href="/de/products/dattelschokolade-double-dates-tafel-46-bio-90-g-16670">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattelschokolade Double Dates Tafel 46% Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6MXY0I7PNDg0MdNO-1Neobe5W22oyhBdpOaJ3pk33xQtlKZtW7qrgR6H5hwaS0VbZ-E79pugJeUaBj6g2tkVpA" />
    <input value="16670" 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/rohkostriegel-hanf-bio-50-g-1457">
          <img alt="Rohkostriegel Hanf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1199/file/small-c5a5cfafd690011bf0e0cc39631f13dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/1199/file/medium-4d01285effef2e351e7d4f071c138c22.webp 900w, https://assets.fabulous.ch/public/variant_asset/1199/file/large-f93b9e604d4e33a6b132d06bb148118f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1199/file/medium-4d01285effef2e351e7d4f071c138c22.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">Roo&#39;Bar</p>
          <a href="/de/products/rohkostriegel-hanf-bio-50-g-1457">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rohkostriegel Hanf Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c1Xdv6rkAYfJkrpeXNa2w8LdwdxGoUNZvvHuRl53oHO2BKMCf5GePuMkjwy9zq05EoWhR3XLduEAEVk4HZlqww" />
    <input value="1457" 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/kokosnuss-creme-bio-50-g-16528">
          <img alt="Kokosnuss-Creme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7618/file/small-94f0b8678e0320777af576fdb723782e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7618/file/medium-2bc29be5c2dcc072c5814d479f01018c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7618/file/large-6b1a596dbc1085145f91fe5640f70b31.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7618/file/medium-2bc29be5c2dcc072c5814d479f01018c.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">Rapunzel</p>
          <a href="/de/products/kokosnuss-creme-bio-50-g-16528">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosnuss-Creme Bio, 2 x 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qc8xcZ1R4Qu0-K7L8yp4xAEAU0uGRPWMuv8XtMHYcBxsnk_MSCR-sp5Om5kSMmM-0Vgz0LUuwDQEH6DKgja6rA" />
    <input value="16528" 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/seitan-ragout-bio-300-g-16430">
          <img alt="Seitan Ragout Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7552/file/small-886917d11bc722d912b0c91b128000e7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7552/file/medium-44c75c849bcc5e5d9c348699a4e5f125.webp 900w, https://assets.fabulous.ch/public/variant_asset/7552/file/large-73ace20d400906ed1c2f93ea6eebd9e7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7552/file/medium-44c75c849bcc5e5d9c348699a4e5f125.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">Futur</p>
          <a href="/de/products/seitan-ragout-bio-300-g-16430">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seitan Ragout Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iwd0SVqPMzUlxLFhOGl5HbnEnZU0KaZIo2fZalZUHelOVgr0j_qsjA9yhDPZcWLnaZz9DgdDk_Adh24UFbrXWQ" />
    <input value="16430" 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/biber-m-saisonmotiv-bio-135-g-12716">
          <img alt="Biber-M Saisonmotiv Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6294/file/small-3e4a3db7f3651ee76d244dffec657779.webp 600w, https://assets.fabulous.ch/public/variant_asset/6294/file/medium-5cbc838b1ddd93e3dc0226469bfe616a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6294/file/large-0cb4d3ed7abbf64e73a4e9e0ab282626.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6294/file/medium-5cbc838b1ddd93e3dc0226469bfe616a.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">Leibacher Biber-Manufaktur</p>
          <a href="/de/products/biber-m-saisonmotiv-bio-135-g-12716">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biber-M Saisonmotiv Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OraHV4UpvEy4FIP_e1Mf2Q1_xeq7fxRicVvphhUp9YL_5_nqUFwj9ZKitq2aSwQj3SelcYgVIdrPu174Vsc_Mg" />
    <input value="12716" 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/ol-sonnenblumenol-grossgebinde-biosuisse-5-l-6083">
          <img alt="Öl Sonnenblumenöl Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3495/file/small-2aa2e57494e36fdc71fde78c1f01569e.webp 600w, https://assets.fabulous.ch/public/variant_asset/3495/file/medium-e6e5eff3d84d9eb776bacd8d73f621ee.webp 900w, https://assets.fabulous.ch/public/variant_asset/3495/file/large-afbb49a1813ee78f13357f612873d3bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3495/file/medium-e6e5eff3d84d9eb776bacd8d73f621ee.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">Biofarm</p>
          <a href="/de/products/ol-sonnenblumenol-grossgebinde-biosuisse-5-l-6083">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Öl Sonnenblumenöl Grossgebinde BioSuisse, 5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 76.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OEf4aGL_vCXAHaPJj9LuT0RfxqRUxkACf1nLHVAZkqP9FobVt4ojnOqrlptuyvW1lAemP2esdbrBuXxjE_dYEw" />
    <input value="6083" 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/samba-haselnuss-dunkel-bio-250-g-340">
          <img alt="Samba Haselnuss Dunkel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/303/file/small-ac159edc1efc1bcb88c093227cb04a97.webp 600w, https://assets.fabulous.ch/public/variant_asset/303/file/medium-635d7dfe5bab4c0ed4019e3a86bfb2fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/303/file/large-d82462f5b6ac5acbb7961152b22d6d4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/303/file/medium-635d7dfe5bab4c0ed4019e3a86bfb2fe.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">Rapunzel</p>
          <a href="/de/products/samba-haselnuss-dunkel-bio-250-g-340">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Samba Haselnuss Dunkel Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="knE8eh0I3z4ozCOR1dhv3pBkH4Jxn0Bm4fZWAooDWsJXIELHyH1AhwJ6FsM0wHQkQDx_GUL1dd5fFuF8ye2Qcg" />
    <input value="340" 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/for-men-only-deo-spray-75-ml-3765">
          <img alt="for men only Deo Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2433/file/small-3e0b867779c4a3eaf101c2985c9664b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2433/file/medium-9ad11a036a6df0fcb8f2917bdb518285.webp 900w, https://assets.fabulous.ch/public/variant_asset/2433/file/large-5980264bb7df9230554f875623bd1c3b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2433/file/medium-9ad11a036a6df0fcb8f2917bdb518285.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">benecos</p>
          <a href="/de/products/for-men-only-deo-spray-75-ml-3765">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">for men only Deo Spray, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KhVwLWFT5opmnhzjqeFUSWxUDHqPjmMqhKCIBqHT5DLvRA6QtCZ5M0woKbFI-U-zvAxs4bzkVpI6QD944j0ugg" />
    <input value="3765" 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/d-angelo-tortellini-steinpilz-gefullt-bio-250-g-7760">
          <img alt="D&#39;Angelo Tortellini Steinpilz gefüllt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4482/file/small-39ed3cf003ae5b984ba241d90785afe2.webp 600w, https://assets.fabulous.ch/public/variant_asset/4482/file/medium-21367d4aadd9aff7c5110e3c8dfed5d9.webp 900w, https://assets.fabulous.ch/public/variant_asset/4482/file/large-f0f21e7d6547c5508cc434a1e5865434.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4482/file/medium-21367d4aadd9aff7c5110e3c8dfed5d9.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">D&#39;Angelo Pasteria</p>
          <a href="/de/products/d-angelo-tortellini-steinpilz-gefullt-bio-250-g-7760">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">D&#39;Angelo Tortellini Steinpilz gefüllt Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

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

</template></turbo-stream>