feat(content) add reference to the next opc ua / open62541 training

Author: andreasebner

assets/css/main.css

@@ -9,6 +9,13 @@
 
   body {
     @apply font-sans text-gray-700 antialiased;
+    padding-top: 11rem; /* Mobile: banner + header spacing */
+  }
+  
+  @media (min-width: 768px) {
+    body {
+      padding-top: 9rem; /* Desktop: banner (3rem) + header (6rem) */
+    }
   }
 
   h1, h2, h3, h4, h5, h6 {

layouts/partials/header.html

@@ -9,8 +9,13 @@
 {{ $headerConfig := .Site.Params.header }}
 {{ $dropdownConfig := $headerConfig.menu.dropdown }}
 <div class="mobile-menu-wrapper">
+    <!-- Training Banner -->
+    <div class="fixed w-full top-0 z-50 bg-gradient-to-r from-blue-600 to-blue-700 text-white py-4 px-4 flex items-center justify-center text-sm md:text-base font-medium">
+        3-Days OPC UA and open62541 Developer Training 3.3.26 - 5.3.26 in Karlsruhe <a href="https://www.o6-automation.com/event/3-days-opc-ua-and-open62541-developer-training-1/register" target="_blank" rel="noopener noreferrer" class="underline hover:text-blue-100 font-bold ml-2">Register now</a>
+    </div>
+    
     <input type="checkbox" id="nav-toggle" class="nav-toggle">
-    <header class="fixed w-full top-0 z-50 {{ with $headerConfig.background }}{{ . }}{{ else }}bg-white/80 backdrop-blur-sm{{ end }} {{ with $headerConfig.border }}{{ . }}{{ else }}border-b border-gray-100{{ end }}">
+    <header class="fixed w-full top-24 md:top-12 z-50 {{ with $headerConfig.background }}{{ . }}{{ else }}bg-white/80 backdrop-blur-sm{{ end }} {{ with $headerConfig.border }}{{ . }}{{ else }}border-b border-gray-100{{ end }}">
         <div class="container mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl">
             <nav class="flex items-center justify-between h-20">
                 <!-- Logo and Title -->
@@ -93,7 +98,7 @@
         </div>
 
         <!-- Mobile Menu -->
-        <div class="nav-content md:hidden w-full fixed left-0 right-0 top-20 bg-white border-t border-gray-100 shadow-lg max-h-[calc(100vh-5rem)] overflow-y-auto">
+        <div class="nav-content md:hidden w-full fixed left-0 right-0 top-44 bg-white border-t border-gray-100 shadow-lg max-h-[calc(100vh-11rem)] overflow-y-auto">
             <div class="w-full px-6 py-4">
                 {{ range .Site.Menus.main }}
                     {{ if .Params.has_submenu }}