fix: z-index Reihenfolge für Hero-Video korrigiert
Overlay z-index 1, Video z-index 2, Content z-index 3. Video war vorher hinter dem fast undurchsichtigen Overlay versteckt. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Dieser Commit ist enthalten in:
@@ -66,7 +66,7 @@ a { color:inherit; text-decoration:none; }
|
|||||||
|
|
||||||
.hero-overlay { position:absolute; inset:0; background:linear-gradient(135deg,rgba(10,24,50,0.95) 0%,rgba(19,40,68,0.98) 50%,rgba(10,24,50,0.95) 100%); z-index:1; }
|
.hero-overlay { position:absolute; inset:0; background:linear-gradient(135deg,rgba(10,24,50,0.95) 0%,rgba(19,40,68,0.98) 50%,rgba(10,24,50,0.95) 100%); z-index:1; }
|
||||||
|
|
||||||
.hero-content { position:relative; z-index:2; max-width:700px; padding:80px 24px; color:var(--white); }
|
.hero-content { position:relative; z-index:3; max-width:700px; padding:80px 24px; color:var(--white); }
|
||||||
.hero-title { font-size:3.4rem; font-weight:700; line-height:1.1; margin-bottom:20px; letter-spacing:-0.02em; color:var(--white); }
|
.hero-title { font-size:3.4rem; font-weight:700; line-height:1.1; margin-bottom:20px; letter-spacing:-0.02em; color:var(--white); }
|
||||||
.hero-claim { font-size:1.45rem; font-weight:300; line-height:1.5; margin-bottom:24px; color:rgba(255,255,255,0.9); }
|
.hero-claim { font-size:1.45rem; font-weight:300; line-height:1.5; margin-bottom:24px; color:rgba(255,255,255,0.9); }
|
||||||
.gold { color:var(--gold); font-weight:600; }
|
.gold { color:var(--gold); font-weight:600; }
|
||||||
@@ -105,7 +105,7 @@ a { color:inherit; text-decoration:none; }
|
|||||||
.hero-arrow:hover { border-color:var(--gold); color:var(--gold); }
|
.hero-arrow:hover { border-color:var(--gold); color:var(--gold); }
|
||||||
|
|
||||||
/* ==================== HERO FULLSCREEN VIDEO ==================== */
|
/* ==================== HERO FULLSCREEN VIDEO ==================== */
|
||||||
.hero-fullscreen-video { position:absolute; inset:0; z-index:1; overflow:hidden; opacity:0; transition:opacity 0.8s ease; pointer-events:none; }
|
.hero-fullscreen-video { position:absolute; inset:0; z-index:2; overflow:hidden; opacity:0; transition:opacity 0.8s ease; pointer-events:none; }
|
||||||
.hero-fullscreen-video.visible { opacity:1; }
|
.hero-fullscreen-video.visible { opacity:1; }
|
||||||
.hero-fullscreen-video video { width:100%; height:100%; object-fit:cover; }
|
.hero-fullscreen-video video { width:100%; height:100%; object-fit:cover; }
|
||||||
|
|
||||||
|
|||||||
In neuem Issue referenzieren
Einen Benutzer sperren