diff --git a/css/main.css b/css/main.css
index 5d2e13c..527e1e8 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,187 +1,183 @@
 * {
-  box-sizing: border-box;
-}
+  * {
+    box-sizing: border-box;
+  }
 
-/* =========================
-   Farben (HIGH CONTRAST)
-========================= */
+  /* =========================
+     Farben
+  ========================= */
 
-:root {
-  --bg: #f1f5f9;
-  --white: #ffffff;
+  :root {
+    --bg: #eef2f7;
+    --white: #ffffff;
 
-  /* Navigation dunkler für mehr Kontrast */
-  --nav: #0f172a;
-  --nav-hover: #1e293b;
+    --nav: #1e293b;
+    --nav-hover: #334155;
 
-  /* kräftigeres Blau */
-  --primary: #1d4ed8;
-  --primary-hover: #1e40af;
+    --primary: #2563eb;
+    --primary-hover: #1d4ed8;
 
-  /* Text deutlich dunkler */
-  --text: #0b1220;
-  --text-light: #1f2937;
+    --text: #1e293b;
+    --text-light: #64748b;
 
-  /* klarere Borders */
-  --border: #cbd5e1;
-}
+    --border: #dbe4ee;
+  }
 
-/* =========================
-   Body
-========================= */
+  /* =========================
+     Body
+  ========================= */
 
-body {
-  font-family: "Segoe UI", Arial, sans-serif;
-  background-color: var(--bg);
-  color: var(--text);
-}
+  body {
+    font-family: "Segoe UI", Arial, sans-serif;
+    background-color: var(--bg);
+    color: var(--text);
+  }
 
-/* =========================
-   Header
-========================= */
+  /* =========================
+     Header
+  ========================= */
 
-header {
-  background-color: var(--nav);
-}
+  header {
+    background-color: var(--nav);
+  }
 
-/* =========================
-   Logo / Bild
-========================= */
+  /* =========================
+     Logo / Bild
+  ========================= */
 
-header img {
-  object-fit: cover;
-  background-color: white;
-  border-radius: 14px;
-}
+  header img {
+    object-fit: cover;
+    background-color: white;
+    border-radius: 14px;
+  }
 
-/* =========================
-   Navigation
-========================= */
+  /* =========================
+     Navigation
+  ========================= */
 
-nav {
-  background-color: var(--nav);
-}
+  nav {
+    background-color: var(--nav);
+  }
 
-nav a {
-  text-decoration: none;
-  color: #f8fafc; /* heller für starken Kontrast */
-  font-weight: 600;
-  border-radius: 10px;
-  transition: 0.3s ease;
-}
+  nav a {
+    text-decoration: none;
+    color: #f1f5f9;
+    font-weight: 600;
+    border-radius: 10px;
+    transition: 0.3s ease;
+  }
 
-nav a:hover {
-  background-color: var(--nav-hover);
-  color: #ffffff;
-}
+  nav a:hover {
+    background-color: var(--nav-hover);
+    color: white;
+  }
 
-/* =========================
-   Suchfeld
-========================= */
+  /* =========================
+     Suchfeld
+  ========================= */
 
-input[type="text"],
-input[type="search"] {
-  border: 1px solid var(--border);
-  background-color: white;
-  font-size: 1rem;
-  border-radius: 12px;
-  color: var(--text);
-}
+  input[type="text"],
+  input[type="search"] {
+    border: 1px solid var(--border);
+    background-color: white;
+    font-size: 1rem;
+    border-radius: 12px;
+  }
 
-input:focus {
-  border-color: var(--primary);
-  outline: 3px solid #93c5fd;
-}
+  input:focus {
+    border-color: var(--primary);
+  }
 
-/* =========================
-   Buttons
-========================= */
+  /* =========================
+     Buttons
+  ========================= */
 
-button {
-  background-color: var(--primary);
-  color: white;
-  border: none;
-  font-size: 1rem;
-  font-weight: 600;
-  cursor: pointer;
+  button {
+    background-color: var(--primary);
+    color: white;
+    border: none;
+    font-size: 1rem;
+    font-weight: 600;
+    cursor: pointer;
 
-  border-radius: 12px;
-  transition: 0.25s ease;
-}
+    border-radius: 12px;
 
-/* Hover Bewegung */
-button:hover {
-  background-color: var(--primary-hover);
-  transform: translateY(-2px);
-}
+    transition: 0.25s ease;
+  }
 
-/* Tastatur-Fokus (wichtig für Accessibility) */
-button:focus,
-nav a:focus {
-  outline: 3px solid #93c5fd;
-  outline-offset: 2px;
-}
+  /* Hover Bewegung */
 
-/* =========================
-   Hauptinhalt
-========================= */
+  button:hover {
+    background-color: var(--primary-hover);
+    transform: translateY(-2px);
+  }
 
-main {
-  background-color: var(--white);
-  border-radius: 24px;
-}
+  /* Klick-Effekt */
 
-/* =========================
-   Überschriften
-========================= */
+  button:active {
+    transform: translateY(0px);
+  }
 
-h1 {
-  color: var(--primary);
-  font-size: 3.5rem;
-}
+  /* =========================
+     Hauptinhalt
+  ========================= */
 
-h2 {
-  color: var(--primary);
-}
+  main {
+    background-color: var(--white);
+    border-radius: 24px;
+  }
 
-/* =========================
-   Texte
-========================= */
+  /* =========================
+     Überschriften
+  ========================= */
 
-p {
-  color: var(--text-light);
-  line-height: 1.8;
-  font-size: 1.08rem;
-}
+  h1 {
+    color: var(--primary);
+    font-size: 3.5rem;
+  }
 
-/* =========================
-   Links
-========================= */
+  h2 {
+    color: var(--primary);
+  }
 
-a {
-  color: var(--primary);
-  transition: 0.3s ease;
-}
+  /* =========================
+     Texte
+  ========================= */
 
-a:hover {
-  color: var(--primary-hover);
-  text-decoration: underline;
-}
+  p {
+    color: var(--text-light);
+    line-height: 1.8;
+    font-size: 1.08rem;
+  }
 
-/* =========================
-   Footer
-========================= */
+  /* =========================
+     Links
+  ========================= */
 
-footer {
-  background-color: var(--white);
-}
+  a {
+    color: var(--primary);
+    transition: 0.3s ease;
+  }
 
-footer a {
-  text-decoration: none;
-  color: var(--text-light);
-  font-weight: 500;
-}
+  a:hover {
+    color: var(--primary-hover);
+  }
 
-footer a:hover {
-  color: var(--primary);
+  /* =========================
+     Footer
+  ========================= */
+
+  footer {
+    background-color: var(--white);
+  }
+
+  footer a {
+    text-decoration: none;
+    color: var(--text-light);
+    font-weight: 500;
+  }
+
+  footer a:hover {
+    color: var(--primary);
+  }
 }
\ No newline at end of file