Farben etwas unauffälliger gemacht

webseite/assets/css/subject.css

@@ -1,4 +1,14 @@
 /* Subject page styles */
+
+/* Corporate Design Colors */
+:root {
+    --primary-color: #5265A0; /* HSGG Blau */
+    --secondary-color: #323966; /* Dunkel Blau */
+    --background-color: #F3F4F6; /* Gray-50 */
+    --text-color: #1F2937; /* Gray-900 */
+    --accent-color: #62a1f4; /* Green */
+}
+
 * {
     margin: 0;
     padding: 0;
@@ -110,7 +120,7 @@ body {
     position: relative;
     overflow: hidden;
     border: 1px solid rgba(255, 255, 255, 0.1);
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+    box-shadow: 2px 4px 6px 2px rgba(0, 0, 0, 0.1);
     transform: translateY(0);
     transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
     box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
@@ -132,8 +142,8 @@ body {
 
 .topic-card:hover {
     transform: translateY(-5px);
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
+    /*box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
-    0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    0 10px 10px -5px rgba(0, 0, 0, 0.04);*/
 }
 
 .topic-card:hover::before {
@@ -311,6 +321,7 @@ body {
 }
 
 .download-section h4 {
+    color: var(--primary-color);
     margin-bottom: 1rem;
     font-size: 1rem;
 }

webseite/assets/css/topic.css

@@ -1,3 +1,13 @@
+
+/* Corporate Design Colors */
+:root {
+    --primary-color: #5265A0; /* HSGG Blau */
+    --secondary-color: #323966; /* Dunkel Blau */
+    --background-color: #F3F4F6; /* Gray-50 */
+    --text-color: #1F2937; /* Gray-900 */
+    --accent-color: #62a1f4; /* Green */
+}
+
 * {
     margin: 0;
     padding: 0;
@@ -69,7 +79,8 @@ body {
     border-radius: 20px;
     padding: 2rem;
     margin-bottom: 2rem;
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+    /*box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);*/
+    box-shadow: 2px 4px 6px 2px rgba(0, 0, 0, 0.1);
     transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
@@ -125,7 +136,7 @@ body {
 .exercise-section {
     padding: 1.5rem;
     border-radius: 12px;
-    color: white;
+    /*color: white;*/
     margin-top: 2rem;
     position: relative;
     overflow: hidden;
@@ -147,7 +158,7 @@ body {
     align-items: center;
     gap: 0.5rem;
     background: rgba(255, 255, 255, 0.1);
-    color: white;
+    /*color: white;*/
     padding: 0.75rem 1.25rem;
     border-radius: 10px;
     text-decoration: none;

webseite/subject.php

@@ -74,6 +74,7 @@ $topics = $subjectData->topics;
                     <p class="topic-description">
                         <?php echo($topicData->description); ?>
                     </p>
+                    <!--
                     <div class="related-topics bg-gray-100">
                         <h4>Verwandte Themen:</h4>
                         <ul>
@@ -96,9 +97,9 @@ $topics = $subjectData->topics;
                             }
                             ?>
                         </ul>
+                    </div>-->
                 </div>
-                </div>
+                <div class="download-section bg-gray-100 p-[20px] rounded-[20px]">
-                <div class="download-section">
                     <h4>Übungen herunterladen:</h4>
                     <div class="download-links">
                         <?php
@@ -107,7 +108,7 @@ $topics = $subjectData->topics;
 
                             <a onclick="event.stopPropagation();"
                                href="<?php echo("config/subjects/$subjectData->id/topics/$topicData->id/$fileName") ?>"
-                               target="_blank" download class="download-btn bg-[<?php echo($subjectData->color); ?>]">
+                               target="_blank" download class="download-btn border-2 border-[<?php echo($subjectData->color); ?>]">
                                 <i class="fas fa-file-pdf"></i>
                                 <?php echo($fileName); ?>
                             </a>

webseite/topic.php

@@ -70,15 +70,15 @@ if (!isset($topicData)) {
             <?php echo($topicData->article); ?>
         </p>
 
-        <div class="exercise-section bg-[<?php echo($subjectData->color); ?>]">
+        <div class="exercise-section bg-gray-100">
-            <h3 style="margin-bottom: 1rem;">Übungen herunterladen:</h3>
+            <h3 style="margin-bottom: 1rem;" class="text-[var(--primary-color)]">Übungen herunterladen:</h3>
             <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;">
                 <?php
                 foreach ($topicData->files as $fileName) {
                     ?>
 
                     <a href='<?php echo("config/subjects/$subjectData->id/topics/$topicData->id/$fileName") ?>'
-                       target="_blank" download class="download-btn">
+                       target="_blank" download class="download-btn border-[<?php echo($subjectData->color); ?>] border-2">
                         <i class="fas fa-file-pdf"></i>
                         <?php echo($fileName); ?>
                     </a>