From 6ba39a9659fccc959712b3e7dceff5ddd81ab342 Mon Sep 17 00:00:00 2001 From: 3015418 <3015418@stud.th-mannheim.de> Date: Tue, 29 Sep 2026 21:44:20 +0200 Subject: [PATCH] Kontaktformular und Pakete korrigiert MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Kommentare ergänzt, Menüabstände angepasst und Paketbild aktualisiert. --- css/berater.css | 4 +++- css/kontakt.css | 1 + css/leistungen.css | 4 ++++ css/navigation.css | 7 +++++++ css/produktuebersicht.css | 6 ++++++ css/site.css | 1 + html/kontakt.html | 3 +++ images/paket-premium.jpg | Bin 331952 -> 191502 bytes index.html | 8 ++++++++ js/kontakt.js | 5 ++++- js/leistungen.js | 4 ++-- json/pakete.json | 8 ++++---- 12 files changed, 43 insertions(+), 8 deletions(-) diff --git a/css/berater.css b/css/berater.css index 25dee86..c83959a 100644 --- a/css/berater.css +++ b/css/berater.css @@ -78,6 +78,7 @@ flex-direction: column; } +/* ---------- Profilbild, Name und Rolle innerhalb einer Karte ---------- */ .berater-section .berater-image-wrapper { background-color: var(--background); border-radius: 10px; @@ -112,6 +113,7 @@ font-weight: 600; } +/* ---------- Biografie und ergänzende Angaben aus berater.json ---------- */ .berater-section .berater-bio-box { /* Hintergrund entfernt, um sich nahtlos in die Karte einzufügen */ background-color: transparent; @@ -194,4 +196,4 @@ .berater-section .berater-link-btn:hover, .berater-section .berater-link-btn:focus-visible { filter: brightness(1.1); -} \ No newline at end of file +} diff --git a/css/kontakt.css b/css/kontakt.css index ea833e3..26112e6 100644 --- a/css/kontakt.css +++ b/css/kontakt.css @@ -295,6 +295,7 @@ resize: vertical; } +/* kontakt.js setzt die Zustandsklassen für ungültige Felder und Rückmeldungen. */ .kontakt-seite .field input.invalid, .kontakt-seite .field select.invalid, .kontakt-seite .field textarea.invalid { diff --git a/css/leistungen.css b/css/leistungen.css index 32322ff..ad64741 100644 --- a/css/leistungen.css +++ b/css/leistungen.css @@ -84,6 +84,7 @@ position: relative; } +/* Empfehlung kommt aus der JSON-Datei; die Auswahlklasse setzt leistungen.js beim Klick. */ .pakete .paket-karte--empfohlen { border-color: 1px solid rgba(248, 250, 252, 0.08); box-shadow: 0 0 0 1px var(--accent-soft); @@ -125,6 +126,7 @@ display: block; } +/* ---------- Karteninhalt: Paketname, Preis, Beschreibung und Leistungen ---------- */ .pakete .paket-karte__body { padding: 1.75rem; display: flex; @@ -200,6 +202,7 @@ background: var(--accent); } +/* ---------- Paketauswahl und Tastaturfokus ---------- */ .pakete .paket-karte__cta { font-family: var(--font-body); font-weight: 600; @@ -223,6 +226,7 @@ outline-offset: 2px; } +/* ---------- Spaltenwechsel: drei, zwei, dann eine; Empfehlung bleibt mobil zuerst ---------- */ @media (max-width: 860px) { .pakete .pakete__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); diff --git a/css/navigation.css b/css/navigation.css index ff7df2d..b6e4e2a 100644 --- a/css/navigation.css +++ b/css/navigation.css @@ -1,5 +1,6 @@ /* Shahnam und Vincent: Gemeinsame Navigation für US 04-05. */ :root { + /* navigation.js ergänzt den tatsächlich gemessenen Abstand für Anker-Sprünge. */ --navigation-height: 99px; scroll-padding-top: calc(var(--navigation-offset, var(--navigation-height)) + 16px); } @@ -32,6 +33,7 @@ box-sizing: border-box; } +/* ---------- Kopfzeile: Logo, Begleittext und Menü ---------- */ .site-navigation__bar { display: flex; align-items: center; @@ -50,6 +52,7 @@ padding-block: 8px; } +/* ---------- Navigationslinks und ihre Klickflächen ---------- */ .site-navigation__links ul { display: flex; align-items: center; @@ -63,6 +66,7 @@ .site-navigation .navigation-disabled { display: block; padding-block: 10px; + padding-inline: 14px; color: var(--text-muted); font-size: 19px; font-weight: 250; @@ -94,6 +98,7 @@ cursor: default; } +/* ---------- Logo und Markenname ---------- */ .site-navigation .brand__logo { display: grid; place-items: center; @@ -140,6 +145,7 @@ line-height: 1.4; } +/* ---------- Menüknopf und Hintergrund für die kompakte Ansicht ---------- */ .site-navigation .menu-toggle { display: none; flex-shrink: 0; @@ -220,6 +226,7 @@ } } +/* Kleinere Kopfzeile und Schriftgrößen auf schmalen Bildschirmen. */ @media (max-width: 700px) { :root { --navigation-height: 81px; diff --git a/css/produktuebersicht.css b/css/produktuebersicht.css index 73911c3..885e934 100644 --- a/css/produktuebersicht.css +++ b/css/produktuebersicht.css @@ -15,6 +15,7 @@ background: var(--background); } +/* ---------- Grundlayout: Der Hero nutzt die Fensterhöhe unter der Navigation ---------- */ .produktuebersicht, .produktuebersicht *, .produktuebersicht::before, @@ -48,6 +49,7 @@ flex: 1; } +/* ---------- Hero-Bild und dunkle Verläufe für lesbaren Text ---------- */ .produktuebersicht .hero { position: relative; isolation: isolate; @@ -89,6 +91,7 @@ +/* ---------- Überschrift, Einleitung und Ausrichtung im Hero ---------- */ .produktuebersicht .hero__inner { display: flex; flex-direction: column; @@ -146,6 +149,7 @@ line-height: 1.85; } +/* ---------- Vorteile und ergänzender Slogan unter dem Haupttext ---------- */ .produktuebersicht .hero__details { display: grid; grid-template-columns: minmax(0, 1fr) 250px; @@ -209,6 +213,7 @@ letter-spacing: -0.025em; } +/* Reservierte Styles für den derzeit nicht eingebundenen Produkt-Footer. */ .produktuebersicht .site-footer__inner { display: flex; align-items: center; @@ -239,6 +244,7 @@ background: var(--accent); } +/* ---------- Anpassungen für Tablet und Mobilgeräte ---------- */ @media (max-width: 1100px) { .produktuebersicht .hero::after { background: diff --git a/css/site.css b/css/site.css index b6fc916..cca62d9 100644 --- a/css/site.css +++ b/css/site.css @@ -1,3 +1,4 @@ +/* Gemeinsame Grundwerte für Übersichts- und Kontaktseite; Bereichsstile liegen in eigenen Dateien. */ :root { color-scheme: dark; font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif; diff --git a/html/kontakt.html b/html/kontakt.html index 336a016..624412d 100644 --- a/html/kontakt.html +++ b/html/kontakt.html @@ -5,6 +5,7 @@