diff --git a/datenschutz.html b/datenschutz.html
index b198545..e954529 100644
--- a/datenschutz.html
+++ b/datenschutz.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="Datenschutzerklärung von Andreas Guttenberger. Informationen zum Datenschutz und zur Verarbeitung personenbezogener Daten.">
-    <meta name="robots" content="noindex, follow">
+    <meta name="robots" content="index, follow">
     <link rel="canonical" href="https://andreas-guttenberger.de/datenschutz.html">
     <title>Datenschutzerklärung - Andreas Guttenberger | Versicherungsfachmann (IHK)</title>
     
diff --git a/img/background-about.jpg b/img/background-about.jpg
new file mode 100644
index 0000000..1f5702e
Binary files /dev/null and b/img/background-about.jpg differ
diff --git a/img/background-hero.jpg b/img/background-hero.jpg
new file mode 100644
index 0000000..0b11f5c
Binary files /dev/null and b/img/background-hero.jpg differ
diff --git a/impressum.html b/impressum.html
index 52b5a1a..f552c7b 100644
--- a/impressum.html
+++ b/impressum.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="Impressum von Andreas Guttenberger, Versicherungsfachmann (IHK) in Kallmünz. Rechtliche Angaben und Kontaktinformationen.">
-    <meta name="robots" content="noindex, follow">
+    <meta name="robots" content="index, follow">
     <link rel="canonical" href="https://andreas-guttenberger.de/impressum.html">
     <title>Impressum - Andreas Guttenberger | Versicherungsfachmann (IHK)</title>
     
diff --git a/style.css b/style.css
index d93f2e0..b3561bf 100644
--- a/style.css
+++ b/style.css
@@ -147,7 +147,10 @@ body {
 
 /* Hero Section */
 .hero {
-    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
+    background-image: linear-gradient(135deg, rgba(0, 0, 143, 0.85) 0%, rgba(0, 71, 187, 0.85) 100%), url('img/background-hero.jpg');
+    background-size: cover;
+    background-position: center;
+    background-attachment: fixed;
     color: var(--white);
     padding: 80px 20px;
     min-height: 62vh;
@@ -300,7 +303,10 @@ body {
 /* About Section */
 .about {
     padding: 80px 20px;
-    background-color: var(--bg-light);
+    background-image: linear-gradient(135deg, rgba(248, 249, 250, 0.95) 0%, rgba(248, 249, 250, 0.95) 100%), url('img/background-about.jpg');
+    background-size: cover;
+    background-position: center;
+    background-attachment: fixed;
 }
 
 .about h2 {