Hintergrundmotive endlich richtig sichtbar

Die Motive waren da, aber viel zu stark abgedunkelt und nur hinter dem
Kopfbereich - dadurch praktisch unsichtbar.

- Motiv traegt jetzt die GANZE Seite: fest hinter allem, leicht
  weichgezeichnet, sanft abgedunkelt. Beim Scrollen ueberall praesent.
- Im Kopfbereich zeigt es sich gestochen scharf und fast unabgedunkelt
  (vorher bis zu 88% schwarz, jetzt nur noch wenige Prozent in der Mitte)
- Lesbarkeit ueber kraeftige Schriftschatten statt ueber Abdunkeln
- Kopfbereich hoeher und mittig ausgerichtet, damit das Motiv wirkt
- Bildvariablen liegen jetzt am <body> und vererben sich nach unten;
  nahtloser Seitenwechsel und Reiter-Wechsel nehmen sie korrekt mit

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-07-31 06:10:13 +02:00
co-authored by Claude Opus 5
parent 100fcdcbd5
commit bd0c1eb4b0
17 changed files with 102 additions and 43 deletions
+2 -2
View File
@@ -22,11 +22,11 @@
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
</head>
<body>
<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>
<main>
<section class="hero page-bg" style="--page-bg:url('assets/img/bg-community.jpg');--page-bg-mobile:url('assets/img/bg-community-mobile.jpg');">
<section class="hero page-bg">
<div class="container">
<span class="eyebrow">Welt 2 — HasiDog</span>
<h1>Die Community</h1>