update styling of topic page

webseite/assets/css/subject.css

@@ -7,7 +7,6 @@
 }
 
 body {
-    background-color: var(--bg-color);
     min-height: 100vh;
     display: flex;
     overflow-x: hidden;
@@ -47,6 +46,13 @@ body {
     transition: all 0.2s ease;
 }
 
+/* Active nav link style */
+.nav-link.active {
+    background: rgba(255, 255, 255, 0.15);
+    color: white;
+    font-weight: 600;
+}
+
 .nav-link:hover {
     background: rgba(255, 255, 255, 0.1);
     color: white;
@@ -63,7 +69,6 @@ body {
     top: 0;
     right: 0;
     padding: 1rem;
-    background: var(--card-bg);
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
     z-index: 40;
     display: flex;
@@ -81,7 +86,6 @@ body {
     outline: none;
     font-size: 1rem;
     transition: all 0.2s ease;
-    background: var(--bg-color);
 }
 
 .main-content {
@@ -102,7 +106,6 @@ body {
 }
 
 .topic-card {
-    background: var(--card-bg);
     border-radius: 20px;
     padding: 2rem;
     position: relative;
@@ -284,7 +287,6 @@ body {
     display: none;
     align-items: center;
     justify-content: center;
-    color: var(--text-primary);
     transition: all 0.3s ease;
 }
 
@@ -363,7 +365,6 @@ body {
 }
 
 .related-topics li {
-    background: white;
     padding: 0.5rem 1rem;
     border-radius: 20px;
     font-size: 0.9rem;
@@ -390,10 +391,3 @@ body {
     transform: translateY(-5px) scale(1.01);
     box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
 }
-
-/* Active nav link style */
-.nav-link.active {
-    background: rgba(255, 255, 255, 0.15);
-    color: white;
-    font-weight: 600;
-}