diff --git a/src/partials/header-content.hbs b/src/partials/header-content.hbs
index 2951ef5..04c10fc 100644
--- a/src/partials/header-content.hbs
+++ b/src/partials/header-content.hbs
@@ -25,20 +25,43 @@
 	  </div>
 	</div>
 	{{/if}}
-      <a class="navbar-item spec" href="https://industrialdigitaltwin.io/aas-specifications"
-   style="display: inline-block; width: auto; padding: 8px 20px; margin: 10px 10px; background-color: transparent; color: #0028CD; border: 2px solid #0028CD; border-radius: 8px; cursor: pointer; font-size: 1em; text-align: center; text-decoration: none; transition: background-color 0.3s ease, color 0.3s ease;"
-   onmouseover="this.style.backgroundColor='#0028CD'; this.style.color='white';"
-   onmouseout="this.style.backgroundColor='transparent'; this.style.color='#0028CD';">
-   AAS Specifications
-</a>
 
-<a class="navbar-item sub" href="https://industrialdigitaltwin.io/idta-submodel-templates"
-   style="display: inline-block; width: auto; padding: 8px 20px; margin: 10px 10px; background-color: transparent; color: #0028CD; border: 2px solid #0028CD; border-radius: 8px; cursor: pointer; font-size: 1em; text-align: center; text-decoration: none; transition: background-color 0.3s ease, color 0.3s ease;"
-   onmouseover="this.style.backgroundColor='#0028CD'; this.style.color='white';"
-   onmouseout="this.style.backgroundColor='transparent'; this.style.color='#0028CD';">
-   Submodel Templates
-</a>
-</a>
+
+
+<div class="navbar-item has-dropdown is-hoverable"
+     style="display: inline-block; width: auto; padding: 8px 20px; margin: 10px 10px; background-color: transparent; color: #0028CD; border: 2px solid #0028CD; border-radius: 8px; cursor: pointer; font-size: 1em; ; text-align: center; text-decoration: none; position: relative; transition: background-color 0.3s ease, color 0.3s ease;"
+     onmouseover="this.style.backgroundColor='#0028CD'; this.style.color='white'; this.querySelector('.navbar-dropdown').style.display='block';"
+     onmouseout="this.style.backgroundColor='transparent'; this.style.color='#0028CD'; this.querySelector('.navbar-dropdown').style.display='none';">
+    
+    <!-- Documents Button -->
+    <div style="cursor: pointer; text-align: center; line-height: 1.5; font-family: Arial, Helvetica, sans-serif;">
+        Documents ▼
+    </div>
+
+
+    <!-- Dropdown Menu -->
+    <div class="navbar-dropdown"
+         style="display: none; position: absolute; top: 100%; right: -50px; margin-top: 4px; background-color: white; border: 2px solid #0028CD; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); width: 150px; text-align: left; z-index: 1000; font-family: Arial, Helvetica, sans-serif;">
+        <a class="navbar-item" href="https://industrialdigitaltwin.io/aas-specifications/index/home/index.html/"
+           style="display: block; padding: 10px 15px; color: #0028CD; text-decoration: none; font-size: 0.9em; font-weight: bold; border-bottom: 1px solid #eee; transition: background-color 0.3s ease;"
+           onmouseover="this.style.backgroundColor='#0028CD'; this.style.color='white';"
+           onmouseout="this.style.backgroundColor='white'; this.style.color='#0028CD';">
+           AAS Specifications
+        </a>
+        <a class="navbar-item" href="https://industrialdigitaltwin.io/idta-submodel-templates/index/home/index.html"
+           style="display: block; padding: 10px 15px; color: #0028CD; text-decoration: none; font-size: 0.9em; font-weight: bold; transition: background-color 0.3s ease;"
+           onmouseover="this.style.backgroundColor='#0028CD'; this.style.color='white';"
+           onmouseout="this.style.backgroundColor='white'; this.style.color='#0028CD';">
+           Submodel Templates
+        </a>
+        <a class="navbar-item" href="https://industrialdigitaltwin.io/aas-guides-antora/index/home/index.html"
+           style="display: block; padding: 10px 15px; color: #0028CD; text-decoration: none; font-size: 0.9em; font-weight: bold; transition: background-color 0.3s ease;"
+           onmouseover="this.style.backgroundColor='#0028CD'; this.style.color='white';"
+           onmouseout="this.style.backgroundColor='white'; this.style.color='#0028CD';">
+           Guides
+        </a>
+    </div>
+</div>
 
 <a class="navbar-item" href="https://industrialdigitaltwin.org/en/contact"
    style="display: inline-block; width: auto; padding: 8px 20px; margin: 10px 10px; background-color: transparent; color: #0028CD; border: 2px solid #0028CD; border-radius: 8px; cursor: pointer; font-size: 1em; text-align: center; text-decoration: none; transition: background-color 0.3s ease, color 0.3s ease;"