CalenderView Tage Always on top

Tage in der Kalender werden nicht mit gescrolled

anwendung/src/styles/globals.css

@@ -188,9 +188,21 @@ Calender View
 
 .calender-container
 {
-  margin-top: 100px;
   max-height: 300px;
   overflow-y: scroll;
+  border-bottom: 2px solid #5d606e;
+}
+
+.wochen-tag-container
+{
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  margin-right: 1.5%;
+  height: 25px;
+  background-color: #5d606e;
+  border: 2px solid  #5d606e;
+  border-radius: 5px 5px 0 0;
 }
 
 .calender-view
@@ -207,10 +219,9 @@ Calender View
   display: flex;
   flex-direction: row;
   align-items: stretch;
-  border-radius: 5px;
   justify-content: stretch;
   gap: 2px;
-  padding: 2px;
+  padding: 0 2px 0 2px;
   user-select: none;
 }
 
@@ -221,16 +232,16 @@ Calender View
   background-color: white;
   display: grid;
   grid-template-columns: 100%;
-  grid-template-rows: repeat(100, 10px);
+  grid-template-rows: repeat(96, 10px);
 }
 
-.spalte .wochen-tag
+.wochen-tag-container .wochen-tag
 {
   text-align: center;
   background-color: #f80000;
-  width: 100%;
+  width: 16%;
   color: white;
-  border-radius: 5px 5px 0 0;
+  border-radius: 5px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -262,4 +273,6 @@ Calender View
 {
   color: white;
   font-size: 5px;
-}
+  cursor: default;
+  pointer-events: none;
+}