<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/joghurtalternative-kokos-nature-bio-150-g-16613">
          <img alt="Joghurtalternative Kokos Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7668/file/small-a65be204a8d92794f1e8d1344c2fc4d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7668/file/medium-d51f74daa5631c8043f5cffbe461c924.webp 900w, https://assets.fabulous.ch/public/variant_asset/7668/file/large-b6158bd54db32831cfd4c7776a56cfb7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7668/file/medium-d51f74daa5631c8043f5cffbe461c924.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">Biedermann Bio Vegan</p>
          <a href="/de/products/joghurtalternative-kokos-nature-bio-150-g-16613">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Joghurtalternative Kokos Nature Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </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 1.30 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hJbW0d7DxBnH9fkdRVO3GgXtIxFJYoO4duLQCicR96nGmSBVsfEa4fxheoj_AgvzQ-CoRLb5RSoUiJAF5WvlGg" />
    <input value="16613" type="hidden" name="variant_id" id="variant_id" />
    <input value="3" 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/kokosmilch-mit-joghurt-kulturen-natur-bio-125-g-1531">
          <img alt="Kokosmilch mit Joghurt Kulturen Natur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1239/file/small-3eed17ccad2513428f3ffea57a457252.webp 600w, https://assets.fabulous.ch/public/variant_asset/1239/file/medium-f17bc71872fedc5fecfdd3ed0f0eb458.webp 900w, https://assets.fabulous.ch/public/variant_asset/1239/file/large-a63165455761ef815c12f838758296fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1239/file/medium-f17bc71872fedc5fecfdd3ed0f0eb458.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/kokosmilch-mit-joghurt-kulturen-natur-bio-125-g-1531">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosmilch mit Joghurt Kulturen Natur Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </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.72 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vcugAyrmC7hEhGJuIj8fOC06K2zankmb_GRJ6qPnbuf_xFaHRdTVQH8Q4fuYbqPRazegOSUFjwmeDgnlYZ18VA" />
    <input value="1531" 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/tofu-feto-natur-fermentiert-bio-200-g-2977">
          <img alt="Tofu FETO Natur Fermentiert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2117/file/small-fb226ff45964ace888baa4d1ac4cd181.webp 600w, https://assets.fabulous.ch/public/variant_asset/2117/file/medium-230fa2a08c90425ff2b52cd425ab1afd.webp 900w, https://assets.fabulous.ch/public/variant_asset/2117/file/large-cbd292b8ebf81ce9361d4538ea11e147.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2117/file/medium-230fa2a08c90425ff2b52cd425ab1afd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Taifun</p>
          <a href="/de/products/tofu-feto-natur-fermentiert-bio-200-g-2977">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu FETO Natur Fermentiert Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </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.30 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1iTVo5Tc5lunAvJ1PcgM7zhKwVE94xcmEkh8dnAWxBuUKyMn--44o5yWceCHmbAGfkdKBMJ40bRwIjx5smzWqA" />
    <input value="2977" 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/lupi-paprika-pfeffer-bio-170-g-15407">
          <img alt="LUPI - Paprika &amp; Pfeffer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7044/file/small-371e708c4b45aca4d3be99c1f35a0cca.webp 600w, https://assets.fabulous.ch/public/variant_asset/7044/file/medium-46e38c32f05646c02485e61826b3533d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7044/file/large-3120b794df39014f6e650f5bfd7af8e3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7044/file/medium-46e38c32f05646c02485e61826b3533d.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">Yellow Sunshine</p>
          <a href="/de/products/lupi-paprika-pfeffer-bio-170-g-15407">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LUPI - Paprika &amp; Pfeffer Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uao7w-S36iIDNw-2TLE0FW0ND9WqcJcE0KNB5R3o0jn7pc1Hi4U02jijjCP24Ij8KwCEgFXrUZayyQHq35LAig" />
    <input value="15407" 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/lupi-krauter-knoblauch-bio-170-g-15406">
          <img alt="LUPI - Kräuter &amp; Knoblauch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7041/file/small-545500dd2be89c7212a935fd0e47665c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7041/file/medium-a138407a8e432a8d79e20510c36cf398.webp 900w, https://assets.fabulous.ch/public/variant_asset/7041/file/large-9d8fc9097a29dd415df7784550db6ac7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7041/file/medium-a138407a8e432a8d79e20510c36cf398.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">Yellow Sunshine</p>
          <a href="/de/products/lupi-krauter-knoblauch-bio-170-g-15406">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LUPI - Kräuter &amp; Knoblauch Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VxAXyksGmHex41qBLaSvcukpZgoKykbf0R3Cby0bxEMVH-FOJDRGj4p32RSX9RObryTtX_VRgE2zd4Jg72HW8A" />
    <input value="15406" 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/lupi-nature-bio-146-g-15405">
          <img alt="LUPI - Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7040/file/small-55d09f6b66a55d7c700d37775be5ae4b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7040/file/medium-4f965821f703970e3e1ed2703af5df88.webp 900w, https://assets.fabulous.ch/public/variant_asset/7040/file/large-fab4c1ae454676fe40e5d0ea97f85ba1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7040/file/medium-4f965821f703970e3e1ed2703af5df88.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">Yellow Sunshine</p>
          <a href="/de/products/lupi-nature-bio-146-g-15405">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LUPI - Nature Bio, 146 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dOU_P1mIXgYyiOy4kAaQhBfTP6SpHVzOmOtQXJcdk-w26sm7NrqA_gkcby0qVyxtUd608VaGmlz6gRBTVWeBXw" />
    <input value="15405" 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/baumnusse-walnuss-bruch-grob-grossgebinde-bio-5-kg-1c015954-5069-4c1d-89d8-c5068f6c720f-9262">
          <img alt="Baumnüsse (Walnuss) Bruch grob Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5268/file/small-b896bb01a0144b7df1b91bbf89202d6a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5268/file/medium-8954c0d7c0c5d963f0c1a7130eec4cf3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5268/file/large-5d2f7145f2ccb90b54467e7578ecc7d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5268/file/medium-8954c0d7c0c5d963f0c1a7130eec4cf3.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">Bio Grosshandel</p>
          <a href="/de/products/baumnusse-walnuss-bruch-grob-grossgebinde-bio-5-kg-1c015954-5069-4c1d-89d8-c5068f6c720f-9262">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baumnüsse (Walnuss) Bruch grob Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 94.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Fq2dMDgio2bcfWMaX_a-QcICI6kHVaSHGmkaIDTFlVxUomu0VxB9nufp4I_lpwKohA-o_PjOYhV4A1ov9r-H7w" />
    <input value="9262" 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/rostbraterle-mit-majoran-bio-160-g-13732">
          <img alt="Rostbräterle mit Majoran Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6580/file/small-8fe04514f2774d443d8878b4d5706fd1.webp 600w, https://assets.fabulous.ch/public/variant_asset/6580/file/medium-9a6a7fcab6f17bc456263542bdf97242.webp 900w, https://assets.fabulous.ch/public/variant_asset/6580/file/large-28414bedf48a6cbfae3b901050bc2282.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6580/file/medium-9a6a7fcab6f17bc456263542bdf97242.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Taifun</p>
          <a href="/de/products/rostbraterle-mit-majoran-bio-160-g-13732">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rostbräterle mit Majoran Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0CxZgUMcIF7b4PnNzAY7bskBJacDZYX6Q7L5-usWOWaSI68FLC7-puB0elh2V4eHjwyu8vz-Q2gh2Ln1KWwr1Q" />
    <input value="13732" 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/tortilla-chips-chili-bio-150-g-16258">
          <img alt="Tortilla Chips Chili Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7488/file/small-40bea0e9520d2ee0b9738fc51d704a6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7488/file/medium-0c066bd3df4153b0ac340a482c9cc088.webp 900w, https://assets.fabulous.ch/public/variant_asset/7488/file/large-69207ab123bb4ee1b2565c131d55d7f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7488/file/medium-0c066bd3df4153b0ac340a482c9cc088.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-chili-bio-150-g-16258">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tortilla Chips Chili Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GKe0i5rGSOUs3o2avQBNHHgxU2_wSFlnjqvyKNstnzpaqEIP9fSWHRdKDg8HUfH1PjzYOg_Tn_XswbInGVeNiQ" />
    <input value="16258" 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/chocolate-cornflakes-dark-glutenfrei-bio-250-g-11168">
          <img alt="Chocolate Cornflakes Dark glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5718/file/small-508f86ed35bc5dbb5d728b981124be7d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5718/file/medium-15a9e79a9c999d314395427dfadd371d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5718/file/large-e243509ae2f54c826aaf8f828cdf23b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5718/file/medium-15a9e79a9c999d314395427dfadd371d.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">turtle Better Breakfast</p>
          <a href="/de/products/chocolate-cornflakes-dark-glutenfrei-bio-250-g-11168">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chocolate Cornflakes Dark glutenfrei Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s7djvqwY06HUGOtJKMOvv_YJ3rYZNMN9NHcBFtctfy3xuJU6wyoNWe-MaNySkhNWsARV4-avBe9WHUEZFVdtng" />
    <input value="11168" 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/kartoffelmehl-starke-glutenfrei-bio-250-g-514">
          <img alt="Kartoffelmehl (Stärke) glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/462/file/small-5255c4f3dccc38e3d0a5e183b09670cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/462/file/medium-67ef7427c9006c1928d1dcb71ce8b5ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/462/file/large-a3a4354e26ac508c474be31956d2de13.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/462/file/medium-67ef7427c9006c1928d1dcb71ce8b5ab.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">Bauckhof</p>
          <a href="/de/products/kartoffelmehl-starke-glutenfrei-bio-250-g-514">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kartoffelmehl (Stärke) glutenfrei Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eq4y6ZdafAGhqxhiBH0UcVZde_zFF-LPVMZsZYafmTk4ocRt-Gii-Zo_m_e-LKiYEFDwqTqMJF02rCxqROWLig" />
    <input value="514" 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/salz-meersalz-mit-jodhaltigen-bio-algen-500-g-467">
          <img alt="Salz Meersalz mit jodhaltigen Bio-Algen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/421/file/small-f7e89c262de996c8ac04b77d0cc7d5c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/421/file/medium-35ca6d259e07653bb45f94143636a4c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/421/file/large-b0c06a7376767a1f6aab7c057834bd6d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/421/file/medium-35ca6d259e07653bb45f94143636a4c1.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/salz-meersalz-mit-jodhaltigen-bio-algen-500-g-467">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salz Meersalz mit jodhaltigen Bio-Algen, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FjxLFVni0Hm__5plrag_mHTFxAXhlDP3MR627dSJYdtUM72RNtAOgYRrGfAX-YNxMshPUB4P9WVTdPbiFvNzaA" />
    <input value="467" 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/mehl-maismehl-glutenfrei-demeter-500-g-15924">
          <img alt="Mehl Maismehl glutenfrei Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7320/file/small-650864016fe7c1eed5ab11811a368a0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7320/file/medium-90bf929793452d9a0d1586bf8773b845.webp 900w, https://assets.fabulous.ch/public/variant_asset/7320/file/large-5f1be404711836e9c66f49e167ea39f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7320/file/medium-90bf929793452d9a0d1586bf8773b845.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">Bauckhof</p>
          <a href="/de/products/mehl-maismehl-glutenfrei-demeter-500-g-15924">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Maismehl glutenfrei Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MYMQpIUGBr8-fow4NBj_VbMxEQ55LKg8nvc6JOXKB_5zjOYg6jTYRwXqD62OSUO89TyaW4a3bq78nXorJ7AVTQ" />
    <input value="15924" 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/aufstrich-dipp-gegrillte-paprika-cashew-bio-135-g-10940">
          <img alt="Aufstrich / Dipp Gegrillte Paprika Cashew Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5657/file/small-a631a504eb3de33c5f4390508f9105a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/5657/file/medium-ac2f1b7ce6b07ff5372e551ea42f4104.webp 900w, https://assets.fabulous.ch/public/variant_asset/5657/file/large-00d270e09017f4911fe0adc9f2597677.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5657/file/medium-ac2f1b7ce6b07ff5372e551ea42f4104.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">Nabio</p>
          <a href="/de/products/aufstrich-dipp-gegrillte-paprika-cashew-bio-135-g-10940">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Aufstrich / Dipp Gegrillte Paprika Cashew Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kAdLV7ivQkwkeAAvMG79U_js7Ci8UVXzvUXuXT2XM0XSCL3T152ctB_sg7qKP0G6vuFnfUPKk2HfL65S_-0h9g" />
    <input value="10940" 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/flocken-dinkel-vollkorn-zartblatt-demeter-425-g-9547">
          <img alt="Flocken Dinkel Vollkorn Zartblatt Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5362/file/small-d376916ee171bed9e382c09230da0d02.webp 600w, https://assets.fabulous.ch/public/variant_asset/5362/file/medium-f2142de0f59ece867957a992337d7159.webp 900w, https://assets.fabulous.ch/public/variant_asset/5362/file/large-027cc23982e3110c547c7907d8ef664b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5362/file/medium-f2142de0f59ece867957a992337d7159.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">Bauckhof</p>
          <a href="/de/products/flocken-dinkel-vollkorn-zartblatt-demeter-425-g-9547">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flocken Dinkel Vollkorn Zartblatt Demeter, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bUdoyThXiAuiQRN3-QyPm-J7zNA9VAwxLeTnxJ1BskwvSJ5NV2VW85nVkOJDXTNypHZHhcLPyqNPjqfLXzug_w" />
    <input value="9547" 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-weiss-1-stuck-3388">
          <img alt="Kerzen 12-er Packung Stabkerze 2,2 x 21cm Weiss" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2250/file/small-d16811e8af3a98b0f71294c43b00ab88.webp 600w, https://assets.fabulous.ch/public/variant_asset/2250/file/medium-4e6a9bf542e149befaf1e63537900b61.webp 900w, https://assets.fabulous.ch/public/variant_asset/2250/file/large-04364a746e671e6fe9d702ca301ef24a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2250/file/medium-4e6a9bf542e149befaf1e63537900b61.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-weiss-1-stuck-3388">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kerzen 12-er Packung Stabkerze 2,2 x 21cm Weiss, 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-3388-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S7F5DNqTfOZysQVIR653BrRXRm13AGePiCpsmx2cbMYJvo-ItaGiHkklht39_8vv8lrNOIiboR3qQCyU3-Z-dQ" />
    <input value="3388" 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/erdmandel-drink-natur-chufa-bio-1-l-11305">
          <img alt="Erdmandel Drink Natur Chufa Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8718/file/small-4d0bae75abde987ca9242610d7ef9da1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8718/file/medium-f8c5838c5466c7f71dba58a875e797c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/8718/file/large-d7f103819c51f1de98a6197719fb1919.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8718/file/medium-f8c5838c5466c7f71dba58a875e797c8.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">Ecomil</p>
          <a href="/de/products/erdmandel-drink-natur-chufa-bio-1-l-11305">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Erdmandel Drink Natur Chufa Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bett-r-waffel-mit-kakao-haselnusscreme-bio-30-g-14620">
          <img alt="Bett&#39;r Waffel mit Kakao-Haselnusscreme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6767/file/small-8c8f1752b71b196f22d0aef0778eca21.webp 600w, https://assets.fabulous.ch/public/variant_asset/6767/file/medium-47607ccc2557308e8de1a317b2e1b623.webp 900w, https://assets.fabulous.ch/public/variant_asset/6767/file/large-d245751454e07080d85f666ddbdd9047.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6767/file/medium-47607ccc2557308e8de1a317b2e1b623.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">bett&#39;r</p>
          <a href="/de/products/bett-r-waffel-mit-kakao-haselnusscreme-bio-30-g-14620">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bett&#39;r Waffel mit Kakao-Haselnusscreme Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8oxQLNTUBJnwyCikORb9DmCLtMxRYxVoDyjiMrUUz7Gwg6aou-baYctcqzGDR0HnJoY_ma740_ptQqI9d27dAg" />
    <input value="14620" 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/veganer-snack-nach-landjager-art-bio-70-g-15312">
          <img alt="Veganer Snack nach Landjäger Art Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6995/file/small-f656e8d9f964a30bdb9ce58bcafcba7c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6995/file/medium-ffc8b439bf535412238561f75afaf787.webp 900w, https://assets.fabulous.ch/public/variant_asset/6995/file/large-d89007ad00e6d22fa48c601e9d7d07bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6995/file/medium-ffc8b439bf535412238561f75afaf787.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">Eden</p>
          <a href="/de/products/veganer-snack-nach-landjager-art-bio-70-g-15312">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veganer Snack nach Landjäger Art Bio, 2 x 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.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.64 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tiUvwYyHoTaMRhuXqUIHIyh_Hd_hOQ-BqzwI238ZTX_0KtlF47V_zrfSmAITE7vKbnKWih6iyRPJVkjUvWNfzA" />
    <input value="15312" 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/tahin-sesammus-mit-salz-bio-500-g-6900">
          <img alt="Tahin (Sesammus) mit Salz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3996/file/small-f39b4544f644d43e08b5ed6449f81abb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3996/file/medium-668479a38cd9b70706f913476662611b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3996/file/large-5f42f025861dab68b14e0a6646fcde63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3996/file/medium-668479a38cd9b70706f913476662611b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lima</p>
          <a href="/de/products/tahin-sesammus-mit-salz-bio-500-g-6900">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tahin (Sesammus) mit Salz Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ul1NOsMZosgihiBsGq0iy4f_ddfUp5hOOPwF2839A2gQUru-rCt8MBkSo_mg_J4iwfL-gis8XtxalkXUD4cR2w" />
    <input value="6900" 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">
      100 von 3&#39;177 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/perl-amande?format=turbo_stream&amp;page=6">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>