<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/dattel-schoko-zitrone-tafel-57-bio-85-g-15623">
          <img alt="Dattel Schoko Zitrone Tafel 57% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7129/file/small-6a079f81decad30c3c243a3c835aabfe.webp 600w, https://assets.fabulous.ch/public/variant_asset/7129/file/medium-0573f63785970cfc669dd4a9eaa76327.webp 900w, https://assets.fabulous.ch/public/variant_asset/7129/file/large-d445c79ac2da8592bde3f243f83f73bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7129/file/medium-0573f63785970cfc669dd4a9eaa76327.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">MAKRi</p>
          <a href="/de/products/dattel-schoko-zitrone-tafel-57-bio-85-g-15623">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattel Schoko Zitrone Tafel 57% Bio, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xXk-faTFxLOflMNbUj2o5wRSNd3SoZvuffq-jtbmHD2HBd9Ip7hnEII4CxNXNniVQOzoc6x30vy1y3hdW1rfiA" />
    <input value="15623" 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/seitan-fix-fertigmischung-bio-200-g-14242">
          <img alt="Seitan-Fix Fertigmischung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6659/file/small-6cad1c989cc81704da1fb5dd8cc7f28c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6659/file/medium-d4cd6060ce575a123f2af1925fefa36d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6659/file/large-08d137a1b1b8d504bdaffdf7ebffec26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6659/file/medium-d4cd6060ce575a123f2af1925fefa36d.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-fix-fertigmischung-bio-200-g-14242">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seitan-Fix Fertigmischung Bio, 200 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 3.30 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6MKyqsfRw6pE8eDbHMLBRZ690b9OSPg6iJI6hX2RGGiqvlOfxKxgCVldKJMZyRE32gMMETCesShAo_xW8C3b3Q" />
    <input value="14242" 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/protein-pudding-chocolate-tiramisu-bio-120-g-15070">
          <img alt="Protein Pudding Chocolate Tiramisu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6904/file/small-97dafbece04489bce6598d1b4be602bf.webp 600w, https://assets.fabulous.ch/public/variant_asset/6904/file/medium-cffbaf6ca8baf93603171612ccd0745c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6904/file/large-99a7d40db3ddf7f070118c983b21c509.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6904/file/medium-cffbaf6ca8baf93603171612ccd0745c.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">Harvest Moon</p>
          <a href="/de/products/protein-pudding-chocolate-tiramisu-bio-120-g-15070">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Pudding Chocolate Tiramisu Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SAvcQ-B6R988osfwrXLr7gNohVSUc0r4brNroBmo-DcKdz124wfkfCEOD7ioeTucR9ZY-uqlA-qmgq1zlBQ7gg" />
    <input value="15070" 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/hummus-jalapeno-bio-170-g-5895">
          <img alt="Hummus Jalapeno Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3382/file/small-d198c7f6bd76254da7565df2c23d0eb9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3382/file/medium-31cd3a7259f321cd390c88f2b705f68e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3382/file/large-0d183a8b9e15bb303fb2de5092457670.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3382/file/medium-31cd3a7259f321cd390c88f2b705f68e.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">Florentin</p>
          <a href="/de/products/hummus-jalapeno-bio-170-g-5895">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hummus Jalapeno Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r6nbE0Wi8hzCNDqKop9hZ4ZvsgzKopZ_hJABI2ewdInt1TomRt9Rv9-Y8sKnlLEVwtFvorR0321Mocfw6gy3PA" />
    <input value="5895" 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/lupinen-wurst-zum-dahinschmelzen-bio-200-g-17141">
          <img alt="Lupinen Wurst zum Dahinschmelzen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7990/file/small-aa0d7793aa488eb9309a0384bd621d13.webp 600w, https://assets.fabulous.ch/public/variant_asset/7990/file/medium-c0bca9f088a704569662f140b24f10b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7990/file/large-acdd5cf71080ce569dc3e6790116844d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7990/file/medium-c0bca9f088a704569662f140b24f10b2.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">Alberts</p>
          <a href="/de/products/lupinen-wurst-zum-dahinschmelzen-bio-200-g-17141">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lupinen Wurst zum Dahinschmelzen Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xWdUugeugdGaEgJH4oY12F545aD-27tC42AbSuW3P-2HG7WPBNMicoe-yg_njeWqGsY4DoAN8lArUd2ZaAv8WA" />
    <input value="17141" 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/soyana-swiss-cereal-hafer-drink-bio-1-l-6036">
          <img alt="Soyana Swiss Cereal Hafer-Drink Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3470/file/small-a064a525baa7d1fe50be2fcd40fcfdbe.webp 600w, https://assets.fabulous.ch/public/variant_asset/3470/file/medium-c556ac2f6514784ff5ecc0bad72e561f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3470/file/large-89ecfbb344a4e15b05dd2aa8d0e2acc3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3470/file/medium-c556ac2f6514784ff5ecc0bad72e561f.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-bio-1-l-6036">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soyana Swiss Cereal Hafer-Drink Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3HmDDdZuz3ORk50K_9FtXCP11x72YWqyzZ2iTefqAVieBWI41RNs0Iw_VUL62r0uZ0sKsIi3I6AFrGSealbC7Q" />
    <input value="6036" 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/sauerkirsch-muttersaft-bio-200-ml-16514">
          <img alt="Sauerkirsch Muttersaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7611/file/small-00d967a135718dd8ebd7afaef692a2f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7611/file/medium-3a5deeac2d077fadf5a92cabe85d1776.webp 900w, https://assets.fabulous.ch/public/variant_asset/7611/file/large-cafdf3a37dee57d140bfd3b8b3b88afc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7611/file/medium-3a5deeac2d077fadf5a92cabe85d1776.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">Beutelsbacher</p>
          <a href="/de/products/sauerkirsch-muttersaft-bio-200-ml-16514">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauerkirsch Muttersaft Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DNw78hwUH-LD7CYZzgl9cp4wV7wHtn0y_CH7pB0Bgt9OoNrHH2m8Qd5A7lHLAq0A2o6KEnlgNCA0ED13kL1Bag" />
    <input value="16514" 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/zucker-rohrohr-zucker-syramena-demeter-1-kg-1022">
          <img alt="Zucker Rohrohr-Zucker Syramena Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/895/file/small-4f68654387630ef8592ca8f834f76e68.webp 600w, https://assets.fabulous.ch/public/variant_asset/895/file/medium-e3827febde9eaffa478d1b660c007a25.webp 900w, https://assets.fabulous.ch/public/variant_asset/895/file/large-1970810cf2db7687011a988466f3f009.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/895/file/medium-e3827febde9eaffa478d1b660c007a25.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">Ekkharthof</p>
          <a href="/de/products/zucker-rohrohr-zucker-syramena-demeter-1-kg-1022">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zucker Rohrohr-Zucker Syramena Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_Zs1o1zDVRFRXggoWdlyuFcD0hxhiG3O3WO_fz6qy0O_59SWX772skzywGBc0qLKE70Psh9eJNwVUnmssxYI9g" />
    <input value="1022" 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/farfalla-high-protection-e-sun-cream-spf-50-80-ml-15869">
          <img alt="Farfalla High Protection E+ Sun Cream SPF 50" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7269/file/small-2b751b2a25d0e0e05c3f3c7d1747861e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7269/file/medium-2ea70a760038ed7a4b687f2300dd1ca0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7269/file/large-4b1eea59411295c449295b3951b3b80c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7269/file/medium-2ea70a760038ed7a4b687f2300dd1ca0.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">farfalla</p>
          <a href="/de/products/farfalla-high-protection-e-sun-cream-spf-50-80-ml-15869">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farfalla High Protection E+ Sun Cream SPF 50, 80 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fBNuvHi7yf61PuyrcqVZoo00gs-MY6UUcEa6b4YHgdY-b4-Je8ZqXaiSJON3ronQyYpfYfK17Aa4d3y8C7tCYw" />
    <input value="15869" 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/erbsen-gelbe-erbsen-bio-500-g-10342">
          <img alt="Erbsen Gelbe Erbsen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5557/file/small-199050d73921049f726a2adea9bcb6d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5557/file/medium-d7a37e31a153f83f4395be52dc0e6a3f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5557/file/large-015cc647c89a9de31033536bfd5200da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5557/file/medium-d7a37e31a153f83f4395be52dc0e6a3f.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/erbsen-gelbe-erbsen-bio-500-g-10342">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Erbsen Gelbe Erbsen Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fIKKlVnE6UsntgYZVtwHV0zSaJVM_rbVCkcgmVuG2fk-_mugWrlK6DoazlFT19clCGy1OzIo_8fCduZK1joaTA" />
    <input value="10342" 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/kichererbsen-waffeln-mit-zartbitterschokolade-bio-65-g-12010">
          <img alt="Kichererbsen-Waffeln mit Zartbitterschokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6104/file/small-84c1f0aaf249c7a39d8932b390e9a1ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/6104/file/medium-e56e9b9876ac9a750082c1b5e9176dea.webp 900w, https://assets.fabulous.ch/public/variant_asset/6104/file/large-55b4daf3ee753210c6718a2010d39c94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6104/file/medium-e56e9b9876ac9a750082c1b5e9176dea.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">Byodo</p>
          <a href="/de/products/kichererbsen-waffeln-mit-zartbitterschokolade-bio-65-g-12010">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kichererbsen-Waffeln mit Zartbitterschokolade Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </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-12010-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cyGVtRHiBKFY781Oxgmoyw0pXa7gKlLplq5Ir_g80E8xXXSAEp-nAkVDBQbDAni5SZeAAJ78G_ten458dYAT-g" />
    <input value="12010" 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/wilde-bergpistazien-nature-mit-haut-bio-500-g-17534">
          <img alt="Wilde Bergpistazien Nature mit Haut Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8178/file/small-d117feb953d269c068ca7e3ddd10aaa2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8178/file/medium-a5cd01fdb8a625df2bd0f8a6a2ea8fab.webp 900w, https://assets.fabulous.ch/public/variant_asset/8178/file/large-da77a3e15645c48a4eaa5ab9ddcf1c90.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8178/file/medium-a5cd01fdb8a625df2bd0f8a6a2ea8fab.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">Pakka</p>
          <a href="/de/products/wilde-bergpistazien-nature-mit-haut-bio-500-g-17534">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wilde Bergpistazien Nature mit Haut Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 38.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uySudIXuTtbDrdugZOlipFL-w6a-uOek-2YOmBKqsM35WE9BhpPtdd4BE-hh4rLWFkAeCMBurrYzV8hLnxZzeA" />
    <input value="17534" 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/joghurtferment-my-yo-kefir-lacto-pro-bio-3-beutel-5-g-2951">
          <img alt="Joghurtferment My.Yo Kefir  LACTO PRO Bio (3 Beutel)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2089/file/small-57b9fb6becd634fb108a2480cf9e1dd8.webp 600w, https://assets.fabulous.ch/public/variant_asset/2089/file/medium-7348348f5ed7fa5f024b869f65feb6a3.webp 900w, https://assets.fabulous.ch/public/variant_asset/2089/file/large-9049a079a18d439c109ba61161cdefdb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2089/file/medium-7348348f5ed7fa5f024b869f65feb6a3.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">my.yo</p>
          <a href="/de/products/joghurtferment-my-yo-kefir-lacto-pro-bio-3-beutel-5-g-2951">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Joghurtferment My.Yo Kefir  LACTO PRO Bio (3 Beutel), 3 x 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4u8cggFlrO9-Xq65krqZb5HdKJ0N7gswVAnvDxJ5YiGgk_23AhgPTGPyZvGXsUkd1WP1M3M4QiKcOCncn8WhlA" />
    <input value="2951" 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/tortilla-chips-sea-salt-bio-150-g-11128">
          <img alt="Tortilla Chips Sea Salt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5696/file/small-3e4f90c76a0e9a4c6376ec5f898e81cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/5696/file/medium-4a2f50ab02a7dd8dcc384c1c83b723f5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5696/file/large-bb96f46a266cd52e6e28f2f2ba9eb7fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5696/file/medium-4a2f50ab02a7dd8dcc384c1c83b723f5.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">MiAdelita</p>
          <a href="/de/products/tortilla-chips-sea-salt-bio-150-g-11128">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tortilla Chips Sea Salt Bio, 150 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 3.20 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M-o9Ya1ZhWCtXrXBNPcf2W_hA5oZO0Stdwx9GXIaccdxltxUriQmw7DyfYkx_M-rK1_eNGftDb-_PbvK_6aycg" />
    <input value="11128" 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-drink-indian-chai-bio-500-ml-11326">
          <img alt="Soja Drink Indian Chai Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5805/file/small-51dc9f93e3f9f10102ca620fa7ac26f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/5805/file/medium-b9e431bb80b9b1b30012dae53aac3182.webp 900w, https://assets.fabulous.ch/public/variant_asset/5805/file/large-c2d78e741fc3995b7794408c0e0c2670.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5805/file/medium-b9e431bb80b9b1b30012dae53aac3182.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/soja-drink-indian-chai-bio-500-ml-11326">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Drink Indian Chai Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C2nCfeTDb3MmUOBOF0z0ZmHma94V69MNrVFWDGYCjv5JFSNI577M0Dv8KAYSRyQUJVi2cGs9mh9lYJDf675NSw" />
    <input value="11326" 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-konv-200-g-137">
          <img alt="Melasse Hefeflocken konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/151/file/small-4c39b9ccfdbc1fd0234303293853a504.webp 600w, https://assets.fabulous.ch/public/variant_asset/151/file/medium-fa560b668ee15845c362ea8eb2c45a65.webp 900w, https://assets.fabulous.ch/public/variant_asset/151/file/large-933d24d0cf8ca40ae88e576efb79bc4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/151/file/medium-fa560b668ee15845c362ea8eb2c45a65.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-konv-200-g-137">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Melasse Hefeflocken konv, 200 g</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 3.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xzw9AXXiUSSADNxh_ERUzpapXK7b-LIWrHQVu29_dDCFQNw0dp_yh52gFCn5T4S80heBAKUu-wRkRdNo4sO3hQ" />
    <input value="137" 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/gelber-mango-multi-100-direktsaft-demeter-750-ml-15977">
          <img alt="Gelber Mango Multi 100% Direktsaft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7377/file/small-bde6f571ec08056152aed8b1977deee8.webp 600w, https://assets.fabulous.ch/public/variant_asset/7377/file/medium-fb7ada891cded434110f985fdfea79a4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7377/file/large-0a57ad8da764f5ede5a4141d6ab7e984.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7377/file/medium-fb7ada891cded434110f985fdfea79a4.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">Voelkel</p>
          <a href="/de/products/gelber-mango-multi-100-direktsaft-demeter-750-ml-15977">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gelber Mango Multi 100% Direktsaft Demeter, 750 ml</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 0.71 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cTEJUzpvY8wL9o2K3t9BlPTkyaV0s_dbeDvu_ud1YoYzTehmORLAbxZaRcLb1JHmsFoUCwplvkmwCigtasmhMw" />
    <input value="15977" 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/pasta-lazzaretti-grune-erbsen-teigwaren-bio-250-g-1800">
          <img alt="Pasta Lazzaretti Grüne Erbsen Teigwaren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1407/file/small-fa3c478c01b5b9c45277c9f6b2f76380.webp 600w, https://assets.fabulous.ch/public/variant_asset/1407/file/medium-d7fc49de677cddd97c6954693d460931.webp 900w, https://assets.fabulous.ch/public/variant_asset/1407/file/large-74541808ab142d37f3f8e57f96eaecdb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1407/file/medium-d7fc49de677cddd97c6954693d460931.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">Lazzaretti</p>
          <a href="/de/products/pasta-lazzaretti-grune-erbsen-teigwaren-bio-250-g-1800">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Lazzaretti Grüne Erbsen Teigwaren Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3swvA315-BxLP_A2vUgqwvtwUiFk5Guq6ggJOobWNHmcsM42fgRbv1aTOH64Q_qwv86PjxoyIrgiOc_pC2r3zA" />
    <input value="1800" 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/life-crackers-sauerkraut-glutenfrei-raw-bio-90-g-16206">
          <img alt="Life Crackers Sauerkraut Glutenfrei RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8818/file/small-bdcadfc48b812ab2ed9455d38026a617.webp 600w, https://assets.fabulous.ch/public/variant_asset/8818/file/medium-1c18a6d1c5fcdb96bcd7ebd1a561b3e3.webp 900w, https://assets.fabulous.ch/public/variant_asset/8818/file/large-aa35568bcae3bf4765c23278f0e9235b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8818/file/medium-1c18a6d1c5fcdb96bcd7ebd1a561b3e3.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">Lifefood</p>
          <a href="/de/products/life-crackers-sauerkraut-glutenfrei-raw-bio-90-g-16206">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Life Crackers Sauerkraut Glutenfrei RAW Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z5k8z-G1dinKEFAAXRso1si5qMaa6JgrAN8x4ushGPEl5d364sjVite8mEhYEPikjAd1aOQ-0TnI7vcxZp3bRA" />
    <input value="16206" 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/le-pain-des-fleurs-blumenbrot-erdmandel-bio-150-g-3238">
          <img alt="Le pain des fleurs Blumenbrot Erdmandel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2199/file/small-68b9f7de70ac2051a6f936a38e8bb7c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2199/file/medium-8f750cd0be0fa6a843aa592ce040c56c.webp 900w, https://assets.fabulous.ch/public/variant_asset/2199/file/large-d7101ef965d0f12c70e3964c30bcb846.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2199/file/medium-8f750cd0be0fa6a843aa592ce040c56c.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">Le Pain des Fleurs</p>
          <a href="/de/products/le-pain-des-fleurs-blumenbrot-erdmandel-bio-150-g-3238">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Le pain des fleurs Blumenbrot Erdmandel Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

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

</template></turbo-stream>