Updated multiple things on wedding-page

layouts/_default/wedding.html

@@ -1,14 +1,23 @@
 {{ define "content" }}
 
 <style>
-  .wedding-container {
-    max-width: 800px;
+body {
+    background-color: #fff; /* light bg */
+    color: #222;            /* dark text */
+    /* NEW: background image */
+    background-image: url('/images/hochzeit-bg.jpg'); /* path to your image */
+    background-size: cover;       /* cover whole container */
+    background-position: center;  /* center the image */
+    background-repeat: repeat; /* don't tile */
+    border-radius: 8px;           /* optional: match your hero border-radius */
+}
+.wedding-container {
+    max-width: 1600px;
     margin: 0 auto;
     padding: 2rem;
     font-family: system-ui, sans-serif;
     line-height: 1.6;
-  }
-
+}
   .hero {
     text-align: center;
     margin-bottom: 3rem;
@@ -42,13 +51,15 @@
 
   .map iframe {
     width: 100%;
+    background-color: rgba(255, 255, 255, 0.5); /* subtle white overlay */
+    padding: 1rem;
     height: 400px;
     border: 0;
     border-radius: 8px;
   }
 
   .rsvp {
-    background: #f8f8f8;
+    background-color: rgba(255, 255, 255, 0.8); /* subtle white overlay */
     padding: 1rem;
     border-radius: 8px;
   }