diff --git a/lektor/lektordata/project/assets/static/style.css b/lektor/lektordata/project/assets/static/style.css
index 0548442..d0b79c4 100644
--- a/lektor/lektordata/project/assets/static/style.css
+++ b/lektor/lektordata/project/assets/static/style.css
@@ -481,13 +481,21 @@ div.left_footer, div.middle_footer, div.right_footer {
 
 .termine ul > li {
   font-weight: bold;
-  width: 1000px;
+  width: 76vw;
+  max-width: 1140px;
 }
 .termine ul > li > div {
   width: 500px;
   font-size: 20px;
 }
 
+.termine > ul > li:nth-child(odd) {
+    background: #fff;
+}
+
+.termine > ul > li:nth-child(even) {
+    background: #ececec;
+}
 
 .termine ul > li > ul > li {
   width: 175px;
@@ -573,7 +581,7 @@ div.left_footer, div.middle_footer, div.right_footer {
 
     .termine ul > li{
         display: table-row;
-        width: 75vw;
+        width: 80vw;
         padding: 0;
         margin: 0;
     }
@@ -588,7 +596,13 @@ div.left_footer, div.middle_footer, div.right_footer {
     }
 
     .termine ul > li > ul {
-        display: table-row;
+        list-style: none;
+        padding: 0;
+        margin: 0;
+        display: grid;
+        grid-template-columns: 1fr 1fr; /* Zwei Spalten für die ersten beiden Einträge */
+        grid-template-rows: auto auto; /* Drei Zeilen: Eine für die ersten beiden, zwei für die restlichen */
+        grid-gap: 10px; /* Optional: Abstand zwischen den Zellen */
     }
 
     .termine ul > li > ul > div{
@@ -602,13 +616,23 @@ div.left_footer, div.middle_footer, div.right_footer {
         display: table-cell;
     }
 
-    .termine li > ul > li:nth-child(1) { width: 42.5vw; }
-    .termine li > ul > li:nth-child(2) { width: 1.5vw; }
-    .termine li > ul > li:nth-child(3) { width: 31vw; }
+    .termine ul > li > ul > li:nth-child(1) {
+        width: 42.5vw;
+        grid-column: span 1;
+    }
+    .termine ul > li > ul > li:nth-child(2) {
+        width: 1.5vw;
+        grid-column: span 1;
+    }
+    .termine ul > li > ul > li:nth-child(3) {
+        width: 31vw;
+        grid-column: span 2;
+    }
  
-    .termine li > ul > li:nth-child(1) > div{ width: 42.5vw; }
-    .termine li > ul > li:nth-child(2) > div{ width: 1.5vw; }
-    .termine li > ul > li:nth-child(3) > div{ width: 31vw; }
+ 
+    .termine ul > li > ul > li:nth-child(1) > div{ width: 45.5vw; }
+    .termine ul > li > ul > li:nth-child(2) > div{ width: 1.5vw; }
+    .termine ul > li > ul > li:nth-child(3) > div{ width: 31vw; }
 
     .termine ul > li > div, .termine ul > li > ul > li > div {
         font-size: 4vw;
@@ -644,7 +668,8 @@ div.left_footer, div.middle_footer, div.right_footer {
 
 
     .termine ul > li {
-      width: 65vw;
+      width: 76vw;
+
     }
     .termine ul > li > div {
       width: 35vw;
@@ -745,13 +770,13 @@ div.left_footer, div.middle_footer, div.right_footer {
         display: table-cell;
     }
 
-    .termine li > ul > li:nth-child(1) { width: 27vw; }
-    .termine li > ul > li:nth-child(2) { width: 1.5vw; }
-    .termine li > ul > li:nth-child(3) { width: 46.5vw; }
+    .termine ul > li > ul > li:nth-child(1) { width: 27vw; }
+    .termine ul > li > ul > li:nth-child(2) { width: 1.5vw; }
+    .termine ul > li > ul > li:nth-child(3) { width: 46.5vw; }
 
-    .termine li > ul > li:nth-child(1) > div{ width: 27vw; }
-    .termine li > ul > li:nth-child(2) > div{ width: 1.5vw; }
-    .termine li > ul > li:nth-child(3) > div{ width: 46.5vw; }
+    .termine ul > li > ul > li:nth-child(1) > div{ width: 27vw; }
+    .termine ul > li > ul > li:nth-child(2) > div{ width: 1.5vw; }
+    .termine ul > li > ul > li:nth-child(3) > div{ width: 46.5vw; }
 
     .termine ul > li > div, .termine ul > li > ul > li > div {
         font-size: 2.5vw;