<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">
    <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/doner-mariniert-180-g-17751">
          <img alt="Pflanzliche Alternative zu Döner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8675/file/small-abb30f783978ced04a14535565a4dbe6.webp 600w, https://assets.fabulous.ch/public/variant_asset/8675/file/medium-b86062217125e85ad1d87e3f6c1c0987.webp 900w, https://assets.fabulous.ch/public/variant_asset/8675/file/large-312d05f55fc6d5afc474102b7d8a5a3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8675/file/medium-b86062217125e85ad1d87e3f6c1c0987.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">Outlawz</p>
          <a href="/de/products/doner-mariniert-180-g-17751">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pflanzliche Alternative zu Döner, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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 3.61 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E2s4BCgLwE4v4rWm198UehVicKAprsmwI-J1EnYnpRNsAWPZluDYS1l1OYFGWoh128iiIIXtzmTxSn4zFcBbaA" />
    <input value="17751" 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/pflanzliche-trockenfleisch-tranchen-60-g-10663">
          <img alt="Pflanzliche Trockenfleisch Tranchen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5607/file/small-ffcf3c274a090bf128d7bc682b3b1da3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5607/file/medium-c6a9be4d85a288c569ee0468f96dfa5f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5607/file/large-9fe4e12bf29dc041ba9af5584ec673b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5607/file/medium-c6a9be4d85a288c569ee0468f96dfa5f.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">Outlawz</p>
          <a href="/de/products/pflanzliche-trockenfleisch-tranchen-60-g-10663">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pflanzliche Trockenfleisch Tranchen, 60 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 9.17 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GeT-4bAey8CivcYM7PZq81E1M80bmx0Rz_k0NZ2WnCBmjqU8DvXTxdQqSit9c_b8n5_hTbfYGsUdUT8U_nFiWw" />
    <input value="10663" 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/pflanzliches-geschnetzeltes-nature-185-g-13633">
          <img alt="Pflanzliches Geschnetzeltes Nature" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6565/file/small-5225b3ee3b6bd2481ec27ddaaa74f739.webp 600w, https://assets.fabulous.ch/public/variant_asset/6565/file/medium-c7ae907242a3da2d8005154204ac8c02.webp 900w, https://assets.fabulous.ch/public/variant_asset/6565/file/large-b7396403713d6e0b1f91c54c1369ad2e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6565/file/medium-c7ae907242a3da2d8005154204ac8c02.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">Outlawz</p>
          <a href="/de/products/pflanzliches-geschnetzeltes-nature-185-g-13633">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pflanzliches Geschnetzeltes Nature, 185 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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 3.51 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QOHzmbtAWEemOr4xoG-uGePegN7_QRUVmR1RRPHqBW4_i6hEBatAQtCtMhYx6jIWLXRSXlMCEsFLtVplkg37FQ" />
    <input value="13633" 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-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/pflanzliche-alternative-zu-salami-80-g-15265">
          <img alt="Pflanzliche Alternative zu Salami" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6984/file/small-cd08f0c2c4a4451e39ad907f261ce1a7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6984/file/medium-d0e8a8557174f4963f67a7428fd21535.webp 900w, https://assets.fabulous.ch/public/variant_asset/6984/file/large-06922a9067669bb594be515b6e4f7efd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6984/file/medium-d0e8a8557174f4963f67a7428fd21535.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">Outlawz</p>
          <a href="/de/products/pflanzliche-alternative-zu-salami-80-g-15265">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pflanzliche Alternative zu Salami, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jtKJEPLbgYGpSBXmFVE9pVB0zw-o_zmNdv1ROH37pTzxuNLNTDCZhN_fmcGE1KGqnt4djwS8PlmkVVoZHhxbRw" />
    <input value="15265" 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/vegane-alternative-zu-speck-tranchen-80-g-7568">
          <img alt="Vegane Alternative zu Speck Tranchen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4367/file/small-869f4a3b75cf64ca3aca7478587c2c5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4367/file/medium-612035d66061346dcc44faec9f5a227e.webp 900w, https://assets.fabulous.ch/public/variant_asset/4367/file/large-543a1c9b4eff65b708f6a1e42246179a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4367/file/medium-612035d66061346dcc44faec9f5a227e.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">Outlawz</p>
          <a href="/de/products/vegane-alternative-zu-speck-tranchen-80-g-7568">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Alternative zu Speck Tranchen, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Nj-8kFxODGyZcPuu2xMOlNxpMbLJOvmlLaIVrgPoorZJVedN4qUUae_nd4lKlpKbEsPjMmV5_nH_Ch6PYA9czQ" />
    <input value="7568" 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/vegane-alternative-zu-speck-wurfel-110-g-9100">
          <img alt="Vegane Alternative zu Speck Würfel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5194/file/small-6bcebee2b15ba0aa18df8a8ca34c1972.webp 600w, https://assets.fabulous.ch/public/variant_asset/5194/file/medium-e8f36a47b21eea46d927d34e136fa242.webp 900w, https://assets.fabulous.ch/public/variant_asset/5194/file/large-50e8ed8f2ce1f93e5aff89d2db73755f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5194/file/medium-e8f36a47b21eea46d927d34e136fa242.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">Outlawz</p>
          <a href="/de/products/vegane-alternative-zu-speck-wurfel-110-g-9100">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Alternative zu Speck Würfel, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0cD-EqfSQ4KO5NA7fw1b6YNWv0poPfo1yUpPKdTGePKuqqXPGTlbh_hzXBzuiMfmTfxtysR-_eEb4kQItyGGiQ" />
    <input value="9100" 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/falafel-susskartoffel-bio-240-g-4488">
          <img alt="Falafel Süsskartoffel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2775/file/small-dc0d164ce0141fa8513ae34dbb128f06.webp 600w, https://assets.fabulous.ch/public/variant_asset/2775/file/medium-d9e5e155bd41b649ca04808786c5bd8a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2775/file/large-de58139abe8c8ab3ccaedf2f241d5e5e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2775/file/medium-d9e5e155bd41b649ca04808786c5bd8a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Florentin</p>
          <a href="/de/products/falafel-susskartoffel-bio-240-g-4488">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Falafel Süsskartoffel Bio, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </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.88 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J9JIZQRHbpKzXEGugZ83t66AhjuawjXASuQ-AgBadDZYuBO4uqx2l8XLzYkQGqu4YCpUuzaBMhSYTDUjY72KTQ" />
    <input value="4488" 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/falafel-mini-gf-bio-150-g-4487">
          <img alt="Falafel Mini GF Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2771/file/small-48eb4b6e91d6faf9cdee4961416ee231.webp 600w, https://assets.fabulous.ch/public/variant_asset/2771/file/medium-025d84e596eda0d486c8393fe2f66f54.webp 900w, https://assets.fabulous.ch/public/variant_asset/2771/file/large-b73679764ca88631c6e7398b6d0a954a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2771/file/medium-025d84e596eda0d486c8393fe2f66f54.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Florentin</p>
          <a href="/de/products/falafel-mini-gf-bio-150-g-4487">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Falafel Mini GF Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 3.10 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2Cn0zDVFSX9KBiMxcwvsQbFEzu5AAvXlPpm9_-WCNwqnQ68Ri65RejyRrxbijnBOf-4cbuxB8jHsMbbehmXJcQ" />
    <input value="4487" 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/burger-mischung-grunkern-bio-160-g-751">
          <img alt="Burger Mischung Grünkern Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/698/file/small-4b4d6a8c4cc21d20d4889848eaf1e1a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/698/file/medium-590a6ea3b43857922bf49eeae274063a.webp 900w, https://assets.fabulous.ch/public/variant_asset/698/file/large-ce216c9e572e2b128479f5072691079b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/698/file/medium-590a6ea3b43857922bf49eeae274063a.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/burger-mischung-grunkern-bio-160-g-751">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Burger Mischung Grünkern Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1ixcaxKoBueove1rulb0Q0Imrh-tgC16T_hK0pSnjDypRge2rEMe4t4qYUwr02hMjIx8nwHDKq6dUEHz90ByRw" />
    <input value="751" 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/aufschnitt-dinki-affumato-bio-100-g-2716">
          <img alt="Aufschnitt Dinki Affumato Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1952/file/small-c24ab4e84c550d941445be420f3e0a1c.webp 600w, https://assets.fabulous.ch/public/variant_asset/1952/file/medium-9a99c1ea60d070af71027ef419b3a16b.webp 900w, https://assets.fabulous.ch/public/variant_asset/1952/file/large-820668e330044b0f9f6fc0a64eb8c1b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1952/file/medium-9a99c1ea60d070af71027ef419b3a16b.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/aufschnitt-dinki-affumato-bio-100-g-2716">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Aufschnitt Dinki Affumato Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 4.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m-NAqmuGDHaDA5js14Y9oQiic1l0R_UCTzeFI6LLhsXkiRt31W0Uc_WUFMtGA6Guxgih2dgE8tadn44CwSx4vg" />
    <input value="2716" 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/vegan-classic-burger-bio-100-g-5009">
          <img alt="Vegan Classic Burger Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2959/file/small-85c1eaba9f065951c04a4f4ca6e4d364.webp 600w, https://assets.fabulous.ch/public/variant_asset/2959/file/medium-d2ed3db3a6cd7437c74159e161ae5520.webp 900w, https://assets.fabulous.ch/public/variant_asset/2959/file/large-8bd676f6781bb5a056c87f45171bc04e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2959/file/medium-d2ed3db3a6cd7437c74159e161ae5520.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">Wheaty</p>
          <a href="/de/products/vegan-classic-burger-bio-100-g-5009">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Classic Burger Bio, 2 x 100 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-5009-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m1BI1j_HdcDF0w-87Q2YNDrIPtBxJf-nPKMTzrdKlBvkOhMLgSxtxbNEg5t8iAQ79GLsUN1m-HPuCxjv1K1qYA" />
    <input value="5009" 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/meine-veganen-burger-patties-bio-150-g-16758">
          <img alt="Meine veganen Burger Patties Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7772/file/small-2d519af9025a4c5e18e22e835846d972.webp 600w, https://assets.fabulous.ch/public/variant_asset/7772/file/medium-af09216b409e9f38c08acd98339ae8a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7772/file/large-19fa16da0c293529d2eaee3c5d3022e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7772/file/medium-af09216b409e9f38c08acd98339ae8a7.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">Biovegan</p>
          <a href="/de/products/meine-veganen-burger-patties-bio-150-g-16758">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Meine veganen Burger Patties Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vdGYASLliNlBElVdeZHQ1FRNDvWoFEvDnInoGQBYpljCu8PcnA6Q3DeF2XroFEzbmufcdQRXTBdOIeM4Y79YIw" />
    <input value="16758" 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/aufschnitt-vegane-slices-chorizo-bio-80-g-171">
          <img alt="Aufschnitt Vegane Slices Chorizo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/181/file/small-e8831b968d118cc716fe411911e0b313.webp 600w, https://assets.fabulous.ch/public/variant_asset/181/file/medium-d0719f587981668e6389192316c95540.webp 900w, https://assets.fabulous.ch/public/variant_asset/181/file/large-6f2a4542b3029f9251e3b7a1655ad434.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/181/file/medium-d0719f587981668e6389192316c95540.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">Wheaty</p>
          <a href="/de/products/aufschnitt-vegane-slices-chorizo-bio-80-g-171">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Aufschnitt Vegane Slices Chorizo Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wcX3GXpdM29i1aR9UydIKbHMAdekUMw8j7KZ1T9Ni-a-r6zExLYrahRCKFrCotQmf2bTVwgTy-hdGpL0XKp1nQ" />
    <input value="171" 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/aufschnitt-dinki-velami-bio-100-g-276">
          <img alt="Aufschnitt Dinki Velami Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/250/file/small-cfacabfd2e640f0ccf508c6f2cea54b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/250/file/medium-e8e18b93bd1cc5a1a74441538ccefc23.webp 900w, https://assets.fabulous.ch/public/variant_asset/250/file/large-6c9850fb6d6bb00bce85c161852d395c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/250/file/medium-e8e18b93bd1cc5a1a74441538ccefc23.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/aufschnitt-dinki-velami-bio-100-g-276">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Aufschnitt Dinki Velami Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 4.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k1ghBDjcZVOesf8shC8affPHdt9DjqTrvjtwZqJJ3uDsMnrZhjd9VugmcwsVqoZyPW2kX-_Noz9sk3tHwa4gmw" />
    <input value="276" 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-grillknacker-wurst-bio-250-g-349">
          <img alt="Tofu Grillknacker Wurst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/310/file/small-1b05d63dce64bf749dd8aa30b2091269.webp 600w, https://assets.fabulous.ch/public/variant_asset/310/file/medium-24f83c7c2f9b93e8fd96b7c8d78e0cc6.webp 900w, https://assets.fabulous.ch/public/variant_asset/310/file/large-b8646ebd154ea5a22c173bf1ed88d2e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/310/file/medium-24f83c7c2f9b93e8fd96b7c8d78e0cc6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Taifun</p>
          <a href="/de/products/tofu-grillknacker-wurst-bio-250-g-349">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Grillknacker Wurst Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-349-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/spacebar-chorizo-snacker-bio-40-g-431">
          <img alt="Spacebar Chorizo Snacker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/387/file/small-164a6d45fb3c9cea1304ebd668f7454f.webp 600w, https://assets.fabulous.ch/public/variant_asset/387/file/medium-5d20eede2fcfd91e2b08d97788f5170f.webp 900w, https://assets.fabulous.ch/public/variant_asset/387/file/large-e796b2f9f601f04e77b979814de02c03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/387/file/medium-5d20eede2fcfd91e2b08d97788f5170f.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">Wheaty</p>
          <a href="/de/products/spacebar-chorizo-snacker-bio-40-g-431">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spacebar Chorizo Snacker Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w_2pkS77ydB8HlzatM4RWS-zhlznFMkkt3Hug_bbBfu8l_JMkBDR1QqJ0P0lS41W4RlU3EtXzvBl2eWilTz7gA" />
    <input value="431" 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/falafel-fertigmischung-glutenfrei-bio-160-g-1440">
          <img alt="Falafel Fertigmischung Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1191/file/small-597c3713db2e96a9264127bcfafe70aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/1191/file/medium-d56d5f3a4e54af92c521ee3bd14c562b.webp 900w, https://assets.fabulous.ch/public/variant_asset/1191/file/large-6315d5eb57b6afd3480a7619aa35efc0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1191/file/medium-d56d5f3a4e54af92c521ee3bd14c562b.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/falafel-fertigmischung-glutenfrei-bio-160-g-1440">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Falafel Fertigmischung Glutenfrei Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_b0P9t_BwmSPTOR1X-gieIMMndQeItvE_TmHRsgI_Q6C11QrYSraYfnbaFLObb53TaZPVLJh3BAvkYxnq-8DdQ" />
    <input value="1440" 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-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/faux-gras-gaia-vegane-alternative-zu-ganseleberpastete-bio-125-g-1571">
          <img alt="Faux Gras GAIA Vegane Alternative zu Gänseleberpastete Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1262/file/small-0a838ea60b6cce1488906712680ff387.webp 600w, https://assets.fabulous.ch/public/variant_asset/1262/file/medium-c4f8fd8f74012b308706365fb3691512.webp 900w, https://assets.fabulous.ch/public/variant_asset/1262/file/large-9c347656ad1e77c83baf96a204755cd9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1262/file/medium-c4f8fd8f74012b308706365fb3691512.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">GAIA</p>
          <a href="/de/products/faux-gras-gaia-vegane-alternative-zu-ganseleberpastete-bio-125-g-1571">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Faux Gras GAIA Vegane Alternative zu Gänseleberpastete Bio, 125 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 6.36 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-1571-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 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/tofiner-bio-300-g-1738">
          <img alt="Tofiner Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1388/file/small-b6d4b0b243bc17df96ef6b94108da0ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/1388/file/medium-3d7ca3820e44f7cf32cd24c0c33f5b5d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1388/file/large-ecac4021f79f3f36d0d11a0225a4d104.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1388/file/medium-3d7ca3820e44f7cf32cd24c0c33f5b5d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Taifun</p>
          <a href="/de/products/tofiner-bio-300-g-1738">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofiner Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.75
            </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.25 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-1738-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/sonnenblumen-bolognese-mix-bio-90-g-4187">
          <img alt="Sonnenblumen Bolognese Mix Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2634/file/small-3c2753d9c8da65bb609b41b72bb19c0d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2634/file/medium-04b7c6ba0dcb36e0bd45efedebf7a520.webp 900w, https://assets.fabulous.ch/public/variant_asset/2634/file/large-e2f47dd4cdbefdc58e62485e642fe230.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2634/file/medium-04b7c6ba0dcb36e0bd45efedebf7a520.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">Sunflower Family</p>
          <a href="/de/products/sonnenblumen-bolognese-mix-bio-90-g-4187">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sonnenblumen Bolognese Mix Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T5hhVXmotUKTa5Gbhzuy_ebMOWUndYgMew_nkvntLDUw8jqIx0OtR-X8HbwWvi7yKGbr5Ys2j9ipp-yzmgrSTg" />
    <input value="4187" 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">
      120 von 176 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/lebensmittel/fleischalternativen?format=turbo_stream&amp;page=7">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>