<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/pasta-soja-vollkorn-spiralen-teigwaren-bio-500-g-4345">
          <img alt="Pasta Soja Vollkorn Spiralen Teigwaren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2708/file/small-a305575f49c112de5f993ac3fc4348d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2708/file/medium-29ac7cda0d555f48c8eb2f755a4bad16.webp 900w, https://assets.fabulous.ch/public/variant_asset/2708/file/large-aba1096071d3f247026ac57c7e33bb3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2708/file/medium-29ac7cda0d555f48c8eb2f755a4bad16.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">MORGA</p>
          <a href="/de/products/pasta-soja-vollkorn-spiralen-teigwaren-bio-500-g-4345">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Soja Vollkorn Spiralen Teigwaren Bio, 500 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 0.86 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pasta-buchweizennudeln-glutenfrei-bio-250-g-1239">
          <img alt="Pasta Buchweizennudeln, glutenfrei, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1078/file/small-e81ea089761855104cd573090824ea88.webp 600w, https://assets.fabulous.ch/public/variant_asset/1078/file/medium-b78dd90122678d74f87790876822eed7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1078/file/large-88ef3af4865bc86d929eab53ffe432fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1078/file/medium-b78dd90122678d74f87790876822eed7.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">King Soba</p>
          <a href="/de/products/pasta-buchweizennudeln-glutenfrei-bio-250-g-1239">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Buchweizennudeln, glutenfrei, Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vRuiII-CGm0mhXVnjzgjDIZT3hcTytNo7M39PvX3Z6jhNVLieyfZ7SmsImOuLkpmfwOSZqI4WHvHtHbVCTBlgg" />
    <input value="1239" 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/pesto-rosso-bio-120-g-38531025-e69a-44d1-a160-0f2f4b4931c6-15546">
          <img alt="Pesto Rosso Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7098/file/small-8b3b4146bddd200415d6e326fd2ddc16.webp 600w, https://assets.fabulous.ch/public/variant_asset/7098/file/medium-b7ef46a85f23dbcbb5c69985dad972fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7098/file/large-115d62ca6dd6f92bd10486293f7e1452.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7098/file/medium-b7ef46a85f23dbcbb5c69985dad972fd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/pesto-rosso-bio-120-g-38531025-e69a-44d1-a160-0f2f4b4931c6-15546">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto Rosso Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="omVuNprdFD6y70k2phZAXkD6kyzQQZeK9WC2BvdBbAr-S570bnjXvr3GHjKHACk0uarfXWGzHJneGT3tC4ZuIA" />
    <input value="15546" 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/shampoo-hanf-normales-haar-bio-500-ml-14885">
          <img alt="Shampoo Hanf Normales Haar Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6821/file/small-5c63720618982c16306f03694c58ab07.webp 600w, https://assets.fabulous.ch/public/variant_asset/6821/file/medium-d4bdead51e86f3cb64b0d1eaab3003cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/6821/file/large-48bcecf82c8c57db82e8037e10de6f69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6821/file/medium-d4bdead51e86f3cb64b0d1eaab3003cf.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">benecos</p>
          <a href="/de/products/shampoo-hanf-normales-haar-bio-500-ml-14885">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Hanf Normales Haar Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9_0xOdiTI_MX1YMBdLX27nznaYXKrGrzL4sg5Dj9A1Kr08H7LDbgcxj81AVVo5-Ehbcl9Hte4eAE8qsPxDoBeA" />
    <input value="14885" 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/duschgel-2in1-bio-gin-500-ml-12308">
          <img alt="Duschgel 2in1 Bio-Gin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6184/file/small-9d54cc5f4b4fe8ca4c025cfd3ba488d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6184/file/medium-5d1247b051b4e4308415678bef26fd05.webp 900w, https://assets.fabulous.ch/public/variant_asset/6184/file/large-c56688629752e4f39a82e855721ecb61.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6184/file/medium-5d1247b051b4e4308415678bef26fd05.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">benecos</p>
          <a href="/de/products/duschgel-2in1-bio-gin-500-ml-12308">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Duschgel 2in1 Bio-Gin, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R3K9WmDsyCtrjl0xuQPyRnXEATzzmYgUWhIOyQA3wYobXE2YlEkLq2SnCjWYFZssjJRNTUJrAwdxa4Ui_PDDoA" />
    <input value="12308" 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/duschgel-bio-lavendel-500-ml-12312">
          <img alt="Duschgel Bio-Lavendel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6189/file/small-04ac2bb2e868b016b2579abee2514db5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6189/file/medium-4b5190b58231785e8bd03f92dbaef665.webp 900w, https://assets.fabulous.ch/public/variant_asset/6189/file/large-91c52235913960d271b4dbaef8c1aea9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6189/file/medium-4b5190b58231785e8bd03f92dbaef665.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">benecos</p>
          <a href="/de/products/duschgel-bio-lavendel-500-ml-12312">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Duschgel Bio-Lavendel, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mn2z03GCp-AfxVWzfilLbOBVtZ-xCPxkmmwbLnaF-E3GU0MRhSdkYBDsArdfPyIGGQX57gD6d3exFZDFikL6Zw" />
    <input value="12312" 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/augenbrauen-stift-designer-braun-1-13g-1-stuck-610">
          <img alt="Augenbrauen Stift Designer Braun, 1,13g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/559/file/small-f3f5491209e6d6e93d9f1d6c4bb5ffca.webp 600w, https://assets.fabulous.ch/public/variant_asset/559/file/medium-f011f6b8c3b13a5b3b70e7cf77694c03.webp 900w, https://assets.fabulous.ch/public/variant_asset/559/file/large-e317e04175d54560cf777f925750dcf9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/559/file/medium-f011f6b8c3b13a5b3b70e7cf77694c03.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">benecos</p>
          <a href="/de/products/augenbrauen-stift-designer-braun-1-13g-1-stuck-610">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Augenbrauen Stift Designer Braun, 1,13g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hy7670bDlJtEDDqgy7USElGBlx8Q1g2JATj7zgRiGcnbAAotsmZXG0slbaTqo3t4qNHbbqEkhpoqQXAl-KUb4w" />
    <input value="610" 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/schoko-amaretti-vegan-bio-34-g-4f0e9dec-6874-430a-921a-be3cad5d6300-13692">
          <img alt="Schoko-Amaretti Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6577/file/small-b8ea5cc6a1d7038dd3d1a18bd94d0eb0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6577/file/medium-6fbd4f9277e7bf07e3294f2be3e3a8c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6577/file/large-1e42659174411a7601cbab59027fca7b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6577/file/medium-6fbd4f9277e7bf07e3294f2be3e3a8c1.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">Leibacher Biber-Manufaktur</p>
          <a href="/de/products/schoko-amaretti-vegan-bio-34-g-4f0e9dec-6874-430a-921a-be3cad5d6300-13692">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schoko-Amaretti Vegan Bio, 4 x 34 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 8.46 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ktJxT5en84v34vFhIRhM0z74JaojjOT410Fq04AV16nO_IGNYwIwC_jLpmUADiW5x6hp25J-b-v8OOE4fNLVgw" />
    <input value="13692" 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-deglet-nour-grossgebinde-bio-5-kg-8114">
          <img alt="Datteln ohne Stein Deglet Nour Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4750/file/small-4b30f2e1318bbfeb5ee63306e7a135b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4750/file/medium-3eb40ea817acb1f896e8b2c0908d2481.webp 900w, https://assets.fabulous.ch/public/variant_asset/4750/file/large-ca40799b4708031bba21225b469bd856.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4750/file/medium-3eb40ea817acb1f896e8b2c0908d2481.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/de/products/datteln-ohne-stein-deglet-nour-grossgebinde-bio-5-kg-8114">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Datteln ohne Stein Deglet Nour Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sIPtJyBjRoH1rir6_en1Njxq_uQoo_4MPs8boDW0g3DsrR3l1MaFAfqHff7c_5xcxTqylZlRdR8VtpBLyXOBWg" />
    <input value="8114" 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/gebrannte-mandel-creme-brotaufstrich-bio-250-g-7746">
          <img alt="Gebrannte Mandel Creme Brotaufstrich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4470/file/small-4f41b8ebefe4118fffc4c9c4f27b7c72.webp 600w, https://assets.fabulous.ch/public/variant_asset/4470/file/medium-9667f10b382bd8df606e818b1517b9f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4470/file/large-15a60ac3a15af39052371290947125ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4470/file/medium-9667f10b382bd8df606e818b1517b9f0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/gebrannte-mandel-creme-brotaufstrich-bio-250-g-7746">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gebrannte Mandel Creme Brotaufstrich Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o3T2t1Ct-PG_1GRQxkiWObeAd1_F3_yl6upWDMu8z4P_WgZ1pAg7cbD9M1TnXv9TTtA7LnQtd7bBk93nN3vNqQ" />
    <input value="7746" 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/sojadrink-ohne-zucker-bio-1-l-16810">
          <img alt="Sojadrink ohne Zucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7828/file/small-27be229077c1f3d388901ef41ae2115e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7828/file/medium-fcc5d6301af9525887c21cacd7b7966f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7828/file/large-e28de2c4b61d0b68a01f6775595e8990.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7828/file/medium-fcc5d6301af9525887c21cacd7b7966f.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">Alpro</p>
          <a href="/de/products/sojadrink-ohne-zucker-bio-1-l-16810">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sojadrink ohne Zucker Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="INw-N3wtM6gBlrWGIaHZxVN7TpJaiCEvb2EkVmHAXXB88s71iIjwKA6_4oIAt7CvqisC4-t6qjxEGK-9nQdfWg" />
    <input value="16810" 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/lammsbrau-bier-gluten-alkoholfrei-bio-330-ml-16516">
          <img alt="Lammsbräu Bier Gluten- &amp; Alkoholfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7613/file/small-adadc4b63062e726125a7cae88a036c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7613/file/medium-126798646f1c6ae92982b48495d7b846.webp 900w, https://assets.fabulous.ch/public/variant_asset/7613/file/large-1154a1d4464ff3d120c0eebbb5d2f64c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7613/file/medium-126798646f1c6ae92982b48495d7b846.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">Neumarkter Lammsbräu</p>
          <a href="/de/products/lammsbrau-bier-gluten-alkoholfrei-bio-330-ml-16516">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lammsbräu Bier Gluten- &amp; Alkoholfrei Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.85
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tortilla-chips-sea-salt-bio-150-g-11128">
          <img alt="Tortilla Chips Sea Salt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5696/file/small-3e4f90c76a0e9a4c6376ec5f898e81cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/5696/file/medium-4a2f50ab02a7dd8dcc384c1c83b723f5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5696/file/large-bb96f46a266cd52e6e28f2f2ba9eb7fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5696/file/medium-4a2f50ab02a7dd8dcc384c1c83b723f5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MiAdelita</p>
          <a href="/de/products/tortilla-chips-sea-salt-bio-150-g-11128">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tortilla Chips Sea Salt Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

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

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


  

  <div class="border-gray-200  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-omelette-ruhrei-stuck-bio-200-g-6950">
          <img alt="Vegane Alternative zu Omelette &amp; Rührei Stück Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4019/file/small-b39f72ef55fdec28906cae5d39216a1e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4019/file/medium-ea73ee8d18280c609e3d3660a127513c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4019/file/large-403bbf30942d50ea0e88c8958afd58b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4019/file/medium-ea73ee8d18280c609e3d3660a127513c.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/vegane-alternative-zu-omelette-ruhrei-stuck-bio-200-g-6950">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Alternative zu Omelette &amp; Rührei Stück 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-6950-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JQ6JRGR-vnOLlpwLYe5DTPWFuJXz60Pa0A4suLqbL8d5IHmGkNt984S_yw9A-ComDNX05EIZyMn7d6dTRlwt7Q" />
    <input value="6950" 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/new-roots-vegane-alternative-zu-joghurt-vanilla-bio-140-g-8414">
          <img alt="New Roots Vegane Alternative zu Joghurt - Vanilla Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4976/file/small-109de5fef6bf5f3bf429c80f629c1baa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4976/file/medium-721c18967ca4214200e2d83a8994309e.webp 900w, https://assets.fabulous.ch/public/variant_asset/4976/file/large-6bd1e6dc39ba6a171b24121381825585.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4976/file/medium-721c18967ca4214200e2d83a8994309e.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-vegane-alternative-zu-joghurt-vanilla-bio-140-g-8414">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots Vegane Alternative zu Joghurt - Vanilla Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.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 1.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zr5uP507AfNYZ6ZmvH3a3MvDAhqgRlTY3kMUA54BfMySkJ79aZ7Cc1dO8WKda7O2MpNOaxG038v1Op_oYsZ-5g" />
    <input value="8414" 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-450-g-16850">
          <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/7856/file/small-e0c66c0106e655bc907fac7ec42eaf2f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7856/file/medium-6aebe86043089dc76301295ac7171000.webp 900w, https://assets.fabulous.ch/public/variant_asset/7856/file/large-da9506a8e91775f2a8a6bf56ce4cdd26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7856/file/medium-6aebe86043089dc76301295ac7171000.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-450-g-16850">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cottage Pearls Vegane Alternative zu Hüttenkäse Bio, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bjKqWPlxkQb7z0PjNHN5J_4Ak_Q7VcyroPIwuMvlN2MyHFqaDdRShvTmFOcVZRBNB1DfhYqnR7iLi7tTNyI1SQ" />
    <input value="16850" 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/soyananda-meerrettich-fermentiert-bio-140-g-1861">
          <img alt="Soyananda Meerrettich fermentiert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1451/file/small-08da98fbafffe5d00b65b6156dc0fc14.webp 600w, https://assets.fabulous.ch/public/variant_asset/1451/file/medium-6386cd22a3e2f9e6f808a1de7cc83dff.webp 900w, https://assets.fabulous.ch/public/variant_asset/1451/file/large-8506c1d92be965a098636bd4160d6742.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1451/file/medium-6386cd22a3e2f9e6f808a1de7cc83dff.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/soyananda-meerrettich-fermentiert-bio-140-g-1861">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soyananda Meerrettich fermentiert Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-xjeyCBhcmwAl1u0fjFzX2TBz_vjiDdouSrU7eC8NYWnNi4K1MSx7A--DLBfJxo1nZGDilJ6vHuSU18GHHs3rw" />
    <input value="1861" 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/tempeh-holzgerauchert-schweiz-bio-150-g-16646">
          <img alt="Tempeh holzgeräuchert Schweiz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7705/file/small-570f35fe9a544fc68b86db9fbf4b8b1e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7705/file/medium-1406e6574cb0029d23cf7888029f1f49.webp 900w, https://assets.fabulous.ch/public/variant_asset/7705/file/large-c759c0e8a54d474c27d1c649dbda5b12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7705/file/medium-1406e6574cb0029d23cf7888029f1f49.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Futur</p>
          <a href="/de/products/tempeh-holzgerauchert-schweiz-bio-150-g-16646">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh holzgeräuchert Schweiz Bio, 150 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 3.07 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cejffcI5qVc4ls86ZNo_rLkYgl4dbfGOQmsdkvv_mkAtxi-_Npxq1ze_mD5FzFbGQEjOL6yfep1pEpZ5BziYag" />
    <input value="16646" 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-rahm-und-grillkase-nature-bio-200-g-11767">
          <img alt="Vegane Alternative zu Rahm- und Grillkäse Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6011/file/small-528e6f03457f4074ba66b3de5b58a85b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6011/file/medium-6007ae2a91e313ad8c4903970827410f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6011/file/large-a5dd70322835ad0a1d5d2a1ce76161f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6011/file/medium-6007ae2a91e313ad8c4903970827410f.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/vegane-alternative-zu-rahm-und-grillkase-nature-bio-200-g-11767">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Alternative zu Rahm- und Grillkäse Nature Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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.88 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FugF72c8cIEyzIL96kKxE7ilzaqF261Mv_LkcnVlmV5KxvUtk5mzAT3l1fnLVNh5QfWB2zQpJl-Ui2-ZiaKbdA" />
    <input value="11767" 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/bumi-pulled-seitan-gyros-bio-175-g-14596">
          <img alt="Bumi Pulled Seitan Gyros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6750/file/small-82795b43a0877175ca0602006b3030a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6750/file/medium-47fbf36ae166d759a38135cf42a77479.webp 900w, https://assets.fabulous.ch/public/variant_asset/6750/file/large-2ad32edcadbbcbe5a792ed12234f9f31.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6750/file/medium-47fbf36ae166d759a38135cf42a77479.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-gyros-bio-175-g-14596">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bumi Pulled Seitan Gyros 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-14596-card">
        

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

</template></turbo-stream>