<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/waldstaudenroggen-knackebrot-bio-150-g-16530">
          <img alt="Waldstaudenroggen-Knäckebrot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7620/file/small-fb43fccb9c3b144d2ff76fe7ff8e3e53.webp 600w, https://assets.fabulous.ch/public/variant_asset/7620/file/medium-51a17b27342e705bd930549957118ccf.webp 900w, https://assets.fabulous.ch/public/variant_asset/7620/file/large-e232dc6218d9b4fba9b4ce83704db3cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7620/file/medium-51a17b27342e705bd930549957118ccf.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">eigenbrötler Backwerke GmbH</p>
          <a href="/de/products/waldstaudenroggen-knackebrot-bio-150-g-16530">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Waldstaudenroggen-Knäckebrot Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UyuF3xOWoZZO8M7_O23p3RtcHzcU8LcYYn_hA_o-eFJcHQyP1Q-kQLBipNtkVfZNaqCZoE0paJqFhWjgQDELoQ" />
    <input value="16530" 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/kaffee-caffe-irlanda-crema-bohnen-henauer-demeter-250-g-9465">
          <img alt="Kaffee Caffè Irlanda CREMA Bohnen Henauer Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5327/file/small-a425de21dd48f08d003874c5e21fdaac.webp 600w, https://assets.fabulous.ch/public/variant_asset/5327/file/medium-59c171af2731f1477ec65f9c5f79efd3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5327/file/large-49d0fea87b3043f3e64f5f0d33aa10fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5327/file/medium-59c171af2731f1477ec65f9c5f79efd3.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">Henauer Kaffee</p>
          <a href="/de/products/kaffee-caffe-irlanda-crema-bohnen-henauer-demeter-250-g-9465">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffee Caffè Irlanda CREMA Bohnen Henauer Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AfcRV-_6-77zFB-TsO2xNmbW-58s9Hpk6VCk7LCyAywOwZgHKWP-aA2Gdbfv1a6mFyp9CHUtpeYOqi0PCr1w3w" />
    <input value="9465" 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/apero-sticks-salzstangen-bio-200-g-9385">
          <img alt="Apero Sticks Salzstangen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5317/file/small-0f4638b0e5459a5f8469709cda294965.webp 600w, https://assets.fabulous.ch/public/variant_asset/5317/file/medium-22d03dd8bffc462fa4e774a6cc7f4970.webp 900w, https://assets.fabulous.ch/public/variant_asset/5317/file/large-f465092b28279055dc17e683dc799a20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5317/file/medium-22d03dd8bffc462fa4e774a6cc7f4970.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">Mayka</p>
          <a href="/de/products/apero-sticks-salzstangen-bio-200-g-9385">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Apero Sticks Salzstangen Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Hg2wOLesgz3mOwGFi_5ze8LO9ozFIZL4TR-Hfh8o_NgROzlocTWG6xipa6HUxmzrszJwG5z4TXqq5Q6dpSePKw" />
    <input value="9385" 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/kerzen-12-er-packung-stabkerze-2-2-x-21cm-elfenbein-1-stuck-3387">
          <img alt="Kerzen 12-er Packung Stabkerze 2,2 x 21cm Elfenbein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2252/file/small-1c03480fde1c4295c16bf9664a5f64a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2252/file/medium-9e13e5c558ea679da88203ff253492b8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2252/file/large-532ba6c727b963ea5145ff02d76d3963.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2252/file/medium-9e13e5c558ea679da88203ff253492b8.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">eubiona</p>
          <a href="/de/products/kerzen-12-er-packung-stabkerze-2-2-x-21cm-elfenbein-1-stuck-3387">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kerzen 12-er Packung Stabkerze 2,2 x 21cm Elfenbein, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s5lNsjipxZ-VRbwIYKXrtVHoq6XE-FTNBNPwBOt1tf68r8Ti_jDASWvX1iw_nfQlIBQtMp0hi0_jKXnnUXrGDQ" />
    <input value="3387" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/udon-nudeln-bio-300-g-16712">
          <img alt="Udon Nudeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7753/file/small-dbf6fbfc1571216e145ba1a4ef847651.webp 600w, https://assets.fabulous.ch/public/variant_asset/7753/file/medium-e7698a563a4db583935c8f9cc15322c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7753/file/large-e9ef4891901e49876ab0b69b29ea9d56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7753/file/medium-e7698a563a4db583935c8f9cc15322c2.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">Just Taste</p>
          <a href="/de/products/udon-nudeln-bio-300-g-16712">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Udon Nudeln Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U1jYXGb9PVQvpeIuVEXnp_rbnnweep4gjRzKU27tEElcblEMoGQ4gtE3iAoLffg3iycY60ejQaJq5kOw1OJjug" />
    <input value="16712" 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/black-bean-spaghetti-bio-250-g-17164">
          <img alt="Black Bean Spaghetti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7995/file/small-16078e5fd04fc61b26bdaac82cc6c86d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7995/file/medium-8de401327d78331f0f68146595eb7c73.webp 900w, https://assets.fabulous.ch/public/variant_asset/7995/file/large-aa0089f78f35fd5f587e221b878d4f36.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7995/file/medium-8de401327d78331f0f68146595eb7c73.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">Just Taste</p>
          <a href="/de/products/black-bean-spaghetti-bio-250-g-17164">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Black Bean Spaghetti Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kilYnV4PgBVN5UouMVs7G38Bqkt3GJQ37UULlBU9mj6dH9HNmJaFw7N3IApuYySLDv0s3C7BS7UKv4J3rzLpzQ" />
    <input value="17164" 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/kerzen-48er-packung-teelichter-ohne-hulle-weiss-1-stuck-3392">
          <img alt="Kerzen 48er Packung Teelichter ohne Hülle weiss" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2254/file/small-a0ddb33ba5f9541fed82e2cd58f6fc40.webp 600w, https://assets.fabulous.ch/public/variant_asset/2254/file/medium-fa50ee0b7ad8c9c8b5a8e3918227b219.webp 900w, https://assets.fabulous.ch/public/variant_asset/2254/file/large-9bf006ed7349d11932af41bc81d0702a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2254/file/medium-fa50ee0b7ad8c9c8b5a8e3918227b219.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">eubiona</p>
          <a href="/de/products/kerzen-48er-packung-teelichter-ohne-hulle-weiss-1-stuck-3392">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kerzen 48er Packung Teelichter ohne Hülle weiss, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ttzCGC0HiGzJ3PdHJ61wifdKfvPfZu0AZpnVdd43KRm56ktI656NujdOnWN4lW8Zhrb4ZIa_MoKBY1yWZDha6g" />
    <input value="3392" 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/geschirr-maschine-maschinenspulmittel-konzentrat-1-25-kg-3183">
          <img alt="Geschirr Maschine Maschinenspülmittel  Konzentrat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2185/file/small-c2f9d641d51995f83680c88abe564727.webp 600w, https://assets.fabulous.ch/public/variant_asset/2185/file/medium-bf6e8c91118ea348cbc5a344eab8cde7.webp 900w, https://assets.fabulous.ch/public/variant_asset/2185/file/large-49f504a72fa406b9dc87b35a44cdfd6e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2185/file/medium-bf6e8c91118ea348cbc5a344eab8cde7.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">Almawin</p>
          <a href="/de/products/geschirr-maschine-maschinenspulmittel-konzentrat-1-25-kg-3183">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geschirr Maschine Maschinenspülmittel  Konzentrat, 1.25 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7inyAD6ammzc0_Sxq5m8bAIi2uSKpxablYhgXw6t12LhH3tQ-AOfuiJBnpX0oaP8c95cc9N-yRlycum8tKKkkQ" />
    <input value="3183" 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/dattel-rohmasse-bio-500-g-14605">
          <img alt="Dattel Rohmasse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6762/file/small-3fec3f1154516e21e6e962a5a601e911.webp 600w, https://assets.fabulous.ch/public/variant_asset/6762/file/medium-1c211577044db3f0afeb16d14430bc29.webp 900w, https://assets.fabulous.ch/public/variant_asset/6762/file/large-4cd61fbf87819a382176ee02add59f02.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6762/file/medium-1c211577044db3f0afeb16d14430bc29.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">Govinda</p>
          <a href="/de/products/dattel-rohmasse-bio-500-g-14605">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattel Rohmasse Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bt7dnFyFvGsZgwlHtljQbSATqExYoMHsJ26-butW0wRh6FTMmhy5vecRY2PpYM_9Ue8u2wF5Hm7AlDeNUVmg9w" />
    <input value="14605" 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/kichererbsen-im-glas-bio-350-g-5878">
          <img alt="Kichererbsen im Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9009/file/small-1482c2dfe64e3f9e654b33fb7171c70b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9009/file/medium-9a12244b2a03994398be79754e6ac1d1.webp 900w, https://assets.fabulous.ch/public/variant_asset/9009/file/large-975b4491640ffbbc88bbbd6fe12a1a9c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9009/file/medium-9a12244b2a03994398be79754e6ac1d1.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">de Rit</p>
          <a href="/de/products/kichererbsen-im-glas-bio-350-g-5878">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kichererbsen im Glas Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NNdm-VB9hf9M_or-i3u7HWBPt9j2kQF5Uxdxfv5FZhQ74e-pluSAKbJs4NrUQ6SNEbMxT69I3vu07fidREoV5w" />
    <input value="5878" 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/sudsee-tofu-vegane-alternative-zu-hummer-bio-180-g-8622">
          <img alt="Südsee Tofu Vegane Alternative zu Hummer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5020/file/small-b98066084f94d19ad5fe53150a867528.webp 600w, https://assets.fabulous.ch/public/variant_asset/5020/file/medium-a08d30c3003c6836599b5fa626f6ff20.webp 900w, https://assets.fabulous.ch/public/variant_asset/5020/file/large-7f64c6be1f2585523271cce63c02cee9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5020/file/medium-a08d30c3003c6836599b5fa626f6ff20.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/sudsee-tofu-vegane-alternative-zu-hummer-bio-180-g-8622">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Südsee Tofu Vegane Alternative zu Hummer Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </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.94 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yOXS87_WpF6spesjDHaSQagjpgKVNB5tqiW-5FJ0ZE7H01ujeU-hiFI3gQdTTo3R2d8glcztwe9N3zcH6HsXvQ" />
    <input value="8622" 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/kids-multivit-kautabletten-60-stuck-14559">
          <img alt="Kids MultiVit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8790/file/small-42b66efd11dd72fdd9276cea8ebf42ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/8790/file/medium-d8881888b203624e99e15dac7eea6c2f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8790/file/large-0930836ecbf4e46b1ca83c7e938fa5b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8790/file/medium-d8881888b203624e99e15dac7eea6c2f.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">Vegetology</p>
          <a href="/de/products/kids-multivit-kautabletten-60-stuck-14559">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kids MultiVit, 60 Kautabletten</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LXlgJfO-E3qn1F0dPrTthzP1BBBPJF4SGEWcU8ezuiAiT-l1NScWrFlGNzlhjPIXQgmChxb9gZD_vxWwfbzJ0w" />
    <input value="14559" 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/omega-3-vegane-omega-3-kapseln-60-stuck-964">
          <img alt="Omega-3 Veganes Omega 3 Supplement" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8789/file/small-b1b6fb3b1df1a4eafc2ccc7464a17fe6.webp 600w, https://assets.fabulous.ch/public/variant_asset/8789/file/medium-922cdea52d47681f05988e2f735ec455.webp 900w, https://assets.fabulous.ch/public/variant_asset/8789/file/large-4476970ed17b1e0648204d27c7032efa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8789/file/medium-922cdea52d47681f05988e2f735ec455.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">Vegetology</p>
          <a href="/de/products/omega-3-vegane-omega-3-kapseln-60-stuck-964">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Omega-3 Veganes Omega 3 Supplement, 60 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-iDHA-7XhUIgZjlYWQgCwrGEmE1VfEdavGhf4spQ-N_1Fk5TKE6AlN70U3wGMB1SwHge2gylmNhbktYBcF-LLA" />
    <input value="964" 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/vitamin-d3-tabletten-2500iu-kapseln-60-stuck-962">
          <img alt="Vitamin D3 Tabletten 2500IU" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8809/file/small-447deccb3a2dd7ff13f5d9d14c2aaee8.webp 600w, https://assets.fabulous.ch/public/variant_asset/8809/file/medium-673eca348dc717cccc2672ff63cafa22.webp 900w, https://assets.fabulous.ch/public/variant_asset/8809/file/large-cdaca0a3ef60ae4f5736db2c13807b0d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8809/file/medium-673eca348dc717cccc2672ff63cafa22.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">Vegetology</p>
          <a href="/de/products/vitamin-d3-tabletten-2500iu-kapseln-60-stuck-962">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin D3 Tabletten 2500IU, 60 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gRnjgf9eL4ZdVwNNi3FAXTjS9XwWdEajos8dRo0fFtOOL2rROccqUKPFaWnUSV_NSS5z60-tmSFFNZSlNxBlIA" />
    <input value="962" 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/soyana-swiss-cereal-hafer-drink-barista-bio-1-l-9288">
          <img alt="Soyana Swiss Cereal Hafer-Drink Barista Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5281/file/small-65a79b19c8145d2bde3a0cc53ab46e2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5281/file/medium-7ed187dbc9d0981ba124208191b4e6ff.webp 900w, https://assets.fabulous.ch/public/variant_asset/5281/file/large-e9aeb39bfa1652fd3c283ea23744d2c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5281/file/medium-7ed187dbc9d0981ba124208191b4e6ff.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">Soyana</p>
          <a href="/de/products/soyana-swiss-cereal-hafer-drink-barista-bio-1-l-9288">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soyana Swiss Cereal Hafer-Drink Barista Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KMs-Ys8lla3pYWi60nhDcS6OrvYcq08aul9e7YCoChwn_bcyCbyQexfzAp6NQFzhX3IoYUVykJhdpdcOOqd57w" />
    <input value="9288" 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/haferdrinkpulver-mit-b12-bio-775-g-775-g-15847">
          <img alt="Haferdrinkpulver mit B12 Bio, 775 g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7232/file/small-a8502a8bc7ea625f308c7fc8dc702507.webp 600w, https://assets.fabulous.ch/public/variant_asset/7232/file/medium-720af05f5531ae9c3cd5b5d456228d33.webp 900w, https://assets.fabulous.ch/public/variant_asset/7232/file/large-515c853e8b30263c2c0a8d5790337a86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7232/file/medium-720af05f5531ae9c3cd5b5d456228d33.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/haferdrinkpulver-mit-b12-bio-775-g-775-g-15847">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haferdrinkpulver mit B12 Bio, 775 g, 775 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8c9VwyhUbpPVF48lBQiItvg3yzKii7u-c9Ue0IOexVD--dyT7s1rRSuF5QFaMJcmictNpftSZDyUL5czOZG2ow" />
    <input value="15847" 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/xanthan-glutenfrei-60-g-3395">
          <img alt="Xanthan glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2256/file/small-78ee1d3361cc085c61826892de4e6f42.webp 600w, https://assets.fabulous.ch/public/variant_asset/2256/file/medium-289a5bf789e673eb4ca041d1772c63cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/2256/file/large-d850690da0e3d39df1217e35cdaef316.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2256/file/medium-289a5bf789e673eb4ca041d1772c63cc.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">Natur Compagnie</p>
          <a href="/de/products/xanthan-glutenfrei-60-g-3395">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xanthan glutenfrei, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6HLX60IrbrAnYGJNoegguw59dOPxm4gQi-zwWjF94_3nRF67hLJrZtnyCGn-0D8rf4HydKhCV5JsFnm5i3KQDg" />
    <input value="3395" 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/baumnuss-lackerli-s-bio-75-g-16771">
          <img alt="Baumnuss-Läckerli S Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7787/file/small-696fcf73a23b6b502096ed158faa5867.webp 600w, https://assets.fabulous.ch/public/variant_asset/7787/file/medium-20924e283aab0c4812d2aebce721e4e1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7787/file/large-5b596dcfbae5b50325a22d1eaca348d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7787/file/medium-20924e283aab0c4812d2aebce721e4e1.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/baumnuss-lackerli-s-bio-75-g-16771">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baumnuss-Läckerli S Bio, 75 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 7.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dedne3M2E_4GmzMnClSMuh2BALdcWGwQocmy8myR5b960e4rta8WKPgJWQNVbJMqbH2GIAWBs5JGMzsR1p6WTA" />
    <input value="16771" 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/amaretti-vegan-bio-32-g-9198">
          <img alt="Amaretti Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5226/file/small-6fbe5511ea7c29c2b138999364675d98.webp 600w, https://assets.fabulous.ch/public/variant_asset/5226/file/medium-6d298feadcd7616e9a84380a35cdaf03.webp 900w, https://assets.fabulous.ch/public/variant_asset/5226/file/large-b00676c8b6d52ad15e21cd8005661b91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5226/file/medium-6d298feadcd7616e9a84380a35cdaf03.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/amaretti-vegan-bio-32-g-9198">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Amaretti Vegan Bio, 2 x 32 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SdNMVGgF8p4pyWQXLU1VJh2zQSomn5ZGnUwEu8k-gfxG5cUErpz3SNdbDjNydUq2bE_HvX9GScR6to1YczHyDw" />
    <input value="9198" 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/maisgriess-mittel-polenta-glutenfrei-grossgebinde-biosuisse-5-kg-9235">
          <img alt="Maisgriess mittel (Polenta) Glutenfrei Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5263/file/small-f3f3e72112f907081ec2fa4e17ef8567.webp 600w, https://assets.fabulous.ch/public/variant_asset/5263/file/medium-79cdbe9715ce87e14b15815ee4d1b0a1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5263/file/large-f32a2efbc8f4ed466c821f6bc045350d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5263/file/medium-79cdbe9715ce87e14b15815ee4d1b0a1.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/maisgriess-mittel-polenta-glutenfrei-grossgebinde-biosuisse-5-kg-9235">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Maisgriess mittel (Polenta) Glutenfrei Grossgebinde BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.00
            </p>

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

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

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

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;140 von 3&#39;202 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/spa-vivent?format=turbo_stream&amp;page=58">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>