update

frontend/src/components/MovieCard.vue

@@ -5,6 +5,8 @@ import { backdropUrl, posterUrl } from '../images'
 const props = defineProps({
   movie: { type: Object, required: true },
   aufDemRad: { type: Boolean, default: false },
+  // Schon gelaufen — die Karte tritt dann zurück
+  gesehen: { type: Boolean, default: false },
   ansicht: { type: String, default: 'kompakt' },
 })
 
@@ -30,7 +32,7 @@ const meta = computed(() =>
 <template>
   <button
     class="card"
-    :class="[ansicht, { 'auf-dem-rad': aufDemRad }]"
+    :class="[ansicht, { 'auf-dem-rad': aufDemRad, gesehen }]"
     type="button"
     @click="$emit('open', movie)"
   >
@@ -69,6 +71,16 @@ const meta = computed(() =>
 </template>
 
 <style scoped>
+/* Schon gelaufen — die Karte tritt zurück, bleibt aber lesbar.
+   Beim Überfahren kommt sie zurück. */
+.card.gesehen {
+  opacity: 0.45;
+}
+
+.card.gesehen:hover {
+  opacity: 1;
+}
+
 /* Details: breite Karte, Poster links, alles lesbar statt abgeschnitten */
 .haupt {
   display: flex;