diff --git a/Dekra WebSite/images/background_photo.jpg b/Dekra WebSite/images/background_photo.jpg new file mode 100644 index 0000000..43b2fa7 Binary files /dev/null and b/Dekra WebSite/images/background_photo.jpg differ diff --git a/Dekra WebSite/index.html b/Dekra WebSite/index.html index 61d0d05..72b9709 100644 --- a/Dekra WebSite/index.html +++ b/Dekra WebSite/index.html @@ -134,18 +134,35 @@ nav { .nav-logo::before { content: ''; position: absolute; - top: 0; left: -100vw; right: -5vw; bottom: 0; + top: 0; left: -100vw; right: -10vw; bottom: 0; background: rgba(100, 179, 44, 1); z-index: -1; clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50%, calc(100% - 50px) 100%, 0% 100%); } +.nav-logo::after { + content: ''; + position: absolute; + top: 0; left: calc(100% + -25px); bottom: 0; + width: 180px; + z-index: -1; + background: var(--bg-dunkel); + clip-path: polygon( + 25px 0, 75px 50%, 25px 100%, + 35px 100%, 85px 50%, 35px 0, + 60px 0, 110px 50%, 60px 100%, + 70px 100%, 120px 50%, 70px 0, + 95px 0, 145px 50%, 95px 100%, + 105px 100%, 155px 50%, 105px 0 + ); +} .nav-logo-shield { - /* Logo Image */ + /* Logo Image – scaled independently of the green shape */ width: 64px; height: 72px; background: url('images/Dekra_Lausitzring_Logo.png') no-repeat center; background-size: contain; display: flex; align-items: center; justify-content: center; flex-shrink: 0; + transform: scale(1.7) translateX(-8px); } .nav-logo-text { font-weight: 600; /* SemiBold */ @@ -595,7 +612,7 @@ h2.section-title strong { SPONSORS STRIP ============================================================ */ .sponsors-strip { - background: rgba(255, 255, 255, 0.7); + background: #FFFFFF; border-top: 1px solid rgba(100, 179, 44, 0.2); border-bottom: 1px solid rgba(100, 179, 44, 0.2); padding: 40px 80px; @@ -1004,7 +1021,7 @@ footer { --> Trucks und Offroad-Fahrzeuge auf dem DEKRA Lausitzring