diff --git a/public/assets/css/main.css b/public/assets/css/main.css
index dd337f4f2af66fd43c761f10e45cef5ae38903a7..07e46a95e1311d4a4716f3284c6b08938a409c84 100644
--- a/public/assets/css/main.css
+++ b/public/assets/css/main.css
@@ -2763,4 +2763,41 @@ section,
   padding-left: 5px;
   color: color-mix(in srgb, var(--default-color), transparent 60%);
   font-size: 14px;
-}
\ No newline at end of file
+}
+/* Salam*/
+/* Styles for page titles to match frame colors */
+
+/* KI Kompetenzen Page */
+.ki-kompetenzen-title {
+    color: #00bcd4; /* Color matching the item-cyan frame */
+}
+
+/* Learning Analytics Infrastruktur Page */
+.learning-analytics-title {
+    color: #ff9800; /* Color matching the item-orange frame */
+}
+
+/* Personalisiertes Lernen Page */
+.personalisiertes-lernen-title {
+    color: #009688; /* Color matching the item-teal frame */
+}
+
+/* KI Ethik Page */
+.ki-ethik-title {
+    color: #f44336; /* Color matching the item-red frame */
+}
+
+/* Study Dean Cockpit Page */
+.study-dean-cockpit-title {
+    color: #3f51b5; /* Color matching the item-indigo frame */
+}
+
+/* Generative KI Page */
+.generative-ki-title {
+    color: #e91e63; /* Color matching the item-pink frame */
+}
+
+/* Adaptives Testen Page */
+.adaptives-testen-title {
+    color: #00bcd4; /* Color matching the item-cyan frame */
+}