diff --git a/frontend/src/components/MovieCard.vue b/frontend/src/components/MovieCard.vue
index 84a086a..f4a122c 100644
--- a/frontend/src/components/MovieCard.vue
+++ b/frontend/src/components/MovieCard.vue
@@ -57,8 +57,8 @@ const meta = computed(() =>
 
 /* Steht der Film auf dem Rad, soll man das im Raster sehen */
 .card.auf-dem-rad {
-  border-color: var(--accent);
-  box-shadow: inset 0 0 0 1px var(--accent);
+  border-color: #6bbf7a;
+  box-shadow: inset 0 0 0 1px #6bbf7a;
 }
 
 .rad-marke {
@@ -72,7 +72,7 @@ const meta = computed(() =>
   font-weight: 700;
   letter-spacing: 0.08em;
   text-transform: uppercase;
-  background: var(--accent);
+  background: #6bbf7a;
   border-radius: 4px;
 }
 
diff --git a/frontend/src/components/SeriesCard.vue b/frontend/src/components/SeriesCard.vue
index 29b8de3..41f3bbe 100644
--- a/frontend/src/components/SeriesCard.vue
+++ b/frontend/src/components/SeriesCard.vue
@@ -219,8 +219,8 @@ h2:hover {
 }
 
 .card.auf-dem-rad {
-  border-color: var(--accent);
-  box-shadow: inset 0 0 0 1px var(--accent);
+  border-color: #6bbf7a;
+  box-shadow: inset 0 0 0 1px #6bbf7a;
 }
 
 .rad-marke {
@@ -234,7 +234,7 @@ h2:hover {
   font-weight: 700;
   letter-spacing: 0.08em;
   text-transform: uppercase;
-  background: var(--accent);
+  background: #6bbf7a;
   border-radius: 4px;
 }
 </style>