<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/bio-natto-nattosana-super-umami-paste-200-g-14952">
          <img alt="Bio-Natto Nattosana Super-Umami Paste" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6855/file/small-a89d38bc1efbd7033ed41e31b42a8d15.webp 600w, https://assets.fabulous.ch/public/variant_asset/6855/file/medium-e676f3e3bb5d91aeae0a27a53814a581.webp 900w, https://assets.fabulous.ch/public/variant_asset/6855/file/large-c68473603e0247fdb65e64e32e385130.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6855/file/medium-e676f3e3bb5d91aeae0a27a53814a581.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/de/products/bio-natto-nattosana-super-umami-paste-200-g-14952">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bio-Natto Nattosana Super-Umami Paste, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </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 3.70 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="asd0XeLmbEDLu2bGuViq473yyl0BEbhWWQ36mFKEQaEretKi9i298YgmgHl6Alznmr7JZTM3uomAor41hIPz9Q" />
    <input value="14952" 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/ich-bin-kein-fleischkase-glutenfrei-bio-200-g-5706">
          <img alt="&quot;Ich bin kein Fleischkäse&quot; Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3292/file/small-284800cc58bfefdeef9fd04aa8a94b47.webp 600w, https://assets.fabulous.ch/public/variant_asset/3292/file/medium-c47955507187b4a2f95505b123a67384.webp 900w, https://assets.fabulous.ch/public/variant_asset/3292/file/large-cd1e7d9eac5d4c1a6229f4427e7deba2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3292/file/medium-c47955507187b4a2f95505b123a67384.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/de/products/ich-bin-kein-fleischkase-glutenfrei-bio-200-g-5706">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">&quot;Ich bin kein Fleischkäse&quot; Glutenfrei Bio, 200 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.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LeSNI_gMgh_ae25p4yPA990_y8bvoDpV8Wvl_PQnR49sWSvc7MdTrpnmiNYgeTbz-nPI_t2GOIooxKFRIiD12w" />
    <input value="5706" 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/ich-bin-keine-bratwurst-glutenfrei-bio-100-g-5708">
          <img alt="&quot;Ich bin keine Bratwurst&quot; Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3294/file/small-9d9f7ffb7d2da64eefd035ed148c370d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3294/file/medium-6843749863ed6d97542c9114bf4eec1f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3294/file/large-6d3d8014755214574e4e39007ba665c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3294/file/medium-6843749863ed6d97542c9114bf4eec1f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/de/products/ich-bin-keine-bratwurst-glutenfrei-bio-100-g-5708">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">&quot;Ich bin keine Bratwurst&quot; Glutenfrei Bio, 2 x 100 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.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4JvXLSGEMBkjMnLxeaNi6gvs0oBZvl7yEb9ZOO-oFHGhJnHSNU_hqGCvlE66-ZTuLKDRuGuYXC3IEB2VOa-mJQ" />
    <input value="5708" 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/alsan-vegane-alternative-zu-butter-bio-250-g-14">
          <img alt="ALSAN Vegane Alternative zu Butter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1/file/small-3e93ced63b65fefc6324d9b83c0befce.webp 600w, https://assets.fabulous.ch/public/variant_asset/1/file/medium-82bc30e602eae0142f35525aa6b46782.webp 900w, https://assets.fabulous.ch/public/variant_asset/1/file/large-95a10b92c2dce9245561ce25f34e6265.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1/file/medium-82bc30e602eae0142f35525aa6b46782.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">Alsan BIO</p>
          <a href="/de/products/alsan-vegane-alternative-zu-butter-bio-250-g-14">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">ALSAN Vegane Alternative zu Butter Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </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 1.52 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oziFchPO8_aA45k9NKTDlfp2bqMb6nmadUtcodr1NqnihSONBwUiR8N-f4L3_jWR3TptmynMe0Ws5BgMDPKE_Q" />
    <input value="14" 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="CWbeUM8j0kYqhfYmrTe1z2eI6ybjjNPPKMut0Hp7dCdI23iv2-gD92kYEJlubUPLQMToHtGq0RDxZOl9rHzGcw" />
    <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/tofu-nature-block-bio-1-kg-757">
          <img alt="Tofu nature Block Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/704/file/small-825aab124c3ef46ab70c5c11db6b1897.webp 600w, https://assets.fabulous.ch/public/variant_asset/704/file/medium-45a3a3f4532be318170ec269da0ae044.webp 900w, https://assets.fabulous.ch/public/variant_asset/704/file/large-aba99b1e52ae98855e50f30299ff3bea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/704/file/medium-45a3a3f4532be318170ec269da0ae044.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">Engel-Tofu</p>
          <a href="/de/products/tofu-nature-block-bio-1-kg-757">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu nature Block Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.20
            </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 1.82 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CEnNsZDG8kgkQtispPKrjYBHhLSexFv_k9sfevo5ODZJ9GtOhA0j-WffPhNnqF2JpwuHjKziWSBKdFvXLD6KYg" />
    <input value="757" 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/bumi-pulled-seitan-indian-bio-175-g-14597">
          <img alt="Bumi Pulled Seitan Indian Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6752/file/small-6cf1fb4eb951a4179eed07bf07b32bd0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6752/file/medium-51b6f9c092d915970b79555e3f9c2d35.webp 900w, https://assets.fabulous.ch/public/variant_asset/6752/file/large-ad11bb718a080a3244bffc2e2c1989ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6752/file/medium-51b6f9c092d915970b79555e3f9c2d35.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">Bumi</p>
          <a href="/de/products/bumi-pulled-seitan-indian-bio-175-g-14597">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bumi Pulled Seitan Indian Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </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 3.69 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1RapT9FYlD8jKreK9EaWe7iD2u2dI4DQJRrR708vN_qUqw-wxZNFjmC3UTU3HGB_n8_Z1a8Fgg_8tZVCmSiFrg" />
    <input value="14597" 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/cottage-pearls-vegane-alternative-zu-huttenkase-bio-200-g-15101">
          <img alt="Cottage Pearls Vegane Alternative zu Hüttenkäse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6923/file/small-ffdcf9a98e550d0bafee638f2d3ff055.webp 600w, https://assets.fabulous.ch/public/variant_asset/6923/file/medium-924bfe187ee7404ef019eccc69f42c9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6923/file/large-b6f36ab50055ddfe91e60f587e88b384.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6923/file/medium-924bfe187ee7404ef019eccc69f42c9e.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">Züger</p>
          <a href="/de/products/cottage-pearls-vegane-alternative-zu-huttenkase-bio-200-g-15101">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cottage Pearls Vegane Alternative zu Hüttenkäse Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.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 1.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j75tWUyb8VWj3Nu6QytAYnxM3-R-ZPi8oUZc_CjMlkXOA8umWFAg5OBBPQWAcbZmWwDc3ExC-mN46RhR_sskEQ" />
    <input value="15101" 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/veganella-basilikum-bio-200-g-1195">
          <img alt="Veganella Basilikum Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1053/file/small-ec8354326dc3d98af14f94bc50db57cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/1053/file/medium-a25cec0eaa912a08478c376887430809.webp 900w, https://assets.fabulous.ch/public/variant_asset/1053/file/large-f6804bf20c25261c32b8e706aa093a78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1053/file/medium-a25cec0eaa912a08478c376887430809.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/de/products/veganella-basilikum-bio-200-g-1195">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veganella Basilikum Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </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.73 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CDVEO2HnRXR7jtCvbUpMj8qvrZtnH4F5noSwvFD0arRJiOLEdSyUxTgTNhCuELqL7eOuo1U5g6ZHK_QRhvPY4A" />
    <input value="1195" 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/new-roots-black-pfeffer-bio-115-g-7744">
          <img alt="New Roots Black Pfeffer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4468/file/small-92a5ab6083e11ba69b8e4857624e9a30.webp 600w, https://assets.fabulous.ch/public/variant_asset/4468/file/medium-a59841e2a603fd0939bd812f4da759b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4468/file/large-747044413759e79f161992ebff7d46bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4468/file/medium-a59841e2a603fd0939bd812f4da759b0.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">New Roots</p>
          <a href="/de/products/new-roots-black-pfeffer-bio-115-g-7744">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots Black Pfeffer Bio, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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 6.17 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vNSBME8EkzLY9lLsuU9HM7OwFWa1HH9B9Gz6PhbBC7b9aSfPW89Cg5trtFN6FbE3lPwWXoc6fZ4tw76TwMa54g" />
    <input value="7744" 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/keksteig-cookie-dough-schokoladenchips-bio-90-g-8382">
          <img alt="Keksteig Cookie Dough Schokoladenchips Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4952/file/small-69a869f4ca3e45a5106f85bce310b12e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4952/file/medium-fd0b43411d71a48959e12d2054702462.webp 900w, https://assets.fabulous.ch/public/variant_asset/4952/file/large-18f54588eb237af17053e6de7a15b76e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4952/file/medium-fd0b43411d71a48959e12d2054702462.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">Freely Handustry</p>
          <a href="/de/products/keksteig-cookie-dough-schokoladenchips-bio-90-g-8382">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keksteig Cookie Dough Schokoladenchips Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.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 3.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xsaCo0DuJVe0Pt7qxN_-4coJca-0SWk3ricmG3GeOzWHeyRcVCX05vejOFUHhQjl7UVyl4Zva-h3iGK2p5mJYQ" />
    <input value="8382" 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/nut-butter-vanillekipferl-bio-250-g-14339">
          <img alt="Nut Butter Vanillekipferl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6666/file/small-73604ecbd242b66a9918476b98f649f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6666/file/medium-4c17a3445ed1db216f5d123d49748f8b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6666/file/large-676895cac28a1c21d9f12c94e3e7141b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6666/file/medium-4c17a3445ed1db216f5d123d49748f8b.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">Davert</p>
          <a href="/de/products/nut-butter-vanillekipferl-bio-250-g-14339">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nut Butter Vanillekipferl Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="il6Wj9dKEq1ydV_NiXC73uIop_RhsWsMdBN82NBwI8bL4zBww4HDHDHouXJKKk3axWSkzFOXadOtvDh1BneRkg" />
    <input value="14339" 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/cashew-drink-natur-bio-1-l-11342">
          <img alt="Cashew Drink Natur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5818/file/small-67cc4e1d2a69d644c551d97fbecd166c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5818/file/medium-16cfefa0385642f9b9828573f8fb86c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/5818/file/large-b749d8125c41d0faa9e5fdfb98d5ccc1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5818/file/medium-16cfefa0385642f9b9828573f8fb86c2.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">Natumi</p>
          <a href="/de/products/cashew-drink-natur-bio-1-l-11342">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cashew Drink Natur 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-11342-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="piS8cKKqyPfJ3e7qwH2pVrshQd_cQGDJa9ABRVq7Zs3nmRqPtmEZRopACFUDJ19SnG1C5-5mYhayf0XojLzUmQ" />
    <input value="11342" 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/mehrkornflocken-schokolade-glutenfrei-bio-300-g-15908">
          <img alt="Mehrkornflocken &amp; Schokolade glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7313/file/small-40db92ad8ddacd858018ff5f5a311c10.webp 600w, https://assets.fabulous.ch/public/variant_asset/7313/file/medium-180a32579957ede4f753d92322498f45.webp 900w, https://assets.fabulous.ch/public/variant_asset/7313/file/large-3e60104bca8b3b3f65a213350a234721.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7313/file/medium-180a32579957ede4f753d92322498f45.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/mehrkornflocken-schokolade-glutenfrei-bio-300-g-15908">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehrkornflocken &amp; Schokolade glutenfrei Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UPHHrTlCxwg9STOcTlZFOZxKZpc2zKXbtgKKBJGijiQRTGFSLYkWuX7U1SONDLM9uwZlrwTqpwRvrc6pR6U8cA" />
    <input value="15908" 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/cinnamon-bites-glutenfrei-bio-300-g-15907">
          <img alt="Cinnamon Bites glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7314/file/small-d8338f18d3952a1266fee1f781da5bf9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7314/file/medium-9a55f78303f0f7a06e85fa9b13b82eea.webp 900w, https://assets.fabulous.ch/public/variant_asset/7314/file/large-d35717ec31052bad85381dbf148ec709.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7314/file/medium-9a55f78303f0f7a06e85fa9b13b82eea.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/cinnamon-bites-glutenfrei-bio-300-g-15907">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cinnamon Bites glutenfrei Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_UW_b_7V_38iVa6wNSLwbBaxJ65lg6LVZ2hwvybo7Ee8-BmQ6h4uzmHISA_2eAZoMf0klleloAq-xzQS8O9eEw" />
    <input value="15907" 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/chili-sin-carne-bio-320-g-17320">
          <img alt="Chili sin Carne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8088/file/small-9d791341ee99ddf530bd22a4f449657c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8088/file/medium-28c9534373a02115c0f0681308748ac8.webp 900w, https://assets.fabulous.ch/public/variant_asset/8088/file/large-efcffca79fc8dba6ed49156ec623971b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8088/file/medium-28c9534373a02115c0f0681308748ac8.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">the vegan cow</p>
          <a href="/de/products/chili-sin-carne-bio-320-g-17320">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chili sin Carne Bio, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q_W4TESTkUmZbZQfFEp91ccZ1v-avzUS14wJsOficzcCSB6zUFhA-NrwcqDXEIvR4FXVx6iZN80OI00dMeXBYw" />
    <input value="17320" 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/datteln-ohne-stein-bio-250-g-2958">
          <img alt="Datteln ohne Stein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2104/file/small-d13dfe114753e93028a6b93aaa5c5ccf.webp 600w, https://assets.fabulous.ch/public/variant_asset/2104/file/medium-ee697c7a4b7665f3863f3bb322a5dadc.webp 900w, https://assets.fabulous.ch/public/variant_asset/2104/file/large-9bd2f4b161025bc7e5de2a1c14c3c35d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2104/file/medium-ee697c7a4b7665f3863f3bb322a5dadc.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">Pural</p>
          <a href="/de/products/datteln-ohne-stein-bio-250-g-2958">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Datteln ohne Stein Bio, 250 g</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 1.72 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iaBf551409VZIU-VvjZASa1n3MFa_8TDGXH94hV64QjIHfkYibMCZBq8qSp9bLZNiivf-WjZxhzA3rlPw31TXA" />
    <input value="2958" 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/vanilla-almond-cookie-spread-bio-200-g-16911">
          <img alt="Vanilla Almond Cookie Spread Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7884/file/small-11441f440e26a07f08011fc1d5870d75.webp 600w, https://assets.fabulous.ch/public/variant_asset/7884/file/medium-f5ae7ca15d363a957877e5a7d5b48eed.webp 900w, https://assets.fabulous.ch/public/variant_asset/7884/file/large-f9e4b48da1cf2dc3fe8194952da3b93b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7884/file/medium-f5ae7ca15d363a957877e5a7d5b48eed.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">Lini&#39;s Bites</p>
          <a href="/de/products/vanilla-almond-cookie-spread-bio-200-g-16911">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vanilla Almond Cookie Spread Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wXabZ_xde371q5Aw5yhWmsRlIm94ItJCus4LlXXAa5mAyz2Y6Jaqz7Y2do8kcqCe4ykhV0oE0J1jYU84o8fZzQ" />
    <input value="16911" 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/brotaufstrich-tomate-olive-streich-glutenfrei-bio-180-g-10323">
          <img alt="Brotaufstrich Tomate - Olive Streich Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5553/file/small-ec825872fe07127a5a1654b63da880ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/5553/file/medium-a6f834555529a5b4616fc48ba64a0210.webp 900w, https://assets.fabulous.ch/public/variant_asset/5553/file/large-e9792e5273edec64471321f5c8b5aa71.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5553/file/medium-a6f834555529a5b4616fc48ba64a0210.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/brotaufstrich-tomate-olive-streich-glutenfrei-bio-180-g-10323">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brotaufstrich Tomate - Olive Streich Glutenfrei Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kmo976cf2GmetR2-2voqmsWaTzG9X5omX36iFG1kqZzT15sQs9QJ2N0o-wEZoNye4tZMCY95mPmG0ea5u2MbyA" />
    <input value="10323" 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/garam-masala-gewurz-bio-55-g-15522">
          <img alt="Garam Masala Gewürz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7078/file/small-53bb91b48a6911c038bc2bf8f3cbeb0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7078/file/medium-6661f2ab8394c153255d92e6017873a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7078/file/large-5e6b76724d6fa4fb4b4057799c14104c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7078/file/medium-6661f2ab8394c153255d92e6017873a5.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/garam-masala-gewurz-bio-55-g-15522">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Garam Masala Gewürz Bio, 55 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 10.18 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VO5PnxA0Y-nWfD2qdZMhsZC2Pyc52ue_mE2D3f7bXm0VU-lgBP-yWJXh2xW2yde1t_o8Hwv85WBB4sdwKNzsOQ" />
    <input value="15522" 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">
      300 von 3&#39;207 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/giancarlo-ceci?format=turbo_stream&amp;page=16">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>