<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/edelmuesli-sweet-banana-rohkostqualitat-bio-250-g-16900">
          <img alt="Edelmüesli Sweet Banana Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7876/file/small-f9d433fcf28144b2d2f4cd382884b075.webp 600w, https://assets.fabulous.ch/public/variant_asset/7876/file/medium-4b1c00a8212abb586f260e2d12ca41b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7876/file/large-3031a25e696b0b7ea5fe1419fea89665.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7876/file/medium-4b1c00a8212abb586f260e2d12ca41b5.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">Naturkostbar</p>
          <a href="/de/products/edelmuesli-sweet-banana-rohkostqualitat-bio-250-g-16900">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Edelmüesli Sweet Banana Rohkostqualität Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MPlKbAfoXd2Y86wwuEnD1Z81syzJPohskci9jbkAA5dYGQH-X1QeOd3Uv8HZP1GEDyw9aAwvIoCZHrEtYgMqsQ" />
    <input value="16900" 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/pistazien-rohkostqualitat-ungesalzen-bio-250-g-6715">
          <img alt="Pistazien Rohkostqualität Ungesalzen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3876/file/small-c37ac01ddeb84f509b05329e05177ed0.webp 600w, https://assets.fabulous.ch/public/variant_asset/3876/file/medium-d57be92b346708b54465be9735df1ecf.webp 900w, https://assets.fabulous.ch/public/variant_asset/3876/file/large-7891d66bb9f95e7a4d54baf6a035100c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3876/file/medium-d57be92b346708b54465be9735df1ecf.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">Naturkostbar</p>
          <a href="/de/products/pistazien-rohkostqualitat-ungesalzen-bio-250-g-6715">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pistazien Rohkostqualität Ungesalzen Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2tWV0OzsE6mnsp2J2qvPA8yEmO17NcrBebLzOVuTUtmyNd5CtFBQTeKVjni73V1SXJ0Wqb4kYC1xZP-ZgJB7_w" />
    <input value="6715" 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/pralinen-symphonie-n-1-bio-72-g-6693">
          <img alt="Pralinen Symphonie N°1 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3869/file/small-38d97e7550ad2e746af89582d6af22a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3869/file/medium-eda0785e40f7215c7bac2cd65b5a85fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/3869/file/large-563d9548f17515fe68c13d4f5abae7a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3869/file/medium-eda0785e40f7215c7bac2cd65b5a85fa.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">Naturkostbar</p>
          <a href="/de/products/pralinen-symphonie-n-1-bio-72-g-6693">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinen Symphonie N°1 Bio, 72 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2B7b5yXxGD23ABi0ZficK8fp8c6mAtP--XKV7ICF1fCw_pB1fU1b2fInC0UEjg56V_B_imMTeRLxpJlMW4b81g" />
    <input value="6693" 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/pralinen-matcha-6er-box-bio-72-g-15361">
          <img alt="Pralinen Matcha 6er Box Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7013/file/small-a7559d02da88b64785efabf6a112c024.webp 600w, https://assets.fabulous.ch/public/variant_asset/7013/file/medium-4a4ef23dd594dacc34d9d67303c6b13e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7013/file/large-93c866b2d239e9313672513ef50cd2b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7013/file/medium-4a4ef23dd594dacc34d9d67303c6b13e.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">Naturkostbar</p>
          <a href="/de/products/pralinen-matcha-6er-box-bio-72-g-15361">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinen Matcha 6er Box Bio, 72 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rDxfAp-uJHDBNeeXRv4jS11I2okDqMgp5xwmeUNqVULE3BSQxxJnlIQS9GYniLEazVFUzca5YsXvyirZmGl8ZA" />
    <input value="15361" 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/pralinen-gianduja-6er-box-bio-72-g-4217">
          <img alt="Pralinen Gianduja 6er Box Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2649/file/small-7b9d43198751af10671cc94c1972d3e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/2649/file/medium-0766cb692a8c7e07bd11db360ae924f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/2649/file/large-584282132d092cbdc77e131cc418eb15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2649/file/medium-0766cb692a8c7e07bd11db360ae924f9.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">Naturkostbar</p>
          <a href="/de/products/pralinen-gianduja-6er-box-bio-72-g-4217">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinen Gianduja 6er Box Bio, 72 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ULzLtkrfrpbRcEOpJvzsBwaVu2arCS7LMJcNQVn3sh04XIAkEmPtcpRXUFhHin5Wlow1Im4YhCc4QQHhgvSbOw" />
    <input value="4217" 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/pralinen-classic-6er-box-bio-72-g-11243">
          <img alt="Pralinen Classic 6er Box Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5756/file/small-865fa5ac6e018f49549b7c74665e9591.webp 600w, https://assets.fabulous.ch/public/variant_asset/5756/file/medium-ef3d055ab52ec5553e986eec475a6d71.webp 900w, https://assets.fabulous.ch/public/variant_asset/5756/file/large-603a1a0d1a9f43adf7177206e2b7c7f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5756/file/medium-ef3d055ab52ec5553e986eec475a6d71.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">Naturkostbar</p>
          <a href="/de/products/pralinen-classic-6er-box-bio-72-g-11243">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinen Classic 6er Box Bio, 72 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5aWCeI91gjy4OCS2shgaRrBh_fyY2CjpOSjEU0vVnamNRcnq18nB2P0fN0fTbogXIHhzuF3JggUx_sjzkNa0jw" />
    <input value="11243" 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/pralinen-himbeer-6er-box-bio-72-g-4215">
          <img alt="Pralinen Himbeer 6er Box Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2648/file/small-4d6bab69ac1245d4548ac40fb88e5b72.webp 600w, https://assets.fabulous.ch/public/variant_asset/2648/file/medium-8ea97910f51cc6d1acde3301d1b0d991.webp 900w, https://assets.fabulous.ch/public/variant_asset/2648/file/large-00d7099b4de7044e5af992c28040d1ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2648/file/medium-8ea97910f51cc6d1acde3301d1b0d991.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">Naturkostbar</p>
          <a href="/de/products/pralinen-himbeer-6er-box-bio-72-g-4215">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinen Himbeer 6er Box Bio, 72 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6EJduftLVBhiVJS0H8uDfbyZCbVCr6u_N6EgNrWIM8WAohYro_cX_Cdzh0V-vREsLICH8Ye-AVM_dyyWbosa4w" />
    <input value="4215" 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/gondino-pfeffer-vegane-alternative-zu-hartkase-bio-150-g-13206">
          <img alt="Gondino Pfeffer Vegane Alternative zu Hartkäse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6428/file/small-74988f911bade2414193196d465dd685.webp 600w, https://assets.fabulous.ch/public/variant_asset/6428/file/medium-fe08132ab6beff6acf73876f9a1844b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/6428/file/large-f37a2aa384e6cbfc36456c8ebc0c6e7e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6428/file/medium-fe08132ab6beff6acf73876f9a1844b9.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">Pangea Food</p>
          <a href="/de/products/gondino-pfeffer-vegane-alternative-zu-hartkase-bio-150-g-13206">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gondino Pfeffer Vegane Alternative zu Hartkäse Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.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 5.67 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13206-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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gondino-grattugiato-gerieben-150-g-7322">
          <img alt="Gondino Grattugiato gerieben" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4181/file/small-79e9204dfee4f60c74167bcde972a5c0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4181/file/medium-2a251fe136125e2e0312f199b30251a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4181/file/large-5cdc60e2390962a4535e3cf7a62cbdcc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4181/file/medium-2a251fe136125e2e0312f199b30251a0.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">Pangea Food</p>
          <a href="/de/products/gondino-grattugiato-gerieben-150-g-7322">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gondino Grattugiato gerieben, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IDfnYgtBOuOtqRwkAwlviKA0f31udp8OkaaYenPzbSJI16zwU_15B-iOD9Vif_3ZMC3xOatnNeKZcJTaqPBEBA" />
    <input value="7322" 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/vegane-alternative-zu-burrata-cashew-herz-bio-140-g-11180">
          <img alt="Vegane Alternative zu Burrata Cashew Herz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5730/file/small-b30a4205e4d98916cf2802c67302b608.webp 600w, https://assets.fabulous.ch/public/variant_asset/5730/file/medium-8d3a1a94647e1cb389968c7765139d0e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5730/file/large-bdccc99d8a80b5cc3aa03dc19e0ba86c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5730/file/medium-8d3a1a94647e1cb389968c7765139d0e.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">Fermaggio</p>
          <a href="/de/products/vegane-alternative-zu-burrata-cashew-herz-bio-140-g-11180">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Alternative zu Burrata Cashew Herz Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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.43 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-11180-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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hafer-drink-fettarm-bio-1-l-15165">
          <img alt="Hafer Drink fettarm Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6943/file/small-17b6feed4f14f8ef519867dded4710d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6943/file/medium-b64e87d8f644830d5e200bd85075f88a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6943/file/large-db8943d4fb00fc3100da411e8a64d518.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6943/file/medium-b64e87d8f644830d5e200bd85075f88a.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">Allos</p>
          <a href="/de/products/hafer-drink-fettarm-bio-1-l-15165">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Drink fettarm Bio, 1 l</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 0.29 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rxxc_3a4bAEE-c0UpI8YhJL5gO04A0CAL1uOTva-HUXH_BdtLgQv5UHe3uXF-YrVAuAOqf0S6mwnjYLuLb00Yw" />
    <input value="15165" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mehl-maranta-tapioka-mehl-starkemehl-150-g-1230">
          <img alt="Mehl Maranta / Tapioka-Mehl Stärkemehl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1070/file/small-d3ab7cde2baa778179c8a1bf1074fbd4.webp 600w, https://assets.fabulous.ch/public/variant_asset/1070/file/medium-4183d617b87d7f8adfa35ef0f8f8a620.webp 900w, https://assets.fabulous.ch/public/variant_asset/1070/file/large-1f90c71a9e522a416fbff8c8d8951a82.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1070/file/medium-4183d617b87d7f8adfa35ef0f8f8a620.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/mehl-maranta-tapioka-mehl-starkemehl-150-g-1230">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Maranta / Tapioka-Mehl Stärkemehl, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7LwQmYgg1z9wWxYo2y7iTdFSWwoS8pbaZBajsvzAWgOEXFsL0JyU2zV8Bdm6WHAcQUvVTtfjPDZswK8SJ8NzJQ" />
    <input value="1230" 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/explore-cuisine-edamame-spaghetti-bio-200-g-14662">
          <img alt="Explore Cuisine Edamame Spaghetti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6779/file/small-094ec542404daf9b380c8b94e9c1be4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6779/file/medium-86e8490b31926795f38468f3decffe28.webp 900w, https://assets.fabulous.ch/public/variant_asset/6779/file/large-c4669572a9a9ef07a2345b5d882d2a9a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6779/file/medium-86e8490b31926795f38468f3decffe28.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">Explore Cuisine</p>
          <a href="/de/products/explore-cuisine-edamame-spaghetti-bio-200-g-14662">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Explore Cuisine Edamame Spaghetti Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9sfloRE-ER851nnqyA61qEJ4r_a2djc5Xt50XGH4KJSeJ64zSYJS-3zxahupeCf50mEhsnNnndVWCHj8uvsBsg" />
    <input value="14662" 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/curry-paste-tandoori-glutenfrei-bio-190-g-1339">
          <img alt="Curry Paste Tandoori Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1126/file/small-27d2885a4c0608f56a4a9f89ef12a860.webp 600w, https://assets.fabulous.ch/public/variant_asset/1126/file/medium-deb45b9ae7b28428acd4c9d1c2bc7137.webp 900w, https://assets.fabulous.ch/public/variant_asset/1126/file/large-d1324b682f387ea817c1ac179cf88d8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1126/file/medium-deb45b9ae7b28428acd4c9d1c2bc7137.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">Sanchon</p>
          <a href="/de/products/curry-paste-tandoori-glutenfrei-bio-190-g-1339">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Curry Paste Tandoori Glutenfrei Bio, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9cAYwx3AUOZw5G9OlLkPEEXtJQ0gOIj1_ZSgPjjFBgedIFNRRXwTAjXDfL_1z51B1fSrSeUpIhn1Qqye48YvIQ" />
    <input value="1339" 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/kakao-haselnussmus-mit-dattel-bio-250-g-12967">
          <img alt="Kakao &amp; Haselnussmus mit Dattel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6369/file/small-032235e2041dcc4f010030a78daf952a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6369/file/medium-0fc7ed337eeb90996b1f6e2bf18289d3.webp 900w, https://assets.fabulous.ch/public/variant_asset/6369/file/large-f5d5549f03f3015d7bdd17c18629b0ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6369/file/medium-0fc7ed337eeb90996b1f6e2bf18289d3.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/kakao-haselnussmus-mit-dattel-bio-250-g-12967">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kakao &amp; Haselnussmus mit Dattel Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FZXTiBoZBCI4FC4Z5ntqwtoc8PAVlkJf_6XbX0vrVk99dZgaQqVHxn0zPeiHDfiTSgV-tNCH6LP3c9f_kOh_aQ" />
    <input value="12967" 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/ol-kurbiskernol-gerostet-bio-250-ml-7451">
          <img alt="Öl Kürbiskernöl geröstet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4266/file/small-994540a581d13b784cb047ec79a45b2f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4266/file/medium-0a211e7b0653d94cd4d488a5b858e536.webp 900w, https://assets.fabulous.ch/public/variant_asset/4266/file/large-7d79fed3888182f874b3cef207ac497e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4266/file/medium-0a211e7b0653d94cd4d488a5b858e536.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 Planète</p>
          <a href="/de/products/ol-kurbiskernol-gerostet-bio-250-ml-7451">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Öl Kürbiskernöl geröstet Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T8N-uxFiGKpfk5D2YSuF8ZEibtwZuMsbNIOL4cIKbSwnIzUpSd5bThq0gwcAXRegATvgmNypYfc8VYdBGQlECg" />
    <input value="7451" 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/energieriegel-lifebar-feige-raw-bio-40-g-16529">
          <img alt="Energieriegel Lifebar Feige Raw Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7619/file/small-5c72cf1b57ccc29cbaeeaf1d403104aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/7619/file/medium-289c52b3dcd648aca8125519553a4d73.webp 900w, https://assets.fabulous.ch/public/variant_asset/7619/file/large-a6522feb8d695234472485d242af3b5e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7619/file/medium-289c52b3dcd648aca8125519553a4d73.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">Lifefood</p>
          <a href="/de/products/energieriegel-lifebar-feige-raw-bio-40-g-16529">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Energieriegel Lifebar Feige Raw Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RYmN1Ilrcpk31OdbcqLfYhREdaYGDFEuO2vX0HO4nMstacZG0dcxfXLz9KoT1E0zhF374sMd-8IzvdtwqLu17Q" />
    <input value="16529" 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-mayonnaise-veganaise-di-riso-natur-bio-170-g-986">
          <img alt="Vegane Alternative zu Mayonnaise Veganaise di Riso NATUR Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/864/file/small-154cd520c67251f42e59055df74381c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/864/file/medium-854f837b5295163b15d0a2dddc8f5258.webp 900w, https://assets.fabulous.ch/public/variant_asset/864/file/large-800cfe6d04b28f807f784c891113cfaa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/864/file/medium-854f837b5295163b15d0a2dddc8f5258.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">Gautschi</p>
          <a href="/de/products/vegane-alternative-zu-mayonnaise-veganaise-di-riso-natur-bio-170-g-986">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Alternative zu Mayonnaise Veganaise di Riso NATUR Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8qeWtzH-tdwryqJOLA_RhsgOdQYd1r8aEitsJe1mNg6aR90laUL2OG7tsb9NeUPXWBf7QtjHFfYa_WCFNmUfKA" />
    <input value="986" 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/riegel-rhythm-108-kokosnuss-schokolade-gf-bio-33-g-4491">
          <img alt="Riegel Rhythm 108 Kokosnuss Schokolade GF Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2776/file/small-82b1e1180293879f040fc90498337f39.webp 600w, https://assets.fabulous.ch/public/variant_asset/2776/file/medium-836e35d7eab8011c6d7dd2cc92c1a469.webp 900w, https://assets.fabulous.ch/public/variant_asset/2776/file/large-3176fd9f1f233c65ea60969298593813.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2776/file/medium-836e35d7eab8011c6d7dd2cc92c1a469.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">Rhythm 108</p>
          <a href="/de/products/riegel-rhythm-108-kokosnuss-schokolade-gf-bio-33-g-4491">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Rhythm 108 Kokosnuss Schokolade GF Bio, 33 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wsOkrAMK4YNxNBRuuG9bC21Ddl7uZMKGRa8MvcEOk6CqI-8-W7aiZzQTB5_ZGcla_Vr4Git1aGpNeQAdGg26hg" />
    <input value="4491" 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/rohkostriegel-kakao-nibs-mandeln-bio-30-g-15822">
          <img alt="Rohkostriegel Kakao Nibs &amp; Mandeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7220/file/small-6cebbdf9a06ffba7718f48ab95b89d90.webp 600w, https://assets.fabulous.ch/public/variant_asset/7220/file/medium-dadcab41cf9a76da1c5fecabf8acccfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7220/file/large-e0f34227bf44dd955a1709f463fbd284.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7220/file/medium-dadcab41cf9a76da1c5fecabf8acccfc.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">Roo&#39;Bar</p>
          <a href="/de/products/rohkostriegel-kakao-nibs-mandeln-bio-30-g-15822">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rohkostriegel Kakao Nibs &amp; Mandeln Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9O9Ksn_lNS3v1Cm1d_Yprg8En3OiMzCDkMqq2yIMMJKcDwEgJ1l2yarzOkQWgLv_nx0RN2cimm-YHKZ7-Q8ZtA" />
    <input value="15822" 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">
      940 von 3&#39;184 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/sproud?format=turbo_stream&amp;page=48">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>