Update button text color and enhance breadcrumb styles for better navigation

css/beratung.css

@@ -134,7 +134,7 @@
 
 .beratung-bereich .btn-accent {
     background: var(--accent);
-    color: #03242b;
+    color: var(--text-primary);
 }
 
 .beratung-bereich .btn-accent:hover {

css/paketdetails.css

@@ -149,6 +149,43 @@
     box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
 }
 
+/* ==========================================================================
+   Breadcrumb
+   ========================================================================== */
+
+.paket-detail .paket-detail__breadcrumb {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    padding-block: 24px;
+    color: var(--text-muted);
+    font-size: 0.85rem;
+}
+
+.paket-detail__breadcrumb a,
+.paket-detail .paket-detail__text-link {
+    color: inherit;
+    text-decoration: none;
+}
+
+.paket-detail__breadcrumb > span {
+    font-size: 0.7rem;
+    letter-spacing: 0.18em;
+}
+
+.paket-detail .paket-detail__text-link {
+    display: inline-block;
+    color: var(--text-primary);
+    text-underline-offset: 5px;
+}
+
+.paket-detail__breadcrumb a:hover,
+.paket-detail .paket-detail__text-link:hover {
+    color: var(--accent);
+    text-decoration: underline;
+}
+
 /* ==========================================================================
    Hero-Sektion
    ========================================================================== */

html/kontakt.html

@@ -146,7 +146,7 @@
                     </div>
 
                     <div class="reveal">
-                        <h3 style="font-size: 1.25rem; margin-bottom: 24px;">Kontaktinformationen</h3>
+                        <h3 style="font-size: 1.25rem; margin-bottom: 24px; margin-top: 38px;">Kontaktinformationen</h3>
                         <div class="info-stack">
                             <div class="info-card">
                                 <div class="info-card__icon" aria-hidden="true">✉</div>
@@ -238,7 +238,7 @@
                     </div>
 
                     <div class="footer-legal">
-                        <span>© 2026 Tri-hub GmbH</span>
+                        <span>© 2026 TRI-HUB GmbH</span>
                         <span>
                             <a href="https://tri-hub.de/impressum">Impressum</a> ·
                             <a href="https://tri-hub.de/datenschutz">Datenschutz</a> ·

html/terminbuchung.html

@@ -38,8 +38,6 @@
                     aria-label="Menü öffnen">☰</button>
                 <nav class="site-navigation__links" id="navigation-links" aria-label="Seitennavigation">
                     <ul>
-                        <li><a href="#termin">Termin</a></li>
-                        <li><a href="#formular">Deine Angaben</a></li>
                         <li><a href="../index.html">Zurück zur Übersicht</a></li>
                     </ul>
                 </nav>
@@ -215,7 +213,7 @@
                     </div>
 
                     <div class="footer-legal">
-                        <span>© 2026 Tri-hub GmbH</span>
+                        <span>© 2026 TRI-HUB GmbH</span>
                         <span>
                             <a href="https://tri-hub.de/impressum">Impressum</a> ·
                             <a href="https://tri-hub.de/datenschutz">Datenschutz</a> ·

index.html

@@ -249,7 +249,7 @@
                     </div>
 
                     <div class="footer-legal">
-                        <span>© 2026 Tri-hub GmbH</span>
+                        <span>© 2026 TRI-HUB GmbH</span>
                         <span>
                             <a href="https://tri-hub.de/impressum">Impressum</a> ·
                             <a href="https://tri-hub.de/datenschutz">Datenschutz</a> ·