<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/mehl-tsampa-sonams-gerste-demeter-250-g-7968">
          <img alt="Mehl Tsampa Sonams Gerste Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4669/file/small-7ce5aaad46a14ed5eec7da241b350241.webp 600w, https://assets.fabulous.ch/public/variant_asset/4669/file/medium-0f60012d1aa2fa9db9ea9c3bdbfe3835.webp 900w, https://assets.fabulous.ch/public/variant_asset/4669/file/large-80bde93889c04b8e4762dbec0c364142.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4669/file/medium-0f60012d1aa2fa9db9ea9c3bdbfe3835.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">Tsampa</p>
          <a href="/de/products/mehl-tsampa-sonams-gerste-demeter-250-g-7968">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Tsampa Sonams Gerste Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yViyiKcUlunPRgR_mDONYnMM3sUWds5U7kKgFguJGliP4oXxP0C0x5uTJe_Kp6I66a14wQBo1Mq06JmA35zaIQ" />
    <input value="7968" 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/hafer-korner-grossgebinde-biosuisse-5-kg-8607">
          <img alt="Hafer Körner Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5008/file/small-f097a16ec37c5536791c2e341ba43d05.webp 600w, https://assets.fabulous.ch/public/variant_asset/5008/file/medium-9a4454a6a3ba8f135833c899544b895c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5008/file/large-4c51696fce4d61e5267390c6cf6e594f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5008/file/medium-9a4454a6a3ba8f135833c899544b895c.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/hafer-korner-grossgebinde-biosuisse-5-kg-8607">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Körner Grossgebinde BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="je8h6534kSFPuOF4LOF5AathOvz8qfr2TGYgMG9CoO7LVRaSBayzDxttwOh-dVZZMcCc-Oq34GgWzBmmu1dglw" />
    <input value="8607" 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-geschnetzeltes-bio-200-g-292">
          <img alt="Lupinen Geschnetzeltes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/264/file/small-530c692ed0fe5c986dd05984f48a0782.webp 600w, https://assets.fabulous.ch/public/variant_asset/264/file/medium-06cc0f0356cc47742d979c3a8cb34c1f.webp 900w, https://assets.fabulous.ch/public/variant_asset/264/file/large-f7e9a4e8b87cb6115063ece5e975aea3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/264/file/medium-06cc0f0356cc47742d979c3a8cb34c1f.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-geschnetzeltes-bio-200-g-292">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lupinen Geschnetzeltes Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JdoiVFj_mAK7fCutnbOZKa8yko9i5QNpKXQZ8Et71lxjYBUtwKu6LO-pCj3PJ7ZxNZM0i3T7Gfdz3iBmn24WJQ" />
    <input value="292" 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/mehl-weiss-typ-400-grossgebinde-biosuisse-5-kg-9299">
          <img alt="Mehl Weiss Typ 400 Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5297/file/small-dbe59c74999004aea173459f503a4be3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5297/file/medium-625e4ae233401db4a797c7f4f06dd5a4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5297/file/large-479d3082aceb3a9ddc8a8c8faed6bd02.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5297/file/medium-625e4ae233401db4a797c7f4f06dd5a4.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/mehl-weiss-typ-400-grossgebinde-biosuisse-5-kg-9299">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Weiss Typ 400 Grossgebinde BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QwhNSHrcs9inuCV2jWeyV3TIgeTOkZSjR6kq2GITD4UFsnox4oiR9vNtBObf850P7mkn4NiPjj0dAxNOtgbP_A" />
    <input value="9299" 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/dinkelkorner-grossgebinde-biosuisse-5-kg-6086">
          <img alt="Dinkelkörner Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3499/file/small-59b451a11d713fdd9d669f3218c0a1ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/3499/file/medium-b780b1fce1d1640a4584e3fbadba32dd.webp 900w, https://assets.fabulous.ch/public/variant_asset/3499/file/large-10939c406ddca76aa3086a5709ce941e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3499/file/medium-b780b1fce1d1640a4584e3fbadba32dd.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/dinkelkorner-grossgebinde-biosuisse-5-kg-6086">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dinkelkörner Grossgebinde BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0uff2Drd67KY5feKH8ZVNzdu5t9Gtj6MipHOBTFtzDOUXeihoonJnMww1hpNUnpvrc9A21CoJBLQO_eT5XgMSg" />
    <input value="6086" 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/dolmas-weinblatter-gefullt-mit-reis-bio-280-g-13009">
          <img alt="Dolmas Weinblätter gefüllt mit Reis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6372/file/small-219c989c31c20f68813643c8e8ec8981.webp 600w, https://assets.fabulous.ch/public/variant_asset/6372/file/medium-c2c6fd0fd9279bd3ec1572fa551e941e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6372/file/large-456d794561bc150f4323f93c9f2954bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6372/file/medium-c2c6fd0fd9279bd3ec1572fa551e941e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/dolmas-weinblatter-gefullt-mit-reis-bio-280-g-13009">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dolmas Weinblätter gefüllt mit Reis Bio, 280 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9tSzJ1moYJT2ZkUp7JU-hFvVULzmT1Kc0Q1UMRx-6QqwboRewfxCuqKzZLm-ARHcwXT2uPBRSAKLp22nyGspcw" />
    <input value="13009" 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/nussmesan-vegane-alternative-zu-reibkase-chopf-nuss-bio-125-g-9496">
          <img alt="Nussmesan Vegane Alternative zu Reibkäse Chopf-Nuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5348/file/small-74c47a3982e7999da8dcfa0b7db80393.webp 600w, https://assets.fabulous.ch/public/variant_asset/5348/file/medium-d5496109d9435e981a00a40a44ab8c19.webp 900w, https://assets.fabulous.ch/public/variant_asset/5348/file/large-fc670df8c482174623fea6037ff64cd2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5348/file/medium-d5496109d9435e981a00a40a44ab8c19.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">Chopf-Nuss</p>
          <a href="/de/products/nussmesan-vegane-alternative-zu-reibkase-chopf-nuss-bio-125-g-9496">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nussmesan Vegane Alternative zu Reibkäse Chopf-Nuss Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="09WW6CVIU30wEuDG4I199plbK_T1oHK5qx52cbDYaICVb6GRvRxxU2THwVayGVKuA_qN8OO-aCfxtE_nZM2o-Q" />
    <input value="9496" 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/apfel-mangomark-im-glas-ungesusst-bio-360-g-6008">
          <img alt="Apfel- Mangomark im Glas Ungesüsst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3445/file/small-c468af6d940d08590afead9f67355282.webp 600w, https://assets.fabulous.ch/public/variant_asset/3445/file/medium-aec1df787442fcb95e86269f015a416b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3445/file/large-9a7719c1b1da548f0e246040d1494e00.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3445/file/medium-aec1df787442fcb95e86269f015a416b.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/apfel-mangomark-im-glas-ungesusst-bio-360-g-6008">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Apfel- Mangomark im Glas Ungesüsst Bio, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </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-6008-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bbUS2h937rWFUbK_d-opb54IyJ1ehRad4y2LVslQaGkrDyWjhyPMm9GEky8lfgY3BKlumUibDAO5h7LAHUWoEA" />
    <input value="6008" 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/sojade-so-soya-vanille-bio-400-g-4291">
          <img alt="Sojade So Soya! Vanille, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2689/file/small-0513a4af1b16c10f2216a3f35a23b467.webp 600w, https://assets.fabulous.ch/public/variant_asset/2689/file/medium-e816d24c2120273a1f234cf9cbb2e085.webp 900w, https://assets.fabulous.ch/public/variant_asset/2689/file/large-7eeef290b7ff8160c655567beba589eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2689/file/medium-e816d24c2120273a1f234cf9cbb2e085.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">Sojade</p>
          <a href="/de/products/sojade-so-soya-vanille-bio-400-g-4291">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sojade So Soya! Vanille, Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </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.25 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tofu-mariniert-schweiz-bio-250-g-17389">
          <img alt="Tofu mariniert Schweiz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8111/file/small-af69e07baa7d4513b6eeb874cda506f2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8111/file/medium-fa09592d2dca655a3c7f37e290fd8761.webp 900w, https://assets.fabulous.ch/public/variant_asset/8111/file/large-3564ec085fb8618da95bc92a70448cfe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8111/file/medium-fa09592d2dca655a3c7f37e290fd8761.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Futur</p>
          <a href="/de/products/tofu-mariniert-schweiz-bio-250-g-17389">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu mariniert Schweiz Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </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.26 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s8JLnXmGdFLv6eyQEfvNZq5EHwrH-PsTsA7Z3JnlHgj1eHzk4dJWfLs8zQBDb-I-NOW5DtHm4Y3qpOBKTfDecQ" />
    <input value="17389" 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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tofu-alpenkrauter-schweiz-bio-250-g-16643">
          <img alt="Tofu Alpenkräuter Schweiz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7702/file/small-15313378055797bf19d095a6f7ab95db.webp 600w, https://assets.fabulous.ch/public/variant_asset/7702/file/medium-99294d53828ac580795e588c3dab1554.webp 900w, https://assets.fabulous.ch/public/variant_asset/7702/file/large-67457a663d1b96635037209124d32dd7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7702/file/medium-99294d53828ac580795e588c3dab1554.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Futur</p>
          <a href="/de/products/tofu-alpenkrauter-schweiz-bio-250-g-16643">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Alpenkräuter Schweiz Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </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.08 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tofu-senf-schweiz-bio-250-g-17231">
          <img alt="Tofu Senf Schweiz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8042/file/small-3658ea574d4b0015934dfa92cae19f3b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8042/file/medium-ef5232df861a9cf6c956e59b8ac3dd41.webp 900w, https://assets.fabulous.ch/public/variant_asset/8042/file/large-428298c4fe1d9bc6d07227cdc5a0bda1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8042/file/medium-ef5232df861a9cf6c956e59b8ac3dd41.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Futur</p>
          <a href="/de/products/tofu-senf-schweiz-bio-250-g-17231">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Senf Schweiz Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </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.40 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EbqXnJQHCg-bEw78236mDtF0mEIfd8n7ba701LBcNnFXAKDlDFMoIc_GL2yJ6olWS9U-Rglp02U3BM1CZEn2CA" />
    <input value="17231" 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/mie-nudeln-nach-teriyaki-art-bio-161-g-16176">
          <img alt="Mie-Nudeln nach Teriyaki-Art Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7449/file/small-f027e58ae3847cefd6b91d152f34f872.webp 600w, https://assets.fabulous.ch/public/variant_asset/7449/file/medium-e21c33c12fe6e1d077c1aeb056a81fb2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7449/file/large-1f280685d59ede9147b2074d3bbc8df7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7449/file/medium-e21c33c12fe6e1d077c1aeb056a81fb2.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">followfood</p>
          <a href="/de/products/mie-nudeln-nach-teriyaki-art-bio-161-g-16176">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mie-Nudeln nach Teriyaki-Art Bio, 161 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wagWdvvMzqHg62PKUnBb8IwhsMLPg2b-N6_b9Z05l6qHEiEPY5jsj7Q-QloA5HSoFoAWxtmdfGBtBeJjSSxX0w" />
    <input value="16176" 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/fenchelsamen-ganz-bio-35-g-6659">
          <img alt="Fenchelsamen ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3855/file/small-356ee1d818adb3d8686aa43a712bca0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3855/file/medium-dbe4c0719024dc5eb34fdb616347ca30.webp 900w, https://assets.fabulous.ch/public/variant_asset/3855/file/large-31e0b3fb667c905202b66884319b690e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3855/file/medium-dbe4c0719024dc5eb34fdb616347ca30.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/de/products/fenchelsamen-ganz-bio-35-g-6659">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fenchelsamen ganz Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HFtGM2pW8WGfZlMDgNQyuPV4nazpIOdV6hbnUuomm79a4XFK8gLTT8uzcpPSQB3gb9k7qP8-_cuwvN7EPjNbxg" />
    <input value="6659" 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/maispasta-ditalini-bio-250-g-17827">
          <img alt="Maispasta Ditalini Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8845/file/small-ee9bd78eaf6a8138827922862249d28c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8845/file/medium-c112b7fdffb0b6f153227803405cf2bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8845/file/large-d6e77b124b5e1fee0fc9a4e34a9e7133.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8845/file/medium-c112b7fdffb0b6f153227803405cf2bc.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">Pasta d&#39;Alba</p>
          <a href="/de/products/maispasta-ditalini-bio-250-g-17827">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Maispasta Ditalini Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/maispasta-fusilli-bio-250-g-17825">
          <img alt="Maispasta Fusilli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8844/file/small-c394766e733160991a148dd424a18719.webp 600w, https://assets.fabulous.ch/public/variant_asset/8844/file/medium-f41ad2c04a2015de4c16662b61829b90.webp 900w, https://assets.fabulous.ch/public/variant_asset/8844/file/large-e96a130f348396062236f25fb16dd030.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8844/file/medium-f41ad2c04a2015de4c16662b61829b90.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">Pasta d&#39;Alba</p>
          <a href="/de/products/maispasta-fusilli-bio-250-g-17825">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Maispasta Fusilli Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zPZ0akcxUVdCG3aoezVNtUfEzJ1hlfl-pmDYSshsP1WKTEMT32VzeRbOVzgpoWLt3WVqmXeL4-D8yuHcHHn_LA" />
    <input value="17825" 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/jackfrucht-fruchtfleisch-schnetzel-ungewurzt-bio-200-g-6549">
          <img alt="Jackfrucht Fruchtfleisch Schnetzel ungewürzt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3758/file/small-a29836d196205d96422c0c710e2445a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3758/file/medium-398b366074067647359a42b49a973407.webp 900w, https://assets.fabulous.ch/public/variant_asset/3758/file/large-f03633ac363051fb5d94ec96ee8712da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3758/file/medium-398b366074067647359a42b49a973407.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Govinda</p>
          <a href="/de/products/jackfrucht-fruchtfleisch-schnetzel-ungewurzt-bio-200-g-6549">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jackfrucht Fruchtfleisch Schnetzel ungewürzt Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k7E1NL3q4oFqLd1ClomhYsJY1t_hU-UiQXhXZDDNl5bVCwJNJb7Arz74_NLEHY46WPlw2_dN_7wb0m7y5NhX7w" />
    <input value="6549" 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/senf-delikatess-tube-glutenfrei-demeter-100-ml-447">
          <img alt="Senf Delikatess Tube Glutenfrei Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/401/file/small-999224465224fa36f07089299d0093ab.webp 600w, https://assets.fabulous.ch/public/variant_asset/401/file/medium-17e18ad3d529ee12ff7240bcc29a65e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/401/file/large-207dc8508b1d75e0ae6fcbd60b5293a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/401/file/medium-17e18ad3d529ee12ff7240bcc29a65e6.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/senf-delikatess-tube-glutenfrei-demeter-100-ml-447">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Senf Delikatess Tube Glutenfrei Demeter, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qQjrjAUfnXvHI5jbLXWyBrHUViCkqr-WZmvAucSxdcTvstz1nUu_VZP2uUt_4Z1eK3XwJLK0pQg8wfkvEKS1vQ" />
    <input value="447" 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/maniok-chips-salty-bio-60-g-15020">
          <img alt="Maniok Chips Salty Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6886/file/small-7766e52b1180d567d760cc6eca38b84f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6886/file/medium-c7a2d225b91137949af4b56eee2e53cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6886/file/large-4ebf63a38ed5a1b87cebbb32647973f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6886/file/medium-c7a2d225b91137949af4b56eee2e53cd.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">el origen</p>
          <a href="/de/products/maniok-chips-salty-bio-60-g-15020">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Maniok Chips Salty Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tJLjUYSnBTxT2rvmDLfgQ7y-drYwctu41A_CLILq0rbyKNQoHPMnEgcPmnZeI88bJh_QsiZswSaOpfu6Vv8Szw" />
    <input value="15020" 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/fruchtgarten-erdbeer-bio-225-g-388">
          <img alt="Fruchtgarten Erdbeer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/339/file/small-c0e97bbb0c8b92a18f104af29d0b810f.webp 600w, https://assets.fabulous.ch/public/variant_asset/339/file/medium-4592e7c597c3368f7781eb80ad448c0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/339/file/large-855792992f3a81b3ad900def99a8909e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/339/file/medium-4592e7c597c3368f7781eb80ad448c0a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/de/products/fruchtgarten-erdbeer-bio-225-g-388">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruchtgarten Erdbeer Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

          </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-388-card">
        

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

</template></turbo-stream>