diff --git a/vorschau/css/style.css b/vorschau/css/style.css index d5b1914..2104e96 100644 --- a/vorschau/css/style.css +++ b/vorschau/css/style.css @@ -61,7 +61,7 @@ a { color:inherit; text-decoration:none; } .mobile-overlay.open { opacity:1; pointer-events:all; } /* ==================== HERO ==================== */ -.hero { position:relative; min-height:88vh; display:flex; align-items:center; padding-top:var(--nav-height); overflow:hidden; background:var(--navy); } +.hero { position:relative; min-height:88vh; display:flex; align-items:center; padding-top:var(--nav-height); overflow:hidden; background:var(--navy); clip-path:polygon(0 0, 100% 0, 100% calc(100% - 60px), 50% 100%, 0 calc(100% - 60px)); margin-bottom:-60px; z-index:1; } .hero-video-container { position:absolute; inset:0; z-index:0; } .hero-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 3s ease; } @@ -101,7 +101,6 @@ a { color:inherit; text-decoration:none; } .divider svg { display:block; width:100%; height:auto; } .divider-chevron { background:var(--alt-solid); } .divider-chevron-dark { background:var(--navy); } -.divider-chevron-into-hero { margin-top:-100px; position:relative; z-index:3; } .divider-diagonal { background:var(--base); } .divider-diagonal-dark { background:var(--base); } .divider-gradient-alt-to-base { height:40px; background:linear-gradient(to bottom, var(--alt-solid), var(--base)); } diff --git a/vorschau/index.html b/vorschau/index.html index 9b059bb..a971660 100644 --- a/vorschau/index.html +++ b/vorschau/index.html @@ -107,11 +107,6 @@ n - -