diff --git a/personalization-webcomponents/package-lock.json b/personalization-webcomponents/package-lock.json
index 843d3602..3609e9d2 100644
--- a/personalization-webcomponents/package-lock.json
+++ b/personalization-webcomponents/package-lock.json
@@ -1657,8 +1657,8 @@
       "license": "MIT"
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.52.1",
-      "integrity": "sha512-sifE8uDpDvortUdi3xFevQ9WN5L3orrglg7iO/DhIpSVCwJOxBs9k9JzCC76KEZkLY4UkHWj+KESdFhlsNmDLw==",
+      "version": "4.52.2",
+      "integrity": "sha512-o3pcKzJgSGt4d74lSZ+OCnHwkKBeAbFDmbEm5gg70eA8VkyCuC/zV9TwBnmw6VjDlRdF4Pshfb+WE9E6XY1PoQ==",
       "cpu": [
         "arm"
       ],
@@ -1670,8 +1670,8 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.52.1",
-      "integrity": "sha512-s83W/rRAPshsyzH9cS0CPKZVLlo2GGRt/1BocbR64DIyr2tMN1f2OZEjbFUnkAA2ewfbd+9waSYS0vbrlsG3qg==",
+      "version": "4.52.2",
+      "integrity": "sha512-cqFSWO5tX2vhC9hJTK8WAiPIm4Q8q/cU8j2HQA0L3E1uXvBYbOZMhE2oFL8n2pKB5sOCHY6bBuHaRwG7TkfJyw==",
       "cpu": [
         "arm64"
       ],
@@ -1683,8 +1683,8 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.52.1",
-      "integrity": "sha512-lJkbZBREVUY9Vdw6DrzCysWv9Trcl7SyNxPRQMqvt6V/xmQC140aOcSkyWzwQ9t+s3ojvvWYZMpSazAbSTNfSA==",
+      "version": "4.52.2",
+      "integrity": "sha512-vngduywkkv8Fkh3wIZf5nFPXzWsNsVu1kvtLETWxTFf/5opZmflgVSeLgdHR56RQh71xhPhWoOkEBvbehwTlVA==",
       "cpu": [
         "arm64"
       ],
@@ -1696,8 +1696,8 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.52.1",
-      "integrity": "sha512-cw852iGDmvuXeOz2lwpocEL9wkHg3TBZRdAbwmra/YJ5KVxaj7nDdYJ9P0OAVxsbsKa0hFML+dwRHA02kB8Q+g==",
+      "version": "4.52.2",
+      "integrity": "sha512-h11KikYrUCYTrDj6h939hhMNlqU2fo/X4NB0OZcys3fya49o1hmFaczAiJWVAFgrM1NCP6RrO7lQKeVYSKBPSQ==",
       "cpu": [
         "x64"
       ],
@@ -1709,8 +1709,8 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.52.1",
-      "integrity": "sha512-nLezpaKL1jY63BunCbeA7B7B/5i4DQifNRBfzZ0+p3BxRejeKdzP7T3rfD5YpNy3+RysFy8Zw3EAnvXyrbZzqQ==",
+      "version": "4.52.2",
+      "integrity": "sha512-/eg4CI61ZUkLXxMHyVlmlGrSQZ34xqWlZNW43IAU4RmdzWEx0mQJ2mN/Cx4IHLVZFL6UBGAh+/GXhgvGb+nVxw==",
       "cpu": [
         "arm64"
       ],
@@ -1722,8 +1722,8 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.52.1",
-      "integrity": "sha512-USdXZmfo+t4DoUC02UotEf7e6ADsaQ1pvOtOZV2iT2wEmB6y7iMJA0MsIZTbp27enq9v+YK43s3ztYPVy0T2bA==",
+      "version": "4.52.2",
+      "integrity": "sha512-QOWgFH5X9+p+S1NAfOqc0z8qEpJIoUHf7OWjNUGOeW18Mx22lAUOiA9b6r2/vpzLdfxi/f+VWsYjUOMCcYh0Ng==",
       "cpu": [
         "x64"
       ],
@@ -1735,8 +1735,8 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.52.1",
-      "integrity": "sha512-n3YunK17pY3BuZhLNTcRCT83JkFRfBKnG4R2vROUZvxLJlYkIQXfDGQRVZ7ZZBp1INxXm4fzT4jrd6Tm5DMZ7g==",
+      "version": "4.52.2",
+      "integrity": "sha512-kDWSPafToDd8LcBYd1t5jw7bD5Ojcu12S3uT372e5HKPzQt532vW+rGFFOaiR0opxePyUkHrwz8iWYEyH1IIQA==",
       "cpu": [
         "arm"
       ],
@@ -1748,8 +1748,8 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.52.1",
-      "integrity": "sha512-45geWgFvA+SKw49tRkHI7xBizBZc6bismWIg+zqwK1OZN0hqMXe39BExVu45o768KDoM7XGoZ1pDE9opiHKKag==",
+      "version": "4.52.2",
+      "integrity": "sha512-gKm7Mk9wCv6/rkzwCiUC4KnevYhlf8ztBrDRT9g/u//1fZLapSRc+eDZj2Eu2wpJ+0RzUKgtNijnVIB4ZxyL+w==",
       "cpu": [
         "arm"
       ],
@@ -1761,8 +1761,8 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.52.1",
-      "integrity": "sha512-7m2ybyIOd5j/U43JSfMblwiZG69yAfuvg6TXhHvOtoQMjw6Or48FmgUxyAZ4ZzH7isxfMyr8M26m0pBkoAIEdQ==",
+      "version": "4.52.2",
+      "integrity": "sha512-66lA8vnj5mB/rtDNwPgrrKUOtCLVQypkyDa2gMfOefXK6rcZAxKLO9Fy3GkW8VkPnENv9hBkNOFfGLf6rNKGUg==",
       "cpu": [
         "arm64"
       ],
@@ -1774,8 +1774,8 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.52.1",
-      "integrity": "sha512-qnmMzRpkKG1T1EzKVtA/8Q0YAYalRN+h+WzWcbyD0SqjVwxmqrPj/TuuH30TwUp6X2UaUhfWSHccMgF+T6jDpw==",
+      "version": "4.52.2",
+      "integrity": "sha512-s+OPucLNdJHvuZHuIz2WwncJ+SfWHFEmlC5nKMUgAelUeBUnlB4wt7rXWiyG4Zn07uY2Dd+SGyVa9oyLkVGOjA==",
       "cpu": [
         "arm64"
       ],
@@ -1787,8 +1787,8 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-loong64-gnu": {
-      "version": "4.52.1",
-      "integrity": "sha512-5Fc7jWzggy8RXJTew+8FoUXwpvJIuwOcYEMSJxs/9MB+oG/C4NRM23Xg+vW173sQz0H6RSViMmoKJih/hVQQow==",
+      "version": "4.52.2",
+      "integrity": "sha512-8wTRM3+gVMDLLDdaT6tKmOE3lJyRy9NpJUS/ZRWmLCmOPIJhVyXwjBo+XbrrwtV33Em1/eCTd5TuGJm4+DmYjw==",
       "cpu": [
         "loong64"
       ],
@@ -1800,8 +1800,8 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-ppc64-gnu": {
-      "version": "4.52.1",
-      "integrity": "sha512-DxnsniAn/iv23PtQhOU0l+cXAG3IvWkzEOc9t4THzWJs/NKpF955GnbYKo6PwqwlcbxO/ARn4B8IMg4ghW+DOw==",
+      "version": "4.52.2",
+      "integrity": "sha512-6yqEfgJ1anIeuP2P/zhtfBlDpXUb80t8DpbYwXQ3bQd95JMvUaqiX+fKqYqUwZXqdJDd8xdilNtsHM2N0cFm6A==",
       "cpu": [
         "ppc64"
       ],
@@ -1813,8 +1813,8 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.52.1",
-      "integrity": "sha512-xAlxc3PeGHNpLmisSs8UpFm/A8aPOVeoHhWePEH0rDVFCC4uwWx4W1ecq/oYT2gjkRtVBxD1GjjNYJQrN9fX4A==",
+      "version": "4.52.2",
+      "integrity": "sha512-sshYUiYVSEI2B6dp4jMncwxbrUqRdNApF2c3bhtLAU0qA8Lrri0p0NauOsTWh3yCCCDyBOjESHMExonp7Nzc0w==",
       "cpu": [
         "riscv64"
       ],
@@ -1826,8 +1826,8 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.52.1",
-      "integrity": "sha512-b5xbekmUtAkPY3TqrYMvbAltNNmpMApdMDxjYiaUQ8k1ep0iS/900CJEZq/RPd5gXF59Lp+me1wXbkW1xpxw4g==",
+      "version": "4.52.2",
+      "integrity": "sha512-duBLgd+3pqC4MMwBrKkFxaZerUxZcYApQVC5SdbF5/e/589GwVvlRUnyqMFbM8iUSb1BaoX/3fRL7hB9m2Pj8Q==",
       "cpu": [
         "riscv64"
       ],
@@ -1839,8 +1839,8 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.52.1",
-      "integrity": "sha512-CcNQx6CuvJH/SMt3dElyqrCK7BCCAOQtdobJIVhJ7AaA5nrE0RkNHTVzDyXkYqkgoMjuF2p0tEchX7YuOeal4w==",
+      "version": "4.52.2",
+      "integrity": "sha512-tzhYJJidDUVGMgVyE+PmxENPHlvvqm1KILjjZhB8/xHYqAGeizh3GBGf9u6WdJpZrz1aCpIIHG0LgJgH9rVjHQ==",
       "cpu": [
         "s390x"
       ],
@@ -1852,8 +1852,8 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.52.1",
-      "integrity": "sha512-xsKzVShwurM4JjGyMo/n4lb13mzpfDmg0yWiMlO65XSkhIpWnGnE4z66y9leVALb3M7sWiNluCKUv2ZZ0DWy1w==",
+      "version": "4.52.2",
+      "integrity": "sha512-opH8GSUuVcCSSyHHcl5hELrmnk4waZoVpgn/4FDao9iyE4WpQhyWJ5ryl5M3ocp4qkRuHfyXnGqg8M9oKCEKRA==",
       "cpu": [
         "x64"
       ],
@@ -1865,8 +1865,8 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.52.1",
-      "integrity": "sha512-AtzCeCyU6wYbJq7akOX3oZmc1pcY6yNYYC+HbjAcnjB63hXc22AX6nWtoU9TOJw3EQRxCLIubwGmnSrk66khpQ==",
+      "version": "4.52.2",
+      "integrity": "sha512-LSeBHnGli1pPKVJ79ZVJgeZWWZXkEe/5o8kcn23M8eMKCUANejchJbF/JqzM4RRjOJfNRhKJk8FuqL1GKjF5oQ==",
       "cpu": [
         "x64"
       ],
@@ -1878,8 +1878,8 @@
       ]
     },
     "node_modules/@rollup/rollup-openharmony-arm64": {
-      "version": "4.52.1",
-      "integrity": "sha512-pZb5K1hqS6MmdSgNUfWIzemPNNwmg5n7HhZHSyClwGd/IoQCiTjUGs09O/lxOZLHlltqUyVl0Y/4dcd8j90FEw==",
+      "version": "4.52.2",
+      "integrity": "sha512-uPj7MQ6/s+/GOpolavm6BPo+6CbhbKYyZHUDvZ/SmJM7pfDBgdGisFX3bY/CBDMg2ZO4utfhlApkSfZ92yXw7Q==",
       "cpu": [
         "arm64"
       ],
@@ -1891,8 +1891,8 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.52.1",
-      "integrity": "sha512-A6hkNBmS3yahy06sFIouOjC5MO/ciPSBxdbWdGIk7ue3lhR1wJ9mJ27kZFK/N8ZOLwO1YdymYhhfI3gGHHpliA==",
+      "version": "4.52.2",
+      "integrity": "sha512-Z9MUCrSgIaUeeHAiNkm3cQyst2UhzjPraR3gYYfOjAuZI7tcFRTOD+4cHLPoS/3qinchth+V56vtqz1Tv+6KPA==",
       "cpu": [
         "arm64"
       ],
@@ -1904,8 +1904,8 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.52.1",
-      "integrity": "sha512-HRNyKIYDpuC7FIVJ8kH1RFGoEp4beASrjKksx3f2Oa82pLxNVhBIM1gC7WEd7z9djZ0OW6o9qhXFo7gAU4QCWw==",
+      "version": "4.52.2",
+      "integrity": "sha512-+GnYBmpjldD3XQd+HMejo+0gJGwYIOfFeoBQv32xF/RUIvccUz20/V6Otdv+57NE70D5pa8W/jVGDoGq0oON4A==",
       "cpu": [
         "ia32"
       ],
@@ -1917,8 +1917,8 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-gnu": {
-      "version": "4.52.1",
-      "integrity": "sha512-rkpnc4BKw8QoP9yynwLJqjVgmkko8yjqEHHYlUPv/xznRb3mQ7iN7fpc5fOqCFtYCeEyilBAun5a4wKLLKYX2g==",
+      "version": "4.52.2",
+      "integrity": "sha512-ApXFKluSB6kDQkAqZOKXBjiaqdF1BlKi+/eqnYe9Ee7U2K3pUDKsIyr8EYm/QDHTJIM+4X+lI0gJc3TTRhd+dA==",
       "cpu": [
         "x64"
       ],
@@ -1930,8 +1930,8 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.52.1",
-      "integrity": "sha512-ZzNEDNx/4sWP94UNAc6OfVNJFM2G4vz6IcIhBJv8BYyLeGNQldV5Dn22+i8Y7yn4a7unFjdAX/1nwNBfc7tUcg==",
+      "version": "4.52.2",
+      "integrity": "sha512-ARz+Bs8kY6FtitYM96PqPEVvPXqEZmPZsSkXvyX19YzDqkCaIlhCieLLMI5hxO9SRZ2XtCtm8wxhy0iJ2jxNfw==",
       "cpu": [
         "x64"
       ],
@@ -3595,8 +3595,8 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.222",
-      "integrity": "sha512-gA7psSwSwQRE60CEoLz6JBCQPIxNeuzB2nL8vE03GK/OHxlvykbLyeiumQy1iH5C2f3YbRAZpGCMT12a/9ih9w==",
+      "version": "1.5.223",
+      "integrity": "sha512-qKm55ic6nbEmagFlTFczML33rF90aU+WtrJ9MdTCThrcvDNdUHN4p6QfVN78U06ZmguqXIyMPyYhw2TrbDUwPQ==",
       "dev": true,
       "license": "ISC"
     },
@@ -4576,8 +4576,8 @@
       }
     },
     "node_modules/hosted-git-info/node_modules/lru-cache": {
-      "version": "11.2.1",
-      "integrity": "sha512-r8LA6i4LP4EeWOhqBaZZjDWwehd1xUJPCJd9Sv300H0ZmcUER4+JPh7bqqZeqs1o5pgtgvXm+d9UGrB5zZGDiQ==",
+      "version": "11.2.2",
+      "integrity": "sha512-F9ODfyqML2coTIsQpSkRHnLSZMtkU8Q+mSfcaIyKwy58u+8k5nvAYeiNhsyMARvzNcXJ9QfWVrcPsC9e9rAxtg==",
       "dev": true,
       "license": "ISC",
       "engines": {
@@ -6334,8 +6334,8 @@
       }
     },
     "node_modules/rollup": {
-      "version": "4.52.1",
-      "integrity": "sha512-/vFSi3I+ya/D75UZh5GxLc/6UQ+KoKPEvL9autr1yGcaeWzXBQr1tTXmNDS4FImFCPwBAvVe7j9YzR8PQ5rfqw==",
+      "version": "4.52.2",
+      "integrity": "sha512-I25/2QgoROE1vYV+NQ1En9T9UFB9Cmfm2CJ83zZOlaDpvz29wGQSZXWKw7MiNXau7wYgB/T9fVIdIuEQ+KbiiA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6349,28 +6349,28 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.52.1",
-        "@rollup/rollup-android-arm64": "4.52.1",
-        "@rollup/rollup-darwin-arm64": "4.52.1",
-        "@rollup/rollup-darwin-x64": "4.52.1",
-        "@rollup/rollup-freebsd-arm64": "4.52.1",
-        "@rollup/rollup-freebsd-x64": "4.52.1",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.52.1",
-        "@rollup/rollup-linux-arm-musleabihf": "4.52.1",
-        "@rollup/rollup-linux-arm64-gnu": "4.52.1",
-        "@rollup/rollup-linux-arm64-musl": "4.52.1",
-        "@rollup/rollup-linux-loong64-gnu": "4.52.1",
-        "@rollup/rollup-linux-ppc64-gnu": "4.52.1",
-        "@rollup/rollup-linux-riscv64-gnu": "4.52.1",
-        "@rollup/rollup-linux-riscv64-musl": "4.52.1",
-        "@rollup/rollup-linux-s390x-gnu": "4.52.1",
-        "@rollup/rollup-linux-x64-gnu": "4.52.1",
-        "@rollup/rollup-linux-x64-musl": "4.52.1",
-        "@rollup/rollup-openharmony-arm64": "4.52.1",
-        "@rollup/rollup-win32-arm64-msvc": "4.52.1",
-        "@rollup/rollup-win32-ia32-msvc": "4.52.1",
-        "@rollup/rollup-win32-x64-gnu": "4.52.1",
-        "@rollup/rollup-win32-x64-msvc": "4.52.1",
+        "@rollup/rollup-android-arm-eabi": "4.52.2",
+        "@rollup/rollup-android-arm64": "4.52.2",
+        "@rollup/rollup-darwin-arm64": "4.52.2",
+        "@rollup/rollup-darwin-x64": "4.52.2",
+        "@rollup/rollup-freebsd-arm64": "4.52.2",
+        "@rollup/rollup-freebsd-x64": "4.52.2",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.52.2",
+        "@rollup/rollup-linux-arm-musleabihf": "4.52.2",
+        "@rollup/rollup-linux-arm64-gnu": "4.52.2",
+        "@rollup/rollup-linux-arm64-musl": "4.52.2",
+        "@rollup/rollup-linux-loong64-gnu": "4.52.2",
+        "@rollup/rollup-linux-ppc64-gnu": "4.52.2",
+        "@rollup/rollup-linux-riscv64-gnu": "4.52.2",
+        "@rollup/rollup-linux-riscv64-musl": "4.52.2",
+        "@rollup/rollup-linux-s390x-gnu": "4.52.2",
+        "@rollup/rollup-linux-x64-gnu": "4.52.2",
+        "@rollup/rollup-linux-x64-musl": "4.52.2",
+        "@rollup/rollup-openharmony-arm64": "4.52.2",
+        "@rollup/rollup-win32-arm64-msvc": "4.52.2",
+        "@rollup/rollup-win32-ia32-msvc": "4.52.2",
+        "@rollup/rollup-win32-x64-gnu": "4.52.2",
+        "@rollup/rollup-win32-x64-msvc": "4.52.2",
         "fsevents": "~2.3.2"
       }
     },
@@ -6956,8 +6956,8 @@
       }
     },
     "node_modules/tar": {
-      "version": "7.4.4",
-      "integrity": "sha512-O1z7ajPkjTgEgmTGz0v9X4eqeEXTDREPTO77pVC1Nbs86feBU1Zhdg+edzavPmYW1olxkwsqA2v4uOw6E8LeDg==",
+      "version": "7.5.1",
+      "integrity": "sha512-nlGpxf+hv0v7GkWBK2V9spgactGOp0qvfWRxUMjqHyzrt3SgwE48DIv/FhqPHJYLHpgW1opq3nERbz5Anq7n1g==",
       "dev": true,
       "license": "ISC",
       "optional": true,
diff --git a/personalization-webcomponents/src/ChecklistDetail.ce.vue b/personalization-webcomponents/src/ChecklistDetail.ce.vue
index 920c1461..346cd261 100644
--- a/personalization-webcomponents/src/ChecklistDetail.ce.vue
+++ b/personalization-webcomponents/src/ChecklistDetail.ce.vue
@@ -23,8 +23,9 @@
 
               <checklist-list
                 v-if="openCheckList.length !== 0"
-                v-model="openCheckList"
+                :checklist-items="openCheckList"
                 @checked="onCheckedOpen"
+                @sort="onSortOpen"
               ></checklist-list>
               <muc-banner
                 v-else
@@ -39,7 +40,7 @@
               </h2>
               <checklist-list
                 v-if="closedCheckList.length !== 0"
-                v-model="closedCheckList"
+                :checklist-items="closedCheckList"
                 @checked="onCheckedClosed"
                 :is-draggable="false"
               ></checklist-list>
@@ -60,6 +61,7 @@
 
 <script setup lang="ts">
 import type Checklist from "@/api/persservice/Checklist.ts";
+import type ChecklistItem from "@/api/persservice/ChecklistItem.ts";
 import type AuthorizationEventDetails from "@/types/AuthorizationEventDetails.ts";
 
 import { MucBanner } from "@muenchen/muc-patternlab-vue";
@@ -195,6 +197,47 @@ function onCheckedClosed(serviceID: string) {
       .finally(() => (loading.value = false));
   }
 }
+
+/**
+ * When sort-event occurs, we need to find out the new order of elements.
+ *
+ * As we can only sort open items, we check the "distance" the item was sorted and move it accordingly in the checklist.checklistItems list.
+ *
+ * @param evt Sort-Event which contains the old and new index of the checklist-item.
+ */
+function onSortOpen(evt: { oldIndex: number; newIndex: number }) {
+  const elementToSort = openCheckList.value[evt.oldIndex] as ChecklistItem;
+  const oldIndex = checklist.value?.checklistItems.findIndex((item) => {
+    return item.serviceID === elementToSort.serviceID;
+  }) as number;
+  if (oldIndex >= 0 && checklist.value) {
+    loading.value = true;
+
+    const newIndex = oldIndex + (evt.newIndex - evt.oldIndex);
+    const element = checklist.value.checklistItems[oldIndex] as ChecklistItem;
+    checklist.value.checklistItems.splice(oldIndex, 1);
+    checklist.value.checklistItems.splice(newIndex, 0, element);
+
+    const service = new ChecklistService();
+    service
+      .updateChecklist(checklist.value)
+      .then((resp) => {
+        if (resp.ok) {
+          resp.json().then((newChecklist) => {
+            checklist.value = newChecklist;
+          });
+        } else {
+          resp.text().then((errBody) => {
+            throw Error(errBody);
+          });
+        }
+      })
+      .catch((err) => {
+        console.debug(err);
+      })
+      .finally(() => (loading.value = false));
+  }
+}
 </script>
 
 <style>
diff --git a/personalization-webcomponents/src/api/persservice/ChecklistService.ts b/personalization-webcomponents/src/api/persservice/ChecklistService.ts
index 8291be0d..841d9ca5 100644
--- a/personalization-webcomponents/src/api/persservice/ChecklistService.ts
+++ b/personalization-webcomponents/src/api/persservice/ChecklistService.ts
@@ -1,3 +1,5 @@
+import type Checklist from "@/api/persservice/Checklist.ts";
+
 import { getAccessToken, getAPIBaseURL } from "@/util/Constants.ts";
 
 export default class ChecklistService {
@@ -29,6 +31,24 @@ export default class ChecklistService {
     });
   }
 
+  updateChecklist(newChecklist: Checklist): Promise<Response> {
+    //todo replace with openapi generated client when backend is finished
+    const url =
+      getAPIBaseURL() +
+      "/clients/api/p13n-backend/checklist/" +
+      newChecklist.id;
+
+    return fetch(url, {
+      method: "PUT",
+      headers: {
+        Authorization: "Bearer " + getAccessToken(),
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify(newChecklist),
+      credentials: "include",
+    });
+  }
+
   checkChecklistentry(
     checklistID: string,
     serviceID: string
diff --git a/personalization-webcomponents/src/components/ChecklistList.vue b/personalization-webcomponents/src/components/ChecklistList.vue
index 5182d2c3..e142d617 100644
--- a/personalization-webcomponents/src/components/ChecklistList.vue
+++ b/personalization-webcomponents/src/components/ChecklistList.vue
@@ -1,21 +1,32 @@
 <template>
-  <div class="container">
+  <div
+    class="container"
+    tabindex="0"
+    role="list"
+  >
     <sortable
-      :list="modelValue"
+      :list="checklistItems"
       tag="ul"
       class="list"
-      :animation="200"
-      :handle="isDraggable ? '.drag-handle' : undefined"
-      :disabled="!isDraggable"
-      @start="drag = true"
-      @end="drag = false"
-      :ghost-class="'drag-ghost'"
+      :options="sortableOptions"
       item-key="serviceID"
+      @end="onSortEnd"
     >
-      <template #item="{ element }">
+      <template #item="{ element, index }">
         <li
           class="list-item"
-          :class="{ muted: element.checked !== null }"
+          role="listitem"
+          aria-roledescription="sortierbares Listenelement"
+          :class="{
+            muted: element.checked !== null,
+            'keyboard-dragging': draggedIndex === index,
+          }"
+          :aria-grabbed="draggedIndex === index ? 'true' : 'false'"
+          :aria-label="`${element.title}, Position ${index + 1} von ${checklistItems.length}`"
+          tabindex="0"
+          @focus="focusedIndex = index"
+          :key="element.serviceID"
+          @keydown="handleEnterKeyDown"
         >
           <input
             type="checkbox"
@@ -32,14 +43,17 @@
           >
             <b>{{ element.title }}</b>
           </span>
-
-          <!-- Drag-Handle Icon -->
           <span
             v-if="isDraggable"
             class="drag-handle"
             title="Element verschieben"
           >
-            <muc-icon icon="drag-vertical" />
+            <template v-if="draggedIndex === index">
+              <muc-icon icon="arrow-up-down" />
+            </template>
+            <template v-else>
+              <muc-icon icon="drag-vertical" />
+            </template>
           </span>
         </li>
       </template>
@@ -66,11 +80,11 @@ import type ChecklistItem from "@/api/persservice/ChecklistItem.ts";
 
 import { MucIcon } from "@muenchen/muc-patternlab-vue";
 import { Sortable } from "sortablejs-vue3";
-import { defineEmits, ref } from "vue";
+import { computed, onBeforeUnmount, onMounted, ref } from "vue";
 
-withDefaults(
+const props = withDefaults(
   defineProps<{
-    modelValue: ChecklistItem[];
+    checklistItems: ChecklistItem[];
     isDraggable?: boolean;
     disabled?: boolean;
   }>(),
@@ -79,12 +93,29 @@ withDefaults(
     disabled: false,
   }
 );
-const emit = defineEmits(["checked", "label-click"]);
-const drag = ref(false);
+const emit = defineEmits(["checked", "label-click", "sort"]);
+
+const focusedIndex = ref<number | null>(null);
+const draggedIndex = ref<number | null>(null);
+
+const sortableOptions = computed(() => ({
+  animation: 200,
+  handle: props.isDraggable ? ".drag-handle" : undefined,
+  ghostClass: "drag-ghost",
+  disabled: !props.isDraggable,
+}));
 
 const dialogVisible = ref(false);
 const dialogItem = ref<ChecklistItem | null>(null);
 
+onMounted(() => {
+  window.addEventListener("keydown", handleArrowKeyDown);
+});
+
+onBeforeUnmount(() => {
+  window.removeEventListener("keydown", handleArrowKeyDown);
+});
+
 function onSelectChange(serviceID: string) {
   emit("checked", serviceID);
 }
@@ -98,6 +129,46 @@ function openDialog(item: ChecklistItem) {
 function closeDialog() {
   dialogVisible.value = false;
 }
+
+function onSortEnd(evt: { oldIndex: number; newIndex: number }) {
+  const oldIndex = evt.oldIndex;
+  const newIndex = evt.newIndex;
+  if (oldIndex !== newIndex) {
+    emit("sort", { oldIndex, newIndex });
+  }
+}
+
+function handleEnterKeyDown(event: KeyboardEvent) {
+  if (!props.isDraggable || focusedIndex.value === null) return;
+
+  if (event.key === "Enter") {
+    draggedIndex.value =
+      draggedIndex.value === null ? focusedIndex.value : null;
+  }
+}
+
+function handleArrowKeyDown(event: KeyboardEvent) {
+  if (!props.isDraggable || focusedIndex.value === null) return;
+  if (draggedIndex.value === null) return;
+
+  const maxIndex = props.checklistItems.length - 1;
+  const move = (direction: number) => {
+    if (draggedIndex.value) {
+      const newIndex = draggedIndex.value + direction;
+      if (newIndex < 0 || newIndex > maxIndex) return;
+
+      event.preventDefault();
+
+      emit("sort", { oldIndex: draggedIndex.value, newIndex });
+
+      draggedIndex.value = newIndex;
+      focusedIndex.value = newIndex;
+    }
+  };
+
+  if (event.key === "ArrowUp") move(-1);
+  if (event.key === "ArrowDown") move(1);
+}
 </script>
 
 <style scoped>
@@ -105,6 +176,12 @@ function closeDialog() {
   background-color: #e1f0fc !important;
   box-shadow: 0 2px 8px #007acc30;
 }
+
+.keyboard-dragging {
+  outline: 2px solid var(--color-brand-main-blue);
+  background-color: #d0e7ff;
+}
+
 .container {
   max-width: 600px;
   margin: 1rem auto;
@@ -161,7 +238,6 @@ function closeDialog() {
   background-color: #cce4ff;
 }
 
-/* blue circle inside on hover (slightly transparent) */
 .radio-look:hover::before {
   content: "";
   position: absolute;
@@ -177,7 +253,6 @@ function closeDialog() {
   transition: opacity 0.2s ease;
 }
 
-/* blue circle with white tick when selected */
 .radio-look:checked {
   border-color: var(--color-brand-main-blue);
   background-color: var(--color-brand-main-blue);
@@ -212,7 +287,7 @@ function closeDialog() {
   user-select: none;
   font-size: 24px;
   margin-left: auto;
-  color: var(--color-neutrals-grey);
+  color: #617586;
   display: flex;
   align-items: center;
 }