diff --git a/web/assets/js/Swapp.vue b/web/assets/js/Swapp.vue
index ad3aec8a..12a9a68b 100755
--- a/web/assets/js/Swapp.vue
+++ b/web/assets/js/Swapp.vue
@@ -50,9 +50,7 @@ import Navigation from './components/Navigation.vue';
 import FrameError from './components/FrameError';
 import ReloadPrompt from "./components/ReloadPrompt.vue"
 import dayjs from 'dayjs';
-import { useChangelogStore } from './stores/changelog';
-import { useAlertStore } from './stores/alert';
-import { useAuthStore } from './stores/auth';
+import { useAlertStore, useAuthStore, useChangelogStore } from './stores';
 import apiClient from './api';
 
 export default {
@@ -87,6 +85,7 @@ export default {
         this.changelogStore.updateLastVisitedAt(lastVisitedAtOfUserLogin);
     },
     created() {
+        const that = this;
         apiClient.interceptors.response.use(undefined, (err) => {
             if (this.$route.name === 'Logout') {
                 return Promise.reject(err);
@@ -97,14 +96,7 @@ export default {
             if (err.response && err.response.status && err.response.data) {
                 if (403 === err.response.status && 'Your token is invalid, please login again to get a new one' === err.response.data.message && this.$route.name !== 'Logout'
                     || 401 === err.response.status && 'Expired JWT Token' === err.response.data.message) {
-                    let options = {
-                        title: 'Du wurdest automatisch abgemeldet.',
-                        toaster: 'b-toaster-top-right',
-                        autoHideDelay: 10000,
-                        appendToast: false,
-                        variant: 'info',
-                    };
-                    this.$bvToast.toast('Dies ist passiert, da deine letzte Anmeldung zu lange her ist. Bitte melde dich erneut an.', options);
+                    that.alertStore.info('Dies ist passiert, da deine letzte Anmeldung zu lange her ist. Bitte melde dich erneut an.', 'Du wurdest automatisch abgemeldet.');
                     this.$router.push({ name: 'Logout' });
                     return;
                 }
@@ -123,6 +115,7 @@ export default {
                 return;
             }
             let message = '';
+            let title = '';
             let isProd = process.env.NODE_ENV === 'production';
             if (isProd) {
                 message = `Das hätte nicht passieren dürfen. Wende dich bitte mit einer Beschreibung zur Reproduktion des Fehlers an info@streetworkapp.de`;
@@ -133,17 +126,8 @@ export default {
                     `;
             }
             if (message !== this.oldToasterValue) {
-                let options = {
-                    title: 'Upps! Es ist ein unerwarteter Fehler aufgetreten!',
-                    toaster: 'b-toaster-top-right',
-                    autoHideDelay: 10000,
-                    appendToast: false,
-                    variant: 'danger',
-                };
-                if (isProd) {
-                    options.href = 'mailto:info@streetworkapp.de';
-                }
-                this.$bvToast.toast(message, options);
+                title = 'Upps! Es ist ein unerwarteter Fehler aufgetreten!'
+                this.alertStore.error(message, title);
             }
             this.oldToasterValue = message;
         },
diff --git a/web/assets/js/components/Clients/ClientCreate.vue b/web/assets/js/components/Clients/ClientCreate.vue
index fe2b6bae..48b0a7e8 100755
--- a/web/assets/js/components/Clients/ClientCreate.vue
+++ b/web/assets/js/components/Clients/ClientCreate.vue
@@ -11,8 +11,7 @@
 'use strict';
 
 import ClientForm from './ClientForm.vue';
-import { useAlertStore } from '../../stores/alert';
-import { useClientStore } from '../../stores/client';
+import { useAlertStore, useClientStore } from '../../stores';
 
 export default {
     name: 'ClientCreate',
@@ -40,8 +39,6 @@ export default {
                 this.$refs.clientForm.resetForm();
             } else {
                 this.alertStore.error(`Klient erstellen fehlgeschlagen`, `Upps! :-(`);
-
-
             }
         },
     },
diff --git a/web/assets/js/components/Clients/ClientList.vue b/web/assets/js/components/Clients/ClientList.vue
index f50ddcb5..410a7c8b 100755
--- a/web/assets/js/components/Clients/ClientList.vue
+++ b/web/assets/js/components/Clients/ClientList.vue
@@ -97,8 +97,7 @@
 'use strict';
 import dayjs from 'dayjs';
 import ClientForm from './ClientForm.vue';
-import { useClientStore } from '../../stores/client';
-import { useUserStore } from '../../stores/user';
+import {useAlertStore, useClientStore, useUserStore} from '../../stores';
 
 export default {
     name: 'ClientList',
@@ -107,6 +106,7 @@ export default {
     },
     data: function () {
         return {
+            alertStore: useAlertStore(),
             clientStore: useClientStore(),
             userStore: useUserStore(),
             fields: [
@@ -199,26 +199,10 @@ async created() {
             payload.client = this.editModalClient.selectedClient['@id'];
             const client = await this.clientStore.changeClient(payload);
             if (client) {
-                const message = `Der Klient "${client.name}" wurde erfolgreich geändert.`;
-                this.$bvToast.toast(message, {
-                    title: 'Klient geändert',
-                    toaster: 'b-toaster-top-right',
-                    autoHideDelay: 10000,
-                    variant: 'info',
-                    appendToast: true,
-                    solid: true,
-                });
-
+                this.alertStore.success(`Der Klient "${client.name}" wurde erfolgreich geändert.`, 'Klient geändert');
                 this.resetEditModalClient();
             } else {
-                this.$bvToast.toast('Upps! :-(', {
-                    title: 'Klient ändern fehlgeschlagen',
-                    toaster: 'b-toaster-top-right',
-                    autoHideDelay: 10000,
-                    variant: 'danger',
-                    appendToast: true,
-                    solid: true,
-                });
+                this.alertStore.error('Klient ändern fehlgeschlagen', 'Upps! :-(');
             }
         },
     },
diff --git a/web/assets/js/components/Demo/DemoInfo.vue b/web/assets/js/components/Demo/DemoInfo.vue
index 579ec725..720be9e5 100644
--- a/web/assets/js/components/Demo/DemoInfo.vue
+++ b/web/assets/js/components/Demo/DemoInfo.vue
@@ -154,10 +154,12 @@
 
 <script>
 "use strict";
+import {useAlertStore} from '../../stores';
 
 export default {
     name: "DemoInfo",
     data: () => ({
+        alertStore: useAlertStore(),
         isCopiedAdelheid: false,
         isCopiedBenno: false,
         isCopiedTessa: false,
@@ -195,14 +197,7 @@ export default {
             this.$emit('credentials-select', {username: copyText, password: copyText});
 
             this.$copyText(copyText).then(() => {
-                this.$bvToast.toast(`"${copyText}" ist nun in deiner Zwischenablage sowie in den Anmeldefeldern.`, {
-                    title: 'Zugangsdaten in die Zwischenablage kopiert',
-                    toaster: 'b-toaster-top-right',
-                    autoHideDelay: 10000,
-                    appendToast: true,
-                    variant: 'info',
-                    solid: true,
-                });
+                this.alertStore.info(`"${copyText}" ist nun in deiner Zwischenablage sowie in den Anmeldefeldern.`, 'Zugangsdaten in die Zwischenablage kopiert');
             }, function (e) {
                 console.log(e);
             });
diff --git a/web/assets/js/components/SystemicQuestions/SystemicQuestionCreate.vue b/web/assets/js/components/SystemicQuestions/SystemicQuestionCreate.vue
index 13c889eb..f4e08274 100755
--- a/web/assets/js/components/SystemicQuestions/SystemicQuestionCreate.vue
+++ b/web/assets/js/components/SystemicQuestions/SystemicQuestionCreate.vue
@@ -11,8 +11,8 @@
 'use strict';
 
 import SystemicQuestionForm from './SystemicQuestionForm.vue';
-import { useAuthStore } from '../../stores/auth';
-import { useSystemicQuestionStore } from '../../stores/systemic-question';
+import {useAlertStore, useAuthStore, useSystemicQuestionStore} from '../../stores';
+
 export default {
     name: 'SystemicQuestionCreate',
     components: {
@@ -20,6 +20,7 @@ export default {
     },
     data: function () {
         return {
+            alertStore: useAlertStore(),
             authStore: useAuthStore(),
             systemicQuestionStore: useSystemicQuestionStore(),
         };
@@ -39,25 +40,10 @@ export default {
             const systemicQuestion = await this.systemicQuestionStore.create(payload);
             if (systemicQuestion) {
                 this.$refs.systemicQuestionForm.resetForm();
-                const message = `Die systemische Frage "${systemicQuestion.question}" wurde erfolgreich erstellt.`;
-                this.$bvToast.toast(message, {
-                    title: 'Systemische Frage erstellt',
-                    toaster: 'b-toaster-top-right',
-                    autoHideDelay: 10000,
-                    appendToast: true,
-                    solid: true,
-                });
-
+                this.alertStore.success(`Die systemische Frage "${systemicQuestion.question}" wurde erfolgreich erstellt.`, 'Systemische Frage erstellt');
                 this.initialQuestion = null;
             } else {
-                this.$bvToast.toast('Upps! :-(', {
-                    title: 'Systemische Frage erstellen fehlgeschlagen',
-                    toaster: 'b-toaster-top-right',
-                    autoHideDelay: 10000,
-                    variant: 'danger',
-                    appendToast: true,
-                    solid: true,
-                });
+                this.alertStore.error('Systemische Frage erstellen fehlgeschlagen', 'Upps! :-(');
             }
         },
     },
diff --git a/web/assets/js/components/Tags/TagCreate.vue b/web/assets/js/components/Tags/TagCreate.vue
index 4ca13c2b..7b0b99d6 100755
--- a/web/assets/js/components/Tags/TagCreate.vue
+++ b/web/assets/js/components/Tags/TagCreate.vue
@@ -120,9 +120,7 @@
 import ColorBadge from './ColorBadge.vue';
 import { html } from 'color_library';
 import FormError from '../Common/FormError.vue';
-import { useClientStore } from '../../stores/client';
-import { useTagStore } from '../../stores/tag';
-import { useAuthStore } from '../../stores/auth';
+import {useAlertStore, useAuthStore, useClientStore, useTagStore} from '../../stores';
 
 export default {
     name: 'TagCreate',
@@ -132,6 +130,7 @@ export default {
     },
     data: function () {
         return {
+            alertStore: useAlertStore(),
             authStore: useAuthStore(),
             tagStore: useTagStore(),
             clientStore: useClientStore(),
@@ -244,26 +243,13 @@ export default {
             const tag = await this.tagStore.create(payload);
             if (tag) {
                 this.resetForm();
-                const message = `Der Tag ${tag.name} (${tag.color}) wurde erfolgreich erstellt.`;
-                this.$bvToast.toast(message, {
-                    title: 'Tag erstellt',
-                    toaster: 'b-toaster-top-right',
-                    autoHideDelay: 10000,
-                    appendToast: true,
-                });
-
+                this.alertStore.success(`Der Tag ${tag.name} (${tag.color}) wurde erfolgreich erstellt.`, 'Tag erstellt');
                 this.tagStore.fetchTags();
 
                 this.name = null;
                 this.color = null;
             } else {
-                this.$bvToast.toast('Upps! :-(', {
-                    title: 'Tag erstellen fehlgeschlagen',
-                    toaster: 'b-toaster-top-right',
-                    autoHideDelay: 10000,
-                    variant: 'danger',
-                    appendToast: true,
-                });
+                this.alertStore.error('Tag erstellen fehlgeschlagen', 'Upps! :-(');
             }
         },
         resetForm() {
diff --git a/web/assets/js/components/Tags/TagList.vue b/web/assets/js/components/Tags/TagList.vue
index e6d8c429..8f8a8cce 100755
--- a/web/assets/js/components/Tags/TagList.vue
+++ b/web/assets/js/components/Tags/TagList.vue
@@ -145,15 +145,14 @@
 import ColorBadge from './ColorBadge.vue';
 import ContentLoadingSpinner from '../ContentLoadingSpinner.vue';
 import MyInputGroupAppend from '../../components/Common/MyInputGroupAppend.vue';
-import { useClientStore } from '../../stores/client';
-import { useTagStore } from '../../stores/tag';
-import { useAuthStore } from '../../stores/auth';
+import {useAlertStore, useAuthStore, useClientStore, useTagStore} from '../../stores';
 
 export default {
     name: 'TagList',
     components: { ContentLoadingSpinner, ColorBadge, MyInputGroupAppend },
     data: function () {
         return {
+            alertStore: useAlertStore(),
             authStore: useAuthStore(),
             clientStore: useClientStore(),
             tagStore: useTagStore(),
@@ -252,23 +251,9 @@ export default {
                 title = `Tag aktiviert`;
             }
             if (changedTag) {
-                this.$bvToast.toast(message, {
-                    title: title,
-                    toaster: 'b-toaster-top-right',
-                    autoHideDelay: 10000,
-                    appendToast: true,
-                    variant: 'info',
-                    solid: true,
-                });
+                this.alertStore.success(message, title);
             } else {
-                this.$bvToast.toast('Upps! :-(', {
-                    title: `Tag ${ isEnabled ? 'deaktivieren' : 'aktivieren'} fehlgeschlagen`,
-                    toaster: 'b-toaster-top-right',
-                    autoHideDelay: 10000,
-                    appendToast: true,
-                    variant: 'danger',
-                    solid: true,
-                });
+                this.alertStore.error(`Tag ${ isEnabled ? 'deaktivieren' : 'aktivieren'} fehlgeschlagen`, 'Upps! :-(');
             }
         },
     },
diff --git a/web/assets/js/components/Teams.vue b/web/assets/js/components/Teams.vue
index 44670f2a..683eb80f 100755
--- a/web/assets/js/components/Teams.vue
+++ b/web/assets/js/components/Teams.vue
@@ -26,7 +26,7 @@
     import TeamList from './Teams/TeamList.vue';
     import TeamForm from './Teams/TeamForm.vue';
     import ContentCollapse from './ContentCollapse.vue';
-    import { useTeamStore } from '../stores/team';
+    import { useAlertStore, useTeamStore } from '../stores';
 
     export default {
         name: "Teams",
@@ -37,6 +37,7 @@
         },
         data: () => {
             return {
+                alertStore: useAlertStore(),
                 teamStore: useTeamStore()
             };
         },
@@ -65,23 +66,10 @@
 
                 if (createdTeam) {
                     this.$refs.teamForm.resetForm();
-                    const message = `Das Team ${createdTeam.name} wurde erfolgreich erstellt.`;
-                    this.$bvToast.toast(message, {
-                        title: 'Team erstellt',
-                        toaster: 'b-toaster-top-right',
-                        variant: 'success',
-                        autoHideDelay: 10000,
-                        appendToast: true,
-                    });
+                    this.alertStore.success(`Das Team ${createdTeam.name} wurde erfolgreich erstellt.`);
                     this.$root.$emit('bv::hide::modal', 'edit-modal-team');
                 } else {
-                    this.$bvToast.toast('Upps! :-(', {
-                        title: 'Team erstellen fehlgeschlagen',
-                        toaster: 'b-toaster-top-right',
-                        autoHideDelay: 10000,
-                        variant: 'danger',
-                        appendToast: true,
-                    });
+                    this.alertStore.error(`Team erstellen fehlgeschlagen`, `Upps! :-(`);
                 }
             },
         },
diff --git a/web/assets/js/components/Teams/TeamList.vue b/web/assets/js/components/Teams/TeamList.vue
index 2ccd7317..7447d191 100755
--- a/web/assets/js/components/Teams/TeamList.vue
+++ b/web/assets/js/components/Teams/TeamList.vue
@@ -93,16 +93,14 @@
 <script>
     "use strict";
     import TeamForm from './TeamForm.vue';
-    import { useClientStore } from '../../stores/client';
-    import { useTeamStore } from '../../stores/team';
-    import { useUserStore } from '../../stores/user';
-    import { useAuthStore } from '../../stores/auth';
+    import { useAlertStore, useAuthStore, useClientStore, useTeamStore, useUserStore } from '../../stores';
 
     export default {
         name: "TeamList",
         components: { TeamForm },
         data: function () {
             return {
+                alertStore: useAlertStore(),
                 authStore: useAuthStore(),
                 clientStore: useClientStore(),
                 teamStore: useTeamStore(),
@@ -361,23 +359,10 @@
                 });
 
                 if (changedTeam) {
-                    const message = `Das Team ${changedTeam.name} wurde erfolgreich geändert.`;
-                    this.$bvToast.toast(message, {
-                        title: 'Team geändert',
-                        toaster: 'b-toaster-top-right',
-                        variant: 'success',
-                        autoHideDelay: 10000,
-                        appendToast: true,
-                    });
+                    this.alertStore.success(`Das Team ${changedTeam.name} wurde erfolgreich geändert.`, 'Team geändert');
                     this.$root.$emit('bv::hide::modal', 'edit-modal-team');
                 } else {
-                    this.$bvToast.toast('Upps! :-(', {
-                        title: 'Team ändern fehlgeschlagen',
-                        toaster: 'b-toaster-top-right',
-                        autoHideDelay: 10000,
-                        variant: 'danger',
-                        appendToast: true,
-                    });
+                    this.alertStore.error('Team ändern fehlgeschlagen', 'Upps! :-(');
                 }
             },
         }
diff --git a/web/assets/js/components/Users/UserCreate.vue b/web/assets/js/components/Users/UserCreate.vue
index 16d369ed..5dd31259 100755
--- a/web/assets/js/components/Users/UserCreate.vue
+++ b/web/assets/js/components/Users/UserCreate.vue
@@ -11,8 +11,8 @@
 'use strict';
 
 import UserForm from './UserForm.vue';
-import { useUserStore } from '../../stores/user';
-import { useAuthStore } from '../../stores/auth';
+import {useAlertStore, useAuthStore, useUserStore} from '../../stores';
+
 export default {
     name: 'UserCreate',
     components: {
@@ -20,6 +20,7 @@ export default {
     },
     data: function () {
         return {
+            alertStore: useAlertStore(),
             authStore: useAuthStore(),
             userStore: useUserStore(),
         };
@@ -39,23 +40,12 @@ export default {
             const user = await this.userStore.create(payload);
             if (user) {
                 this.$refs.userForm.resetForm();
-                const message = `Der Benutzer "${user.username}" wurde erfolgreich erstellt. Er hat eine E-Mail an "${user.email}" mit seinen Kontoinformationen erhalten.`;
-                this.$bvToast.toast(message, {
-                    title: 'Benutzer erstellt',
-                    toaster: 'b-toaster-top-right',
-                    autoHideDelay: 10000,
-                    appendToast: true,
-                    solid: true,
-                });
+                this.alertStore.success(
+                    `Der Benutzer "${user.username}" wurde erfolgreich erstellt. Er hat eine E-Mail an "${user.email}" mit seinen Kontoinformationen erhalten.`,
+                    'Benutzer erstellt'
+                );
             } else {
-                this.$bvToast.toast('Upps! :-(', {
-                    title: 'Benutzer erstellen fehlgeschlagen',
-                    toaster: 'b-toaster-top-right',
-                    autoHideDelay: 10000,
-                    variant: 'danger',
-                    appendToast: true,
-                    solid: true,
-                });
+                this.alertStore.error('Benutzer erstellen fehlgeschlagen', 'Upps! :-(');
             }
         },
     },
diff --git a/web/assets/js/components/Users/UserList.vue b/web/assets/js/components/Users/UserList.vue
index 9b548745..d8d284c3 100755
--- a/web/assets/js/components/Users/UserList.vue
+++ b/web/assets/js/components/Users/UserList.vue
@@ -214,9 +214,7 @@
 import UserForm from './UserForm.vue';
 import dayjs from 'dayjs';
 import MyInputGroupAppend from '../Common/MyInputGroupAppend.vue';
-import { useClientStore } from '../../stores/client';
-import { useUserStore } from '../../stores/user';
-import { useAuthStore } from '../../stores/auth';
+import {useAlertStore, useAuthStore, useClientStore, useUserStore} from '../../stores';
 
 export default {
     name: 'UserList',
@@ -226,6 +224,7 @@ export default {
     },
     data: function () {
         return {
+            alertStore: useAlertStore(),
             authStore: useAuthStore(),
             clientStore: useClientStore(),
             userStore: useUserStore(),
@@ -412,25 +411,10 @@ export default {
             payload.user = this.editModal.selectedUser['@id'];
             const user = await this.userStore.change(payload);
             if (user) {
-                const message = `Der Benutzer "${user.username}" wurde erfolgreich geändert.`;
-                this.$bvToast.toast(message, {
-                    title: 'Benutzer geändert',
-                    toaster: 'b-toaster-top-right',
-                    autoHideDelay: 10000,
-                    appendToast: true,
-                    solid: true,
-                });
-
+                this.alertStore.success(`Der Benutzer "${user.username}" wurde erfolgreich geändert.`, 'Benutzer geändert');
                 this.resetEditModal();
             } else {
-                this.$bvToast.toast('Upps! :-(', {
-                    title: 'Benutzer ändern fehlgeschlagen',
-                    toaster: 'b-toaster-top-right',
-                    autoHideDelay: 10000,
-                    variant: 'danger',
-                    appendToast: true,
-                    solid: true,
-                });
+                this.alertStore.error('Benutzer ändern fehlgeschlagen', 'Upps! :-(');
             }
         },
         toggleEnabled: function (user, isEnabled) {
diff --git a/web/assets/js/components/WalkDetail.vue b/web/assets/js/components/WalkDetail.vue
index 37618ea3..684f6411 100755
--- a/web/assets/js/components/WalkDetail.vue
+++ b/web/assets/js/components/WalkDetail.vue
@@ -80,12 +80,7 @@
     import WalkForm from './Walk/WalkForm.vue';
     import WalkUnfinishedForm from './Walk/WalkUnfinishedForm.vue';
     import WalkRemoveForm from './Walk/WalkRemoveForm.vue';
-    import { useAuthStore } from '../stores/auth';
-    import { useClientStore } from '../stores/client';
-    import { useUserStore } from '../stores/user';
-    import { useWayPointStore } from '../stores/way-point';
-    import { useWalkStore } from '../stores/walk';
-    import { useTagStore } from "../stores/tag";
+    import {useAlertStore, useAuthStore, useClientStore, useUserStore, useWayPointStore, useWalkStore, useTagStore} from '../stores';
 
     export default {
         name: "WalkDetail",
@@ -105,6 +100,7 @@
         },
         data: function () {
             return {
+                alertStore: useAlertStore(),
                 authStore: useAuthStore(),
                 clientStore: useClientStore(),
                 tagStore: useTagStore(),
@@ -188,26 +184,10 @@
             async handleRemove({walk}) {
                 await this.walkStore.remove({walk: walk['@id']});
                 if (!this.changeError) {
-                    const message = `Die Runde "${walk.name}" wurde erfolgreich gelöscht.`;
-                    this.$bvToast.toast(message, {
-                        title: 'Runde gelöscht',
-                        toaster: 'b-toaster-top-right',
-                        variant: 'success',
-                        autoHideDelay: 10000,
-                        appendToast: true,
-                        solid: true,
-                    });
-
+                    this.alertStore.success(`Die Runde "${walk.name}" wurde erfolgreich gelöscht.`, 'Runde gelöscht');
                     this.$router.push({name: 'Dashboard'});
                 } else {
-                    this.$bvToast.toast('Upps! :-(', {
-                        title: 'Runde löschen fehlgeschlagen',
-                        toaster: 'b-toaster-top-right',
-                        autoHideDelay: 10000,
-                        variant: 'danger',
-                        appendToast: true,
-                        solid: true,
-                    });
+                    this.alertStore.success('Runde löschen fehlgeschlagen', 'Upps! :-(');
                 }
             },
             getWayPointByIri(iri) {
@@ -217,48 +197,18 @@
                 payload.walk = this.walk['@id'];
                 const walk = await this.walkStore.change(payload);
                 if (walk) {
-                    const message = `Die Runde "${walk.name}" wurde erfolgreich geändert.`;
-                    this.$bvToast.toast(message, {
-                        title: 'Runde geändert',
-                        toaster: 'b-toaster-top-right',
-                        autoHideDelay: 10000,
-                        variant: 'success',
-                        appendToast: true,
-                        solid: true,
-                    });
+                    this.alertStore.success(`Die Runde "${walk.name}" wurde erfolgreich geändert.`, 'Runde geändert');
                 } else {
-                    this.$bvToast.toast('Upps! :-(', {
-                        title: 'Runde ändern fehlgeschlagen',
-                        toaster: 'b-toaster-top-right',
-                        autoHideDelay: 10000,
-                        variant: 'danger',
-                        appendToast: true,
-                        solid: true,
-                    });
+                    this.alertStore.error('Runde ändern fehlgeschlagen', 'Upps! :-(');
                 }
             },
             async handleWalkUnfinishedSubmit(payload) {
                 payload.walk = this.walk['@id'];
                 const walk = await this.walkStore.changeUnfinished(payload);
                 if (walk) {
-                    const message = `Die Runde "${walk.name}" wurde erfolgreich geändert.`;
-                    this.$bvToast.toast(message, {
-                        title: 'Runde geändert',
-                        toaster: 'b-toaster-top-right',
-                        autoHideDelay: 10000,
-                        variant: 'success',
-                        appendToast: true,
-                        solid: true,
-                    });
+                    this.alertStore.success(`Die Runde "${walk.name}" wurde erfolgreich geändert.`, 'Runde geändert');
                 } else {
-                    this.$bvToast.toast('Upps! :-(', {
-                        title: 'Runde ändern fehlgeschlagen',
-                        toaster: 'b-toaster-top-right',
-                        autoHideDelay: 10000,
-                        variant: 'danger',
-                        appendToast: true,
-                        solid: true,
-                    });
+                    this.alertStore.error('Runde ändern fehlgeschlagen', 'Upps! :-(');
                 }
             },
         },
diff --git a/web/assets/js/components/WalkEpilogue.vue b/web/assets/js/components/WalkEpilogue.vue
index 6e697039..d73e7a91 100755
--- a/web/assets/js/components/WalkEpilogue.vue
+++ b/web/assets/js/components/WalkEpilogue.vue
@@ -460,10 +460,7 @@ import WayPointList from './Walk/WayPointList.vue';
 import WalkRating from './Walk/WalkRating.vue';
 import dayjs from 'dayjs';
 import getViolationsFeedback from '../utils/validation.js';
-import { useClientStore } from '../stores/client';
-import { useTeamStore } from '../stores/team';
-import { useWayPointStore } from '../stores/way-point';
-import { useWalkStore } from '../stores/walk';
+import {useAlertStore, useClientStore, useTeamStore, useWayPointStore, useWalkStore} from '../stores';
 
 export default {
     name: 'WalkEpilogue',
@@ -485,6 +482,7 @@ export default {
     },
     data: function () {
         return {
+            alertStore: useAlertStore(),
             clientStore: useClientStore(),
             teamStore: useTeamStore(),
             walkStore: useWalkStore(),
@@ -856,15 +854,7 @@ export default {
         async handleSubmit() {
             const walk = await this.walkStore.epilogue(this.form);
             if (walk) {
-                const message = `Die Runde "${walk.name}" wurde erfolgreich erstellt.`;
-                this.$bvToast.toast(message, {
-                    title: 'Runde geändert',
-                    toaster: 'b-toaster-top-right',
-                    autoHideDelay: 10000,
-                    variant: 'success',
-                    appendToast: true,
-                    solid: true,
-                });
+                this.alertStore.success(`Die Runde "${walk.name}" wurde erfolgreich erstellt.`, 'Runde erstellt');
                 window.scrollTo({
                     top: 0,
                     left: 0,
@@ -872,14 +862,7 @@ export default {
                 });
                 this.$router.push({ name: 'Dashboard' });
             } else {
-                this.$bvToast.toast('Upps! :-(', {
-                    title: 'Runde abschließen fehlgeschlagen',
-                    toaster: 'b-toaster-top-right',
-                    autoHideDelay: 10000,
-                    variant: 'danger',
-                    appendToast: true,
-                    solid: true,
-                });
+                this.alertStore.error('Runde abschließen fehlgeschlagen', 'Upps! :-(');
             }
         },
     },
diff --git a/web/assets/js/components/WalkPrologue.vue b/web/assets/js/components/WalkPrologue.vue
index 1e3f2b5d..453c4ca0 100755
--- a/web/assets/js/components/WalkPrologue.vue
+++ b/web/assets/js/components/WalkPrologue.vue
@@ -200,10 +200,7 @@
     import ContentCollapse from './ContentCollapse.vue';
     import WalkAPI from '../api/walk.js';
     import dayjs from 'dayjs';
-    import { useTeamStore } from '../stores/team';
-    import { useWalkStore } from '../stores/walk';
-    import { useUserStore } from '../stores/user';
-    import { useAuthStore } from '../stores/auth';
+    import {useAlertStore, useAuthStore, useWalkStore, useUserStore, useTeamStore} from '../stores';
     import WalkTeamMembersField from "./Common/Walk/WalkTeamMembersField.vue";
 
     export default {
@@ -220,6 +217,7 @@
         },
         data: function () {
             return {
+                alertStore: useAlertStore(),
                 authStore: useAuthStore(),
                 teamStore: useTeamStore(),
                 userStore: useUserStore(),
@@ -539,24 +537,10 @@
                 });
 
                 if (walk) {
-                    const message = `Die Runde "${walk.name}" wurde erfolgreich erstellt.`;
-                    this.$bvToast.toast(message, {
-                        title: 'Runde erstellt',
-                        toaster: 'b-toaster-top-right',
-                        autoHideDelay: 10000,
-                        appendToast: true,
-                        solid: true,
-                    });
+                    this.alertStore.success(`Die Runde "${walk.name}" wurde erfolgreich erstellt.`, 'Runde erstellt');
                     this.$router.push({ name: 'WalkAddWayPoint', params: { walkId: walk.walkId } });
                 } else {
-                    this.$bvToast.toast('Upps! :-(', {
-                        title: 'Runde erstellen fehlgeschlagen',
-                        toaster: 'b-toaster-top-right',
-                        autoHideDelay: 10000,
-                        variant: 'danger',
-                        appendToast: true,
-                        solid: true,
-                    });
+                    this.alertStore.error('Runde erstellen fehlgeschlagen', 'Upps! :-(');
                 }
                 this.isFormLoading = false;
             }
diff --git a/web/assets/js/components/WayPoint/WayPointCreate.vue b/web/assets/js/components/WayPoint/WayPointCreate.vue
index e59e0014..0c527b53 100755
--- a/web/assets/js/components/WayPoint/WayPointCreate.vue
+++ b/web/assets/js/components/WayPoint/WayPointCreate.vue
@@ -11,7 +11,8 @@
 'use strict';
 
 import WayPointForm from './WayPointForm.vue';
-import { useWayPointStore } from '../../stores/way-point';
+import {useAlertStore, useWayPointStore} from '../../stores';
+
 export default {
     name: 'WayPointCreate',
     components: {
@@ -25,6 +26,7 @@ export default {
     },
     data: function () {
         return {
+            alertStore: useAlertStore(),
             wayPointStore: useWayPointStore(),
             componentKey: 0,
         };
@@ -48,14 +50,7 @@ export default {
                 if (isWithFinish) {
                     message += ' Die Runde kann jetzt abgeschlossen werden';
                 }
-                this.$bvToast.toast(message, {
-                    title: 'Wegpunkt erstellt',
-                    variant: 'success',
-                    toaster: 'b-toaster-top-right',
-                    autoHideDelay: 10000,
-                    appendToast: true,
-                    solid: true,
-                });
+                this.alertStore.success(message, 'Wegpunkt erstellt');
                 if (isWithFinish) {
                     this.$router.push({
                         name: 'WalkEpilogue',
@@ -70,14 +65,7 @@ export default {
                     });
                 }
             } else {
-                this.$bvToast.toast('Upps! :-(', {
-                    title: 'Wegpunkt erstellen fehlgeschlagen',
-                    toaster: 'b-toaster-top-right',
-                    autoHideDelay: 10000,
-                    variant: 'danger',
-                    appendToast: true,
-                    solid: true,
-                });
+                this.alertStore.error('Wegpunkt erstellen fehlgeschlagen', 'Upps! :-(');
             }
         },
     },
diff --git a/web/assets/js/components/WayPoint/WayPointForm.vue b/web/assets/js/components/WayPoint/WayPointForm.vue
index 197a61d9..2e116c37 100755
--- a/web/assets/js/components/WayPoint/WayPointForm.vue
+++ b/web/assets/js/components/WayPoint/WayPointForm.vue
@@ -472,11 +472,7 @@ import ColorBadge from '../Tags/ColorBadge.vue';
 import getViolationsFeedback from '../../utils/validation.js';
 import axios from 'axios';
 import dayjs from 'dayjs';
-import { useTagStore } from '../../stores/tag';
-import { useTeamStore } from '../../stores/team';
-import { useWayPointStore } from '../../stores/way-point';
-import { useWalkStore } from '../../stores/walk';
-import { useAuthStore } from '../../stores/auth';
+import {useAlertStore, useAuthStore, useTagStore, useTeamStore, useWalkStore, useWayPointStore} from '../../stores';
 
 export default {
     name: 'WayPointForm',
@@ -502,6 +498,7 @@ export default {
     },
     data: function () {
         return {
+            alertStore: useAlertStore(),
             authStore: useAuthStore(),
             tagStore: useTagStore(),
             teamStore: useTeamStore(),
@@ -975,24 +972,12 @@ export default {
             });
 
             if (result) {
-                let message = `Der Rundenbeginn wurde erfolgreich von "${ previousFormattedDate }" auf "${ dayjs(this.walk.startTime).format(dateTemplate) }" geändert.`;
-                this.$bvToast.toast(message, {
-                    title: 'Rundenbeginn geändert',
-                    variant: 'success',
-                    toaster: 'b-toaster-top-right',
-                    autoHideDelay: 10000,
-                    appendToast: true,
-                    solid: true,
-                });
+                this.alertStore.success(
+                    `Der Rundenbeginn wurde erfolgreich von "${ previousFormattedDate }" auf "${ dayjs(this.walk.startTime).format(dateTemplate) }" geändert.`,
+                    'Rundenbeginn geändert'
+                );
             } else {
-                this.$bvToast.toast('Upps! :-(', {
-                    title: 'Rundenbeginn ändern fehlgeschlagen',
-                    toaster: 'b-toaster-top-right',
-                    autoHideDelay: 10000,
-                    variant: 'danger',
-                    appendToast: true,
-                    solid: true,
-                });
+                this.alertStore.error('Rundenbeginn ändern fehlgeschlagen', 'Upps! :-(');
             }
         }
     },
diff --git a/web/assets/js/components/WayPointDetail.vue b/web/assets/js/components/WayPointDetail.vue
index fe1e4eaf..166d39a0 100755
--- a/web/assets/js/components/WayPointDetail.vue
+++ b/web/assets/js/components/WayPointDetail.vue
@@ -47,10 +47,7 @@
     import ContentCollapse from './ContentCollapse.vue';
     import WayPointForm from './WayPoint/WayPointForm.vue';
     import WayPointRemoveForm from './WayPoint/WayPointRemoveForm.vue';
-    import { useTagStore } from '../stores/tag';
-    import { useWayPointStore } from '../stores/way-point';
-    import { useWalkStore } from '../stores/walk';
-    import { useAuthStore } from '../stores/auth';
+    import {useAlertStore, useAuthStore, useTagStore, useWalkStore, useWayPointStore} from '../stores';
 
     export default {
         name: "WayPointDetail",
@@ -70,6 +67,7 @@
         },
         data: function () {
             return {
+                alertStore: useAlertStore(),
                 authStore: useAuthStore(),
                 tagStore: useTagStore(),
                 wayPointStore: useWayPointStore(),
@@ -136,50 +134,19 @@
             async handleRemove({wayPoint}) {
                 await this.wayPointStore.remove({wayPoint: wayPoint['@id']});
                 if (!this.changeError) {
-                    const message = `Der Wegpunkt "${wayPoint.locationName}" wurde erfolgreich gelöscht.`;
-                    this.$bvToast.toast(message, {
-                        title: 'Wegpunkt gelöscht',
-                        toaster: 'b-toaster-top-right',
-                        variant: 'success',
-                        autoHideDelay: 10000,
-                        appendToast: true,
-                        solid: true,
-                    });
-
+                    this.alertStore.success(`Der Wegpunkt "${wayPoint.locationName}" wurde erfolgreich gelöscht.`, 'Wegpunkt gelöscht');
                     this.$router.push({name: 'WalkDetail', params: { walkId: this.walk.walkId }});
                 } else {
-                    this.$bvToast.toast('Upps! :-(', {
-                        title: 'Wegpunkt löschen fehlgeschlagen',
-                        toaster: 'b-toaster-top-right',
-                        autoHideDelay: 10000,
-                        variant: 'danger',
-                        appendToast: true,
-                        solid: true,
-                    });
+                    this.alertStore.error('Wegpunkt löschen fehlgeschlagen', 'Upps! :-(');
                 }
             },
             async handleSubmit({form}) {
                 form.wayPoint = this.wayPoint['@id'];
                 const wayPoint = await this.wayPointStore.change(form);
                 if (wayPoint) {
-                    const message = `Der Wegpunkt "${wayPoint.locationName}" wurde erfolgreich geändert.`;
-                    this.$bvToast.toast(message, {
-                        title: 'Wegpunkt geändert',
-                        toaster: 'b-toaster-top-right',
-                        variant: 'success',
-                        autoHideDelay: 10000,
-                        appendToast: true,
-                        solid: true,
-                    });
+                    this.alertStore.success(`Der Wegpunkt "${wayPoint.locationName}" wurde erfolgreich geändert.`, 'Wegpunkt geändert');
                 } else {
-                    this.$bvToast.toast('Upps! :-(', {
-                        title: 'Wegpunkt ändern fehlgeschlagen',
-                        toaster: 'b-toaster-top-right',
-                        autoHideDelay: 10000,
-                        variant: 'danger',
-                        appendToast: true,
-                        solid: true,
-                    });
+                    this.alertStore.error('Wegpunkt ändern fehlgeschlagen', 'Upps! :-(');
                 }
             },
         },
diff --git a/web/assets/js/stores/alert.ts b/web/assets/js/stores/alert.ts
index 43dd479f..002aa9d7 100644
--- a/web/assets/js/stores/alert.ts
+++ b/web/assets/js/stores/alert.ts
@@ -8,7 +8,7 @@ export const useAlertStore = defineStore('alert', () => {
         type: null
     }
 
-    const alert = ref<{ message: string; title?: string, type: 'success' | 'error' | null }>(defaultValues)
+    const alert = ref<{ message: string; title?: string, type: 'success' | 'info' | 'error' | null }>(defaultValues)
     const showAlert = ref(false)
 
     const success = (message: string, title: string = '') => {
@@ -16,6 +16,11 @@ export const useAlertStore = defineStore('alert', () => {
         showAlert.value = true
     }
 
+    const info = (message: string, title: string = '') => {
+        alert.value = { message, title, type: 'info' }
+        showAlert.value = true
+    }
+
     const error = (message: string, title: string = '') => {
         alert.value = { message, title, type: 'error' }
         showAlert.value = true
@@ -26,5 +31,5 @@ export const useAlertStore = defineStore('alert', () => {
         alert.value = defaultValues
     }
 
-    return { alert, success, error, clear, showAlert }
+    return { alert, success, info, error, clear, showAlert }
 })
diff --git a/web/assets/js/stores/index.ts b/web/assets/js/stores/index.ts
new file mode 100644
index 00000000..c13065ce
--- /dev/null
+++ b/web/assets/js/stores/index.ts
@@ -0,0 +1,11 @@
+export * from './alert'
+export * from './auth'
+export * from './changelog'
+export * from './client'
+export * from './general'
+export * from './systemic-question'
+export * from './tag'
+export * from './team'
+export * from './user'
+export * from './walk'
+export * from './way-point'
diff --git a/web/tests/Acceptance/features/walk_create.feature b/web/tests/Acceptance/features/walk_create.feature
index c4027acd..728eb73d 100755
--- a/web/tests/Acceptance/features/walk_create.feature
+++ b/web/tests/Acceptance/features/walk_create.feature
@@ -95,8 +95,8 @@ Feature: A user can do a walk
     And I click on element with selector "[data-test='rating'] .vue-rate-it-rating-item:nth-child(4n)"
     And I click on text "Runde abschließen"
 
+    And I wait for 'Die Runde "Mein erster Lauf" wurde erfolgreich erstellt.' to appear
     And I wait for "Runde abschließen" to disappear
-    #    And I wait for 'Runde "Mein erster Lauf" wurde erfolgreich erstellt.' to appear
 
     Then I should be on "/dashboard"
     And I wait for "Mein erster Lauf" to appear
diff --git a/web/tests/Acceptance/features/walk_remove.feature b/web/tests/Acceptance/features/walk_remove.feature
index a6626b01..747de980 100755
--- a/web/tests/Acceptance/features/walk_remove.feature
+++ b/web/tests/Acceptance/features/walk_remove.feature
@@ -53,7 +53,7 @@ Feature: An user can delete a walk
 
     When I click on element "button-walk-remove-modal"
     Then I wait for 'Abgeschlossene Streetwork-Runden' to appear
-    Then I wait for 'Gorbitz' to disappear
+    Then I wait for 'Die Runde "Gorbitz" wurde erfolgreich gelöscht.' to appear
 
     And I can not find the following wayPoints in database:
       | locationName |
@@ -78,7 +78,7 @@ Feature: An user can delete a walk
 
     When I click on element "button-walk-remove-modal"
     Then I wait for 'Abgeschlossene Streetwork-Runden' to appear
-    Then I wait for 'Gorbitz' to disappear
+    Then I wait for 'Die Runde "Gorbitz" wurde erfolgreich gelöscht.' to appear
 
     And I can not find the following wayPoints in database:
       | locationName |