diff --git a/client/src/components/competences/CompetenceProgress.vue b/client/src/components/competences/CompetenceProgress.vue
index 4fc51757..71d41629 100644
--- a/client/src/components/competences/CompetenceProgress.vue
+++ b/client/src/components/competences/CompetenceProgress.vue
@@ -6,9 +6,8 @@ const props = defineProps<{
   open: number
 }>()
 
-const done = 100 * props.done / props.total
-const notDone = 100 * ((props.total - props.open - props.done) / props.total) + done
-console.log(done, notDone)
+const done = 100 * props.done / props.total;
+const notDone = 100 * ((props.total - props.open - props.done) / props.total) + done;
 
 </script>
 
diff --git a/client/src/pages/CompetencesMainView.vue b/client/src/pages/CompetencesMainView.vue
index 039c9aa1..0e242b06 100644
--- a/client/src/pages/CompetencesMainView.vue
+++ b/client/src/pages/CompetencesMainView.vue
@@ -111,7 +111,13 @@ const lastCompetences = [
       }
     ]
   }
-]
+];
+
+const summary = {
+  ok: 325,
+  nok: 32,
+  open: 28
+};
 
 </script>
 
@@ -123,7 +129,7 @@ const lastCompetences = [
       <!--        v-model="dropdownSelected"-->
       <!--        :items="mediaStore.availableLearningPaths"></ItDropdownSelect>-->
     </div>
-    <div class="bg-white p-8">
+    <div class="bg-white p-8 mb-8">
       <div>
         <h3 class="pb-4 border-b">Letzte verbesserte Kompetenzen</h3>
         <ul class="divide-y">
@@ -133,7 +139,48 @@ const lastCompetences = [
             <ComptenceProgress :total="7" :done="3" :open="2"></ComptenceProgress>
           </li>
         </ul>
-
+         <router-link
+            to="/mediacenter/handlungsfeldlist"
+            class="flex items-center"
+          >
+            <span>Alle anschauen</span>
+            <it-icon-arrow-right></it-icon-arrow-right>
+          </router-link>
+      </div>
+    </div>
+    <div class="bg-white p-8">
+      <div>
+        <h3 class="pb-4">Einschätzungen</h3>
+         <ul class="flex flex-col lg:flex-row items-center mb-6">
+           <li class="inline-block pr-12 mr-12 border-r">
+             <h5 class="text-gray-700 mb-4">«Das muss ich nochmals anschauen»</h5>
+             <div class="flex flex-row items-center">
+               <it-icon-smiley-thinking class="w-16 h-16"></it-icon-smiley-thinking>
+               <p class="text-7xl font-bold inline-block ml-4">{{summary.nok}}</p>
+             </div>
+           </li>
+           <li class="inline-block pr-12 mr-12 border-r">
+             <h5 class="text-gray-700 mb-4">«Ja, ich kann das»</h5>
+             <div class="flex flex-row items-center">
+               <it-icon-smiley-happy class="w-16 h-16"></it-icon-smiley-happy>
+               <p class="text-7xl font-bold inline-block ml-4">{{summary.ok}}</p>
+             </div>
+           </li>
+             <li>
+             <h5 class="text-gray-700 mb-4">Nicht eingeschätzt</h5>
+             <div class="flex flex-row items-center border-r">
+               <it-icon-smiley-neutral class="w-16 h-16"></it-icon-smiley-neutral>
+               <p class="text-7xl font-bold inline-block ml-4">{{summary.open}}</p>
+             </div>
+           </li>
+         </ul>
+         <router-link
+            to="/mediacenter/handlungsfeldlist"
+            class="flex items-center"
+          >
+            <span>Alle anschauen</span>
+            <it-icon-arrow-right></it-icon-arrow-right>
+          </router-link>
       </div>
     </div>
   </div>