diff --git a/technik/Hydrantenwagen/Hydrantenwagen.html b/technik/Hydrantenwagen/Hydrantenwagen.html
index e67ac64..637b7a6 100644
--- a/technik/Hydrantenwagen/Hydrantenwagen.html
+++ b/technik/Hydrantenwagen/Hydrantenwagen.html
@@ -6,7 +6,7 @@
     <title>Hydrantenwagen Modell H.I. | FFw Stadt Wehlen</title>
     
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="../../../nav.css">
+    <link rel="stylesheet" href="/nav.css">
 
     <style>
         :root {
@@ -22,7 +22,8 @@
 
         .navbar-custom {
             background-color: #b30000 !important;
-            background-image: url('../../../bilder/logo2.jpeg') !important;
+            /* Pfad vom Hauptverzeichnis aus */
+            background-image: url('/bilder/logo2.jpeg') !important;
             background-size: 7em !important;
             background-repeat: repeat !important;
             padding: 1rem 0;
@@ -133,32 +134,38 @@
             border-radius: 50%;
             background-size: 50%;
         }
+
+        /* Fix für Mobile: Spaltenbreite anpassen */
+        @media (max-width: 768px) {
+            .info-label { width: 100%; margin-bottom: 5px; }
+            .page-header h1 { font-size: 1.5rem; }
+        }
     </style>
 </head>
 <body>
 
 <nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
     <div class="container-fluid">
-        <a class="navbar-brand d-flex align-items-center" href="../../../index.html">
-            <img src="../../../ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
+        <a class="navbar-brand d-flex align-items-center" href="/index.html">
+            <img src="/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
             <span>Feuerwehr Stadt Wehlen</span>
         </a>
         <div class="collapse navbar-collapse">
             <ul class="navbar-nav ms-auto">
-                <li class="nav-item"><a class="nav-link" href="../technik.html">Technik</a></li>
+                <li class="nav-item"><a class="nav-link" href="/technik/technik.html">Technik</a></li>
             </ul>
         </div>
     </div>
 </nav>
 
 <div class="page-header">
-    <img src="../../../ffw_transp_72.gif" class="header-bg-icon" alt="">
+    <img src="/ffw_transp_72.gif" class="header-bg-icon" alt="">
     <h1>Hydrantenwagen Modell H.I.</h1>
 </div>
 
 <div class="top-bar">
     <div class="container">
-        <a href="../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
+        <a href="/technik/technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
     </div>
 </div>
 
diff --git a/technik/TSA-Anhaenger/TSA.html b/technik/TSA-Anhaenger/TSA.html
index 37893ad..66bea4c 100644
--- a/technik/TSA-Anhaenger/TSA.html
+++ b/technik/TSA-Anhaenger/TSA.html
@@ -3,10 +3,10 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>TSA Tragkraftspritzenanhänger | FFw Stadt Wehlen</title>
+    <title>Tragkraftspritzenanhänger TSA | FFw Stadt Wehlen</title>
     
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="../../../nav.css">
+    <link rel="stylesheet" href="/nav.css">
 
     <style>
         :root {
@@ -20,6 +20,51 @@
             font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
         }
 
+        /* Branding Navbar */
+        .navbar-custom {
+            background-color: #b30000 !important;
+            background-image: url('/bilder/logo2.jpeg') !important;
+            background-size: 7em !important;
+            background-repeat: repeat !important;
+            padding: 1rem 0;
+        }
+
+        .navbar-custom .navbar-brand {
+            color: #ffffff !important;
+            text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
+            font-weight: 600;
+        }
+
+        /* Page-Header mit Wasserzeichen */
+        .page-header {
+            position: relative;
+            text-align: center;
+            padding: 40px 0;
+            background-color: #fff;
+            overflow: hidden;
+            border-bottom: 1px solid #dee2e6;
+        }
+
+        .header-bg-icon {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            height: 140%;
+            opacity: 0.08;
+            z-index: 0;
+            pointer-events: none;
+        }
+
+        .page-header h1 {
+            position: relative;
+            z-index: 1;
+            color: var(--fw-rot);
+            font-weight: 800;
+            text-transform: uppercase;
+            margin: 0;
+        }
+
         .top-bar {
             background: #fff;
             padding: 15px 0;
@@ -50,18 +95,10 @@
             box-shadow: 0 4px 12px rgba(0,0,0,0.08);
             border-left: 5px solid var(--fw-rot);
             padding: 30px;
-            margin-top: 30px;
+            margin-top: 20px;
             margin-bottom: 50px;
         }
 
-        h1 {
-            color: var(--fw-rot);
-            font-weight: 800;
-            margin-bottom: 25px;
-            border-bottom: 2px solid #eee;
-            padding-bottom: 10px;
-        }
-
         .info-label {
             font-weight: 700;
             color: var(--fw-grau);
@@ -83,6 +120,8 @@
             margin-top: 30px;
             color: var(--fw-rot);
             font-weight: 700;
+            border-left: 3px solid var(--fw-rot);
+            padding-left: 10px;
         }
 
         .carousel-item img {
@@ -95,26 +134,44 @@
         .pump-highlight {
             background-color: #fdf2f2;
             border: 1px dashed var(--fw-rot);
-            padding: 15px;
+            padding: 20px;
             border-radius: 8px;
             margin-top: 20px;
+            display: flex;
+            align-items: center;
+        }
+
+        .pump-highlight i {
+            font-size: 1.5rem;
+            margin-right: 15px;
+            color: var(--fw-rot);
+        }
+
+        @media (max-width: 768px) {
+            .info-label { width: 100%; margin-bottom: 5px; }
+            .page-header h1 { font-size: 1.5rem; }
         }
     </style>
 </head>
 <body>
 
-<nav class="navbar navbar-expand-lg navbar-custom">
+<nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
     <div class="container-fluid">
-        <a class="navbar-brand d-flex align-items-center" href="../../../index.html">
-            <img src="../../../ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
+        <a class="navbar-brand d-flex align-items-center" href="/index.html">
+            <img src="/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
             <span>Feuerwehr Stadt Wehlen</span>
         </a>
     </div>
 </nav>
 
+<div class="page-header">
+    <img src="/ffw_transp_72.gif" class="header-bg-icon" alt="">
+    <h1>Tragkraftspritzenanhänger (TSA)</h1>
+</div>
+
 <div class="top-bar">
     <div class="container">
-        <a href="../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
+        <a href="/technik/technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
     </div>
 </div>
 
@@ -122,10 +179,10 @@
     <div class="detail-card">
         <div class="row">
             <div class="col-lg-7">
-                <h1>Tragkraftspritzenanhänger (TSA)</h1>
+                <h2 style="color: var(--fw-rot); font-weight: 700;">Anhängerdaten</h2>
                 
                 <ul class="spec-list">
-                    <li><span class="info-label">Bezeichnung:</span> TSA Tragkraftspritzenanhänger</li>
+                    <li><span class="info-label">Bezeichnung:</span> Tragkraftspritzenanhänger (TSA)</li>
                     <li><span class="info-label">Standort:</span> Stadt Wehlen</li>
                     <li><span class="info-label">Typ:</span> Ziegler TSA SDAH</li>
                     <li><span class="info-label">Baujahr:</span> Februar 2004</li>
@@ -135,15 +192,24 @@
                 <ul class="spec-list">
                     <li><span class="info-label">Maße:</span> L 4,00m | B 1,80m | H 2,00m</li>
                     <li><span class="info-label">Gesamtgewicht:</span> 1.200 kg</li>
-                    <li><span class="info-label">Ausstattung:</span> Verstellbare Zugdeichsel, Stützrad & Heckstützen</li>
+                    <li><span class="info-label">Details:</span> Verstellbare Zugdeichsel, Heckstützen</li>
                 </ul>
 
                 <h4 class="section-title">Feuerwehrtechnische Beladung</h4>
-                <p>Der Anhänger verfügt über eine komplette DIN-Beladung für eine Löschgruppe.</p>
+                <p>Der TSA bildet eine eigenständige taktische Einheit für eine Löschgruppe (1/8). Er führt alles mit, was für einen klassischen Löschangriff benötigt wird.</p>
                 
                 <div class="pump-highlight">
-                    <p class="mb-0"><strong>Hauptausrüstung:</strong> Tragkraftspritze Magirus 4-Takt</p>
+                    <div>
+                        <strong>Herzstück:</strong> Tragkraftspritze Magirus (4-Takt-Motor)<br>
+                        <small class="text-muted">Zuverlässige Wasserförderung auch bei langen Einsatzstellen.</small>
+                    </div>
                 </div>
+                
+                <ul class="spec-list mt-3">
+                    <li><span class="info-label">Ausrüstung:</span> 4 Saugschläuche (A), Saugkorb</li>
+                    <li><span class="info-label">Löschmittel:</span> B- und C-Schläuche nach DIN</li>
+                    <li><span class="info-label">Armaturen:</span> Strahlrohre, Verteiler, Standrohr</li>
+                </ul>
             </div>
 
             <div class="col-lg-5 mt-4 mt-lg-0">
@@ -163,7 +229,7 @@
                         <span class="carousel-control-next-icon"></span>
                     </button>
                 </div>
-                <p class="text-center text-muted mt-3 small"><em>Effektive Wasserförderung durch moderne Magirus-Technik</em></p>
+                <p class="text-center text-muted mt-3 small"><em>Die mobile Pumpeneinheit für die Wasserversorgung</em></p>
             </div>
         </div>
     </div>
@@ -171,4 +237,4 @@
 
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
 </body>
-</html>!
\ No newline at end of file
+</html>
\ No newline at end of file
diff --git a/technik/Transporthaenger/Transporthaenger.html b/technik/Transporthaenger/Transporthaenger.html
index a045da1..857472f 100644
--- a/technik/Transporthaenger/Transporthaenger.html
+++ b/technik/Transporthaenger/Transporthaenger.html
@@ -6,7 +6,7 @@
     <title>Transportanhänger | FFw Stadt Wehlen</title>
     
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="../../../nav.css">
+    <link rel="stylesheet" href="/nav.css">
 
     <style>
         :root {
@@ -20,6 +20,51 @@
             font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
         }
 
+        /* Branding Navbar */
+        .navbar-custom {
+            background-color: #b30000 !important;
+            background-image: url('/bilder/logo2.jpeg') !important;
+            background-size: 7em !important;
+            background-repeat: repeat !important;
+            padding: 1rem 0;
+        }
+
+        .navbar-custom .navbar-brand {
+            color: #ffffff !important;
+            text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
+            font-weight: 600;
+        }
+
+        /* Einheitlicher Page-Header */
+        .page-header {
+            position: relative;
+            text-align: center;
+            padding: 40px 0;
+            background-color: #fff;
+            overflow: hidden;
+            border-bottom: 1px solid #dee2e6;
+        }
+
+        .header-bg-icon {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            height: 140%;
+            opacity: 0.08;
+            z-index: 0;
+            pointer-events: none;
+        }
+
+        .page-header h1 {
+            position: relative;
+            z-index: 1;
+            color: var(--fw-rot);
+            font-weight: 800;
+            text-transform: uppercase;
+            margin: 0;
+        }
+
         .top-bar {
             background: #fff;
             padding: 15px 0;
@@ -50,18 +95,10 @@
             box-shadow: 0 4px 12px rgba(0,0,0,0.08);
             border-left: 5px solid var(--fw-rot);
             padding: 30px;
-            margin-top: 30px;
+            margin-top: 20px;
             margin-bottom: 50px;
         }
 
-        h1 {
-            color: var(--fw-rot);
-            font-weight: 800;
-            margin-bottom: 25px;
-            border-bottom: 2px solid #eee;
-            padding-bottom: 10px;
-        }
-
         .info-label {
             font-weight: 700;
             color: var(--fw-grau);
@@ -83,6 +120,8 @@
             margin-top: 30px;
             color: var(--fw-rot);
             font-weight: 700;
+            border-left: 3px solid var(--fw-rot);
+            padding-left: 10px;
         }
 
         .vehicle-img {
@@ -90,23 +129,38 @@
             box-shadow: 0 4px 10px rgba(0,0,0,0.15);
             width: 100%;
             height: auto;
+            transition: transform 0.3s ease;
+        }
+
+        .vehicle-img:hover {
+            transform: scale(1.02);
+        }
+
+        @media (max-width: 768px) {
+            .info-label { width: 100%; margin-bottom: 5px; }
+            .page-header h1 { font-size: 1.5rem; }
         }
     </style>
 </head>
 <body>
 
-<nav class="navbar navbar-expand-lg navbar-custom">
+<nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
     <div class="container-fluid">
-        <a class="navbar-brand d-flex align-items-center" href="../../../index.html">
-            <img src="../../../ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
+        <a class="navbar-brand d-flex align-items-center" href="/index.html">
+            <img src="/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
             <span>Feuerwehr Stadt Wehlen</span>
         </a>
     </div>
 </nav>
 
+<div class="page-header">
+    <img src="/ffw_transp_72.gif" class="header-bg-icon" alt="">
+    <h1>Transportanhänger</h1>
+</div>
+
 <div class="top-bar">
     <div class="container">
-        <a href="../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
+        <a href="/technik/technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
     </div>
 </div>
 
@@ -114,7 +168,7 @@
     <div class="detail-card">
         <div class="row">
             <div class="col-lg-7">
-                <h1>Transportanhänger</h1>
+                <h2 style="color: var(--fw-rot); font-weight: 700;">Fahrzeugdaten</h2>
                 
                 <ul class="spec-list">
                     <li><span class="info-label">Bezeichnung:</span> Transportanhänger</li>
@@ -132,15 +186,17 @@
                 </ul>
 
                 <h4 class="section-title">Nutzung & Beladung</h4>
-                <p>Dieser Anhänger ist ein flexibler Allrounder für die Logistik der Feuerwehr Stadt Wehlen. Er wird unter anderem für folgende Zwecke genutzt:</p>
-                <ul>
-                    <li>Transport der Ausstattung für die <strong>Jugendfeuerwehr</strong></li>
-                    <li>Mitführung eines TSA-Einschubs mit <strong>Tragkraftspritze TS 3</strong></li>
-                    <li>Allgemeine Materialtransporte bei Einsätzen und Übungen</li>
-                </ul>
+                <p>Dieser Anhänger ist unser flexibler Allrounder für Logistikaufgaben. Ob Ausbildung oder Einsatz – der Anhänger passt sich an:</p>
+                <div class="bg-light p-3 border-start border-3 border-danger rounded">
+                    <ul class="mb-0">
+                        <li><strong>Jugendfeuerwehr:</strong> Transport der Übungsausstattung</li>
+                        <li><strong>Löschwasser:</strong> Mitführung eines TSA-Einschubs mit <strong>Tragkraftspritze TS 3</strong></li>
+                        <li><strong>Logistik:</strong> Transport von Sandsäcken, Ölbindemittel oder verschmutztem Material</li>
+                    </ul>
+                </div>
             </div>
 
-            <div class="col-lg-5 mt-4 mt-lg-0">
+            <div class="col-lg-5 mt-4 mt-lg-0 text-center">
                 <img src="t_transportanhaenger.jpg" class="vehicle-img" alt="Transportanhänger FFw Wehlen">
                 <p class="text-center text-muted mt-3 small"><em>Vielseitiges Logistikfahrzeug für Ausbildung und Einsatz</em></p>
             </div>
diff --git a/technik/VRW-Quad/VRW.html b/technik/VRW-Quad/VRW.html
index 8e14639..fa4468c 100644
--- a/technik/VRW-Quad/VRW.html
+++ b/technik/VRW-Quad/VRW.html
@@ -6,7 +6,7 @@
     <title>VRW Vorausrüstwagen | FFw Stadt Wehlen</title>
     
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="../../../nav.css">
+    <link rel="stylesheet" href="/nav.css">
 
     <style>
         :root {
@@ -20,6 +20,51 @@
             font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
         }
 
+        /* Branding Navbar */
+        .navbar-custom {
+            background-color: #b30000 !important;
+            background-image: url('/bilder/logo2.jpeg') !important;
+            background-size: 7em !important;
+            background-repeat: repeat !important;
+            padding: 1rem 0;
+        }
+
+        .navbar-custom .navbar-brand {
+            color: #ffffff !important;
+            text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
+            font-weight: 600;
+        }
+
+        /* Einheitlicher Page-Header mit Wasserzeichen */
+        .page-header {
+            position: relative;
+            text-align: center;
+            padding: 40px 0;
+            background-color: #fff;
+            overflow: hidden;
+            border-bottom: 1px solid #dee2e6;
+        }
+
+        .header-bg-icon {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            height: 140%;
+            opacity: 0.08;
+            z-index: 0;
+            pointer-events: none;
+        }
+
+        .page-header h1 {
+            position: relative;
+            z-index: 1;
+            color: var(--fw-rot);
+            font-weight: 800;
+            text-transform: uppercase;
+            margin: 0;
+        }
+
         .top-bar {
             background: #fff;
             padding: 15px 0;
@@ -50,18 +95,10 @@
             box-shadow: 0 4px 12px rgba(0,0,0,0.08);
             border-left: 5px solid var(--fw-rot);
             padding: 30px;
-            margin-top: 30px;
+            margin-top: 20px;
             margin-bottom: 50px;
         }
 
-        h1 {
-            color: var(--fw-rot);
-            font-weight: 800;
-            margin-bottom: 25px;
-            border-bottom: 2px solid #eee;
-            padding-bottom: 10px;
-        }
-
         .info-label {
             font-weight: 700;
             color: var(--fw-grau);
@@ -91,32 +128,43 @@
             border-radius: 8px;
             box-shadow: 0 4px 10px rgba(0,0,0,0.15);
             width: 100%;
+            height: auto;
             transition: transform 0.3s ease;
         }
 
         .tech-box {
             background: #fdf2f2;
-            padding: 15px;
+            padding: 20px;
             border-radius: 8px;
-            border: 1px solid #f5dada;
+            border: 1px dashed var(--fw-rot);
             margin-top: 15px;
         }
+
+        @media (max-width: 768px) {
+            .info-label { width: 100%; margin-bottom: 5px; }
+            .page-header h1 { font-size: 1.5rem; }
+        }
     </style>
 </head>
 <body>
 
-<nav class="navbar navbar-expand-lg navbar-custom">
+<nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
     <div class="container-fluid">
-        <a class="navbar-brand d-flex align-items-center" href="../../../index.html">
-            <img src="../../../ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
+        <a class="navbar-brand d-flex align-items-center" href="/index.html">
+            <img src="/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
             <span>Feuerwehr Stadt Wehlen</span>
         </a>
     </div>
 </nav>
 
+<div class="page-header">
+    <img src="/ffw_transp_72.gif" class="header-bg-icon" alt="">
+    <h1>Vorausrüstwagen (VRW)</h1>
+</div>
+
 <div class="top-bar">
     <div class="container">
-        <a href="../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
+        <a href="/technik/technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
     </div>
 </div>
 
@@ -124,52 +172,51 @@
     <div class="detail-card">
         <div class="row">
             <div class="col-lg-7">
-                <h1>Vorausrüstwagen (VRW)</h1>
+                <h2 style="color: var(--fw-rot); font-weight: 700;">Stammdaten</h2>
                 
                 <ul class="spec-list">
                     <li><span class="info-label">Bezeichnung:</span> VRW (Quad)</li>
                     <li><span class="info-label">Funkrufname:</span> Florian Stadt Wehlen 53-1</li>
-                    <li><span class="info-label">Typ:</span> Suzuki KingQuad</li>
+                    <li><span class="info-label">Fahrgestell:</span> Suzuki KingQuad</li>
                     <li><span class="info-label">Baujahr:</span> Mai 2006</li>
-                    <li><span class="info-label">Gewicht:</span> 470 kg</li>
+                    <li><span class="info-label">Einsatzgewicht:</span> 470 kg</li>
                 </ul>
 
-                <h4 class="section-title">Fahrzeugdaten & Sondersignalanlage</h4>
+                <h4 class="section-title">Technische Daten</h4>
                 <ul class="spec-list">
-                    <li><span class="info-label">Antrieb:</span> Allrad mit Differentialsperre</li>
-                    <li><span class="info-label">Signale:</span> Blitzkennleuchte (Dach + Front), Martins-Horn</li>
-                    <li><span class="info-label">Beleuchtung:</span> Arbeitsscheinwerfer vorn & hinten</li>
+                    <li><span class="info-label">Antrieb:</span> 4x4 Allrad / Differentialsperre</li>
+                    <li><span class="info-label">Sondersignal:</span> Blitzkennleuchte & Martins-Horn</li>
+                    <li><span class="info-label">Zusatzausstattung:</span> Arbeitsscheinwerfer LED</li>
                     <li><span class="info-label">Maße:</span> L 2,20m | B 1,25m | H 2,00m</li>
                 </ul>
 
-                <h4 class="section-title">Schwerpunkt: Technische Hilfeleistung</h4>
+                <h4 class="section-title">Spezialausrüstung: TH-Rettung</h4>
                 <div class="tech-box">
                     <div class="row">
                         <div class="col-md-6">
-                            <ul class="spec-list small border-0">
-                                <li class="border-0"><strong>Rettungssatz:</strong> Lukas SC 350 Kombigerät</li>
+                            <ul class="spec-list small mb-0">
+                                <li class="border-0"><strong>Hydraulik:</strong> Lukas SC 350 Kombigerät</li>
                                 <li class="border-0">Lukas Kompaktaggregat P 610 OG</li>
                                 <li class="border-0">Lukas Rettungszylinder</li>
-                                <li class="border-0">MicroCAFS-Löscher (10 Liter)</li>
                             </ul>
                         </div>
                         <div class="col-md-6">
-                            <ul class="spec-list small border-0">
-                                <li class="border-0"><strong>Medizin:</strong> Defibrillator & Sanitätsrucksack</li>
-                                <li class="border-0">Stabilisations- & Unterbausystem</li>
-                                <li class="border-0">Glas-Ex & Werkzeug VU / Elektro</li>
+                            <ul class="spec-list small mb-0">
+                                <li class="border-0"><strong>Medizin:</strong> Defibrillator (AED)</li>
+                                <li class="border-0">Sanitätsrucksack & Sauerstoff</li>
+                                <li class="border-0">Löschtechnik: 10L MicroCAFS</li>
                             </ul>
                         </div>
                     </div>
                 </div>
             </div>
 
-            <div class="col-lg-5 mt-4 mt-lg-0">
+            <div class="col-lg-5 mt-4 mt-lg-0 text-center">
                 <img src="t_vrw_1.jpg" class="vehicle-img" alt="VRW Suzuki KingQuad">
                 <p class="text-center text-muted mt-3 small"><em>Extrem geländegängig für schnelle Hilfe in unwegsamem Gelände</em></p>
                 
-                <div class="alert alert-secondary mt-4 small">
-                    <strong>Hinweis:</strong> Dieses Fahrzeug ermöglicht durch seine kompakten Maße einen Erstzugriff bei Verkehrsunfällen oder in engen Gassen, bevor schwerere Fahrzeuge eintreffen können.
+                <div class="alert alert-warning mt-4 small border-0 shadow-sm" style="background-color: #fff3cd; color: #856404;">
+                    <strong>Einsatztaktik:</strong> Das Fahrzeug ermöglicht durch seine kompakten Maße einen schnellen Erstzugriff bei Verkehrsunfällen oder im Waldgelände, noch bevor die Großfahrzeuge eintreffen.
                 </div>
             </div>
         </div>
diff --git a/technik/lf1/lf1.html b/technik/lf1/lf1.html
index 1da792e..9883fc1 100644
--- a/technik/lf1/lf1.html
+++ b/technik/lf1/lf1.html
@@ -6,7 +6,7 @@
     <title>Löschfahrzeug LF 1 | FFw Stadt Wehlen</title>
     
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="../../../nav.css">
+    <link rel="stylesheet" href="/nav.css">
 
     <style>
         :root {
@@ -20,6 +20,49 @@
             font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
         }
 
+        /* Falls nav.css blockiert wird, hier das Backup-Styling */
+        .navbar-custom {
+            background-color: #b30000 !important;
+            background-image: url('/bilder/logo2.jpeg') !important;
+            background-size: 7em !important;
+            background-repeat: repeat !important;
+            padding: 1rem 0;
+        }
+
+        .navbar-custom .navbar-brand {
+            color: #ffffff !important;
+            text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
+            font-weight: 600;
+        }
+
+        .page-header {
+            position: relative;
+            text-align: center;
+            padding: 40px 0;
+            background-color: #fff;
+            overflow: hidden;
+            border-bottom: 1px solid #dee2e6;
+        }
+
+        .header-bg-icon {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            height: 140%;
+            opacity: 0.08;
+            z-index: 0;
+            pointer-events: none;
+        }
+
+        .page-header h1 {
+            position: relative;
+            z-index: 1;
+            color: var(--fw-rot);
+            font-weight: 800;
+            margin: 0;
+        }
+
         .top-bar {
             background: #fff;
             padding: 15px 0;
@@ -50,18 +93,10 @@
             box-shadow: 0 4px 12px rgba(0,0,0,0.08);
             border-left: 5px solid var(--fw-rot);
             padding: 30px;
-            margin-top: 30px;
+            margin-top: 20px;
             margin-bottom: 50px;
         }
 
-        h1 {
-            color: var(--fw-rot);
-            font-weight: 800;
-            margin-bottom: 25px;
-            border-bottom: 2px solid #eee;
-            padding-bottom: 10px;
-        }
-
         .info-label {
             font-weight: 700;
             color: var(--fw-grau);
@@ -83,6 +118,8 @@
             margin-top: 30px;
             color: var(--fw-rot);
             font-weight: 700;
+            border-left: 3px solid var(--fw-rot);
+            padding-left: 10px;
         }
 
         .carousel-item img {
@@ -92,10 +129,9 @@
             object-fit: cover;
         }
 
-        .carousel-control-prev-icon, .carousel-control-next-icon {
-            background-color: var(--fw-rot);
-            border-radius: 50%;
-            background-size: 50%;
+        @media (max-width: 768px) {
+            .info-label { width: 100%; margin-bottom: 5px; }
+            .page-header h1 { font-size: 1.5rem; }
         }
     </style>
 </head>
@@ -103,16 +139,21 @@
 
 <nav class="navbar navbar-expand-lg navbar-custom">
     <div class="container-fluid">
-        <a class="navbar-brand d-flex align-items-center" href="../../../index.html">
-            <img src="../../../ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
+        <a class="navbar-brand d-flex align-items-center" href="/index.html">
+            <img src="/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
             <span>Feuerwehr Stadt Wehlen</span>
         </a>
     </div>
 </nav>
 
+<div class="page-header">
+    <img src="/ffw_transp_72.gif" class="header-bg-icon" alt="">
+    <h1>Löschfahrzeug LF 1</h1>
+</div>
+
 <div class="top-bar">
     <div class="container">
-        <a href="../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
+        <a href="/technik/technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
     </div>
 </div>
 
@@ -120,7 +161,7 @@
     <div class="detail-card">
         <div class="row">
             <div class="col-lg-7">
-                <h1>Löschfahrzeug LF 1</h1>
+                <h2 style="color: var(--fw-rot); font-weight: 700;">Fahrzeugdaten</h2>
                 
                 <ul class="spec-list">
                     <li><span class="info-label">Bezeichnung:</span> Löschfahrzeug LF 1</li>
@@ -132,30 +173,23 @@
 
                 <h4 class="section-title">Feuerwehrtechnische Beladung</h4>
                 <ul class="spec-list">
-                    <li>Sirene mit Handkurbel</li>
-                    <li>Blitzleuchte</li>
-                    <li>Kübelspritze als Spendenkübel</li>
-                    <li>C-Schlauch + Strahlrohr für Schnellangriff</li>
+                    <li>Sirene mit Handkurbel (akustisches Signal)</li>
+                    <li>Blitzleuchte (optisches Signal)</li>
+                    <li>Kübelspritze (als Spendenkübel umfunktioniert)</li>
+                    <li>C-Schlauch + Strahlrohr (Schnellangriff-Attrappe)</li>
                 </ul>
 
                 <h4 class="section-title">Besonderheiten</h4>
-                <p>Das LF 1 ist ein besonderes Traditions- und Werbefahrzeug unserer Wehr. Auf Basis eines klassischen Postrades wurde hier ein voll einsatzbereites "Einsatzmittel" für festliche Anlässe und zur Spendensammlung geschaffen. Mit seiner Handkurbel-Sirene ist es bei jedem Umzug ein akustisches Highlight.</p>
+                <p>Das LF 1 ist unser ganzer Stolz bei Festumzügen. Das ehemalige Postrad wurde in liebevoller Kleinarbeit zum "kleinsten Löschfahrzeug der Welt" umgebaut. Es dient primär der Traditionspflege und der Spendensammlung bei Veranstaltungen.</p>
             </div>
 
             <div class="col-lg-5 mt-4 mt-lg-0">
                 <div id="lf1Carousel" class="carousel slide" data-bs-ride="carousel">
                     <div class="carousel-inner">
                         <div class="carousel-item active">
-                            <img src="t_lf1_2.jpg" class="d-block w-100" alt="LF 1 Fahrrad Bild 1">
+                            <img src="t_lf1_2.jpg" class="d-block w-100" alt="LF 1 Fahrrad">
                         </div>
-                       
                     </div>
-                    <button class="carousel-control-prev" type="button" data-bs-target="#lf1Carousel" data-bs-slide="prev">
-                        <span class="carousel-control-prev-icon"></span>
-                    </button>
-                    <button class="carousel-control-next" type="button" data-bs-target="#lf1Carousel" data-bs-slide="next">
-                        <span class="carousel-control-next-icon"></span>
-                    </button>
                 </div>
                 <p class="text-center text-muted mt-3 small"><em>Traditionsfahrzeug der Feuerwehr Stadt Wehlen</em></p>
             </div>
diff --git a/technik/lf10/lf10.html b/technik/lf10/lf10.html
index 670b816..240cfd5 100755
--- a/technik/lf10/lf10.html
+++ b/technik/lf10/lf10.html
@@ -6,7 +6,7 @@
     <title>LF 10/6 | FFw Stadt Wehlen</title>
     
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="../../../nav.css">
+    <link rel="stylesheet" href="/nav.css">
 
     <style>
         :root {
@@ -20,6 +20,51 @@
             font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
         }
 
+        /* Branding für die Navbar (falls nav.css extern geladen wird) */
+        .navbar-custom {
+            background-color: #b30000 !important;
+            background-image: url('/bilder/logo2.jpeg') !important;
+            background-size: 7em !important;
+            background-repeat: repeat !important;
+            padding: 1rem 0;
+        }
+
+        .navbar-custom .navbar-brand {
+            color: #ffffff !important;
+            text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
+            font-weight: 600;
+        }
+
+        /* Schicker Header wie bei den anderen Seiten */
+        .page-header {
+            position: relative;
+            text-align: center;
+            padding: 40px 0;
+            background-color: #fff;
+            overflow: hidden;
+            border-bottom: 1px solid #dee2e6;
+        }
+
+        .header-bg-icon {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            height: 140%;
+            opacity: 0.08;
+            z-index: 0;
+            pointer-events: none;
+        }
+
+        .page-header h1 {
+            position: relative;
+            z-index: 1;
+            color: var(--fw-rot);
+            font-weight: 800;
+            text-transform: uppercase;
+            margin: 0;
+        }
+
         .top-bar {
             background: #fff;
             padding: 15px 0;
@@ -50,18 +95,10 @@
             box-shadow: 0 4px 12px rgba(0,0,0,0.08);
             border-left: 5px solid var(--fw-rot);
             padding: 30px;
-            margin-top: 30px;
+            margin-top: 20px;
             margin-bottom: 50px;
         }
 
-        h1 {
-            color: var(--fw-rot);
-            font-weight: 800;
-            margin-bottom: 25px;
-            border-bottom: 2px solid #eee;
-            padding-bottom: 10px;
-        }
-
         .info-label {
             font-weight: 700;
             color: var(--fw-grau);
@@ -88,12 +125,11 @@
         }
 
         .beladung-grid {
-            column-count: 2; /* Teilt die lange Liste in zwei Spalten */
+            column-count: 2;
             column-gap: 30px;
             padding-left: 20px;
         }
 
-        /* Carousel Styling */
         .carousel-item img {
             border-radius: 8px;
             box-shadow: 0 4px 10px rgba(0,0,0,0.15);
@@ -109,6 +145,8 @@
 
         @media (max-width: 992px) {
             .beladung-grid { column-count: 1; }
+            .info-label { width: 100%; margin-bottom: 5px; }
+            .page-header h1 { font-size: 1.5rem; }
         }
     </style>
 </head>
@@ -116,16 +154,21 @@
 
 <nav class="navbar navbar-expand-lg navbar-custom">
     <div class="container-fluid">
-        <a class="navbar-brand d-flex align-items-center" href="../../../index.html">
-            <img src="../../../ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
+        <a class="navbar-brand d-flex align-items-center" href="/index.html">
+            <img src="/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
             <span>Feuerwehr Stadt Wehlen</span>
         </a>
     </div>
 </nav>
 
+<div class="page-header">
+    <img src="/ffw_transp_72.gif" class="header-bg-icon" alt="">
+    <h1>Löschgruppenfahrzeug LF 10/6</h1>
+</div>
+
 <div class="top-bar">
     <div class="container">
-        <a href="../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
+        <a href="/technik/technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
     </div>
 </div>
 
@@ -133,12 +176,12 @@
     <div class="detail-card">
         <div class="row">
             <div class="col-lg-7">
-                <h1>Löschgruppenfahrzeug LF 10/6</h1>
+                <h2 style="color: var(--fw-rot); font-weight: 700;">Fahrzeugdaten</h2>
                 
                 <ul class="spec-list">
                     <li><span class="info-label">Bezeichnung:</span> LF 10/6</li>
                     <li><span class="info-label">Funkrufname:</span> Florian Stadt Wehlen 42-1</li>
-                    <li><span class="info-label">Fahrgestell:</span> MB Atego 818 F (Straßenfahrgestell)</li>
+                    <li><span class="info-label">Fahrgestell:</span> MB Atego 818 F</li>
                     <li><span class="info-label">Baujahr:</span> Juli 2007</li>
                     <li><span class="info-label">Motorleistung:</span> 180 PS</li>
                     <li><span class="info-label">Gesamtgewicht:</span> 8.600 kg</li>
@@ -146,9 +189,9 @@
 
                 <h4 class="section-title">Technische Daten & Ausstattung</h4>
                 <ul class="spec-list small">
-                    <li><strong>Maße:</strong> L 6,39m | B 2,32m | H 3,00m (Radstand 3,32m)</li>
+                    <li><strong>Maße:</strong> L 6,39m | B 2,32m | H 3,00m</li>
                     <li><strong>Sicherheit:</strong> ABS, Differentialsperre hinten</li>
-                    <li><strong>Licht/Warn:</strong> Top-Integro Kabinendachmodul, Martin-Horn (4 Becher), Umfeldbeleuchtung, Pneumatik-Lichtmast (2x 1000W)</li>
+                    <li><strong>Licht/Warn:</strong> Martin-Horn (4 Becher), Pneumatik-Lichtmast (2x 1000W)</li>
                 </ul>
 
                 <h4 class="section-title">Feuerwehrtechnische Beladung</h4>
@@ -160,14 +203,10 @@
                         <li>Stromerzeuger 6,5 kW (Eisemann)</li>
                         <li>3-teilige Schiebeleiter</li>
                         <li>Lukas Schere/Spreizer Kombi SC 350</li>
-                        <li>Lukas Kompaktaggregat</li>
                         <li>Wärmebildkamera Bullard Eclipse</li>
                         <li>Defibrillator (AED) "Zoll"</li>
-                        <li>Sanitätsrucksack</li>
-                        <li>Watthosen & Absturzsicherung</li>
+                        <li>Sanitätsrucksack & Watthosen</li>
                         <li>Ölbindemittel & Kettensäge</li>
-                        <li>Schornsteinfegerwerkzeug</li>
-                        <li>Waldbrandpatschen</li>
                     </ul>
                 </div>
             </div>
@@ -175,24 +214,12 @@
             <div class="col-lg-5 mt-4 mt-lg-0">
                 <div id="lf10Carousel" class="carousel slide" data-bs-ride="carousel">
                     <div class="carousel-inner">
-                        <div class="carousel-item active">
-                            <img src="t_lf10_6_1.jpg" class="d-block w-100" alt="LF 10 Bild 1">
-                        </div>
-                        <div class="carousel-item">
-                            <img src="t_lf10_6_2.jpg" class="d-block w-100" alt="LF 10 Bild 2">
-                        </div>
-                        <div class="carousel-item">
-                            <img src="t_lf10_6_3.jpg" class="d-block w-100" alt="LF 10 Bild 3">
-                        </div>
-                        <div class="carousel-item">
-                            <img src="t_lf10_6_4.jpg" class="d-block w-100" alt="LF 10 Bild 4">
-                        </div>
-                        <div class="carousel-item">
-                            <img src="t_lf10_6_5.jpg" class="d-block w-100" alt="LF 10 Bild 5">
-                        </div>
-                        <div class="carousel-item">
-                            <img src="t_lf10_6_6.jpg" class="d-block w-100" alt="LF 10 Bild 6">
-                        </div>
+                        <div class="carousel-item active"><img src="t_lf10_6_1.jpg" class="d-block w-100" alt="LF 10 Bild 1"></div>
+                        <div class="carousel-item"><img src="t_lf10_6_2.jpg" class="d-block w-100" alt="LF 10 Bild 2"></div>
+                        <div class="carousel-item"><img src="t_lf10_6_3.jpg" class="d-block w-100" alt="LF 10 Bild 3"></div>
+                        <div class="carousel-item"><img src="t_lf10_6_4.jpg" class="d-block w-100" alt="LF 10 Bild 4"></div>
+                        <div class="carousel-item"><img src="t_lf10_6_5.jpg" class="d-block w-100" alt="LF 10 Bild 5"></div>
+                        <div class="carousel-item"><img src="t_lf10_6_6.jpg" class="d-block w-100" alt="LF 10 Bild 6"></div>
                     </div>
                     <button class="carousel-control-prev" type="button" data-bs-target="#lf10Carousel" data-bs-slide="prev">
                         <span class="carousel-control-prev-icon"></span>
@@ -201,7 +228,7 @@
                         <span class="carousel-control-next-icon"></span>
                     </button>
                 </div>
-                <p class="text-center text-muted mt-3 small"><em>Unser Erstangriffsfahrzeug für Brand & Hilfeleistung</em></p>
+                <p class="text-center text-muted mt-3 small"><em>Erstangriffsfahrzeug für Brand & Hilfeleistung</em></p>
             </div>
         </div>
     </div>
diff --git a/technik/rtb1/rtb1.html b/technik/rtb1/rtb1.html
index 2a219d5..756ad21 100644
--- a/technik/rtb1/rtb1.html
+++ b/technik/rtb1/rtb1.html
@@ -6,7 +6,7 @@
     <title>Feuerwehrboot RTB 1 | FFw Stadt Wehlen</title>
     
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="../../../nav.css">
+    <link rel="stylesheet" href="/nav.css">
 
     <style>
         :root {
@@ -20,6 +20,51 @@
             font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
         }
 
+        /* Branding Navbar */
+        .navbar-custom {
+            background-color: #b30000 !important;
+            background-image: url('/bilder/logo2.jpeg') !important;
+            background-size: 7em !important;
+            background-repeat: repeat !important;
+            padding: 1rem 0;
+        }
+
+        .navbar-custom .navbar-brand {
+            color: #ffffff !important;
+            text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
+            font-weight: 600;
+        }
+
+        /* Page-Header mit Wasserzeichen */
+        .page-header {
+            position: relative;
+            text-align: center;
+            padding: 40px 0;
+            background-color: #fff;
+            overflow: hidden;
+            border-bottom: 1px solid #dee2e6;
+        }
+
+        .header-bg-icon {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            height: 140%;
+            opacity: 0.08;
+            z-index: 0;
+            pointer-events: none;
+        }
+
+        .page-header h1 {
+            position: relative;
+            z-index: 1;
+            color: var(--fw-rot);
+            font-weight: 800;
+            text-transform: uppercase;
+            margin: 0;
+        }
+
         .top-bar {
             background: #fff;
             padding: 15px 0;
@@ -50,18 +95,10 @@
             box-shadow: 0 4px 12px rgba(0,0,0,0.08);
             border-left: 5px solid var(--fw-rot);
             padding: 30px;
-            margin-top: 30px;
+            margin-top: 20px;
             margin-bottom: 50px;
         }
 
-        h1 {
-            color: var(--fw-rot);
-            font-weight: 800;
-            margin-bottom: 25px;
-            border-bottom: 2px solid #eee;
-            padding-bottom: 10px;
-        }
-
         .info-label {
             font-weight: 700;
             color: var(--fw-grau);
@@ -83,6 +120,8 @@
             margin-top: 30px;
             color: var(--fw-rot);
             font-weight: 700;
+            border-left: 3px solid var(--fw-rot);
+            padding-left: 10px;
         }
 
         .carousel-item img {
@@ -92,27 +131,50 @@
             object-fit: cover;
         }
 
-        .carousel-control-prev-icon, .carousel-control-next-icon {
+        .highlight-badge {
             background-color: var(--fw-rot);
-            border-radius: 50%;
-            background-size: 50%;
+            color: white;
+            padding: 4px 12px;
+            border-radius: 20px;
+            font-size: 0.9rem;
+            margin-bottom: 15px;
+            display: inline-block;
+            font-weight: 600;
+        }
+
+        .info-box {
+            background: #fdf2f2;
+            border-radius: 8px;
+            padding: 20px;
+            border: 1px dashed var(--fw-rot);
+            margin-top: 15px;
+        }
+
+        @media (max-width: 768px) {
+            .info-label { width: 100%; margin-bottom: 5px; }
+            .page-header h1 { font-size: 1.5rem; }
         }
     </style>
 </head>
 <body>
 
-<nav class="navbar navbar-expand-lg navbar-custom">
+<nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
     <div class="container-fluid">
-        <a class="navbar-brand d-flex align-items-center" href="../../../index.html">
-            <img src="../../../ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
+        <a class="navbar-brand d-flex align-items-center" href="/index.html">
+            <img src="/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
             <span>Feuerwehr Stadt Wehlen</span>
         </a>
     </div>
 </nav>
 
+<div class="page-header">
+    <img src="/ffw_transp_72.gif" class="header-bg-icon" alt="">
+    <h1>Feuerwehrboot (RTB 1)</h1>
+</div>
+
 <div class="top-bar">
     <div class="container">
-        <a href="../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
+        <a href="/technik/technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
     </div>
 </div>
 
@@ -120,35 +182,39 @@
     <div class="detail-card">
         <div class="row">
             <div class="col-lg-7">
-                <h1>Feuerwehrboot RTB 1</h1>
+                <span class="highlight-badge">Standort: Pötzscha</span>
+                <h2 style="color: var(--fw-rot); font-weight: 700;">Bootsdaten</h2>
                 
                 <ul class="spec-list">
-                    <li><span class="info-label">Bezeichnung:</span> Rettungsboot RTB 1 (DIN 14961)</li>
-                    <li><span class="info-label">Standort:</span> Stadtteil Pötzscha</li>
+                    <li><span class="info-label">Bezeichnung:</span> Rettungsboot RTB 1</li>
+                    <li><span class="info-label">Norm:</span> DIN 14961</li>
                     <li><span class="info-label">Typ:</span> Barru LGL 400-BKL</li>
                     <li><span class="info-label">Baujahr:</span> März 2014</li>
                     <li><span class="info-label">Zuladung:</span> 550 kg (max. 5 Personen)</li>
                 </ul>
 
-                <h4 class="section-title">Technische Daten</h4>
+                <h4 class="section-title">Technische Details</h4>
                 <ul class="spec-list">
                     <li><span class="info-label">Maße:</span> L 4,13m | B 1,80m | T 0,18m</li>
-                    <li><span class="info-label">Motorisierung:</span> Suzuki 25 PS (3-Zyl. 4-Takt)</li>
-                    <li><span class="info-label">Ausstattung:</span> Bugklappe, Hochwasserräder, Tragereling</li>
+                    <li><span class="info-label">Motorisierung:</span> Suzuki 25 PS (4-Takt)</li>
+                    <li><span class="info-label">Besonderheit:</span> Absenkbare Bugklappe</li>
+                    <li><span class="info-label">Zubehör:</span> Hochwasserräder für Landtransport</li>
                 </ul>
 
-                <h4 class="section-title">Ausrüstung</h4>
-                <p>Komplette Beladung nach DIN, inklusive Rettungsmittel für Wasser- und Eisnotfälle sowie Klappsitzbänke für den Mannschaftstransport.</p>
+                <h4 class="section-title">Einsatzprofil</h4>
+                <div class="info-box">
+                    <p class="mb-0">Das RTB 1 ist ein extrem vielseitiges Arbeitsmittel. Durch die <strong>Bugklappe</strong> können Personen im Wasser ohne Kraftaufwand direkt aufgenommen werden. Zudem dient es bei Hochwasser als wichtiges Transportmittel für Sandsäcke oder zur Evakuierung in engen Gassen.</p>
+                </div>
             </div>
 
             <div class="col-lg-5 mt-4 mt-lg-0">
-                <div id="rtbCarousel" class="carousel slide" data-bs-ride="carousel">
+                <div id="rtbCarousel" class="carousel slide shadow-sm" data-bs-ride="carousel">
                     <div class="carousel-inner">
                         <div class="carousel-item active">
-                            <img src="t_aluboot_rtb1_1.jpg" class="d-block w-100" alt="RTB 1 Bild 1">
+                            <img src="t_aluboot_rtb1_1.jpg" class="d-block w-100" alt="RTB 1 Elbe">
                         </div>
                         <div class="carousel-item">
-                            <img src="t_aluboot_rtb1_2.jpg" class="d-block w-100" alt="RTB 1 Bild 2">
+                            <img src="t_aluboot_rtb1_2.jpg" class="d-block w-100" alt="RTB 1 Details">
                         </div>
                     </div>
                     <button class="carousel-control-prev" type="button" data-bs-target="#rtbCarousel" data-bs-slide="prev">
@@ -158,7 +224,9 @@
                         <span class="carousel-control-next-icon"></span>
                     </button>
                 </div>
-                <p class="text-center text-muted mt-3 small"><em>Einsatzbereit auf der Elbe und in Hochwassergebieten</em></p>
+                <div class="alert alert-info mt-3 py-2 small border-0 text-center" style="background-color: #e7f1ff; color: #084298;">
+                    <em>Speziell optimiert für Elbe-Einsätze und Hochwasserlagen</em>
+                </div>
             </div>
         </div>
     </div>
diff --git a/technik/rtb1schlauchboot/rtb1_Schlauchboot.html b/technik/rtb1schlauchboot/rtb1_Schlauchboot.html
index 9860e59..084da40 100644
--- a/technik/rtb1schlauchboot/rtb1_Schlauchboot.html
+++ b/technik/rtb1schlauchboot/rtb1_Schlauchboot.html
@@ -6,7 +6,7 @@
     <title>Schlauchboot RTB 1 | FFw Stadt Wehlen</title>
     
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="../../../nav.css">
+    <link rel="stylesheet" href="/nav.css">
 
     <style>
         :root {
@@ -20,6 +20,51 @@
             font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
         }
 
+        /* Navbar Styling */
+        .navbar-custom {
+            background-color: #b30000 !important;
+            background-image: url('/bilder/logo2.jpeg') !important;
+            background-size: 7em !important;
+            background-repeat: repeat !important;
+            padding: 1rem 0;
+        }
+
+        .navbar-custom .navbar-brand {
+            color: #ffffff !important;
+            text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
+            font-weight: 600;
+        }
+
+        /* Einheitlicher Page-Header */
+        .page-header {
+            position: relative;
+            text-align: center;
+            padding: 40px 0;
+            background-color: #fff;
+            overflow: hidden;
+            border-bottom: 1px solid #dee2e6;
+        }
+
+        .header-bg-icon {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            height: 140%;
+            opacity: 0.08;
+            z-index: 0;
+            pointer-events: none;
+        }
+
+        .page-header h1 {
+            position: relative;
+            z-index: 1;
+            color: var(--fw-rot);
+            font-weight: 800;
+            text-transform: uppercase;
+            margin: 0;
+        }
+
         .top-bar {
             background: #fff;
             padding: 15px 0;
@@ -50,18 +95,10 @@
             box-shadow: 0 4px 12px rgba(0,0,0,0.08);
             border-left: 5px solid var(--fw-rot);
             padding: 30px;
-            margin-top: 30px;
+            margin-top: 20px;
             margin-bottom: 50px;
         }
 
-        h1 {
-            color: var(--fw-rot);
-            font-weight: 800;
-            margin-bottom: 25px;
-            border-bottom: 2px solid #eee;
-            padding-bottom: 10px;
-        }
-
         .info-label {
             font-weight: 700;
             color: var(--fw-grau);
@@ -83,6 +120,8 @@
             margin-top: 30px;
             color: var(--fw-rot);
             font-weight: 700;
+            border-left: 3px solid var(--fw-rot);
+            padding-left: 10px;
         }
 
         .carousel-item img {
@@ -91,22 +130,32 @@
             max-height: 450px;
             object-fit: cover;
         }
+
+        @media (max-width: 768px) {
+            .info-label { width: 100%; margin-bottom: 5px; }
+            .page-header h1 { font-size: 1.5rem; }
+        }
     </style>
 </head>
 <body>
 
-<nav class="navbar navbar-expand-lg navbar-custom">
+<nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
     <div class="container-fluid">
-        <a class="navbar-brand d-flex align-items-center" href="../../../index.html">
-            <img src="../../../ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
+        <a class="navbar-brand d-flex align-items-center" href="/index.html">
+            <img src="/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
             <span>Feuerwehr Stadt Wehlen</span>
         </a>
     </div>
 </nav>
 
+<div class="page-header">
+    <img src="/ffw_transp_72.gif" class="header-bg-icon" alt="">
+    <h1>Schlauchboot RTB 1</h1>
+</div>
+
 <div class="top-bar">
     <div class="container">
-        <a href="../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
+        <a href="/technik/technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
     </div>
 </div>
 
@@ -114,16 +163,16 @@
     <div class="detail-card">
         <div class="row">
             <div class="col-lg-7">
-                <h1>Feuerwehrschlauchboot RTB 1</h1>
+                <h2 style="color: var(--fw-rot); font-weight: 700;">Technische Daten</h2>
                 
                 <ul class="spec-list">
                     <li><span class="info-label">Bezeichnung:</span> Rettungsschlauchboot RTB 1</li>
                     <li><span class="info-label">Standort:</span> Stadt Wehlen</li>
                     <li><span class="info-label">Baujahr:</span> Mai 2003</li>
-                    <li><span class="info-label">Gewicht:</span> 33 kg (extrem leicht/mobil)</li>
+                    <li><span class="info-label">Gewicht:</span> 33 kg (leicht & mobil)</li>
                 </ul>
 
-                <h4 class="section-title">Technische Daten</h4>
+                <h4 class="section-title">Leistungsdaten</h4>
                 <ul class="spec-list">
                     <li><span class="info-label">Maße:</span> L 3,00m | B 1,20m</li>
                     <li><span class="info-label">Sicherheit:</span> 4 separate Luftkammern</li>
@@ -131,7 +180,7 @@
                 </ul>
 
                 <h4 class="section-title">Einsatzzweck</h4>
-                <p>Das Schlauchboot dient primär der schnellen Menschenrettung in ufernahen Bereichen oder auf stehenden Gewässern. Aufgrund seines geringen Gewichts kann es von zwei Einsatzkräften problemlos zu schwer zugänglichen Stellen getragen werden.</p>
+                <p>Das RTB 1 (Schlauchboot) ist unser "Flitzer" für kleine Gewässer oder schwer zugängliche Elbufer. Es ist in Sekundenschnelle einsatzbereit und kann aufgrund des geringen Gewichts von einer kleinen Truppe direkt zum Wasser getragen werden, ohne dass eine Slipstelle benötigt wird.</p>
             </div>
 
             <div class="col-lg-5 mt-4 mt-lg-0">
@@ -142,7 +191,7 @@
                         </div>
                     </div>
                 </div>
-                <p class="text-center text-muted mt-3 small"><em>Flexibel einsetzbar für die Wasserrettung</em></p>
+                <p class="text-center text-muted mt-3 small"><em>Flexibel für die Wasserrettung</em></p>
             </div>
         </div>
     </div>
diff --git a/technik/rtb2/rtb2.html b/technik/rtb2/rtb2.html
index 1b9d920..de5cfdf 100644
--- a/technik/rtb2/rtb2.html
+++ b/technik/rtb2/rtb2.html
@@ -6,7 +6,7 @@
     <title>Feuerwehrboot RTB 2 | FFw Stadt Wehlen</title>
     
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="../../../nav.css">
+    <link rel="stylesheet" href="/nav.css">
 
     <style>
         :root {
@@ -20,6 +20,51 @@
             font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
         }
 
+        /* Branding Navbar */
+        .navbar-custom {
+            background-color: #b30000 !important;
+            background-image: url('/bilder/logo2.jpeg') !important;
+            background-size: 7em !important;
+            background-repeat: repeat !important;
+            padding: 1rem 0;
+        }
+
+        .navbar-custom .navbar-brand {
+            color: #ffffff !important;
+            text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
+            font-weight: 600;
+        }
+
+        /* Page-Header mit Wasserzeichen */
+        .page-header {
+            position: relative;
+            text-align: center;
+            padding: 40px 0;
+            background-color: #fff;
+            overflow: hidden;
+            border-bottom: 1px solid #dee2e6;
+        }
+
+        .header-bg-icon {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            height: 140%;
+            opacity: 0.08;
+            z-index: 0;
+            pointer-events: none;
+        }
+
+        .page-header h1 {
+            position: relative;
+            z-index: 1;
+            color: var(--fw-rot);
+            font-weight: 800;
+            text-transform: uppercase;
+            margin: 0;
+        }
+
         .top-bar {
             background: #fff;
             padding: 15px 0;
@@ -50,18 +95,10 @@
             box-shadow: 0 4px 12px rgba(0,0,0,0.08);
             border-left: 5px solid var(--fw-rot);
             padding: 30px;
-            margin-top: 30px;
+            margin-top: 20px;
             margin-bottom: 50px;
         }
 
-        h1 {
-            color: var(--fw-rot);
-            font-weight: 800;
-            margin-bottom: 25px;
-            border-bottom: 2px solid #eee;
-            padding-bottom: 10px;
-        }
-
         .info-label {
             font-weight: 700;
             color: var(--fw-grau);
@@ -83,6 +120,8 @@
             margin-top: 30px;
             color: var(--fw-rot);
             font-weight: 700;
+            border-left: 3px solid var(--fw-rot);
+            padding-left: 10px;
         }
 
         .carousel-item img {
@@ -97,22 +136,32 @@
             border-radius: 50%;
             background-size: 50%;
         }
+
+        @media (max-width: 768px) {
+            .info-label { width: 100%; margin-bottom: 5px; }
+            .page-header h1 { font-size: 1.5rem; }
+        }
     </style>
 </head>
 <body>
 
-<nav class="navbar navbar-expand-lg navbar-custom">
+<nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
     <div class="container-fluid">
-        <a class="navbar-brand d-flex align-items-center" href="../../../index.html">
-            <img src="../../../ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
+        <a class="navbar-brand d-flex align-items-center" href="/index.html">
+            <img src="/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
             <span>Feuerwehr Stadt Wehlen</span>
         </a>
     </div>
 </nav>
 
+<div class="page-header">
+    <img src="/ffw_transp_72.gif" class="header-bg-icon" alt="">
+    <h1>Feuerwehrboot RTB 2</h1>
+</div>
+
 <div class="top-bar">
     <div class="container">
-        <a href="../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
+        <a href="/technik/technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
     </div>
 </div>
 
@@ -120,31 +169,28 @@
     <div class="detail-card">
         <div class="row">
             <div class="col-lg-7">
-                <h1>Feuerwehrboot RTB 2</h1>
+                <h2 style="color: var(--fw-rot); font-weight: 700;">Bootsdaten</h2>
                 
                 <ul class="spec-list">
                     <li><span class="info-label">Bezeichnung:</span> Rettungsboot RTB 2</li>
                     <li><span class="info-label">Funkrufname:</span> Florian Stadt Wehlen 79-1</li>
                     <li><span class="info-label">Typ:</span> Fiskas Buster "L" Aluminium</li>
-                    <li><span class="info-label">Baujahr:</span> Mai 2003</li>
                     <li><span class="info-label">Zuladung:</span> 590 kg (max. 6 Personen)</li>
                 </ul>
 
                 <h4 class="section-title">Technische Daten</h4>
                 <ul class="spec-list">
                     <li><span class="info-label">Maße:</span> L 4,90m | B 1,97m | T 0,29m</li>
-                    <li><span class="info-label">Gewicht:</span> 450 kg</li>
                     <li><span class="info-label">Motorisierung:</span> Suzuki 40 PS (3-Zyl. 4-Takt)</li>
-                    <li><span class="info-label">Speed:</span> max. 33 Knoten (ca. 61 km/h)</li>
+                    <li><span class="info-label">Speed:</span> max. 33 Knoten (~ 61 km/h)</li>
                 </ul>
 
                 <h4 class="section-title">Ausstattung & Beladung</h4>
                 <ul class="spec-list small">
-                    <li>Sondersignalanlage: Blitzkennleuchte & Martinshorn auf Bügel</li>
-                    <li>Beleuchtung: Suchscheinwerfer (fest) + 2 flexible Suchscheinwerfer</li>
-                    <li>Technik: Echolot zur Tiefenmessung</li>
-                    <li>Rettung: Rettungsbrett & Rettungsmittel nach DIN</li>
-                    <li>Besonderheit: TS 3 einsetzbar</li>
+                    <li><strong>Sondersignal:</strong> Blitzkennleuchte & Martinshorn auf Gerätebügel</li>
+                    <li><strong>Beleuchtung:</strong> 1x Fest-Suchscheinwerfer, 2x Hand-Suchscheinwerfer</li>
+                    <li><strong>Navigation:</strong> Echolot zur Tiefen- & Hindernismessung</li>
+                    <li><strong>Rettungsmittel:</strong> Rettungsbrett & Notfall-Set nach DIN</li>
                 </ul>
             </div>
 
@@ -168,7 +214,7 @@
                         <span class="carousel-control-next-icon"></span>
                     </button>
                 </div>
-                <p class="text-center text-muted mt-3 small"><em>Schnelleinsatzboot für Rettungseinsätze auf der Elbe</em></p>
+                <p class="text-center text-muted mt-3 small"><em>Das schnelle "Buster" für Einsätze auf der Elbe</em></p>
             </div>
         </div>
     </div>
diff --git a/technik/sta/sta.html b/technik/sta/sta.html
index b181fa7..b6a5289 100644
--- a/technik/sta/sta.html
+++ b/technik/sta/sta.html
@@ -3,10 +3,10 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>STA Schlauchtransportanhänger | FFw Stadt Wehlen</title>
+    <title>Schlauchtransportanhänger STA | FFw Stadt Wehlen</title>
     
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="../../../nav.css">
+    <link rel="stylesheet" href="/nav.css">
 
     <style>
         :root {
@@ -20,6 +20,51 @@
             font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
         }
 
+        /* Branding Navbar */
+        .navbar-custom {
+            background-color: #b30000 !important;
+            background-image: url('/bilder/logo2.jpeg') !important;
+            background-size: 7em !important;
+            background-repeat: repeat !important;
+            padding: 1rem 0;
+        }
+
+        .navbar-custom .navbar-brand {
+            color: #ffffff !important;
+            text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
+            font-weight: 600;
+        }
+
+        /* Page-Header mit Wasserzeichen */
+        .page-header {
+            position: relative;
+            text-align: center;
+            padding: 40px 0;
+            background-color: #fff;
+            overflow: hidden;
+            border-bottom: 1px solid #dee2e6;
+        }
+
+        .header-bg-icon {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            height: 140%;
+            opacity: 0.08;
+            z-index: 0;
+            pointer-events: none;
+        }
+
+        .page-header h1 {
+            position: relative;
+            z-index: 1;
+            color: var(--fw-rot);
+            font-weight: 800;
+            text-transform: uppercase;
+            margin: 0;
+        }
+
         .top-bar {
             background: #fff;
             padding: 15px 0;
@@ -50,18 +95,10 @@
             box-shadow: 0 4px 12px rgba(0,0,0,0.08);
             border-left: 5px solid var(--fw-rot);
             padding: 30px;
-            margin-top: 30px;
+            margin-top: 20px;
             margin-bottom: 50px;
         }
 
-        h1 {
-            color: var(--fw-rot);
-            font-weight: 800;
-            margin-bottom: 25px;
-            border-bottom: 2px solid #eee;
-            padding-bottom: 10px;
-        }
-
         .info-label {
             font-weight: 700;
             color: var(--fw-grau);
@@ -83,6 +120,8 @@
             margin-top: 30px;
             color: var(--fw-rot);
             font-weight: 700;
+            border-left: 3px solid var(--fw-rot);
+            padding-left: 10px;
         }
 
         .carousel-item img {
@@ -95,26 +134,36 @@
         .highlight-box {
             background: #fdf2f2;
             border: 1px dashed var(--fw-rot);
-            padding: 15px;
+            padding: 20px;
             border-radius: 8px;
             margin-top: 20px;
         }
+
+        @media (max-width: 768px) {
+            .info-label { width: 100%; margin-bottom: 5px; }
+            .page-header h1 { font-size: 1.5rem; }
+        }
     </style>
 </head>
 <body>
 
-<nav class="navbar navbar-expand-lg navbar-custom">
+<nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
     <div class="container-fluid">
-        <a class="navbar-brand d-flex align-items-center" href="../../../index.html">
-            <img src="../../../ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
+        <a class="navbar-brand d-flex align-items-center" href="/index.html">
+            <img src="/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
             <span>Feuerwehr Stadt Wehlen</span>
         </a>
     </div>
 </nav>
 
+<div class="page-header">
+    <img src="/ffw_transp_72.gif" class="header-bg-icon" alt="">
+    <h1>Schlauchtransportanhänger (STA)</h1>
+</div>
+
 <div class="top-bar">
     <div class="container">
-        <a href="../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
+        <a href="/technik/technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
     </div>
 </div>
 
@@ -122,10 +171,10 @@
     <div class="detail-card">
         <div class="row">
             <div class="col-lg-7">
-                <h1>Schlauchtransportanhänger (STA)</h1>
+                <h2 style="color: var(--fw-rot); font-weight: 700;">Fahrzeugdaten</h2>
                 
                 <ul class="spec-list">
-                    <li><span class="info-label">Bezeichnung:</span> STA</li>
+                    <li><span class="info-label">Bezeichnung:</span> Schlauchtransportanhänger (STA)</li>
                     <li><span class="info-label">Standort:</span> Stadt Wehlen</li>
                     <li><span class="info-label">Typ:</span> Humbauer HA75/100</li>
                     <li><span class="info-label">Baujahr:</span> Dezember 2004</li>
@@ -135,17 +184,18 @@
                 <h4 class="section-title">Technische Details</h4>
                 <ul class="spec-list">
                     <li><span class="info-label">Maße:</span> L 3,56m | B 1,79m | H 2,35m</li>
-                    <li><span class="info-label">Ausstattung:</span> Hochplane, Heck-Arbeitsbeleuchtung, Stützrad & Heckstützen</li>
+                    <li><span class="info-label">Ausstattung:</span> Hochplane, Heck-Arbeitsbeleuchtung</li>
+                    <li><span class="info-label">Besonderheit:</span> Schnellverlege-Vorrichtung</li>
                 </ul>
 
                 <h4 class="section-title">Feuerwehrtechnische Beladung</h4>
                 <div class="highlight-box">
                     <p class="mb-2"><strong>Schlauchmaterial:</strong></p>
                     <ul class="mb-3">
-                        <li><strong>38 B-Schläuche</strong> (à 20m) in Buchten gekoppelt</li>
+                        <li><strong>38 B-Schläuche</strong> (insgesamt 760m), in Buchten gekoppelt</li>
                         <li>2 Tragekörbe mit je 3 x 20m C-Schläuchen</li>
                     </ul>
-                    <p class="mb-0 small">Zusätzlich: Standrohr, Schlüssel, 2 C-Strahlrohre, Verteiler, Schlauchbrücken und Kupplungsschlüssel.</p>
+                    <p class="mb-0 small text-muted"><strong>Armaturen:</strong> Standrohr, Hydrantenschlüssel, 2 C-Strahlrohre, Verteiler, Schlauchbrücken und Kupplungsschlüssel.</p>
                 </div>
             </div>
 
@@ -166,7 +216,9 @@
                         <span class="carousel-control-next-icon"></span>
                     </button>
                 </div>
-                <p class="text-center text-muted mt-3 small"><em>Ermöglicht das schnelle Verlegen von ca. 760m B-Leitung während der Fahrt</em></p>
+                <div class="alert alert-danger mt-3 py-2 small shadow-sm">
+                    <strong>Einsatzvorteil:</strong> Verlegen von ca. 760m B-Leitung direkt während der Fahrt.
+                </div>
             </div>
         </div>
     </div>
diff --git a/technik/tsf/tsf.html b/technik/tsf/tsf.html
index 25b9d89..d80f2bb 100644
--- a/technik/tsf/tsf.html
+++ b/technik/tsf/tsf.html
@@ -6,7 +6,7 @@
     <title>TSF Pötzscha | FFw Stadt Wehlen</title>
     
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="../../../nav.css">
+    <link rel="stylesheet" href="/nav.css">
 
     <style>
         :root {
@@ -20,6 +20,51 @@
             font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
         }
 
+        /* Branding Navbar */
+        .navbar-custom {
+            background-color: #b30000 !important;
+            background-image: url('/bilder/logo2.jpeg') !important;
+            background-size: 7em !important;
+            background-repeat: repeat !important;
+            padding: 1rem 0;
+        }
+
+        .navbar-custom .navbar-brand {
+            color: #ffffff !important;
+            text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
+            font-weight: 600;
+        }
+
+        /* Page-Header mit Wasserzeichen */
+        .page-header {
+            position: relative;
+            text-align: center;
+            padding: 40px 0;
+            background-color: #fff;
+            overflow: hidden;
+            border-bottom: 1px solid #dee2e6;
+        }
+
+        .header-bg-icon {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            height: 140%;
+            opacity: 0.08;
+            z-index: 0;
+            pointer-events: none;
+        }
+
+        .page-header h1 {
+            position: relative;
+            z-index: 1;
+            color: var(--fw-rot);
+            font-weight: 800;
+            text-transform: uppercase;
+            margin: 0;
+        }
+
         .top-bar {
             background: #fff;
             padding: 15px 0;
@@ -50,18 +95,10 @@
             box-shadow: 0 4px 12px rgba(0,0,0,0.08);
             border-left: 5px solid var(--fw-rot);
             padding: 30px;
-            margin-top: 30px;
+            margin-top: 20px;
             margin-bottom: 50px;
         }
 
-        h1 {
-            color: var(--fw-rot);
-            font-weight: 800;
-            margin-bottom: 25px;
-            border-bottom: 2px solid #eee;
-            padding-bottom: 10px;
-        }
-
         .info-label {
             font-weight: 700;
             color: var(--fw-grau);
@@ -102,23 +139,41 @@
             font-size: 0.9rem;
             margin-bottom: 15px;
             display: inline-block;
+            font-weight: 600;
+        }
+
+        .beladung-box {
+            background: #fdf2f2;
+            border-radius: 8px;
+            padding: 20px;
+            border: 1px dashed var(--fw-rot);
+        }
+
+        @media (max-width: 768px) {
+            .info-label { width: 100%; margin-bottom: 5px; }
+            .page-header h1 { font-size: 1.5rem; }
         }
     </style>
 </head>
 <body>
 
-<nav class="navbar navbar-expand-lg navbar-custom">
+<nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
     <div class="container-fluid">
-        <a class="navbar-brand d-flex align-items-center" href="../../../index.html">
-            <img src="../../../ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
+        <a class="navbar-brand d-flex align-items-center" href="/index.html">
+            <img src="/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
             <span>Feuerwehr Stadt Wehlen</span>
         </a>
     </div>
 </nav>
 
+<div class="page-header">
+    <img src="/ffw_transp_72.gif" class="header-bg-icon" alt="">
+    <h1>Tragkraftspritzenfahrzeug (TSF)</h1>
+</div>
+
 <div class="top-bar">
     <div class="container">
-        <a href="../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
+        <a href="/technik/technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
     </div>
 </div>
 
@@ -127,47 +182,48 @@
         <div class="row">
             <div class="col-lg-7">
                 <span class="highlight-badge">Standort: Pötzscha</span>
-                <h1>Tragkraftspritzenfahrzeug (TSF)</h1>
+                <h2 style="color: var(--fw-rot); font-weight: 700;">Stammdaten</h2>
                 
                 <ul class="spec-list">
-                    <li><span class="info-label">Bezeichnung:</span> TSF</li>
                     <li><span class="info-label">Funkrufname:</span> Florian Pötzscha 47-1</li>
                     <li><span class="info-label">Fahrgestell:</span> FIAT Ducato MAXI 2.3</li>
                     <li><span class="info-label">Baujahr:</span> August 2002</li>
-                    <li><span class="info-label">Besatzung:</span> 1/5 (Staffel)</li>
+                    <li><span class="info-label">Besatzung:</span> 1/5 (Staffelbesatzung)</li>
                 </ul>
 
-                <h4 class="section-title">Fahrzeugdaten</h4>
+                <h4 class="section-title">Technische Details</h4>
                 <ul class="spec-list">
                     <li><span class="info-label">Leistung:</span> 81 kW (110 PS)</li>
-                    <li><span class="info-label">Gesamtgewicht:</span> 3.500 kg</li>
+                    <li><span class="info-label">Gesamtgewicht:</span> 3.500 kg (B-Führerschein fähig)</li>
                     <li><span class="info-label">Maße:</span> L 5,20m | B 2,07m | H 2,39m</li>
-                    <li><span class="info-label">Ausstattung:</span> Pneumatischer Lichtmast (2x 80W LED), Umfeldbeleuchtung, RTK 6</li>
+                    <li><span class="info-label">Sondersignalanlage:</span> Hella RTK 6</li>
                 </ul>
 
                 <h4 class="section-title">Feuerwehrtechnische Beladung</h4>
-                <div class="row mt-3">
-                    <div class="col-md-6">
-                        <ul class="spec-list small">
-                            <li>Tragkraftspritze TS 8/8</li>
-                            <li>4 Pressluftatmer (PA)</li>
-                            <li>4-teilige Steckleiter</li>
-                            <li>Stromerzeuger 3,5 kW</li>
-                        </ul>
-                    </div>
-                    <div class="col-md-6">
-                        <ul class="spec-list small">
-                            <li>Motorsäge (Kettensäge)</li>
-                            <li>Verkehrsabsicherung (VKU)</li>
-                            <li>Sanitätsrucksack</li>
-                            <li>Lichtstativ (2x 1000W)</li>
-                        </ul>
+                <div class="beladung-box mt-3">
+                    <div class="row">
+                        <div class="col-md-6">
+                            <ul class="spec-list small mb-0">
+                                <li><i class="text-danger">●</i> Tragkraftspritze TS 8/8</li>
+                                <li><i class="text-danger">●</i> 4 Pressluftatmer (PA)</li>
+                                <li><i class="text-danger">●</i> 4-teilige Steckleiter</li>
+                                <li><i class="text-danger">●</i> Stromerzeuger 3,5 kW</li>
+                            </ul>
+                        </div>
+                        <div class="col-md-6">
+                            <ul class="spec-list small mb-0">
+                                <li><i class="text-danger">●</i> Motorsäge & Zubehör</li>
+                                <li><i class="text-danger">●</i> Lichtmast (2x 80W LED)</li>
+                                <li><i class="text-danger">●</i> Sanitätsrucksack</li>
+                                <li><i class="text-danger">●</i> Absicherungsmaterial</li>
+                            </ul>
+                        </div>
                     </div>
                 </div>
             </div>
 
             <div class="col-lg-5 mt-4 mt-lg-0">
-                <div id="tsfCarousel" class="carousel slide" data-bs-ride="carousel">
+                <div id="tsfCarousel" class="carousel slide shadow-sm" data-bs-ride="carousel">
                     <div class="carousel-inner">
                         <div class="carousel-item active">
                             <img src="t_tsf_01.jpg" class="d-block w-100" alt="TSF Frontansicht">
@@ -186,7 +242,9 @@
                         <span class="carousel-control-next-icon"></span>
                     </button>
                 </div>
-                <p class="text-center text-muted mt-3 small"><em>Vielseitiges Einsatzfahrzeug der Ortswehr Pötzscha</em></p>
+                <div class="alert alert-secondary mt-3 py-2 small border-0 text-center">
+                    <em>Vielseitiges Ersteinsatzfahrzeug der Ortswehr Pötzscha</em>
+                </div>
             </div>
         </div>
     </div>
