FIX: Hintergrundbilder wurden gar nicht geladen

Ursache gefunden und im Browser nachgewiesen: Ein relativer Pfad in einer
CSS-Variablen wird nicht gegen die HTML-Seite aufgeloest, sondern gegen die
Datei, in der die Variable benutzt wird — also assets/css/main.css. Daraus
wurde "assets/css/assets/img/bg-*.jpg", was es nicht gibt. Ergebnis: kein
Bild, nur der Abdunkelungs-Verlauf war sichtbar.

- Alle 14 Seiten auf absolute Pfade ab Seitenwurzel umgestellt
  (/assets/img/...), die stimmen unabhaengig von der Aufloesung
- Gleiche Korrektur im Reiter-Wechsel der Bewerbungsseite

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-07-31 06:22:02 +02:00
co-authored by Claude Opus 5
parent e08cf515b3
commit 2279f3e4e4
15 changed files with 16 additions and 16 deletions
+2 -2
View File
@@ -121,8 +121,8 @@ function setzeTabHintergrund(tabId) {
const basis = TAB_HINTERGRUENDE[tabId]; const basis = TAB_HINTERGRUENDE[tabId];
if (!basis) return; if (!basis) return;
// Die Bildvariablen hängen am <body> — das Motiv trägt die ganze Seite. // Die Bildvariablen hängen am <body> — das Motiv trägt die ganze Seite.
document.body.style.setProperty("--page-bg", `url('assets/img/${basis}.jpg')`); document.body.style.setProperty("--page-bg", `url('/assets/img/${basis}.jpg')`);
document.body.style.setProperty("--page-bg-mobile", `url('assets/img/${basis}-mobile.jpg')`); document.body.style.setProperty("--page-bg-mobile", `url('/assets/img/${basis}-mobile.jpg')`);
} }
function setupTabs() { function setupTabs() {
+1 -1
View File
@@ -22,7 +22,7 @@
<link rel="stylesheet" href="assets/css/theme-hasidog.css" /> <link rel="stylesheet" href="assets/css/theme-hasidog.css" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" /> <link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
</head> </head>
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-bewerben.jpg');--page-bg-mobile:url('assets/img/bg-bewerben-mobile.jpg');"> <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-bewerben.jpg');--page-bg-mobile:url('/assets/img/bg-bewerben-mobile.jpg');">
<div id="site-header"></div> <div id="site-header"></div>
<main> <main>
+1 -1
View File
@@ -22,7 +22,7 @@
<link rel="stylesheet" href="assets/css/theme-hasidog.css" /> <link rel="stylesheet" href="assets/css/theme-hasidog.css" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" /> <link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
</head> </head>
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-casper.jpg');--page-bg-mobile:url('assets/img/bg-casper-mobile.jpg');"> <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-casper.jpg');--page-bg-mobile:url('/assets/img/bg-casper-mobile.jpg');">
<div id="site-header"></div> <div id="site-header"></div>
<main> <main>
+1 -1
View File
@@ -22,7 +22,7 @@
<link rel="stylesheet" href="assets/css/theme-hasidog.css" /> <link rel="stylesheet" href="assets/css/theme-hasidog.css" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" /> <link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
</head> </head>
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-community.jpg');--page-bg-mobile:url('assets/img/bg-community-mobile.jpg');"> <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-community.jpg');--page-bg-mobile:url('/assets/img/bg-community-mobile.jpg');">
<div id="site-header"></div> <div id="site-header"></div>
<main> <main>
+1 -1
View File
@@ -22,7 +22,7 @@
<link rel="stylesheet" href="assets/css/theme-hasidog.css" /> <link rel="stylesheet" href="assets/css/theme-hasidog.css" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" /> <link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
</head> </head>
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-bewerben-creator.jpg');--page-bg-mobile:url('assets/img/bg-bewerben-creator-mobile.jpg');"> <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-bewerben-creator.jpg');--page-bg-mobile:url('/assets/img/bg-bewerben-creator-mobile.jpg');">
<div id="site-header"></div> <div id="site-header"></div>
<main> <main>
+1 -1
View File
@@ -22,7 +22,7 @@
<link rel="stylesheet" href="assets/css/theme-hasidog.css" /> <link rel="stylesheet" href="assets/css/theme-hasidog.css" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" /> <link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
</head> </head>
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-dogfather.jpg');--page-bg-mobile:url('assets/img/bg-dogfather-mobile.jpg');"> <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-dogfather.jpg');--page-bg-mobile:url('/assets/img/bg-dogfather-mobile.jpg');">
<div id="site-header"></div> <div id="site-header"></div>
<main> <main>
+1 -1
View File
@@ -22,7 +22,7 @@
<link rel="stylesheet" href="assets/css/theme-hasidog.css" /> <link rel="stylesheet" href="assets/css/theme-hasidog.css" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" /> <link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
</head> </head>
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-hasidog.jpg');--page-bg-mobile:url('assets/img/bg-hasidog-mobile.jpg');"> <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-hasidog.jpg');--page-bg-mobile:url('/assets/img/bg-hasidog-mobile.jpg');">
<div id="site-header"></div> <div id="site-header"></div>
<main> <main>
+1 -1
View File
@@ -22,7 +22,7 @@
<link rel="stylesheet" href="assets/css/theme-hasidog.css" /> <link rel="stylesheet" href="assets/css/theme-hasidog.css" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" /> <link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
</head> </head>
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-manager.jpg');--page-bg-mobile:url('assets/img/bg-manager-mobile.jpg');"> <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-manager.jpg');--page-bg-mobile:url('/assets/img/bg-manager-mobile.jpg');">
<div id="site-header"></div> <div id="site-header"></div>
<main> <main>
+1 -1
View File
@@ -22,7 +22,7 @@
<link rel="stylesheet" href="assets/css/theme-hasidog.css" /> <link rel="stylesheet" href="assets/css/theme-hasidog.css" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" /> <link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
</head> </head>
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-stimmen.jpg');--page-bg-mobile:url('assets/img/bg-stimmen-mobile.jpg');"> <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-stimmen.jpg');--page-bg-mobile:url('/assets/img/bg-stimmen-mobile.jpg');">
<div id="site-header"></div> <div id="site-header"></div>
<main> <main>
+1 -1
View File
@@ -22,7 +22,7 @@
<link rel="stylesheet" href="assets/css/theme-hasidog.css" /> <link rel="stylesheet" href="assets/css/theme-hasidog.css" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" /> <link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
</head> </head>
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-streamplan.jpg');--page-bg-mobile:url('assets/img/bg-streamplan-mobile.jpg');"> <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-streamplan.jpg');--page-bg-mobile:url('/assets/img/bg-streamplan-mobile.jpg');">
<div id="site-header"></div> <div id="site-header"></div>
<main> <main>
+1 -1
View File
@@ -22,7 +22,7 @@
<link rel="stylesheet" href="assets/css/theme-hasidog.css" /> <link rel="stylesheet" href="assets/css/theme-hasidog.css" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" /> <link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
</head> </head>
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-dogfather.jpg');--page-bg-mobile:url('assets/img/bg-dogfather-mobile.jpg');"> <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-dogfather.jpg');--page-bg-mobile:url('/assets/img/bg-dogfather-mobile.jpg');">
<div id="site-header"></div> <div id="site-header"></div>
<main> <main>
+1 -1
View File
@@ -22,7 +22,7 @@
<link rel="stylesheet" href="assets/css/theme-hasidog.css" /> <link rel="stylesheet" href="assets/css/theme-hasidog.css" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" /> <link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
</head> </head>
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-scouts.jpg');--page-bg-mobile:url('assets/img/bg-scouts-mobile.jpg');"> <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-scouts.jpg');--page-bg-mobile:url('/assets/img/bg-scouts-mobile.jpg');">
<div id="site-header"></div> <div id="site-header"></div>
<main> <main>
+1 -1
View File
@@ -22,7 +22,7 @@
<link rel="stylesheet" href="assets/css/theme-hasidog.css" /> <link rel="stylesheet" href="assets/css/theme-hasidog.css" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" /> <link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
</head> </head>
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-vanvan.jpg');--page-bg-mobile:url('assets/img/bg-vanvan-mobile.jpg');"> <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-vanvan.jpg');--page-bg-mobile:url('/assets/img/bg-vanvan-mobile.jpg');">
<div id="site-header"></div> <div id="site-header"></div>
<main> <main>
+1 -1
View File
@@ -22,7 +22,7 @@
<link rel="stylesheet" href="assets/css/theme-hasidog.css" /> <link rel="stylesheet" href="assets/css/theme-hasidog.css" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" /> <link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
</head> </head>
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-werte.jpg');--page-bg-mobile:url('assets/img/bg-werte-mobile.jpg');"> <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-werte.jpg');--page-bg-mobile:url('/assets/img/bg-werte-mobile.jpg');">
<div id="site-header"></div> <div id="site-header"></div>
<main> <main>
+1 -1
View File
@@ -22,7 +22,7 @@
<link rel="stylesheet" href="assets/css/theme-hasidog.css" /> <link rel="stylesheet" href="assets/css/theme-hasidog.css" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" /> <link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
</head> </head>
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-zeitreise.jpg');--page-bg-mobile:url('assets/img/bg-zeitreise-mobile.jpg');"> <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-zeitreise.jpg');--page-bg-mobile:url('/assets/img/bg-zeitreise-mobile.jpg');">
<div id="site-header"></div> <div id="site-header"></div>
<main> <main>