diff --git a/css/kontakt.css b/css/kontakt.css
index 6cb1ef3..ea833e3 100644
--- a/css/kontakt.css
+++ b/css/kontakt.css
@@ -105,88 +105,7 @@
max-width: 660px;
}
-/* ---------- Header ---------- */
-
-.kontakt-seite .site-header {
- position: sticky;
- top: 0;
- z-index: 50;
- display: flex;
- align-items: center;
- justify-content: space-between;
- gap: 24px;
- padding: 16px 0;
- background: rgba(7, 20, 25, 0.85);
- backdrop-filter: blur(10px);
- border-bottom: 1px solid var(--border);
-}
-
-.kontakt-seite .site-header .container {
- display: flex;
- align-items: center;
- justify-content: space-between;
- gap: 24px;
- width: min(100% - 48px, calc(var(--container) + 48px));
-}
-
-.kontakt-seite .brand {
- display: flex;
- align-items: center;
- gap: 14px;
- text-decoration: none;
- color: inherit;
-}
-
-.kontakt-seite .brand__logo img {
- display: block;
- height: 52px;
- width: auto;
- border-radius: 12px;
- border: 1px solid var(--border);
- background: #fff;
-}
-
-.kontakt-seite .brand__name {
- display: block;
- font-family: var(--font-display);
- font-weight: 700;
- letter-spacing: 0.06em;
- color: var(--text-primary);
-}
-
-.kontakt-seite .brand__label {
- display: block;
- font-size: 0.8rem;
- color: var(--text-muted);
-}
-
-.kontakt-seite .header-nav {
- display: flex;
- align-items: center;
- gap: 6px;
- flex-wrap: wrap;
-}
-
-.kontakt-seite .header-nav a {
- display: inline-flex;
- align-items: center;
- min-height: 2.75rem;
- padding: 0 14px;
- border-radius: 999px;
- color: var(--text-muted);
- text-decoration: none;
- font-size: 0.92rem;
- transition: background-color 0.15s ease, color 0.15s ease;
-}
-
-.kontakt-seite .header-nav a:hover {
- background: rgba(255, 255, 255, 0.06);
- color: var(--text-primary);
-}
-
-.kontakt-seite .header-nav a.nav-back {
- border: 1px solid var(--border);
-}
+/* Die Navigationsleiste oben wird von css/navigation.css gestylt (.site-navigation). */
/* ---------- Hero ---------- */
@@ -698,11 +617,6 @@
gap: 32px;
}
- .kontakt-seite .site-header .container {
- flex-direction: column;
- align-items: flex-start;
- }
-
.kontakt-seite .map-frame {
height: 380px;
}
diff --git a/css/navigation.css b/css/navigation.css
index 7d786c9..ff7df2d 100644
--- a/css/navigation.css
+++ b/css/navigation.css
@@ -1,4 +1,4 @@
-/* Shahnam und Vincent: Gemeinsame Navigation für US 04-05. */
+/* Shahnam und Vincent: Gemeinsame Navigation für US 04-05. */
:root {
--navigation-height: 99px;
scroll-padding-top: calc(var(--navigation-offset, var(--navigation-height)) + 16px);
@@ -70,8 +70,15 @@
white-space: nowrap;
}
+/* Hover-Highlight, übernommen aus der ursprünglichen Navigationsleiste in kontakt.css. */
+.site-navigation__links a {
+ border-radius: 8px;
+ transition: background-color 0.15s ease, color 0.15s ease;
+}
+
.site-navigation__links a:hover,
.site-navigation__links a:focus-visible {
+ background: rgb(255 255 255 / 6%);
color: var(--text-primary);
}
diff --git a/html/kontakt.html b/html/kontakt.html
index f7e4d34..336a016 100644
--- a/html/kontakt.html
+++ b/html/kontakt.html
@@ -11,31 +11,38 @@
href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=Sora:wght@400;600;700&display=swap"
rel="stylesheet">
+
+
-
-
diff --git a/js/navigation.js b/js/navigation.js
index 1a0f202..f2fbe28 100644
--- a/js/navigation.js
+++ b/js/navigation.js
@@ -1,4 +1,4 @@
-(() => {
+(() => {
const navigation = document.querySelector('.site-navigation');
if (!navigation) return;
@@ -27,7 +27,10 @@
const link = event.target.closest('a');
if (!link || !mobileView.matches) return;
setMenuOpen(false);
- const target = document.querySelector(link.getAttribute('href'));
+ // Nur Anker-Sprünge innerhalb der Seite; Links zu anderen Seiten übernimmt der Browser.
+ const href = link.getAttribute('href');
+ if (!href || !href.startsWith('#')) return;
+ const target = document.querySelector(href);
if (target) {
const hadTabindex = target.hasAttribute('tabindex');
if (!hadTabindex) target.setAttribute('tabindex', '-1');
-
-
+
+