From ba86f4c3754e09cc524e0cbd5114df304b822080 Mon Sep 17 00:00:00 2001
From: nessi <sascha@nesterovic.cc>
Date: Tue, 3 Feb 2026 12:15:54 +0100
Subject: [PATCH] Remove image and overlay backgrounds from App layout.

The background setup, including an image and readability overlay, has been removed from the body element. A simpler color background is now applied to the HTML and body elements, and the root retains transparency. This change simplifies the layout and improves maintainability.
---
 frontend/src/App.jsx | 27 +++------------------------
 1 file changed, 3 insertions(+), 24 deletions(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 321c466..d53202c 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -251,31 +251,10 @@ export default function App() {
         background: #1c140d;
       }
 
-      /* Rumtreiberkarte Layer (Image in /public/bg/marauders-map.jpg) */
-      body::before {
-        content: "";
-        position: fixed;
-        inset: 0;
-        z-index: -2;
-        background-image: url("/bg/marauders-map.jpg");
-        background-size: cover;
-        background-position: center;
-        background-repeat: no-repeat;
-        filter: blur(8px) saturate(1.1) contrast(1.05) brightness(0.95);
-        transform: scale(1.05); /* Blur edges vermeiden */
-      }
-
-      /* Lesbarkeits-Overlay (warm parchment wash) */
-      body::after {
-        content: "";
-        position: fixed;
-        inset: 0;
-        z-index: -1;
-        background:
-          radial-gradient(circle at 15% 20%, rgba(255,220,160,0.18), rgba(0,0,0,0) 40%),
-          radial-gradient(circle at 80% 30%, rgba(255,210,140,0.14), rgba(0,0,0,0) 42%),
-          linear-gradient(180deg, rgba(241,226,194,0.78), rgba(227,201,150,0.78));
+      html, body {
+        background: #1c140d;
       }
+      #root { background: transparent; }
 
       body {
         overflow-x: hidden;