Preureditev hero sekcije - gumb Rezervirajte termin na desni strani vzporedno z naslovom

css/style.css

@@ -8353,3 +8353,37 @@ html, body {
     overflow-wrap: break-word;
   }
 }
+
+/* Desktop layout for title with button */
+@media (min-width: 769px) {
+  .mediation-main-title {
+    align-items: flex-start !important;
+  }
+  
+  .mediation-main-title .cta-button {
+    margin-top: 0;
+    white-space: nowrap;
+  }
+}
+
+/* Mobile layout - button below title */
+@media (max-width: 768px) {
+  .mediation-main-title {
+    flex-direction: column !important;
+    align-items: stretch !important;
+  }
+  
+  .mediation-main-title > div:first-child {
+    min-width: 100% !important;
+  }
+  
+  .mediation-main-title > div:last-child {
+    width: 100%;
+  }
+  
+  .mediation-main-title .cta-button {
+    width: 100%;
+    text-align: center;
+    margin-top: 1rem;
+  }
+}

skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html

@@ -109,15 +109,13 @@
                 <div class="mediation-hero-text" data-aos="fade-up" style="width: 100%;">
                     <span class="mediation-hero-kicker" style="align-self: center;">REŠUJEMO NESPORAZUME IN KREPIMO VKLJUČEVANJE</span>
                     
-                    <!-- Centriran naslov -->
+                    <!-- Naslov z gumbom na desni -->
-                    <div class="mediation-main-title">
+                    <div class="mediation-main-title" style="display: flex; justify-content: space-between; align-items: center; gap: 2rem; flex-wrap: wrap;">
+                        <div style="flex: 1; min-width: 300px;">
                             <h1>Medkulturno posredovanje</h1>
                             <p class="mediation-hero-lead">Strokovna pomoč za jasno komunikacijo in sodelovanje med institucijami ter posamezniki iz različnih jezikovnih in kulturnih okolij</p>
                         </div>
-                    
+                        <div style="flex-shrink: 0;">
-                    <!-- Levo gumb, Desno slogan -->
-                    <div class="mediation-hero-split">
-                        <div class="mediation-hero-left">
                             <a href="https://calendly.com/amra-kuresepi" target="_blank" class="cta-button">Rezervirajte termin</a>
                         </div>
                     </div>