<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/bodylotion-kokosnuss-coconut-mit-spender-bio-245-ml-6670">
          <img alt="Bodylotion Kokosnuss (Coconut) mit Spender Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3859/file/small-86ad18cc4e049c6a0ea5f61f3c1b93d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3859/file/medium-e3363762a7af312009a56652b737ee84.webp 900w, https://assets.fabulous.ch/public/variant_asset/3859/file/large-5e026a146e4c673ed5c6ec02df4b0e14.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3859/file/medium-e3363762a7af312009a56652b737ee84.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">Urtekram</p>
          <a href="/de/products/bodylotion-kokosnuss-coconut-mit-spender-bio-245-ml-6670">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bodylotion Kokosnuss (Coconut) mit Spender Bio, 245 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BUYMx7Z_HixeXvnZ8zg5yy0UL6Cj7Lru6w207SpotwI9C6hOGh-wDa7aXtLHgfpr33UHznOqVrwpY_vter6sZA" />
    <input value="6670" 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/haselnussmus-rohkost-bio-180-g-6688">
          <img alt="Haselnussmus Rohkost Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3863/file/small-07fd85963839c2ee7992a50f91d02f84.webp 600w, https://assets.fabulous.ch/public/variant_asset/3863/file/medium-37c09585b13d2d58a7ff8a366f6de313.webp 900w, https://assets.fabulous.ch/public/variant_asset/3863/file/large-c5c94481bc00b742eef0381c8184ed20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3863/file/medium-37c09585b13d2d58a7ff8a366f6de313.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/haselnussmus-rohkost-bio-180-g-6688">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haselnussmus Rohkost Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

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

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/creme-de-carob-bio-200-g-6691">
          <img alt="Creme de Carob Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3868/file/small-43f587b2a740c4e637ef03e322672cd6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3868/file/medium-411b790e9e53cdd2bc6634583b694cdb.webp 900w, https://assets.fabulous.ch/public/variant_asset/3868/file/large-d3ce5d7f43e6724fdaebcf3353ec5c4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3868/file/medium-411b790e9e53cdd2bc6634583b694cdb.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/creme-de-carob-bio-200-g-6691">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Creme de Carob Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </div>
    </div>
  </div>


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/shampoo-haar-seife-citronella-aleppo-plastikfrei-100-g-6699">
          <img alt="Shampoo Haar-Seife Citronella Aleppo #plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3871/file/small-d18c7fb29b6c264b4dbb0fea89469f2c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3871/file/medium-ba3364a00e9aae34ab52e29914f5b284.webp 900w, https://assets.fabulous.ch/public/variant_asset/3871/file/large-1d3ddc78e814827c977fb0dc36724882.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3871/file/medium-ba3364a00e9aae34ab52e29914f5b284.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">FINigrana</p>
          <a href="/de/products/shampoo-haar-seife-citronella-aleppo-plastikfrei-100-g-6699">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Haar-Seife Citronella Aleppo #plastikfrei, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u495jh190Cp_h8YeT_APZmQftR2gUISqWFM0d4WOqImDwt0HsR1-C48DYRV7SczGln6dc3AWaPiaPXt31Viz7w" />
    <input value="6699" 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/shampoo-haar-seife-rosmarin-aleppo-plastikfrei-100-g-6702">
          <img alt="Shampoo Haar-Seife Rosmarin Aleppo #plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3872/file/small-e55662ce9405a1ff4d05d79c1070e2c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3872/file/medium-5a3d9a2ca881dae33e757b6d6a085049.webp 900w, https://assets.fabulous.ch/public/variant_asset/3872/file/large-5f638ebfef8b003c2375f6eab2aaa015.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3872/file/medium-5a3d9a2ca881dae33e757b6d6a085049.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">FINigrana</p>
          <a href="/de/products/shampoo-haar-seife-rosmarin-aleppo-plastikfrei-100-g-6702">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Haar-Seife Rosmarin Aleppo #plastikfrei, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Md4m8nwgPquXnoWOMffK_avUSA_pN09QkjNjg8u1JAAJk4J70ECQimcaIoUFTgldWbVgYTlxowJQXSyDm2M_Zg" />
    <input value="6702" 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/salz-fleur-de-sel-naturata-glas-75-g-6717">
          <img alt="Salz Fleur de Sel Naturata Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3877/file/small-993ad949c2a44380627e833f1f591a61.webp 600w, https://assets.fabulous.ch/public/variant_asset/3877/file/medium-f6e2a70a88a0e6c602814a85095cccd2.webp 900w, https://assets.fabulous.ch/public/variant_asset/3877/file/large-a28f3893795c3abd7761340c3a7c4eee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3877/file/medium-f6e2a70a88a0e6c602814a85095cccd2.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">Naturata</p>
          <a href="/de/products/salz-fleur-de-sel-naturata-glas-75-g-6717">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salz Fleur de Sel Naturata Glas, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-DkM2X9A0OxLwETIbR_pKjPULZ9SN3Q421s7f3kJg5XAdKhQ0yB-zbtE48NZpiqKwbUF8YJxmGoZNXR_Kd-Y8w" />
    <input value="6717" 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/nussmus-3-mix-mischmus-ohne-erdnusse-bio-250-g-6721">
          <img alt="Nussmus 3 Mix Mischmus ohne Erdnüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3882/file/small-01a61b4cdb456587cc461d66e5bd2380.webp 600w, https://assets.fabulous.ch/public/variant_asset/3882/file/medium-6c9f5223ab902bc7ec372b59fe04e79d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3882/file/large-e3117defe9f7c7f63163e5c4ba03baf2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3882/file/medium-6c9f5223ab902bc7ec372b59fe04e79d.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">Terrasana</p>
          <a href="/de/products/nussmus-3-mix-mischmus-ohne-erdnusse-bio-250-g-6721">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nussmus 3 Mix Mischmus ohne Erdnüsse Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yKsdfX-KHAvurOax6Xq2cTc4M6Dm_GiaKkB9Iy7rHmfw5rn00-qyKh4oQbrdw3XRxVkbzja6hMjoLjIjfj0FAQ" />
    <input value="6721" 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/oliven-schwarz-classic-mit-stein-rohkostqualitat-bio-200-g-6723">
          <img alt="Oliven Schwarz Classic mit Stein 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/3883/file/small-12ad8a71c0b259bb0b50e5f883551142.webp 600w, https://assets.fabulous.ch/public/variant_asset/3883/file/medium-e1798bc07dfd095ceee6422518016027.webp 900w, https://assets.fabulous.ch/public/variant_asset/3883/file/large-d05e11d39ba6b5abb80dc6a31c3b28f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3883/file/medium-e1798bc07dfd095ceee6422518016027.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">Vita Verde</p>
          <a href="/de/products/oliven-schwarz-classic-mit-stein-rohkostqualitat-bio-200-g-6723">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oliven Schwarz Classic mit Stein Rohkostqualität Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-6723-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/ol-olivenol-peloponnes-nativ-extra-bio-500-ml-6724">
          <img alt="Öl Olivenöl Peloponnes nativ extra Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3884/file/small-f1e6175f00b9f1f064e11fa76a1d5d62.webp 600w, https://assets.fabulous.ch/public/variant_asset/3884/file/medium-031c83b52a51cf435448c1df2674fafd.webp 900w, https://assets.fabulous.ch/public/variant_asset/3884/file/large-6d7578bac391008fdc6b99b2b97efb4e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3884/file/medium-031c83b52a51cf435448c1df2674fafd.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">Vita Verde</p>
          <a href="/de/products/ol-olivenol-peloponnes-nativ-extra-bio-500-ml-6724">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Öl Olivenöl Peloponnes nativ extra Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jdxTL391tuXbn3O-CAeSlaxZS5quRuK25hdpBpvs-x21kfem0xUYxCsb1LU8vlE1Xjhj9H4ADuQkeSYGyzrgew" />
    <input value="6724" 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/gerste-ganz-beutel-bio-500-g-6726">
          <img alt="Gerste ganz Beutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3886/file/small-03d80a00c7008ae83f11ed753709e3e8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3886/file/medium-7b44e67c9fa7247125df85b99c4d552e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3886/file/large-e807c5ffdefd4eeb0075038eae8dadeb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3886/file/medium-7b44e67c9fa7247125df85b99c4d552e.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">Biofarm</p>
          <a href="/de/products/gerste-ganz-beutel-bio-500-g-6726">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gerste ganz Beutel Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3rBa5VbgJ-rfeLYJhrOLjJL0sxgZUQY_yfNjlurrMOvm_f5s-oCJyy_8EQKyCkgsYJWbdskX6m0LnSyWuj0rjQ" />
    <input value="6726" 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/haselnusse-grossgebinde-bio-5-kg-6727">
          <img alt="Haselnüsse Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3887/file/small-5d0654baa76e27b72a3b70bd5758e519.webp 600w, https://assets.fabulous.ch/public/variant_asset/3887/file/medium-a932891b9c75e2aa6484ef0546752a72.webp 900w, https://assets.fabulous.ch/public/variant_asset/3887/file/large-dddb95c8abd57d5e0b8adf238c1dbb7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3887/file/medium-a932891b9c75e2aa6484ef0546752a72.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/de/products/haselnusse-grossgebinde-bio-5-kg-6727">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haselnüsse Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 142.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u2CECXWvr3AuVYyAART74BjqJEPME53XoIMPbDdyR1uDLSCA2c8BUd7RK4s1rThA6osMLRxVcYVi7UBsZ6RcPQ" />
    <input value="6727" 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/hanfmus-gesalzen-bio-250-g-6740">
          <img alt="Hanfmus gesalzen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3892/file/small-b0e66867a13fef53c5d90baf53826c52.webp 600w, https://assets.fabulous.ch/public/variant_asset/3892/file/medium-b9e2a721793c15f66dd16da1f01665e0.webp 900w, https://assets.fabulous.ch/public/variant_asset/3892/file/large-a3606c1088e665ff67b3ba1173d5572a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3892/file/medium-b9e2a721793c15f66dd16da1f01665e0.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">Hanf&amp;Natur</p>
          <a href="/de/products/hanfmus-gesalzen-bio-250-g-6740">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hanfmus gesalzen 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-6740-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YRIS8cje-t851ZtV1Hvzw1KH_OKK9p9SWFiE6mzX3E9ZX7Z4ZL5U_slRPF7gwjBjoObUjFqwcwCaNsvqPAHHKQ" />
    <input value="6740" 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/kapern-in-meersalz-bio-140-g-6741">
          <img alt="Kapern in Meersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3893/file/small-63a18cbf81a7979473dc28c3a03bd6ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/3893/file/medium-5a7a47f6f876629e787c20215d6aed75.webp 900w, https://assets.fabulous.ch/public/variant_asset/3893/file/large-154fddb68d53efe06e584189427d36e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3893/file/medium-5a7a47f6f876629e787c20215d6aed75.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">LaSelva</p>
          <a href="/de/products/kapern-in-meersalz-bio-140-g-6741">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kapern in Meersalz Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1d3j-R-SJ3-tQpQbSPvA8FyptqTLP2-JDjiBe6fvMTDtkEdws_KJXl3GMxB8QgNQrsieyht5g9vMVs579zkqVg" />
    <input value="6741" 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/kokosfett-100-grossgebinde-eimer-bio-3-kg-6746">
          <img alt="Kokosfett 100% Grossgebinde Eimer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3899/file/small-11c6e8b3eba9e5508c81b0d8da8b8279.webp 600w, https://assets.fabulous.ch/public/variant_asset/3899/file/medium-abcdd107dee5c748c8c7bf528b92a445.webp 900w, https://assets.fabulous.ch/public/variant_asset/3899/file/large-0d180afff0b4c9060d11879222f78dac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3899/file/medium-abcdd107dee5c748c8c7bf528b92a445.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">Naturata</p>
          <a href="/de/products/kokosfett-100-grossgebinde-eimer-bio-3-kg-6746">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosfett 100% Grossgebinde Eimer Bio, 3 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 81.50
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vegan-cake-schokolade-bio-350-g-6750">
          <img alt="Vegan Cake Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3905/file/small-b79b7d0308b99915b625ec0f95c092be.webp 600w, https://assets.fabulous.ch/public/variant_asset/3905/file/medium-3e9332cba5a01b288494563ce2efb1f2.webp 900w, https://assets.fabulous.ch/public/variant_asset/3905/file/large-80363bed43b809e4d41b8fb44553aa48.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3905/file/medium-3e9332cba5a01b288494563ce2efb1f2.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">Terrasana</p>
          <a href="/de/products/vegan-cake-schokolade-bio-350-g-6750">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Cake Schokolade Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VPX_hubqNXL8MK2FqoWQgZaYy14tMZEdDYsNixJReipsuFsPSoqbUwy0Co6ePFMhZPnjMP13fU_P5UKLQodhTA" />
    <input value="6750" 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/chufella-erdmandel-creme-natur-ohne-zuckerzusatz-bio-250-g-6766">
          <img alt="Chufella Erdmandel Creme Natur ohne Zuckerzusatz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3910/file/small-f3df16a624b2d36af000a9b5c891a4d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/3910/file/medium-47afec4405af2efca3e2fbaad6bbfcc8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3910/file/large-da032c3831ec454c96a4ac9b8a649037.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3910/file/medium-47afec4405af2efca3e2fbaad6bbfcc8.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">Govinda</p>
          <a href="/de/products/chufella-erdmandel-creme-natur-ohne-zuckerzusatz-bio-250-g-6766">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chufella Erdmandel Creme Natur ohne Zuckerzusatz Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ox1HFQR6aUdJe6N2xH8r5_wnM9s5fnbnV9oNgpDDPVmbUOOcqBrHZrn_BH3wxuhHDkYbtek4mrWVtEKCwBUmPw" />
    <input value="6766" 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/hanfsamen-ungeschalt-bio-150-g-6779">
          <img alt="Hanfsamen ungeschält Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3917/file/small-74aa90eecc14b92d72edf1889e7852fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3917/file/medium-a7f491b22c7468a3fcaed2c0ebc9d891.webp 900w, https://assets.fabulous.ch/public/variant_asset/3917/file/large-dd97e5702cc91f357e42a6dab307ef7f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3917/file/medium-a7f491b22c7468a3fcaed2c0ebc9d891.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-ungeschalt-bio-150-g-6779">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hanfsamen ungeschält Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CeUqLq2rP-CYU500mS-2EXWST3hmeh9b1VtJxviDTOAxqI6nAcuRwWjXOj-tlnWxh_NnFrY88wkXNQbGqFVXhg" />
    <input value="6779" 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/sauce-hollandaise-bio-170-ml-6795">
          <img alt="Sauce Hollandaise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3926/file/small-a97c25145a30c8855197044e45d67224.webp 600w, https://assets.fabulous.ch/public/variant_asset/3926/file/medium-f1fb0c92c4fb39ffe096fb7cd6e577cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/3926/file/large-de4c29d086243e78570d0ba1455a7d7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3926/file/medium-f1fb0c92c4fb39ffe096fb7cd6e577cc.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/sauce-hollandaise-bio-170-ml-6795">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Hollandaise Bio, 170 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RZghMiIgER2mHp_Vk26MZvQMjvu4L6yLKR3Rxqdeh7191YW7jkC_PFaaON6n10_GBm2mlWhpQNnrc57G94ic2w" />
    <input value="6795" 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/kokosraspeln-premium-rohkostqualitat-bio-300-g-6803">
          <img alt="Kokosraspeln Premium 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/3928/file/small-2402874d9ec9afb98035a565c5bc0fe6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3928/file/medium-c88f42e5db11cfd6b2d595dbab8bcdc0.webp 900w, https://assets.fabulous.ch/public/variant_asset/3928/file/large-dcdf660091826fc79651deac3c3f9d28.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3928/file/medium-c88f42e5db11cfd6b2d595dbab8bcdc0.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. Goerg</p>
          <a href="/de/products/kokosraspeln-premium-rohkostqualitat-bio-300-g-6803">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosraspeln Premium Rohkostqualität Bio, 300 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 2.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="194HExzZAfq2hqjM5RxX89aEYZFf2-rzHPuTtHgemXPvk6OasLmv20YCD8fRpZRTJOVJ_4-dBqHeldy0KMiCFQ" />
    <input value="6803" 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/deo-cream-divine-no-bullsh-t-plastikfrei-50-ml-6812">
          <img alt="Deo Cream Divine No Bullsh!t #plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3930/file/small-b641f2c3094abcdddd0025c6aa702581.webp 600w, https://assets.fabulous.ch/public/variant_asset/3930/file/medium-5877390e648b8de1fff483c7f5ab37e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3930/file/large-7ab3c0be383422dcf46e20cb3d138f29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3930/file/medium-5877390e648b8de1fff483c7f5ab37e8.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">No Bullsh!t</p>
          <a href="/de/products/deo-cream-divine-no-bullsh-t-plastikfrei-50-ml-6812">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deo Cream Divine No Bullsh!t #plastikfrei, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cmQY2zUsMLKVkF-y6FTKRDcgLhcmXEH-uXMF8JHlsb9KKbxSmUyek2UU-Lnc7QnkxUEGefYarax7HUrwwTOq2Q" />
    <input value="6812" 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;880 von 3&#39;217 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/frescolat-s-r-l?format=turbo_stream&amp;page=95">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>