diff --git a/index.html b/index.html
index a117c74..c11b118 100644
--- a/index.html
+++ b/index.html
@@ -150,8 +150,8 @@
     <div class="footer-credits">
         <p>Bildnachweis:</p>
         <ul style="list-style: none; padding: 0; margin: 0;">
-            <li>Header-Bild <a href="https://unsplash.com/@battenhall" target="_blank">Battenhall via Unsplash</a></li>
-            <li>Bild zum Willkommen <a href="https://unsplash.com/de/@joephotography" target="_blank">Akira Hojo via Unsplash</a></li>
+            <li>Header-Bild <a href="https://unsplash.com/de/@joephotography" target="_blank">Akira Hojo via Unsplash</a></li>
+            <li>Bild zum Willkommen <a href="https://unsplash.com/@battenhall" target="_blank">Battenhall via Unsplash</a></li>
         </ul>
     </div>
 
diff --git a/style/media-query.css b/style/media-query.css
index 96844ca..3ecda5f 100644
--- a/style/media-query.css
+++ b/style/media-query.css
@@ -1,3 +1,35 @@
+@media (max-width: 1700px) {
+    header {
+        background-position-y: -400px;
+    }
+}
+
+@media (max-width: 1200px) {
+    header {
+        background-position-y: -200px;
+    }
+}
+
+@media (max-width: 900px) {
+
+    header {
+        background-position-y: center;
+    }
+
+    .content-wrapper {
+        flex-direction: column;
+        gap: 0;
+    }
+    .content-text {
+        order: 2;
+        max-width: 100%;
+    }
+    .content-image {
+        order: 1;
+        max-width: 100%;
+    }
+}
+
 @media (max-width: 800px) {
 
     .recommendation-popup-content {
@@ -23,19 +55,3 @@
         max-width: 250px;
     }
 }
-
-@media (max-width: 900px) {
-
-    .content-wrapper {
-        flex-direction: column;
-        gap: 0;
-    }
-    .content-text {
-        order: 2;
-        max-width: 100%;
-    }
-    .content-image {
-        order: 1;
-        max-width: 100%;
-    }
-}
\ No newline at end of file
diff --git a/style/site.css b/style/site.css
index f9b4d02..0360dc0 100644
--- a/style/site.css
+++ b/style/site.css
@@ -25,11 +25,13 @@ a {
 }
 header {
     position: relative;
+    height: 400px;
     text-align: center;
     padding: 80px 20px 30px 20px;
     background-image: url('../images/akira-hojo-_86u_Y0oAaM-unsplash.jpg');
     background-size: cover;
-    background-position: center;
+    background-position-y: -600px;
+    background-position-x: center;
     color: #ffffff;
 }
 header::before {