diff --git a/docs/deployment-p13n.md b/docs/deployment-p13n.md
index 7bf9d339..d5727213 100644
--- a/docs/deployment-p13n.md
+++ b/docs/deployment-p13n.md
@@ -36,9 +36,10 @@ Shows first (max 2) checklists of the current user to be displayed on an overvie
 
 Shows detailed data of a specific checklist.
 
-| Property            | Type   | Description                  | Default |
-| ------------------- | ------ | ---------------------------- | ------- |
-| `my-checklists-url` | string | URL to the my checklist page | -       |
+| Property                 | Type   | Description                        | Default |
+| ------------------------ | ------ | ---------------------------------- | ------- |
+| `my-checklists-url`      | string | URL to the my checklist page       | -       |
+| `checklist-overview-url` | string | URL to the checklist overview page | -       |
 
 | Query-Parameter | Description                    |
 | --------------- | ------------------------------ |
diff --git a/docs/package-lock.json b/docs/package-lock.json
index 13ee68b4..7a41e8b9 100644
--- a/docs/package-lock.json
+++ b/docs/package-lock.json
@@ -167,7 +167,6 @@
       "integrity": "sha512-wKy6x6fKcnB1CsfeNNdGp4dzLzz04k8II3JLt6Sp81F8s57Ks3/K9qsysmL9SJa8P486s719bBttVLE8JJYurQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@algolia/client-common": "5.43.0",
         "@algolia/requester-browser-xhr": "5.43.0",
@@ -1798,7 +1797,6 @@
       "integrity": "sha512-8EG5YPRgmTB+YxYBM3VXy8zHD9SWHUJLIGPhDovo3Z8VOgvP+O7UP5vl0J4BBPWYD9vxtBabzW1EuEZ+Cqs14g==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/parser": "^7.28.5",
         "@vue/compiler-core": "3.5.24",
@@ -2023,7 +2021,6 @@
       "integrity": "sha512-hbkK41JsuGYhk+atBDxlcKxskjDCh3OOEDpdKZPtw+3zucBqhlojRG5e5KtCmByGyYvwZswVeaSWglgLn2fibg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@algolia/abtesting": "1.9.0",
         "@algolia/client-abtesting": "5.43.0",
@@ -2138,7 +2135,6 @@
       "integrity": "sha512-ci2iJH6LeIkvP9eJW6gpueU8cnZhv85ELY8w8WiFtNjMHA5ad6pQLaJo9mEly/9qUyCpvqX8/POVUTf18/HFdw==",
       "dev": true,
       "license": "Apache-2.0",
-      "peer": true,
       "dependencies": {
         "@chevrotain/cst-dts-gen": "11.0.3",
         "@chevrotain/gast": "11.0.3",
@@ -2252,7 +2248,6 @@
       "integrity": "sha512-iJc4TwyANnOGR1OmWhsS9ayRS3s+XQ185FmuHObThD+5AeJCakAAbWv8KimMTt08xCCLNgneQwFp+JRJOr9qGQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=0.10"
       }
@@ -2662,7 +2657,6 @@
       "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
       "dev": true,
       "license": "ISC",
-      "peer": true,
       "engines": {
         "node": ">=12"
       }
@@ -2927,7 +2921,6 @@
       "integrity": "sha512-v/Z8bvMCajtx4mEXmOo7QEsIzlIOqRXTIwgUfsFOF9gEsespdbD0AkPIka1bSXZ8Y8oZ+2IVDQZePkTfEHZl7Q==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "tabbable": "^6.3.0"
       }
@@ -3453,7 +3446,6 @@
       "integrity": "sha512-UlIZrRariB11TY1RtTgUWp65tphtBv4CSq7vyS2ZZ2TgoMjs2nloq+wFqxiwcxlhHUvs7DPGgMjs2aeQxz5h9g==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@braintree/sanitize-url": "^7.1.1",
         "@iconify/utils": "^3.0.1",
@@ -4866,7 +4858,6 @@
       "integrity": "sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "esbuild": "^0.21.3",
         "postcss": "^8.4.43",
@@ -4926,7 +4917,6 @@
       "integrity": "sha512-+2ym1/+0VVrbhNyRoFFesVvBvHAVMZMK0rw60E3X/5349M1GuVdKeazuksqopEdvkKwKGs21Q729jX81/bkBJg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@docsearch/css": "3.8.2",
         "@docsearch/js": "3.8.2",
@@ -5030,7 +5020,6 @@
       "integrity": "sha512-uTHDOpVQTMjcGgrqFPSb8iO2m1DUvo+WbGqoXQz8Y1CeBYQ0FXf2z1gLRaBtHjlRz7zZUBHxjVB5VTLzYkvftg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@vue/compiler-dom": "3.5.24",
         "@vue/compiler-sfc": "3.5.24",
diff --git a/personalization-webcomponents/index-checklist-detail.html b/personalization-webcomponents/index-checklist-detail.html
index d6b5c6fd..1497c2bc 100644
--- a/personalization-webcomponents/index-checklist-detail.html
+++ b/personalization-webcomponents/index-checklist-detail.html
@@ -51,6 +51,7 @@
     <div>
       <checklist-detail
         my-checklists-url="index-my-checklists.html"
+        checklist-overview-url="index-my-checklists.html"
       ></checklist-detail>
     </div>
   </body>
diff --git a/personalization-webcomponents/src/ChecklistDetail.ce.vue b/personalization-webcomponents/src/ChecklistDetail.ce.vue
index 265aa011..7e8b1f63 100644
--- a/personalization-webcomponents/src/ChecklistDetail.ce.vue
+++ b/personalization-webcomponents/src/ChecklistDetail.ce.vue
@@ -65,6 +65,7 @@
     <checklist-header
       v-else-if="checklist"
       :checklist="checklist"
+      :checklist-overview-url="checklistOverviewUrl"
     ></checklist-header>
     <muc-intro
       v-else
@@ -191,6 +192,7 @@ import { QUERY_PARAM_CHECKLIST_ID, setAccessToken } from "@/util/Constants.ts";
 
 defineProps<{
   myChecklistsUrl: string;
+  checklistOverviewUrl: string;
 }>();
 
 const checklist = ref<ChecklistServiceNavigator | null>(null);
diff --git a/personalization-webcomponents/src/api/persservice/ChecklistService.ts b/personalization-webcomponents/src/api/persservice/ChecklistService.ts
index 841d9ca5..a4b087c5 100644
--- a/personalization-webcomponents/src/api/persservice/ChecklistService.ts
+++ b/personalization-webcomponents/src/api/persservice/ChecklistService.ts
@@ -49,6 +49,20 @@ export default class ChecklistService {
     });
   }
 
+  deleteChecklist(id: string): Promise<Response> {
+    //todo replace with openapi generated client when backend is finished
+    const url = getAPIBaseURL() + "/clients/api/p13n-backend/checklist/" + id;
+
+    return fetch(url, {
+      method: "DELETE",
+      headers: {
+        Authorization: "Bearer " + getAccessToken(),
+        "Content-Type": "application/json",
+      },
+      credentials: "include",
+    });
+  }
+
   checkChecklistentry(
     checklistID: string,
     serviceID: string
diff --git a/personalization-webcomponents/src/components/ChecklistHeader.vue b/personalization-webcomponents/src/components/ChecklistHeader.vue
index 526a8120..1c25fa54 100644
--- a/personalization-webcomponents/src/components/ChecklistHeader.vue
+++ b/personalization-webcomponents/src/components/ChecklistHeader.vue
@@ -47,23 +47,77 @@
         </td>
       </tr>
     </table>
+
+    <div style="padding-top: 32px">
+      <muc-button
+        icon="trash"
+        variant="secondary"
+        @click="openAcceptDeleteDialog = true"
+      >
+        Checkliste löschen
+      </muc-button>
+    </div>
   </muc-intro>
+
+  <muc-modal
+    :open="openAcceptDeleteDialog"
+    @close="openAcceptDeleteDialog = false"
+    @cancel="openAcceptDeleteDialog = false"
+  >
+    <template #title> Löschen der Checkliste</template>
+
+    <template #body>
+      <muc-banner
+        noIcon
+        type="warning"
+      >
+        <p>
+          Mit dieser Aktion entfernen Sie die Checkliste
+          <strong>„{{ checklist.title }}”</strong> und alle enthaltenen Aufgaben
+          endgültig aus Ihrem Bereich.
+        </p>
+      </muc-banner>
+    </template>
+    <template #buttons>
+      <muc-button
+        icon="trash"
+        @click="deleteChecklist"
+      >
+        Checkliste löschen
+      </muc-button>
+      <muc-button
+        variant="secondary"
+        @click="openAcceptDeleteDialog = false"
+      >
+        Abbrechen
+      </muc-button>
+    </template>
+  </muc-modal>
 </template>
 
 <script setup lang="ts">
 import type ChecklistServiceNavigator from "@/api/persservice/ChecklistServiceNavigator.ts";
 
-import { MucIntro } from "@muenchen/muc-patternlab-vue";
-import { computed, onMounted } from "vue";
+import {
+  MucBanner,
+  MucButton,
+  MucIntro,
+  MucModal,
+} from "@muenchen/muc-patternlab-vue";
+import { computed, onMounted, ref } from "vue";
 
+import ChecklistService from "@/api/persservice/ChecklistService.ts";
 import MucChip from "@/components/common/MucChip.vue";
 import {
   getChecklistIconBySituationId,
   getDateInGermanDateFormat,
 } from "@/util/Constants.ts";
 
+const openAcceptDeleteDialog = ref(false);
+
 const props = defineProps<{
   checklist: ChecklistServiceNavigator;
+  checklistOverviewUrl: string;
 }>();
 
 onMounted(() => {
@@ -106,6 +160,19 @@ const doneCount = computed(() => {
     return undefined;
   }
 });
+
+function deleteChecklist() {
+  const service = new ChecklistService();
+  service.deleteChecklist(props.checklist.id).then((resp) => {
+    if (resp.ok) {
+      location.href = props.checklistOverviewUrl;
+    } else {
+      resp.text().then((errBody) => {
+        throw Error(errBody);
+      });
+    }
+  });
+}
 </script>
 <style>
 .m-intro-vertical__title {