diff --git a/public/backgroud_effect.png b/public/backgroud_effect.png
new file mode 100644
index 0000000..7b2e476
Binary files /dev/null and b/public/backgroud_effect.png differ
diff --git a/src/components/Values.tsx b/src/components/Values.tsx
index 3f84e86..0357a90 100644
--- a/src/components/Values.tsx
+++ b/src/components/Values.tsx
@@ -35,8 +35,14 @@ const Values = () => {
   ];
 
   return (
-    <section id="features" className="py-24 md:py-32 bg-background relative">
-      <div className="container mx-auto px-6">
+    <section id="features" className="py-24 md:py-32 bg-background relative overflow-hidden">
+      {/* Hintergrundbild: groß, leicht transparent */}
+      <div
+        className="absolute inset-0 bg-cover bg-center bg-no-repeat opacity-[0.12]"
+        style={{ backgroundImage: "url(/backgroud_effect.png)" }}
+        aria-hidden
+      />
+      <div className="container mx-auto px-6 relative z-10">
         {/* Section Header */}
         <div className="mb-16 md:mb-24 max-w-3xl">
           <div className="label-tag mb-4">Was Sie bekommen</div>