Popravek besedila: učinkoviti komunikaciji -> vzpostavljanju učinkovite komunikacije

css/style.css

@@ -3936,7 +3936,7 @@ footer {
 
 .mediation-hero {
   position: relative;
-  padding: 130px 2rem 110px;
+  padding: 130px 2rem 60px;
   background: #fdfcfa;
   overflow: hidden
 }
@@ -4048,6 +4048,35 @@ footer {
   color: var(--primary-color);
 }
 
+/* Poenotenje barve besedila - vsi odstavki temno sivi */
+.mediation-hero-content p,
+.mediation-hero-content ul li,
+.content-section p,
+.content-section ul li,
+.mediation-detail-text p,
+.purpose-card p,
+.purpose-card ul li,
+.purpose-goal,
+.prosberry-card p,
+.mediation-process p,
+.step-card p,
+.pricing-content,
+#zakaj p,
+#zakaj ul li {
+  color: #454b57;
+}
+
+/* Naslovi ostanejo temni */
+.mediation-hero h1,
+.mediation-hero h2,
+.mediation-hero h3,
+.content-section h2,
+.content-section h3,
+.purpose-card h3,
+.prosberry-card h3 {
+  color: #1f2530;
+}
+
 /* Spodnja vrstica z dvema okvirčkoma */
 .mediation-bottom-cards {
   display: grid;
@@ -4180,6 +4209,39 @@ footer {
   line-height: 1.85
 }
 
+/* Načini posredovanja grid */
+.mediation-ways-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 3rem;
+}
+
+.mediation-way-item {
+  display: flex;
+  flex-direction: column;
+}
+
+@media (max-width: 768px) {
+  .mediation-ways-grid {
+    grid-template-columns: 1fr;
+    gap: 3rem;
+  }
+  
+  .mediation-way-item {
+    display: flex;
+    flex-direction: column;
+  }
+  
+  .mediation-way-item .mediation-detail-text {
+    order: 1;
+  }
+  
+  .mediation-way-item .mediation-detail-image {
+    order: 2;
+    margin-top: 2rem;
+  }
+}
+
 .mediation-detail-image {
   position: relative;
   border-radius: 28px;
@@ -7307,9 +7369,13 @@ html, body {
     gap: 2rem;
   }
   
+  .mediation-hero {
+    padding: 120px 1.5rem 70px;
+  }
+  
   .mediation-hero-overview {
     max-width: 100%;
-    order: 2; /* Postavi kazalo pod besedilo na telefonu */
+    order: 2;
   }
 }
 
@@ -7398,28 +7464,6 @@ html, body {
   margin-bottom: 0.5rem;
 }
 
-.hero-bullets {
-  list-style: none;
-  padding-left: 0;
-  margin: 1.5rem 0;
-}
-
-.hero-bullets li {
-  position: relative;
-  padding-left: 1.5rem;
-  margin-bottom: 0.5rem;
-  line-height: 1.5;
-}
-
-.hero-bullets li::before {
-  content: "•";
-  color: var(--primary-color);
-  font-weight: bold;
-  position: absolute;
-  left: 0;
-  font-size: 1.2rem;
-}
-
 /* Unificirane kartice (uporabljajo stil iz celotne strani) */
 .prosberry-card {
   background: #ffffff;
@@ -7495,24 +7539,6 @@ html, body {
 }
 
 @media (max-width: 768px) {
-  .mediation-hero-container {
-    grid-template-columns: 1fr !important;
-    text-align: center;
-  }
-  
-  /* Besedilo v hero sekciji - obojestransko poravnano na mobilnih */
-  .mediation-hero-text p {
-    text-align: justify !important;
-  }
-  
-  .mediation-hero-text .cta-button {
-    margin: 0 auto;
-  }
-  
-  .mediation-hero-card {
-    margin-top: 2rem;
-  }
-  
   /* S kom sodelujem - mobilna optimizacija */
   #sodelujem .container > div {
     grid-template-columns: 1fr !important;
@@ -7523,11 +7549,6 @@ html, body {
     grid-template-columns: 1fr !important;
   }
   
-  /* Besedilo v step karticah - obojestransko poravnano na mobilnih */
-  .step-card p {
-    text-align: justify !important;
-  }
-  
   /* "Zakaj izbrati Prosberry" naslov - leva poravnava na mobilnih */
   #zakaj h2 {
     text-align: left !important;
@@ -8425,40 +8446,102 @@ html, body {
 
 /* Mobile layout - mediation-main-title simplified */
 @media (max-width: 768px) {
+  .mediation-hero {
+    padding: 100px 1.5rem 50px;
+  }
+  
   .mediation-hero-container {
     grid-template-columns: 1fr;
     gap: 2rem;
+    display: flex;
+    flex-direction: column;
   }
   
-  .mediation-main-title {
-    grid-column: 1;
-  }
-  
+  /* 1. Kicker - ostane na vrhu */
   .mediation-hero-kicker {
+    order: 1;
+    justify-self: center;
+    margin-bottom: 0.5rem;
+  }
+  
+  /* 2. Naslov in podnaslov */
+  .mediation-main-title {
+    order: 2;
     grid-column: 1;
-    justify-self: flex-start;
+    margin-bottom: 1.5rem;
   }
   
   .mediation-main-title h1 {
     font-size: 2rem;
+    text-align: center;
   }
   
   .mediation-main-title .mediation-hero-lead {
-    font-size: clamp(0.6rem, 2.5vw, 1.05rem);
-    padding: 0 1rem;
-    white-space: nowrap;
-  }
-  
-  .mediation-hero-content {
-    max-width: 100%;
+    font-size: 0.95rem;
+    padding: 0;
+    white-space: normal;
+    text-align: center;
+    line-height: 1.6;
   }
   
+  /* 3. Gumb Rezervirajte termin */
   .mediation-hero-right {
-    max-width: 100%;
+    order: 3;
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
   }
   
   .cta-button-hero {
-    max-width: 100%;
+    order: 1;
+    width: 100%;
+    text-align: center;
     padding: 1rem;
   }
+  
+  /* 4. Uvodni odstavek in Pogoste težave */
+  .mediation-hero-content {
+    order: 4;
+    max-width: 100%;
+  }
+  
+  .mediation-hero-content p {
+    text-align: left;
+  }
+  
+  .mediation-hero-content h3 {
+    text-align: left;
+    margin-top: 2rem !important;
+  }
+  
+  .mediation-hero-content ul {
+    text-align: left;
+  }
+  
+  /* 7. Hiter pregled vsebine - na koncu */
+  .mediation-hero-card {
+    order: 2;
+    margin-top: 2rem;
+  }
+  
+  .mediation-hero-card h3 {
+    text-align: left;
+  }
+  
+  .mediation-card-links {
+    text-align: left;
+  }
+  
+  /* Rešitev in Rezultat sekcija */
+  .content-section {
+    padding: 40px 1.5rem;
+  }
+  
+  .content-section h3 {
+    text-align: left;
+  }
+  
+  .content-section p {
+    text-align: left;
+  }
 }

skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/index.html

@@ -173,11 +173,10 @@
                         <div class="workshop-benefits" data-aos="fade-left" data-aos-delay="150">
                             <h5>Rezultati delavnice</h5>
                             <ul>
-                                <li>učitelji bolje razumejo, kako vključevati učence z različnimi kulturnimi in jezikovnimi ozadji,</li>
-                                <li>krepi se zaupanje učiteljev v lastno sposobnost motiviranja in podpore,</li>
-                                <li>izboljša se sposobnost kolektivnega reševanja izzivov in podpore »novim« učencem,</li>
-                                <li>učitelji prejmejo konkretna orodja in strategije za takojšnjo uporabo,</li>
-                                <li>poveča se sposobnost ustvarjanja vključujočega in spodbudnega učnega okolja.</li>
+                                <li>učitelji bolje razumejo, kako vključevati učence z različnimi kulturnimi in jezikovnimi ozadji</li>
+                                <li>izboljša se sposobnost kolektivnega reševanja izzivov in podpore »novim« učencem</li>
+                                <li>učitelji prejmejo konkretna orodja in strategije za takojšnjo uporabo</li>
+                                <li>poveča se sposobnost ustvarjanja vključujočega in spodbudnega učnega okolja</li>
                             </ul>
                         </div>
                     </div>

skupaj-za-vkljucevanje/delavnica-sola-in-starsi/index.html

@@ -185,11 +185,11 @@
                             <p>Delavnica za starše krepi sodelovanje s šolo, spodbuja uspeh otrok in ustvarja pozitivno vzdušje v razredu.</p>
                             <h5>Rezultati</h5>
                             <ul>
-                                <li>boljša vključenost staršev v šolsko življenje,</li>
-                                <li>manj nesporazumov in konfliktnih situacij,</li>
-                                <li>izboljšani odnosi med šolo in družinami priseljencev,</li>
-                                <li>otroci prejmejo več podpore doma, kar vpliva na uspeh v šoli,</li>
-                                <li>večje zaupanje in boljša povezanost šole in družine.</li>
+                                <li>boljša vključenost staršev v šolsko življenje</li>
+                                <li>manj nesporazumov in konfliktnih situacij</li>
+                                <li>izboljšani odnosi med šolo in družinami priseljencev</li>
+                                <li>otroci prejmejo več podpore doma, kar vpliva na uspeh v šoli</li>
+                                <li>večje zaupanje in boljša povezanost šole in družine</li>
                             </ul>
                         </div>
                     </div>

skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/index.html

@@ -185,11 +185,11 @@
                             <p>Z vključitvijo delavnice vrtec krepi povezanost in zaupanje med starši in strokovnimi delavci, izboljša razumevanje pričakovanj vrtca ter ustvari podporno okolje, v katerem se otroci hitreje in uspešneje vključijo.</p>
                             <h5>Rezultati</h5>
                             <ul>
-                                <li>starši bolje razumejo pričakovanja in pravila vrtca,</li>
-                                <li>poveča se zaupanje staršev,</li>
-                                <li>družine se aktivno vključujejo in sodelujejo,</li>
-                                <li>komunikacija ter medkulturno razumevanje se izboljšata,</li>
-                                <li>starši se med seboj povezujejo in krepijo občutek pripadnosti vrtcu.</li>
+                                <li>starši bolje razumejo pričakovanja in pravila vrtca</li>
+                                <li>poveča se zaupanje staršev</li>
+                                <li>družine se aktivno vključujejo in sodelujejo</li>
+                                <li>komunikacija ter medkulturno razumevanje se izboljšata</li>
+                                <li>starši se med seboj povezujejo in krepijo občutek pripadnosti vrtcu</li>
                             </ul>
                         </div>
                     </div>

skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/index.html

@@ -183,11 +183,11 @@
                             <p>Šole, ki vključijo delavnico, izboljšajo medkulturno komunikacijo, povečajo šolski uspeh učencev in krepijo pozitivno vzdušje v razredu.</p>
                             <h5>Rezultati</h5>
                             <ul>
-                                <li>večja vključenost in motivacija učencev priseljencev,</li>
-                                <li>izboljšana jezikovna pripravljenost za šolske aktivnosti,</li>
-                                <li>okrepljena socialna integracija in boljše vključevanje v razred,</li>
-                                <li>manj jezikovnih in kulturnih nesporazumov,</li>
-                                <li>večja naklonjenost učencev do šole in skupnosti.</li>
+                                <li>večja vključenost in motivacija učencev priseljencev</li>
+                                <li>izboljšana jezikovna pripravljenost za šolske aktivnosti</li>
+                                <li>okrepljena socialna integracija in boljše vključevanje v razred</li>
+                                <li>manj jezikovnih in kulturnih nesporazumov</li>
+                                <li>večja naklonjenost učencev do šole in skupnosti</li>
                             </ul>
                         </div>
                     </div>

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

@@ -120,11 +120,13 @@
                     
                     <h3 style="color: var(--primary-color); margin-top: 2rem; margin-bottom: 1rem;">Pogoste težave</h3>
                     <ul class="hero-bullets">
-                        <li>Navodilom <strong>ne sledi</strong>, snovi <strong>ne razume</strong>, težko izrazi vprašanja ali stiske.</li>
-                        <li>Razredniki in vzgojitelji imajo <strong>težave pri pojasnjevanju obveznosti staršem</strong>, saj je njihovo razumevanje jezika in sistema oteženo.</li>
-                        <li>Svetovalna služba se sooča z ovirami v komunikaciji z učenci in starši, <strong>zlasti na skupnih sestankih, kadar navodila in postopki niso razumljeni</strong>.</li>
-                        <li>Pogosto ne gre za neodzivnost, temveč za <strong>nerazumevanje jezika in sistema</strong>.</li>
+                        <li>Otroci pogosto <strong>ne sledijo navodilom</strong> in <strong>težje razumejo snov</strong> ali <strong>potek dejavnosti</strong>, predvsem zaradi jezikovnih ovir.</li>
+                        <li>Težje <strong>izražajo vprašanja, potrebe ali stiske</strong>, kar se lahko kaže kot umik, zmedenost ali neustrezno vedenje.</li>
+                        <li>Strokovni delavci (vzgojitelji, učitelji, razredniki) <strong>imajo izzive pri pojasnjevanju pravil, obveznosti in pričakovanj</strong>, saj je razumevanje jezika in sistema pri otrocih in starših omejeno.</li>
+                        <li>Komunikacija s starši je pogosto otežena, zlasti pri sestankih in govorilnih urah, kjer <strong>prihaja do nesporazumov glede navodil, razvoja ali postopkov</strong>.</li>
+                        <li>Svetovalna služba se sooča z dodatnimi izzivi pri vzpostavljanju učinkovite komunikacije in podpore, kadar <strong>prihaja do jezikovnih ali kulturnih razlik</strong>.</li>
                     </ul>
+                    <p style="margin-top: 1.5rem;"><strong>Pomembno:</strong> Pogosto ne gre za neodzivnost ali nesodelovanje, temveč za <strong>nerazumevanje jezika, pravil in delovanja sistema</strong>.</p>
                 </div>
 
                 <!-- DESNI STOLPEC: Gumb in kartica -->
@@ -168,39 +170,35 @@
             <div class="container" style="max-width: 1200px; margin: 0 auto;">
                 <h2 style="text-align: center; margin-bottom: 3rem;" data-aos="fade-up">Načini posredovanja</h2>
                 
-                <!-- Naslovi in opisi v isti vrsti -->
-                <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; margin-bottom: 2rem;">
-                    <!-- Individualno -->
-                    <div id="individualno" class="mediation-detail-text" data-aos="fade-up">
-                        <h2>Individualno</h2>
-                        <p>Primerno za <strong>posamezne primere</strong>, kjer gre za <strong>enega učenca ali eno družino</strong>.</p>
-                        <p style="margin-top: 1.5rem;">📍 <em>Primer: starši ne razumejo vzgojnih ali šolskih pričakovanj, zato posrednik pomaga razjasniti postopke in pravila.</em></p>
+                <div class="mediation-ways-grid">
+                    <!-- Individualno - besedilo in slika skupaj -->
+                    <div class="mediation-way-item">
+                        <div id="individualno" class="mediation-detail-text" data-aos="fade-up">
+                            <h2>Individualno</h2>
+                            <p>Primerno za <strong>posamezne primere</strong>, kjer gre za <strong>enega učenca ali eno družino</strong>.</p>
+                            <p style="margin-top: 1.5rem;">📍 <em>Primer: starši ne razumejo vzgojnih ali šolskih pričakovanj, zato posrednik pomaga razjasniti postopke in pravila.</em></p>
+                        </div>
+                        <div class="mediation-detail-image" data-aos="fade-up" data-aos-delay="100" style="aspect-ratio: 3/2; overflow: hidden; border-radius: 12px; margin-top: 2rem;">
+                            <picture>
+                                <source srcset="/assets/images/individualno.webp" type="image/webp">
+                                <img src="/assets/images/individualno.webp" alt="Individualno medkulturno posredovanje" loading="lazy" decoding="async" width="1248" height="832" style="width: 100%; height: 100%; object-fit: cover;">
+                            </picture>
+                        </div>
                     </div>
 
-                    <!-- Skupinsko -->
-                    <div id="skupinsko" class="mediation-detail-text" data-aos="fade-up">
-                        <h2>Skupinsko</h2>
-                        <p>Primerno za <strong>več udeležencev ali skupine</strong> – <strong>učitelje, razrednike, več družin</strong>.</p>
-                        <p style="margin-top: 1.5rem;">📍 <em>Primer: skupni sestanek s svetovalno službo, razrednikom in starši priseljencev za izboljšanje sodelovanja in razumevanja.</em></p>
-                    </div>
-                </div>
-                
-                <!-- Sliki v isti vrsti -->
-                <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem;">
-                    <!-- Slika Individualno -->
-                    <div class="mediation-detail-image" data-aos="fade-up" data-aos-delay="100" style="aspect-ratio: 3/2; overflow: hidden; border-radius: 12px;">
-                        <picture>
-                            <source srcset="/assets/images/individualno.webp" type="image/webp">
-                            <img src="/assets/images/individualno.webp" alt="Individualno medkulturno posredovanje" loading="lazy" decoding="async" width="1248" height="832" style="width: 100%; height: 100%; object-fit: cover;">
-                        </picture>
-                    </div>
-
-                    <!-- Slika Skupinsko -->
-                    <div class="mediation-detail-image" data-aos="fade-up" data-aos-delay="100" style="aspect-ratio: 3/2; overflow: hidden; border-radius: 12px;">
-                        <picture>
-                            <source srcset="/assets/images/skupinsko.webp" type="image/webp">
-                            <img src="/assets/images/skupinsko.webp" alt="Skupinsko medkulturno posredovanje" loading="lazy" decoding="async" width="1170" height="777" style="width: 100%; height: 100%; object-fit: cover;">
-                        </picture>
+                    <!-- Skupinsko - besedilo in slika skupaj -->
+                    <div class="mediation-way-item">
+                        <div id="skupinsko" class="mediation-detail-text" data-aos="fade-up">
+                            <h2>Skupinsko</h2>
+                            <p>Primerno za <strong>več udeležencev ali skupine</strong> – <strong>učitelje, razrednike, več družin</strong>.</p>
+                            <p style="margin-top: 1.5rem;">📍 <em>Primer: skupni sestanek s svetovalno službo, razrednikom in starši priseljencev za izboljšanje sodelovanja in razumevanja.</em></p>
+                        </div>
+                        <div class="mediation-detail-image" data-aos="fade-up" data-aos-delay="100" style="aspect-ratio: 3/2; overflow: hidden; border-radius: 12px; margin-top: 2rem;">
+                            <picture>
+                                <source srcset="/assets/images/skupinsko.webp" type="image/webp">
+                                <img src="/assets/images/skupinsko.webp" alt="Skupinsko medkulturno posredovanje" loading="lazy" decoding="async" width="1170" height="777" style="width: 100%; height: 100%; object-fit: cover;">
+                            </picture>
+                        </div>
                     </div>
                 </div>
             </div>