🎨 Hintergrund #FCE812 + stärkere Card-Shadow + 6px-Hover-Lift

This commit is contained in:
Hermes Agent
2026-06-17 13:42:25 +02:00
parent c1a3d773aa
commit 721ed50496
+4 -4
View File
@@ -1510,7 +1510,7 @@ def public_frontend():
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<style>
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; background:#F3EDE4; color:#1a1a2e; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:100vh; }
body { font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; background:#FCE812; color:#1a1a2e; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:100vh; }
.empty { text-align:center; padding:3rem; }
.empty h1 { color:#20228a; font-size:2rem; font-weight:800; margin-bottom:0.8rem; }
.empty p { color:#666; font-size:1.1rem; max-width:400px; line-height:1.6; }
@@ -1669,7 +1669,7 @@ def public_frontend():
<link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap" rel="stylesheet">
<style>
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; background:#F3EDE4; color:#1a1a2e; min-height:100vh; }
body { font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; background:#FCE812; color:#1a1a2e; min-height:100vh; }
/* Header — dark bar like SPIEL Essen */
.site-header { background:#12121c; padding:1rem 2rem; display:flex; align-items:center; gap:1rem; position:sticky; top:0; z-index:100; box-shadow:0 2px 12px rgba(0,0,0,0.15); }
@@ -1685,8 +1685,8 @@ def public_frontend():
.main-grid { max-width:1100px; margin:2rem auto; padding:0 1.5rem; display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:1.5rem; }
/* Card — like SPIEL Essen modules */
.story-card { background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,0.06),0 1px 3px rgba(0,0,0,0.04); transition:transform 0.2s ease,box-shadow 0.2s ease; display:flex; flex-direction:column; }
.story-card:hover { transform:translateY(-3px); box-shadow:0 12px 32px rgba(0,0,0,0.1),0 2px 6px rgba(0,0,0,0.05); }
.story-card { background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 6px 28px rgba(0,0,0,0.12),0 2px 6px rgba(0,0,0,0.06); transition:transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1),box-shadow 0.25s ease; display:flex; flex-direction:column; }
.story-card:hover { transform:translateY(-6px); box-shadow:0 18px 44px rgba(0,0,0,0.16),0 4px 12px rgba(0,0,0,0.08); }
.story-card img { width:100%; height:100%; object-fit:cover; display:block; }
.story-card video { width:100%; height:auto; max-height:600px; object-fit:contain; display:block; background:#000; }
.story-card { position:relative; }