design

Dekra WebSite/index_test.html

@@ -126,12 +126,27 @@ nav {
 .nav-logo {
   display: flex; align-items: center; gap: 14px;
   text-decoration: none; color: var(--dekra-weiss);
+  position: relative;
+  padding: 8px 16px;
+  margin: -8px -16px;
+}
+
+.nav-logo::before {
+  content: '';
+  position: absolute;
+  top: 0; left: 0; right: 0; bottom: 0;
+  background: linear-gradient(to right, 
+    rgba(100, 179, 44, 1) 0%,
+    rgba(100, 179, 44, 0.2) 100%
+  );
+  z-index: -1;
+  clip-path: polygon(0 0, 100% 0, 85% 50%, 100% 100%, 0 100%);
 }
 .nav-logo-shield {
-  /* DEKRA Shield Silhouette – CSS-only */
+  /* Logo Image */
   width: 34px; height: 42px;
-  background: var(--dekra-logo-gruen);
+  background: url('images/Dekra_Lausitzring_Logo.png') no-repeat center;
-  clip-path: polygon(50% 0%, 100% 15%, 100% 65%, 50% 100%, 0% 65%, 0% 15%);
+  background-size: contain;
   display: flex; align-items: center; justify-content: center;
   flex-shrink: 0;
 }
@@ -510,12 +525,15 @@ h2.section-title strong {
 .ticket-grid {
   display: grid; grid-template-columns: repeat(3,1fr);
   gap: 2px; margin-top: 56px;
+  align-items: stretch;
 }
 .ticket-card {
   background: var(--bg-tief);
   padding: 44px 32px; position: relative;
   border-top: 2px solid transparent;
   transition: background .3s;
+  display: flex;
+  flex-direction: column;
 }
 .ticket-card.featured {
   background: var(--bg-surface);
@@ -550,7 +568,11 @@ h2.section-title strong {
   color: var(--text-muted); margin-bottom: 28px;
   font-style: italic; /* Light Italic für Zusatzinfos */
 }
-.ticket-features { list-style: none; margin-bottom: 32px; }
+.ticket-features { 
+  list-style: none; 
+  margin-bottom: 32px; 
+  flex: 1;
+}
 .ticket-features li {
   font-weight: 400; font-size: .88rem;
   color: var(--text-muted);