<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/tee-be-happy-krautertee-fairtrade-bio-20-beutel-5163">
          <img alt="Tee Be Happy Kräutertee Fairtrade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3038/file/small-fc3650e9fb33c0fa8033e43b8862247f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3038/file/medium-c34d0f87741916fe4d572a7c6d48957e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3038/file/large-f99662ab04097464c27154d8fb0c1ee3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3038/file/medium-c34d0f87741916fe4d572a7c6d48957e.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">Cupper</p>
          <a href="/de/products/tee-be-happy-krautertee-fairtrade-bio-20-beutel-5163">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tee Be Happy Kräutertee Fairtrade Bio, 20 Beutel</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 0.26 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_K9UbWKL45uzLVyJRZPwKvWVt0NERRfOkL40uInZefIOYFxbagiGfcmrCdV6lDlIKv3vuc6oyZJSh4t6N6breA" />
    <input value="5163" 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/tee-krautertee-gute-laune-lose-bio-50-g-5165">
          <img alt="Tee Kräutertee Gute Laune lose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3040/file/small-ab473adb69ad4f4f269028324f7d56ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/3040/file/medium-5a66cf6a339b98afc71b18ad0a3578b1.webp 900w, https://assets.fabulous.ch/public/variant_asset/3040/file/large-78ff69e10af18139f12e3bf6cece0081.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3040/file/medium-5a66cf6a339b98afc71b18ad0a3578b1.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">Sonnentor</p>
          <a href="/de/products/tee-krautertee-gute-laune-lose-bio-50-g-5165">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tee Kräutertee Gute Laune lose Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3ckCKyPup0fk-olu3uzULkRK6mBYyK6QMIBCx-xQ8AcvBgodK23CoZ583DLh6x1MmyKymtIlcMzyuf0FUi9ijQ" />
    <input value="5165" 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/soja-wurfel-250-g-5172">
          <img alt="Soja Würfel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3044/file/small-0ed881142a6bc1acd406a6595cc6bf2f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3044/file/medium-9350701eed378cf779cbcfa17fde6054.webp 900w, https://assets.fabulous.ch/public/variant_asset/3044/file/large-530fe15cbda27cd2be19d71c1d3e5d2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3044/file/medium-9350701eed378cf779cbcfa17fde6054.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">Vantastic</p>
          <a href="/de/products/soja-wurfel-250-g-5172">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Würfel, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="reTwRBsRl5fdEV67bOsqUAlhe14ZOtVKcv1lC2xZVR9fK_hyE5LycaeXC-dT7OMy1gkjpJPXCxawxNrJ0ibHlQ" />
    <input value="5172" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schlagcreme-schlagfix-ungesusst-25-fett-1000-ml-5228">
          <img alt="Schlagcreme SCHLAGFIX ungesüsst 25% Fett" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3057/file/small-acfcbedfabd0b608082af2a57bf80d6a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3057/file/medium-758a46c929d7e68ac6b9f06cbc6c6eb5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3057/file/large-d650082d3db4034a6f801754ca5e9be0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3057/file/medium-758a46c929d7e68ac6b9f06cbc6c6eb5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Schlagfix</p>
          <a href="/de/products/schlagcreme-schlagfix-ungesusst-25-fett-1000-ml-5228">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schlagcreme SCHLAGFIX ungesüsst 25% Fett, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i0J2f_VYVdNw4k4SNNzffZ8GyvM9x9q52HJZwA66Vjh5jX5J_dswNQpkG04L2xYfQG6SCbcqBOUaS-YCsMXEsg" />
    <input value="5228" 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-alternative-yannoh-instant-bio-250-g-5236">
          <img alt="Kaffee Alternative Yannoh Instant, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3059/file/small-bfeb4b9f08c6abe3f321abb13f5f3616.webp 600w, https://assets.fabulous.ch/public/variant_asset/3059/file/medium-14dfb8a5865502e9ea825caabc87eaa4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3059/file/large-82249d100f70b7ca106869ad067b47ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3059/file/medium-14dfb8a5865502e9ea825caabc87eaa4.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">Lima</p>
          <a href="/de/products/kaffee-alternative-yannoh-instant-bio-250-g-5236">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffee Alternative Yannoh Instant, Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9gGz9_hJpS5LHLRgCFomdJtJFodfYkPthrXSUD5R2GcEzrvB8MrAyDGa4Tw3Xe8WRCFOfdWPnbFEjG2SgC5K7Q" />
    <input value="5236" 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="d1vxflVYMlwBbvM2kEw9eLFlNcMnNu90KSgxUeHEYvWFlPlIXdtXunvopmqvS_Qabg1tOa3bMSjrEY6TX7vwfw" />
    <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/natto-fermentierte-sojabohnen-180-g-5255">
          <img alt="Natto Fermentierte Sojabohnen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3061/file/small-4509320d9ed79de8993356c0d4fe93a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3061/file/medium-651b94a9a4253d7cfa84371be3dc4c7e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3061/file/large-b07a7020f574487dacf3822c2654c5e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3061/file/medium-651b94a9a4253d7cfa84371be3dc4c7e.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">NaturKraftWerke</p>
          <a href="/de/products/natto-fermentierte-sojabohnen-180-g-5255">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Natto Fermentierte Sojabohnen, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y8TDeomtfYzwFUL2RAPqd9r_DPCboDjnBc4GVi0Mw0KRC8tMgS4YaoqTF6p7BCMVBZdUChFN5rvH97mUk3NRyA" />
    <input value="5255" 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/cookies-pekannusse-schokoladenstuckchen-bio-175-g-5259">
          <img alt="Cookies Pekannüsse Schokoladenstückchen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3065/file/small-5eb296343d93b3f43ab36798593b6358.webp 600w, https://assets.fabulous.ch/public/variant_asset/3065/file/medium-a46a43815ca59d1cc97b252f18c2a3c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3065/file/large-ea9fbac718581838b28a6eed0b59f867.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3065/file/medium-a46a43815ca59d1cc97b252f18c2a3c9.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">Moulin du Piver</p>
          <a href="/de/products/cookies-pekannusse-schokoladenstuckchen-bio-175-g-5259">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookies Pekannüsse Schokoladenstückchen Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H3avv7jswuZrsnAwyhmgnF24UZxO5de0Vg6brubo3aftuaeJsG-nABE0JWz1Hmn-gtAJZsQICeiUNyRsWJdPLQ" />
    <input value="5259" 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/cookies-tout-choco-schokostuckchen-bio-175-g-5260">
          <img alt="Cookies Tout Choco Schokostückchen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3066/file/small-58c44f5dff775aa36a8eec49ee7a0de3.webp 600w, https://assets.fabulous.ch/public/variant_asset/3066/file/medium-3ce39f4cb771ba671db4f53a53d9cd27.webp 900w, https://assets.fabulous.ch/public/variant_asset/3066/file/large-eeec3326576a41244437d94121b1d8e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3066/file/medium-3ce39f4cb771ba671db4f53a53d9cd27.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">Moulin du Piver</p>
          <a href="/de/products/cookies-tout-choco-schokostuckchen-bio-175-g-5260">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookies Tout Choco Schokostückchen Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Gz6SG08MO-t6c7w5961uXRKIxceK85KYVZuJULfEGK3p8ZotR49eDQD16WXIqqc_zeCdPQAeTMSXojaSCbuKJw" />
    <input value="5260" 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/zahnpasta-fur-kinder-original-ohne-fluor-bio-75-ml-5262">
          <img alt="Zahnpasta für Kinder Original Ohne Fluor Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3067/file/small-871d86740baa6e1f754dc7afdb73aaa0.webp 600w, https://assets.fabulous.ch/public/variant_asset/3067/file/medium-cead55c26e59fb39f63af16c61199ffa.webp 900w, https://assets.fabulous.ch/public/variant_asset/3067/file/large-b78beb646f42b9dc87338a1c696d23f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3067/file/medium-cead55c26e59fb39f63af16c61199ffa.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">Urtekram</p>
          <a href="/de/products/zahnpasta-fur-kinder-original-ohne-fluor-bio-75-ml-5262">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zahnpasta für Kinder Original Ohne Fluor Bio, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8Qk9b-3zrHwdIgm-2DEL-CZG1L2-N1AjyFBdM04SyYoDxjVZ5XDJmmekXOLnNsKa-S6MRzTajn8KaeLx8G1bAA" />
    <input value="5262" 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/zahncreme-minze-gruntee-ohne-fluor-bio-75-ml-5263">
          <img alt="Zahncreme Minze &amp; Grüntee Ohne Fluor Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3068/file/small-b73ca34c0372700b0a0c0b2428cbdc71.webp 600w, https://assets.fabulous.ch/public/variant_asset/3068/file/medium-b5f998a8ee77799909a2861e2f39218a.webp 900w, https://assets.fabulous.ch/public/variant_asset/3068/file/large-566767e89233dca6f8fe1b77e258b8a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3068/file/medium-b5f998a8ee77799909a2861e2f39218a.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">Urtekram</p>
          <a href="/de/products/zahncreme-minze-gruntee-ohne-fluor-bio-75-ml-5263">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zahncreme Minze &amp; Grüntee Ohne Fluor Bio, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2qS1mV_fxZfIWS_HdZcsHlYELin_8YS0ZXFt0QS1gAsoa72vV1ygcbLfeptKkOV8iWx203UcWuinSNITusoSgQ" />
    <input value="5263" 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/zahncreme-eukalyptus-ohne-fluor-bio-75-ml-5264">
          <img alt="Zahncreme Eukalyptus Ohne Fluor Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3069/file/small-05836db2a2d0b3a4580a154f7d8187e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3069/file/medium-21d2569ac87b45e7950d050f9071b9bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/3069/file/large-8c65ee088364649c123a519d50ee9794.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3069/file/medium-21d2569ac87b45e7950d050f9071b9bb.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">Urtekram</p>
          <a href="/de/products/zahncreme-eukalyptus-ohne-fluor-bio-75-ml-5264">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zahncreme Eukalyptus Ohne Fluor Bio, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x1HmrQCykj1nqkugSHam7pXKaLSrUXJq41GqRKl-UAI1nu6bCDH32x0sHvx3cW-MSqIwTiG8rDYhaBWGFwHCiA" />
    <input value="5264" 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/zahnpasta-fur-kinder-tuttifrutti-ohne-fluor-bio-75-ml-5265">
          <img alt="Zahnpasta für Kinder Tuttifrutti Ohne Fluor Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3070/file/small-12f0a55d4805c56922c4e36c60b56f62.webp 600w, https://assets.fabulous.ch/public/variant_asset/3070/file/medium-fd63b656efc9f3ccfe8eb4e3d12fbf99.webp 900w, https://assets.fabulous.ch/public/variant_asset/3070/file/large-896a0968134c0f0fd2c8d5e650f8e52c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3070/file/medium-fd63b656efc9f3ccfe8eb4e3d12fbf99.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">Urtekram</p>
          <a href="/de/products/zahnpasta-fur-kinder-tuttifrutti-ohne-fluor-bio-75-ml-5265">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zahnpasta für Kinder Tuttifrutti Ohne Fluor Bio, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="osL9TGG5Eq4SRAsxsAEnMc4r1TD8d0SkqOys_SeTz3pQDfV6aTp3SGjCXm2PBu5TEUONynaamvhq1RM_mexd8A" />
    <input value="5265" 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/shampoo-teebaum-trockene-und-gereizte-kopfhaut-bio-250-ml-5266">
          <img alt="Shampoo Teebaum Trockene und gereizte Kopfhaut Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3071/file/small-c248964bec29aefb0fe1c6bfc568de8d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3071/file/medium-153fafa382f5fb3458ab5de7a4929ca0.webp 900w, https://assets.fabulous.ch/public/variant_asset/3071/file/large-92bd1fd6f759169873cfd7f1dd3ddd0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3071/file/medium-153fafa382f5fb3458ab5de7a4929ca0.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">Urtekram</p>
          <a href="/de/products/shampoo-teebaum-trockene-und-gereizte-kopfhaut-bio-250-ml-5266">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Teebaum Trockene und gereizte Kopfhaut Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-0Ms-BG9Foat-I_84jFTBkBPsngCK6z4BgukCv_JjCQJjCTOGT5zYNd-2qDdNppknyfqgojGcqTEMhvIQbYerg" />
    <input value="5266" 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/shampoo-volumen-rasul-feines-oder-fettiges-haar-bio-250-ml-5268">
          <img alt="Shampoo Volumen Rasul Feines oder fettiges Haar Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3072/file/small-debbd0ccaf609379a186617a21e7e457.webp 600w, https://assets.fabulous.ch/public/variant_asset/3072/file/medium-c0206b5468c03d61004c65c9f30867f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3072/file/large-b691a45dfa1b3d6933a43bffcb7ca071.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3072/file/medium-c0206b5468c03d61004c65c9f30867f9.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">Urtekram</p>
          <a href="/de/products/shampoo-volumen-rasul-feines-oder-fettiges-haar-bio-250-ml-5268">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Volumen Rasul Feines oder fettiges Haar Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hhgmoxPrGkLdYvLYRALlPrib0-G1m6ykL0fIWF25cBV01y6VG2h_pKfkp4R7BSxcZ_OLGz92cvjtfnea48binw" />
    <input value="5268" 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/melasse-hefeflocken-100-bio-hefe-bio-100-g-5269">
          <img alt="Melasse Hefeflocken 100% Bio-Hefe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3074/file/small-73a6aeca950cfe6b8927845fd9dbd4da.webp 600w, https://assets.fabulous.ch/public/variant_asset/3074/file/medium-00f21fa24a89027c3c94c619f948ef8d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3074/file/large-84065d66cea702627b058b510967cd9d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3074/file/medium-00f21fa24a89027c3c94c619f948ef8d.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/melasse-hefeflocken-100-bio-hefe-bio-100-g-5269">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Melasse Hefeflocken 100% Bio-Hefe Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cocYAYVnsCY1AtMka1dNQRzWw1aBSAufsjpKVYkYCmSASBA3jeTVwE-EhnhUUIQjw76brAul1cNwA_WXN2eY7g" />
    <input value="5269" 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-in-scheiben-sojasauce-bio-650-g-5270">
          <img alt="Seitan in Scheiben (Sojasauce) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3075/file/small-5f98567b238e75d1c7fdb13608ee8750.webp 600w, https://assets.fabulous.ch/public/variant_asset/3075/file/medium-77fd68a11f869aed37cb4fb738f96b89.webp 900w, https://assets.fabulous.ch/public/variant_asset/3075/file/large-586799d99f5e7f3b3f692eee4560bf62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3075/file/medium-77fd68a11f869aed37cb4fb738f96b89.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/seitan-in-scheiben-sojasauce-bio-650-g-5270">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seitan in Scheiben (Sojasauce) Bio, 650 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZvvC2kds1Ypswhczo7lGoycxzF4h88tHUgzOXP1NACeUNMrsT--wbBZEQm-cvo_B-FmUpKseFRuQNXGeQzKSrQ" />
    <input value="5270" 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/nagel-nail-polish-you-nique-stk-5-ml-5272">
          <img alt="Nägel Nail Polish You-Nique Stk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3076/file/small-51b0f601b86ac104c0535070a8ca0751.webp 600w, https://assets.fabulous.ch/public/variant_asset/3076/file/medium-ce0c1ee034b575e63def5d15eaa50d9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3076/file/large-7c26c4ce340c3ca713c120a6ce0adb30.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3076/file/medium-ce0c1ee034b575e63def5d15eaa50d9e.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/nagel-nail-polish-you-nique-stk-5-ml-5272">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nägel Nail Polish You-Nique Stk, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3EAVrfFSgmvrDZedNrE_F2UCmacYPHsPDHaokQg8278ujx2b-dHnjZGLwsEJtvZ1umrBXZLRpVPOTxdTtkNJNQ" />
    <input value="5272" 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/fusspflege-aloe-vera-bio-100-ml-5276">
          <img alt="Fusspflege Aloe Vera Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3080/file/small-c26bf0e283a2a32be9700a1701d470c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/3080/file/medium-dae2620fa92d4666ddbf3e31c2612d58.webp 900w, https://assets.fabulous.ch/public/variant_asset/3080/file/large-1c6dd4ab30ba79739f4c312bb66953fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3080/file/medium-dae2620fa92d4666ddbf3e31c2612d58.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">Urtekram</p>
          <a href="/de/products/fusspflege-aloe-vera-bio-100-ml-5276">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fusspflege Aloe Vera Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mrl4eQAnDre37Vuk-IWOyI2vtH4jpAsJaLM0jaSDLERodnBPCKRrUc1rDvjHgkeqUsfshKlJ1VWqiotPGvy-zg" />
    <input value="5276" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/handcreme-aloe-vera-bio-75-ml-5277">
          <img alt="Handcreme Aloe Vera Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3081/file/small-087cb3f36948825eb4c07a0496caa4ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/3081/file/medium-dd66c02609776889f7f4dc268e91b460.webp 900w, https://assets.fabulous.ch/public/variant_asset/3081/file/large-5eaaa09d77d9585fd4466378cdd8e635.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3081/file/medium-dd66c02609776889f7f4dc268e91b460.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">Urtekram</p>
          <a href="/de/products/handcreme-aloe-vera-bio-75-ml-5277">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Handcreme Aloe Vera Bio, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

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

      </div>
    </div>
  </div>



</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">
      900 von 3&#39;189 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/products?format=turbo_stream&amp;page=46&amp;q=sojabohnen">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>