diff --git a/public/js/app.js b/public/js/app.js
index 3a0f7a5..ad8c92c 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -22702,10 +22702,21 @@ var _hoisted_7 = {
 };
 var _hoisted_8 = {
   key: 6,
+  "class": "mt-3"
+};
+
+var _hoisted_9 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("p", {
+  "class": "font-bold"
+}, "Notizen", -1
+/* HOISTED */
+);
+
+var _hoisted_10 = {
+  key: 7,
   "class": "pt-3 mt-3 border-t"
 };
 
-var _hoisted_9 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" Zum Kontakt ");
+var _hoisted_11 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" Zum Kontakt ");
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_unicon = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("unicon");
@@ -22744,7 +22755,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   /* TEXT */
   )], 8
   /* PROPS */
-  , ["href"])])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.contact.link ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_8, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_inertia_link, {
+  , ["href"])])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.contact.notes ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_8, [_hoisted_9, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" " + (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.contact.notes), 1
+  /* TEXT */
+  )])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.contact.link ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_10, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_inertia_link, {
     href: $props.contact.link,
     "class": "pt-1 pb-1 flex items-center"
   }, {
@@ -22754,7 +22767,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         height: "22",
         width: "22",
         name: "arrow-right"
-      }), _hoisted_9];
+      }), _hoisted_11];
     }),
     _: 1
     /* STABLE */
diff --git a/resources/js/Components/ContactCard.vue b/resources/js/Components/ContactCard.vue
index 2e564b5..d2a5395 100644
--- a/resources/js/Components/ContactCard.vue
+++ b/resources/js/Components/ContactCard.vue
@@ -24,6 +24,10 @@
                 {{ contact.phone }}
             </a>
         </div>
+        <div v-if="contact.notes" class="mt-3">
+            <p class="font-bold">Notizen</p>
+            {{ contact.notes }}
+        </div>
         <div v-if="contact.link" class="pt-3 mt-3 border-t">
             <inertia-link :href="contact.link" class="pt-1 pb-1 flex items-center">
                 <unicon class="mr-1" height="22" width="22" name="arrow-right"></unicon>