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 {
-->