<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/ami-cat-katzentrockennahrung-vegan-300-g-977">
          <img alt="AMI CAT Katzentrockennahrung Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/856/file/small-2a69f31724efea09ce2f4618c7bbc288.webp 600w, https://assets.fabulous.ch/public/variant_asset/856/file/medium-3ba690a27c9d8d061e4be9bdf718996b.webp 900w, https://assets.fabulous.ch/public/variant_asset/856/file/large-7f3f0ffd2da3040b58ec7eceb88893f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/856/file/medium-3ba690a27c9d8d061e4be9bdf718996b.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">AMI</p>
          <a href="/de/products/ami-cat-katzentrockennahrung-vegan-300-g-977">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">AMI CAT Katzentrockennahrung Vegan, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-ZXQG-6uMvslNee46GZbIDm_ouZz9vX_665Gt6MQ3lDvTaJ2_5Ffr-1V6XLD8MXVqgasB7zLjX5XkJEsdTo6iQ" />
    <input value="977" 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/ami-dog-trockenfutter-vegan-3-kg-980">
          <img alt="AMI DOG Trockenfutter Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/859/file/small-3686304d5dc6f1505fddbbb1fd68d490.webp 600w, https://assets.fabulous.ch/public/variant_asset/859/file/medium-a8a15ba958c6d951c0a90f4172213dcf.webp 900w, https://assets.fabulous.ch/public/variant_asset/859/file/large-64b5a29489018accdbadd08c2996692f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/859/file/medium-a8a15ba958c6d951c0a90f4172213dcf.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">AMI</p>
          <a href="/de/products/ami-dog-trockenfutter-vegan-3-kg-980">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">AMI DOG Trockenfutter Vegan, 3 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X9KZ3kVAwVdk0EBUH7l6vh-mivk2dQpKLmGG7k4C2wlJCuuzVH-sA6ywTp40L-RLjB-EGPlIcsuSX1F1mCg_0A" />
    <input value="980" 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-vego-mini-schokolade-mit-ganzen-haselnusse-bio-65-g-982">
          <img alt="Riegel Vego MINI Schokolade mit ganzen Haselnüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/865/file/small-d023531c0e19b1dd11b8c6658fcd8614.webp 600w, https://assets.fabulous.ch/public/variant_asset/865/file/medium-21f2ac0a11979004fc8f4fa139ef22fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/865/file/large-557421532cf47dba2c86950df4540623.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/865/file/medium-21f2ac0a11979004fc8f4fa139ef22fa.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">Vego Chocolate</p>
          <a href="/de/products/riegel-vego-mini-schokolade-mit-ganzen-haselnusse-bio-65-g-982">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Vego MINI Schokolade mit ganzen Haselnüsse Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9I9g4ZlHugai3w2S0XEki5CYJqE9gu0p4vj05ma8oDniVxKMiHjXUmq_A1j657p-AyEoQPK_lahexiN9sJZE4A" />
    <input value="982" 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/sandwich-pastete-curry-sesam-bio-125-g-1012">
          <img alt="Sandwich Pastete Curry Sesam Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/887/file/small-08d97158e003204aa64f35dbf921dc6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/887/file/medium-398e66718508f29874d34e4175cc56d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/887/file/large-62dc3998e57324fb36fa32cd2dd18382.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/887/file/medium-398e66718508f29874d34e4175cc56d2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/de/products/sandwich-pastete-curry-sesam-bio-125-g-1012">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sandwich Pastete Curry Sesam Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yCbCgIcUHFhNnIwP5fjedvHy8U4evp7DEHEUqMB3BZHe_rDtlitxDIX8gsXObkCDYkv_r9GD5kKsT8MzFl3hSA" />
    <input value="1012" 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/sandwich-pastete-kichererbsen-sesamol-bio-125-g-1013">
          <img alt="Sandwich Pastete Kichererbsen Sesamöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/888/file/small-9afbd0aac6e8aba0dcc668a7f5c7be73.webp 600w, https://assets.fabulous.ch/public/variant_asset/888/file/medium-1137fd105935494cd504bb3e89c99c95.webp 900w, https://assets.fabulous.ch/public/variant_asset/888/file/large-1ab317a7b7befd62aba83d4f2930a836.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/888/file/medium-1137fd105935494cd504bb3e89c99c95.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/de/products/sandwich-pastete-kichererbsen-sesamol-bio-125-g-1013">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sandwich Pastete Kichererbsen Sesamöl Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kt7fhv4z7ZdZch3WiqDQVIT6t4YeV3b38t5GLfUVsZSEBq3r7wyAw5ESExyhNk6hF0O5Z9FqDnZO4JG2Iz9VTQ" />
    <input value="1013" 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/soja-sauce-tamari-strong-bio-500-ml-1016">
          <img alt="Soja Sauce Tamari Strong Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/891/file/small-89e2cb73faa0b8fa1155118463ac88ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/891/file/medium-2bfbd3e91b3128f6b75ac186c84a74e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/891/file/large-852e95c2464b83f805ab1a60ca584e8a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/891/file/medium-2bfbd3e91b3128f6b75ac186c84a74e6.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">Lima</p>
          <a href="/de/products/soja-sauce-tamari-strong-bio-500-ml-1016">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Sauce Tamari Strong Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SXRdgR0eP6r6jhZWNIXNNRc4OiMkK2ACd8LynO-ijB9frC_sDCFS_jLuGJwfE1PAhIE0wusWGIPL_CUHOYhoxg" />
    <input value="1016" 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/nassfutter-ami-dog-yellow-vegan-400-g-1018">
          <img alt="Nassfutter Ami Dog YELLOW Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/892/file/small-06fcf0bc19f948661df027f5d79ee1ae.webp 600w, https://assets.fabulous.ch/public/variant_asset/892/file/medium-c8cf6533c6c688b136d67e3227b01420.webp 900w, https://assets.fabulous.ch/public/variant_asset/892/file/large-5cdcd83a25e409ed0c3f64dcaf0caa23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/892/file/medium-c8cf6533c6c688b136d67e3227b01420.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">AMI</p>
          <a href="/de/products/nassfutter-ami-dog-yellow-vegan-400-g-1018">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nassfutter Ami Dog YELLOW Vegan, 400 g</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.85 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SXW-WnbG2c_DGJZ3tkMAUubBCy8g4-hDU340NWw44J5frcw3Z_m0mwt4mL2d1Z6ndXgFzu_ekMLvQOOuuhIERw" />
    <input value="1018" 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/benevo-duo-hunde-und-katzennahrung-369-g-1019">
          <img alt="Benevo Duo Hunde- und Katzennahrung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/893/file/small-2b8aa7fb19e244aa194a786edc141ea6.webp 600w, https://assets.fabulous.ch/public/variant_asset/893/file/medium-6fd510290412d3673d14f7990d3ad506.webp 900w, https://assets.fabulous.ch/public/variant_asset/893/file/large-9d5244f7dfb276630b82d6243ea4eef8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/893/file/medium-6fd510290412d3673d14f7990d3ad506.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">Benevo</p>
          <a href="/de/products/benevo-duo-hunde-und-katzennahrung-369-g-1019">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Benevo Duo Hunde- und Katzennahrung, 369 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-1019-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/zitronenschale-gerieben-glutenfrei-bio-9-g-1060">
          <img alt="Zitronenschale gerieben Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/931/file/small-97abdee48e2a339b460b8872b14614a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/931/file/medium-41ff5bbe660dcb55a997797e8d1288d5.webp 900w, https://assets.fabulous.ch/public/variant_asset/931/file/large-026d7d1fe20ad64b1fcb2aea270dba7f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/931/file/medium-41ff5bbe660dcb55a997797e8d1288d5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/de/products/zitronenschale-gerieben-glutenfrei-bio-9-g-1060">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zitronenschale gerieben Glutenfrei Bio, 9 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Lu33mm5UFYLiGkPD7FVQclO-iVsBK7rnKxwZeEQJwmM4NYX3f2t41ip6TQnHw86HwAeHus4WwmaXIs7jkiMmug" />
    <input value="1060" 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/vanille-bourbon-gemahlen-bio-5-g-1061">
          <img alt="Vanille Bourbon gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/933/file/small-4a703cffc36996e3116ff70da41a87fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/933/file/medium-ddc42e5323d7af04707bf6d65b75cfc9.webp 900w, https://assets.fabulous.ch/public/variant_asset/933/file/large-44d76a7698b7e32194bc1923e092f20e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/933/file/medium-ddc42e5323d7af04707bf6d65b75cfc9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/de/products/vanille-bourbon-gemahlen-bio-5-g-1061">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vanille Bourbon gemahlen Bio, 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wguz1vo93g2HamVJB30LsXU-6LUjpzPhN_9Z06bPpMXU08G76wKzWU8Ka4Ms65VE5ofmVOyaS2CLwY5IcOVAHA" />
    <input value="1061" 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/tomatenmark-22-tr-m-in-der-tube-bio-200-g-1073">
          <img alt="Tomatenmark 22% Tr.M. in der Tube Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/945/file/small-7da296b0935ac085d29b0d47c133f81e.webp 600w, https://assets.fabulous.ch/public/variant_asset/945/file/medium-81ac1a94c87091a1fc15107b9010f4c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/945/file/large-6f228d73d6ef00b499ed19964af98c16.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/945/file/medium-81ac1a94c87091a1fc15107b9010f4c5.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/tomatenmark-22-tr-m-in-der-tube-bio-200-g-1073">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomatenmark 22% Tr.M. in der Tube Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hOj8JIm1uRa7EXLTAcW97b1WFk0gE5Q7DChWtnAgL6aSMI5JmIrUQnNxfBkqUyMYLu8YrO8u7LqwFoEtpgrLfw" />
    <input value="1073" 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/vitamin-b12-urintest-1-stuck-1077">
          <img alt="Vitamin B12 Urintest" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/950/file/small-b679846a5366ae09d68915e30ef7bb94.webp 600w, https://assets.fabulous.ch/public/variant_asset/950/file/medium-898fa27c9a910c5f42182703feb92785.webp 900w, https://assets.fabulous.ch/public/variant_asset/950/file/large-fc19d82428e04982b25f56b51ea31438.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/950/file/medium-898fa27c9a910c5f42182703feb92785.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">ortho-analytic</p>
          <a href="/de/products/vitamin-b12-urintest-1-stuck-1077">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin B12 Urintest, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 99.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yRQkNEM5waLqTQQiwxDua4Tn0KgyMZmk_n5zgDpuL8jfzFZZUgas9iItCujohnCeF17eSf0M4SVCQKQb7ETLEQ" />
    <input value="1077" 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/baby-kinder-pflegecreme-sensitiv-75-ml-1105">
          <img alt="Baby &amp; Kinder Pflegecreme Sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/983/file/small-c66ef667cb4d2860e06a37ccd28fcb23.webp 600w, https://assets.fabulous.ch/public/variant_asset/983/file/medium-be499f29967f3f433bae5516983c2844.webp 900w, https://assets.fabulous.ch/public/variant_asset/983/file/large-ce940b27d10005b2349d9bbc6c8fb0bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/983/file/medium-be499f29967f3f433bae5516983c2844.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">Lavera</p>
          <a href="/de/products/baby-kinder-pflegecreme-sensitiv-75-ml-1105">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baby &amp; Kinder Pflegecreme Sensitiv, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VfmZBAgMdqpwW-u6U6x1AtKTSP4345VjAiUwbs0vvZZDIetpGTMb_rg75XB4Ouv3QSpGH_je7eK-G-f1GwVZTw" />
    <input value="1105" 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/kokosmilch-bio-200-ml-1111">
          <img alt="Kokosmilch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/988/file/small-ccc537bb0d897547b8ed744754457809.webp 600w, https://assets.fabulous.ch/public/variant_asset/988/file/medium-04d42cbc8bbf1277410bcd4a188b2fc8.webp 900w, https://assets.fabulous.ch/public/variant_asset/988/file/large-1c79aed0f150cfb9ff7848ad0b437933.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/988/file/medium-04d42cbc8bbf1277410bcd4a188b2fc8.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/kokosmilch-bio-200-ml-1111">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosmilch Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zF2Wx7ffaRoexd_Kt7wfIsn0d_JJtHS8Mg7n4KzLN_7aheSqpuAETtal0QCcKoHXWk15E4aJDD2OMDB7euHTJw" />
    <input value="1111" 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/erbsen-protein-pulver-bio-100-g-1112">
          <img alt="Erbsen Protein Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/990/file/small-c642aad954be1b85967e53d98669d8a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/990/file/medium-4c159cc2bbdf5005b29c555f0c770a0b.webp 900w, https://assets.fabulous.ch/public/variant_asset/990/file/large-9506f9c74d223f56739f7d5db16a30b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/990/file/medium-4c159cc2bbdf5005b29c555f0c770a0b.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">Raab</p>
          <a href="/de/products/erbsen-protein-pulver-bio-100-g-1112">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Erbsen Protein Pulver Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TDUvdCLE3uJPN22A9PKOz1ErDHwGSxlUgb3EqPTsxNZa7V0ZM_uztodXY0rfZBA6wpICncl2YdU9gxMzIsYgDw" />
    <input value="1112" 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/hanfsamen-geschalt-bio-150-g-1119">
          <img alt="Hanfsamen geschält Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/995/file/small-f0bf5ffd8ae12304f455b15ec6bc4b09.webp 600w, https://assets.fabulous.ch/public/variant_asset/995/file/medium-d6df6aeb6c99016393e5b0ccbe373096.webp 900w, https://assets.fabulous.ch/public/variant_asset/995/file/large-cce609d5b8d2eb9fc62887fc2ab74057.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/995/file/medium-d6df6aeb6c99016393e5b0ccbe373096.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Davert</p>
          <a href="/de/products/hanfsamen-geschalt-bio-150-g-1119">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hanfsamen geschält Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G9k__uKWOs1Yt-tyq28wDhdnMxakY2laYbULvSlDPOMNAU2T86lXmZDX5biA-a77hN4992teEdvdi9wm_2nYOg" />
    <input value="1119" 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-nibs-fairtrade-bio-150-g-1120">
          <img alt="Kakao Nibs Fairtrade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/998/file/small-9a1646027d377fcd777c4aac011963b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/998/file/medium-74ed58ba7017120007d5be5f2ba219d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/998/file/large-a646b66295212dc58dd3665bd810ff44.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/998/file/medium-74ed58ba7017120007d5be5f2ba219d2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Davert</p>
          <a href="/de/products/kakao-nibs-fairtrade-bio-150-g-1120">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kakao Nibs Fairtrade Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QJyVU7nIutMTCsLk7DjAKkT-tZjE2lLRpoRfvDWq1NlWROc-qPfXh9tqzC7Hrl7f10e7eQvnKlAauogn44AwAA" />
    <input value="1120" 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/muslikeks-fur-unterwegs-bio-150-g-1133">
          <img alt="MüsliKeks für Unterwegs Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1010/file/small-8e38e22b99e481127938b79b28b9a7e0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1010/file/medium-b5958faa03d93928e680fc092aac7a6c.webp 900w, https://assets.fabulous.ch/public/variant_asset/1010/file/large-47f1363bbf73f9d08802d8ee30f87864.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1010/file/medium-b5958faa03d93928e680fc092aac7a6c.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">Bohlsener Mühle</p>
          <a href="/de/products/muslikeks-fur-unterwegs-bio-150-g-1133">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MüsliKeks für Unterwegs Bio, 150 g</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 2.27 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OlstbOZTQpWQleR2QyTlzod1Df6CXHeQf0aubaO0pCAsg18B92wvwVj16rxosns7FMwDH01hDxHDeHn2dZ5A-Q" />
    <input value="1133" 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/traubenkernmehl-pulver-bio-140-g-1146">
          <img alt="Traubenkernmehl Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1017/file/small-ee28729895913a64cfb4106d5dc94f05.webp 600w, https://assets.fabulous.ch/public/variant_asset/1017/file/medium-1ef2416c2edf2e6ade4f57dd778a33b8.webp 900w, https://assets.fabulous.ch/public/variant_asset/1017/file/large-5851072353823cf21940d56df5b51972.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1017/file/medium-1ef2416c2edf2e6ade4f57dd778a33b8.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">Raab</p>
          <a href="/de/products/traubenkernmehl-pulver-bio-140-g-1146">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Traubenkernmehl Pulver Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XAzWCdxhDKwhl7viuN2aTAVAF8FczpgrSk2-CEx02aFK1KRkzV5h-On3tSiTSwS5lvkZIJPz4Kr2c2mTml49eA" />
    <input value="1146" 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/aqua-verde-coco-juice-bio-330-ml-1150">
          <img alt="Aqua Verde Coco Juice Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1022/file/small-4227497e095e0660330c570661e470e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/1022/file/medium-a5b63129b829968c98609ae336e76252.webp 900w, https://assets.fabulous.ch/public/variant_asset/1022/file/large-9712d91239d83136ed5bd424fb675e75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1022/file/medium-a5b63129b829968c98609ae336e76252.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">Dr. Antonio Martins</p>
          <a href="/de/products/aqua-verde-coco-juice-bio-330-ml-1150">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Aqua Verde Coco Juice Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uOgYnnWjVfLJzE64CPjTxwNuz1hIXsxzUyDHn7La5qKuMGrzZJw4pgGsQHIjbk0ykNfBuYdjtPLvHhAEZPACew" />
    <input value="1150" 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">
      1&#39;100 von 3&#39;177 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/pasta-d-alba?format=turbo_stream&amp;page=56">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>