diff --git a/css/main.css b/css/main.css
index 891314a..5d2e13c 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,118 +1,187 @@
 * {
-  :root {
-    --bg: #f1f5f9; /* etwas weniger „blau-stichig“, ruhiger Hintergrund */
-    --white: #ffffff;
+  box-sizing: border-box;
+}
 
-    /* Navigation: dunkler für besseren Kontrast */
-    --nav: #0f172a;
-    --nav-hover: #1e293b;
+/* =========================
+   Farben (HIGH CONTRAST)
+========================= */
 
-    /* Primary: etwas dunkler für besseren Kontrast auf Weiß */
-    --primary: #1d4ed8;
-    --primary-hover: #1e40af;
+:root {
+  --bg: #f1f5f9;
+  --white: #ffffff;
 
-    /* Text: deutlich dunkler (wichtig für Accessibility) */
-    --text: #0f172a;
-    --text-light: #334155;
+  /* Navigation dunkler für mehr Kontrast */
+  --nav: #0f172a;
+  --nav-hover: #1e293b;
 
-    /* Border: etwas stärker sichtbar */
-    --border: #cbd5e1;
-  }
+  /* kräftigeres Blau */
+  --primary: #1d4ed8;
+  --primary-hover: #1e40af;
 
-  /* =========================
-     Body
-  ========================= */
+  /* Text deutlich dunkler */
+  --text: #0b1220;
+  --text-light: #1f2937;
 
-  body {
-    font-family: "Segoe UI", Arial, sans-serif;
-    background-color: var(--bg);
-    color: var(--text);
-  }
+  /* klarere Borders */
+  --border: #cbd5e1;
+}
 
-  /* =========================
-     Header / Nav
-  ========================= */
+/* =========================
+   Body
+========================= */
 
-  header,
-  nav {
-    background-color: var(--nav);
-  }
+body {
+  font-family: "Segoe UI", Arial, sans-serif;
+  background-color: var(--bg);
+  color: var(--text);
+}
 
-  /* =========================
-     Links
-  ========================= */
+/* =========================
+   Header
+========================= */
 
-  a {
-    color: var(--primary);
-    transition: 0.25s ease;
-  }
+header {
+  background-color: var(--nav);
+}
 
-  a:hover {
-    color: var(--primary-hover);
-    text-decoration: underline; /* wichtig für Screenreader + Klarheit */
-  }
+/* =========================
+   Logo / Bild
+========================= */
 
-  /* =========================
-     Navigation Links
-  ========================= */
+header img {
+  object-fit: cover;
+  background-color: white;
+  border-radius: 14px;
+}
 
-  nav a {
-    color: #f8fafc;
-    border-radius: 10px;
-  }
+/* =========================
+   Navigation
+========================= */
 
-  nav a:hover {
-    background-color: var(--nav-hover);
-    color: #ffffff;
-  }
+nav {
+  background-color: var(--nav);
+}
 
-  /* =========================
-     Buttons
-  ========================= */
+nav a {
+  text-decoration: none;
+  color: #f8fafc; /* heller für starken Kontrast */
+  font-weight: 600;
+  border-radius: 10px;
+  transition: 0.3s ease;
+}
 
-  button {
-    background-color: var(--primary);
-    color: white;
-    border-radius: 12px;
-    font-weight: 600;
-    transition: 0.25s ease;
-  }
+nav a:hover {
+  background-color: var(--nav-hover);
+  color: #ffffff;
+}
 
-  /* klarer Hover-Kontrast */
+/* =========================
+   Suchfeld
+========================= */
 
-  button:hover {
-    background-color: var(--primary-hover);
-    transform: translateY(-2px);
-  }
+input[type="text"],
+input[type="search"] {
+  border: 1px solid var(--border);
+  background-color: white;
+  font-size: 1rem;
+  border-radius: 12px;
+  color: var(--text);
+}
 
-  /* Tastatur-Fokus (SEHR wichtig für Accessibility) */
+input:focus {
+  border-color: var(--primary);
+  outline: 3px solid #93c5fd;
+}
 
-  button:focus,
-  nav a:focus,
-  input:focus {
-    outline: 3px solid #93c5fd;
-    outline-offset: 2px;
-  }
+/* =========================
+   Buttons
+========================= */
 
-  /* =========================
-     Inputs
-  ========================= */
+button {
+  background-color: var(--primary);
+  color: white;
+  border: none;
+  font-size: 1rem;
+  font-weight: 600;
+  cursor: pointer;
 
-  input[type="text"],
-  input[type="search"] {
-    border: 1px solid var(--border);
-    border-radius: 12px;
-    background-color: white;
-    color: var(--text);
-  }
+  border-radius: 12px;
+  transition: 0.25s ease;
+}
 
-  /* =========================
-     Texte
-  ========================= */
+/* Hover Bewegung */
+button:hover {
+  background-color: var(--primary-hover);
+  transform: translateY(-2px);
+}
 
-  p {
-    color: var(--text-light);
-    line-height: 1.8;
-    font-size: 1.08rem;
-  }
+/* Tastatur-Fokus (wichtig für Accessibility) */
+button:focus,
+nav a:focus {
+  outline: 3px solid #93c5fd;
+  outline-offset: 2px;
+}
+
+/* =========================
+   Hauptinhalt
+========================= */
+
+main {
+  background-color: var(--white);
+  border-radius: 24px;
+}
+
+/* =========================
+   Überschriften
+========================= */
+
+h1 {
+  color: var(--primary);
+  font-size: 3.5rem;
+}
+
+h2 {
+  color: var(--primary);
+}
+
+/* =========================
+   Texte
+========================= */
+
+p {
+  color: var(--text-light);
+  line-height: 1.8;
+  font-size: 1.08rem;
+}
+
+/* =========================
+   Links
+========================= */
+
+a {
+  color: var(--primary);
+  transition: 0.3s ease;
+}
+
+a:hover {
+  color: var(--primary-hover);
+  text-decoration: underline;
+}
+
+/* =========================
+   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