From e09c1111c00d817fe6cff89aa91be26b774ef2bc Mon Sep 17 00:00:00 2001
From: Felix Kemmler <felix_kemmler@protonmail.com>
Date: Mon, 10 Aug 2026 22:42:27 +0200
Subject: [PATCH] Update omsorgWeb mitarbeiter-app backgrounds to match
 omsorgapp gradient design

Replace static background image and pseudo-element patterns with modern gradient system using radial and linear gradients, consistent with the new omsorgapp design language.

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 omsorgWeb/mitarbeiter-app-legacy/app.css | 34 ++++++++++++++----------
 omsorgWeb/mitarbeiter-app/app.css        | 20 +++++++++++++-
 2 files changed, 39 insertions(+), 15 deletions(-)

diff --git a/omsorgWeb/mitarbeiter-app-legacy/app.css b/omsorgWeb/mitarbeiter-app-legacy/app.css
index 9daf215..9f9a8f0 100644
--- a/omsorgWeb/mitarbeiter-app-legacy/app.css
+++ b/omsorgWeb/mitarbeiter-app-legacy/app.css
@@ -31,21 +31,27 @@ html{scroll-behavior:smooth;background:#031522;overflow-x:hidden}
 body{
   margin:0;min-height:100vh;color:var(--text);
   font-family:'Visby',Arial,Helvetica,sans-serif;line-height:1.45;
-  background:#031522 url('assets/omsorg-bg-full.png') center top/cover fixed no-repeat;
+  background:
+    radial-gradient(
+      circle at 15% 10%,
+      rgba(16, 215, 230, 0.22),
+      transparent 33%
+    ),
+    radial-gradient(
+      circle at 85% 85%,
+      rgba(18, 88, 99, 0.32),
+      transparent 38%
+    ),
+    linear-gradient(
+      135deg,
+      #031522 0%,
+      #032a36 38%,
+      #0a3a47 68%,
+      #031522 100%
+    );
+  background-attachment:fixed;
   overflow-x:hidden;
-}
-body::before{
-  content:"";position:fixed;inset:0;z-index:-2;
-  background:linear-gradient(180deg,rgba(0,9,23,.08),rgba(0,9,23,.28) 58%,rgba(0,9,23,.52));
-  pointer-events:none;
-}
-body::after{
-  content:"";position:fixed;inset:0;z-index:-1;opacity:.35;
-  background-image:radial-gradient(circle,rgba(0,216,230,.75) 0 2px,transparent 3px);
-  background-size:24px 24px;
-  mask-image:radial-gradient(circle at 0% 34%,#000 0 0,transparent 18%),
-             radial-gradient(circle at 100% 88%,#000 0 0,transparent 17%);
-  pointer-events:none;
+  -webkit-font-smoothing:antialiased;
 }
 a{color:inherit;text-decoration:none}
 img{display:block;max-width:100%}
diff --git a/omsorgWeb/mitarbeiter-app/app.css b/omsorgWeb/mitarbeiter-app/app.css
index a23ffe3..552eb5d 100644
--- a/omsorgWeb/mitarbeiter-app/app.css
+++ b/omsorgWeb/mitarbeiter-app/app.css
@@ -13,7 +13,25 @@ html{background:#031522}
 body{
   margin:0;min-height:100vh;color:var(--text);
   font-family:Arial,Helvetica,sans-serif;line-height:1.45;
-  background:#031522;
+  background:
+    radial-gradient(
+      circle at 15% 10%,
+      rgba(16, 215, 230, 0.22),
+      transparent 33%
+    ),
+    radial-gradient(
+      circle at 85% 85%,
+      rgba(18, 88, 99, 0.32),
+      transparent 38%
+    ),
+    linear-gradient(
+      135deg,
+      #031522 0%,
+      #032a36 38%,
+      #0a3a47 68%,
+      #031522 100%
+    );
+  background-attachment:fixed;
 }
 a{color:inherit;text-decoration:none}
 img{display:block;max-width:100%}