Optimizacija medkulturno-posredovanje strani za mobilne naprave in popravki besedila

css/style.css

@@ -7785,6 +7785,12 @@ html, body {
   margin-bottom: 2rem;
 }
 
+.mediation-main-title .mediation-hero-lead {
+  margin: 1rem auto 0;
+  text-align: center;
+  max-width: 70ch; /* Povečana širina za boljšo poravnavo */
+}
+
 .mediation-hero-split {
   display: flex;
   justify-content: space-between;
@@ -7986,3 +7992,353 @@ html, body {
     padding-bottom: 0 !important;
   }
 }
+
+/* ========================================
+   MOBILE OPTIMIZATIONS FOR MEDIATION PAGE
+   ======================================== */
+
+/* Mobile optimization for grid layout with 2 columns */
+@media (max-width: 768px) {
+  /* Make the 2-column grid single column on mobile */
+  .content-section div[style*="grid-template-columns: repeat(2, 1fr)"] {
+    grid-template-columns: 1fr !important;
+  }
+  
+  /* Optimize spacing for mobile */
+  .content-section {
+    padding: 40px 1rem !important;
+  }
+  
+  /* Purpose cards mobile optimization */
+  .purposes-container {
+    gap: 1.5rem;
+  }
+  
+  .purpose-card {
+    padding: 1.5rem;
+  }
+  
+  .purpose-card h3 {
+    font-size: 1.2rem;
+  }
+  
+  .purpose-card p,
+  .purpose-card li {
+    font-size: 0.95rem;
+    line-height: 1.7;
+  }
+  
+  .purpose-example p {
+    font-size: 0.93rem;
+  }
+  
+  .purpose-goal {
+    font-size: 0.93rem;
+  }
+  
+  /* Prosberry cards mobile */
+  .prosberry-card {
+    padding: 1.5rem;
+  }
+  
+  .prosberry-card h3 {
+    font-size: 1.1rem;
+  }
+  
+  .prosberry-card p {
+    font-size: 0.95rem;
+  }
+  
+  /* Process steps mobile */
+  .steps-container {
+    gap: 1.2rem;
+  }
+  
+  .step-card {
+    padding: 1.3rem;
+  }
+  
+  .step-number {
+    width: 35px;
+    height: 35px;
+    font-size: 1.1rem;
+  }
+  
+  .step-card strong {
+    font-size: 1rem;
+  }
+  
+  .step-card p {
+    font-size: 0.93rem;
+  }
+  
+  /* Pricing mobile */
+  .pricing-content {
+    flex-direction: column;
+    gap: 1rem;
+  }
+  
+  .pricing-row {
+    font-size: 0.95rem;
+  }
+  
+  .pricing-amount {
+    font-size: 1.5rem;
+  }
+  
+  /* Benefits list mobile */
+  .benefits-list {
+    gap: 0.8rem;
+  }
+  
+  .benefits-list li {
+    font-size: 0.95rem;
+  }
+  
+  /* Hero section mobile text */
+  .mediation-hero-text h3 {
+    font-size: 1.2rem;
+  }
+  
+  .mediation-hero-text ul.hero-bullets li {
+    font-size: 0.95rem;
+    line-height: 1.7;
+  }
+  
+  .mediation-hero-text p {
+    font-size: 0.95rem;
+    line-height: 1.7;
+  }
+  
+  /* Main title mobile */
+  .mediation-main-title h1 {
+    font-size: 2rem;
+  }
+  
+  .mediation-main-title .mediation-hero-lead {
+    font-size: 1rem;
+  }
+  
+  /* Button row mobile */
+  .button-row {
+    flex-direction: column;
+    gap: 1rem;
+  }
+  
+  .button-row .cta-button {
+    width: 100%;
+  }
+  
+  /* References section mobile */
+  .split-ref-layout {
+    grid-template-columns: 1fr !important;
+  }
+  
+  .reference-card {
+    padding: 1.5rem;
+  }
+  
+  .reference-card p {
+    font-size: 0.95rem;
+  }
+  
+  .reference-author {
+    font-size: 0.93rem;
+  }
+  
+  /* Final CTA mobile */
+  .final-cta-content h2 {
+    font-size: 1.5rem;
+  }
+  
+  .final-cta-content p {
+    font-size: 0.95rem;
+  }
+  
+  .final-cta-buttons {
+    flex-direction: column;
+    width: 100%;
+  }
+  
+  .final-cta-buttons .cta-button {
+    width: 100%;
+  }
+  
+  /* Reading grid mobile */
+  .reading-grid {
+    grid-template-columns: 1fr !important;
+  }
+  
+  .blog-link-card {
+    padding: 1.5rem;
+  }
+}
+
+/* Extra small mobile devices */
+@media (max-width: 520px) {
+  .mediation-hero {
+    padding: 100px 1rem 60px !important;
+  }
+  
+  .mediation-main-title h1 {
+    font-size: 1.75rem;
+    line-height: 1.3;
+  }
+  
+  .mediation-main-title .mediation-hero-lead {
+    font-size: 0.93rem;
+    line-height: 1.6;
+  }
+  
+  .mediation-hero-kicker {
+    font-size: 0.65rem;
+    padding: 0.3rem 0.8rem;
+  }
+  
+  .mediation-hero-text h3 {
+    font-size: 1.1rem;
+    margin-top: 1.5rem !important;
+    margin-bottom: 0.8rem !important;
+  }
+  
+  .mediation-hero-text p {
+    font-size: 0.9rem;
+    line-height: 1.65;
+  }
+  
+  .mediation-hero-text ul.hero-bullets li {
+    font-size: 0.9rem;
+    line-height: 1.65;
+  }
+  
+  .mediation-hero-card {
+    padding: 1.3rem 1.2rem;
+  }
+  
+  .mediation-hero-card h3 {
+    font-size: 1rem;
+  }
+  
+  .mediation-hero-card ul li a {
+    font-size: 0.9rem;
+  }
+  
+  .content-section {
+    padding: 35px 1rem !important;
+  }
+  
+  .content-section h2 {
+    font-size: 1.5rem;
+    margin-bottom: 2rem !important;
+  }
+  
+  .purpose-card {
+    padding: 1.3rem;
+  }
+  
+  .purpose-card h3 {
+    font-size: 1.1rem;
+  }
+  
+  .purpose-card p,
+  .purpose-card li {
+    font-size: 0.9rem;
+  }
+  
+  .prosberry-card {
+    padding: 1.3rem;
+  }
+  
+  .prosberry-card h3 {
+    font-size: 1rem;
+  }
+  
+  .prosberry-card p {
+    font-size: 0.9rem;
+  }
+  
+  .step-card {
+    padding: 1.2rem;
+  }
+  
+  .step-card strong {
+    font-size: 0.95rem;
+  }
+  
+  .step-card p {
+    font-size: 0.88rem;
+  }
+  
+  .pricing-amount {
+    font-size: 1.3rem;
+  }
+  
+  .benefits-list li {
+    font-size: 0.9rem;
+  }
+  
+  .reference-card {
+    padding: 1.3rem;
+  }
+  
+  .reference-card p {
+    font-size: 0.9rem;
+  }
+  
+  .final-cta-content h2 {
+    font-size: 1.3rem;
+  }
+  
+  .final-cta-content p {
+    font-size: 0.9rem;
+  }
+}
+
+/* Landscape mobile optimization */
+@media (max-width: 768px) and (orientation: landscape) {
+  .mediation-hero {
+    padding: 80px 1.5rem 50px !important;
+    min-height: auto;
+  }
+  
+  .mediation-hero-container {
+    gap: 1.5rem;
+  }
+  
+  .content-section {
+    padding: 40px 1.5rem !important;
+  }
+}
+
+/* Touch-friendly improvements */
+@media (hover: none) and (pointer: coarse) {
+  /* Increase tap targets for mobile */
+  .cta-button {
+    min-height: 48px;
+    padding: 1rem 1.5rem;
+  }
+  
+  .mediation-hero-card li a {
+    padding: 0.5rem 0;
+    min-height: 44px;
+    display: flex;
+    align-items: center;
+  }
+  
+  .accordion-toggle,
+  .about-accordion-toggle {
+    min-height: 48px;
+  }
+  
+  /* Improve readability on mobile */
+  body {
+    -webkit-text-size-adjust: 100%;
+    text-size-adjust: 100%;
+  }
+  
+  /* Prevent text overflow */
+  p, li, span {
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+  }
+}

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

@@ -112,6 +112,7 @@
                     <!-- Centriran naslov -->
                     <div class="mediation-main-title">
                         <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>
                     
                     <!-- Levo gumb, Desno slogan -->
@@ -119,22 +120,28 @@
                         <div class="mediation-hero-left">
                             <a href="https://calendly.com/amra-kuresepi" target="_blank" class="cta-button">Rezervirajte termin</a>
                         </div>
-                        <div class="mediation-hero-right">
-                            <p class="mediation-hero-subheading" style="margin:0;">⭐ POMAGAMO RAZUMETI, NE LE PREVAJATI</p>
-                        </div>
                     </div>
                     
                     <!-- Preostalo besedilo (spodaj) -->
                     <div style="margin-top: 2rem;">
-                        <p>Komunikacija med različnimi jeziki in kulturami je pogosto <strong>vir nesporazumov in napetosti</strong> – še posebej v vrtcih in šolah:</p>
+                        <p>Komunikacija z družinami in otroki z drugačnim jezikovnim ali kulturnim ozadjem pogosto povzroča <strong>nesporazume</strong>, še posebej <strong>v vrtcih in šolah</strong>. Ko otrok ne razume jezika, težko sodeluje, motivacija upade, napredek se upočasni, starši pa težko vzpostavijo ustrezne dnevne ali učne rutine.</p>
+                        
+                        <h3 style="color: var(--primary-color); margin-top: 2rem; margin-bottom: 1rem;">Pogoste težave</h3>
                         <ul class="hero-bullets">
-                            <li>dokumenti so nejasni,</li>
-                            <li>pravila in postopki neznani,</li>
-                            <li>starši in učitelji različno razumejo situacije.</li>
+                            <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>
                         </ul>
-                        <p>Kot <strong>profesorica angleščine</strong> z dolgoletnimi izkušnjami dela v slovenskem vzgojno-izobraževalnem sistemu nudim medkulturno posredovanje na področju vzgoje in izobraževanja med slovenščino in albanščino, ki <strong>temelji na razumevanju jezika, sistema in kulturnih razlik</strong>.</p>
-                        <p>Ne gre le za prevod, temveč za <strong>razlago pomenov, pravil in pričakovanj</strong>, ki omogoča jasen in spoštljiv dialog.</p>
-                        <p>Storitve so na voljo tudi za javne ustanove, nevladne organizacije in mednarodne projekte.</p>
+                        
+                        <h3 style="color: var(--primary-color); margin-top: 2rem; margin-bottom: 1rem;">Rešitev</h3>
+                        <p>Ponujam medkulturno posredovanje med slovenščino in albanščino – <strong>strokovno prenašanje informacij in pojasnjevanje kulturnih razlik za jasno in učinkovito komunikacijo med posamezniki in institucijami</strong>.</p>
+                        <p style="margin-top: 1rem;"><strong>👉 Ne gre za dobesedni prevod. Gre za strokovno razlago <strong>pravil, postopkov in odgovornosti</strong>.</strong></p>
+                        
+                        <h3 style="color: var(--primary-color); margin-top: 2rem; margin-bottom: 1rem;">Rezultat</h3>
+                        <p>Storitev zagotavlja jasno razumevanje, manj napetosti, <strong>hitrejše dogovore ter učinkovito sodelovanje</strong>.</p>
+                        <p>Na voljo je <strong>vrtcem, šolam, javnim ustanovam, nevladnim organizacijam in mednarodnim projektom</strong>.</p>
+                        <p style="margin-top: 1rem;"><strong>👉 Medkulturno posredovanje je primerno tam, kjer dobesedni prevod ni dovolj, sodni prevod pa ni zahtevan.</strong></p>
                     </div>
                 </div>
 
@@ -166,8 +173,8 @@
                     <div style="display: flex; flex-direction: column;">
                         <div id="individualno" class="mediation-detail-text" data-aos="fade-up" style="margin-bottom: auto; padding-bottom: 1.5rem;">
                             <h2>Individualno</h2>
-                            <p>Primerno za konkretne primere, kjer je v ospredju <strong>en učenec ali ena družina.</strong></p>
-                            <p style="margin-top: 2.5rem;">📍 <em>Primer: starši ne razumejo vzgojnih ali šolskih pričakovanj.</em></p>
+                            <p>Primerno za <strong>posamezne primere</strong>, kjer gre za <strong>enega učenca ali eno družino</strong>.</p>
+                            <p style="margin-top: 2.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;">
                             <picture>
@@ -181,8 +188,8 @@
                     <div style="display: flex; flex-direction: column;">
                         <div id="skupinsko" class="mediation-detail-text" data-aos="fade-up" style="margin-bottom: auto; padding-bottom: 1.5rem;">
                             <h2>Skupinsko</h2>
-                            <p>Primerno za <strong>več udeležencev ali skupine</strong> – učitelji, razredniki, več družin.</p>
-                            <p style="margin-top: 1rem;">📍 <em>Primer: skupni sestanek s svetovalno službo, razrednikom in starši priseljencev.</em></p>
+                            <p>Primerno za <strong>več udeležencev ali skupine</strong> – <strong>učitelje, razrednike, več družin</strong>.</p>
+                            <p style="margin-top: 1rem;">📍 <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;">
                             <picture>
@@ -220,12 +227,12 @@
                         <h3>Reševanje nesporazumov in napetosti</h3>
                         <p>Če komunikacija zastane ali se zaplete zaradi daljšega nenatančnega razumevanja ali kopičenja manjših nesporazumov, posrednik:</p>
                         <ul class="purpose-list">
-                            <li><span class="check-icon">✔</span> pomaga premostiti razlike v pričakovanjih in interpretacijah,</li>
-                            <li><span class="check-icon">✔</span> spodbuja iskanje skupnega razumevanja, preden izbruhne večji problem.</li>
+                            <li><span class="check-icon">✔</span> razjasni nesporazume – pomaga staršem in šoli uskladiti različna pričakovanja in razumevanje navodil,</li>
+                            <li><span class="check-icon">✔</span> spodbuja skupno razumevanje – omogoča, da se težave rešijo pravočasno, preden nastanejo večji konflikti.</li>
                         </ul>
                         <div class="purpose-example">
                             <span>👉</span>
-                            <p><strong>Primer:</strong> nesporazum med starši, razredničarko in svetovalno službo – izziv v sporazumevanju, ki ga posrednik pomaga razjasniti.</p>
+                            <p><strong>Primer:</strong> starši ne razumejo šolskih navodil ali pričakovanj. Razredničarka ali svetovalna služba skuša pojasniti, a spremembe niso dosežene. Posrednik razjasni situacijo in omogoči prostor za skupno razumevanje.</p>
                         </div>
                         <p class="purpose-goal">Cilj: ustvariti varen prostor za dialog in iskanje skupnih rešitev ter zagotoviti, da se dogovori spoštujejo in izvajajo v praksi.</p>
                     </article>
@@ -241,7 +248,7 @@
                         </ul>
                         <div class="purpose-example">
                             <span>👉</span>
-                            <p><strong>Primer:</strong> skupni sestanek staršev več priseljencev v razredu, razrednika in svetovalne službe – enotna razlaga pravil in spodbuda k sodelovanju s šolo.</p>
+                            <p><strong>Primer:</strong> posrednik vodi uvodni sestanek, da razloži vrtčevske ali šolske postopke in pravila staršem, ki prihajajo iz različnih kulturnih okolij, s poudarkom na enotnem razumevanju in podpori otrokom.</p>
                         </div>
                         <p class="purpose-goal">Cilj: preprečiti nesporazume, olajšati vključitev otrok in spodbuditi konstruktivno sodelovanje.</p>
                     </article>
@@ -354,10 +361,20 @@
                 <div style="max-width: 900px; margin: 0 auto;">
                     <div style="margin-bottom: 3rem;">
                         <h3 style="font-size: 1.3rem; margin-bottom: 1.5rem;">
-                            <span style="margin-right: 0.5rem;">⭐</span>Ker združujemo poznavanje vzgojno-izobraževalnega sistema z razumevanjem jezikovnih in kulturnih razlik.
+                            <span style="margin-right: 0.5rem;">⭐</span>Ker združujem poznavanje vzgojno-izobraževalnega sistema z razumevanjem jezikovnega in kulturnega ozadja posameznikov.
                         </h3>
-                        <p style="margin-bottom: 1rem;">Kot profesorica angleščine z izkušnjami v slovenskem šolskem prostoru razumem delovanje vrtcev in šol, strokovni jezik institucij ter izzive staršev in otrok, ki se soočajo z vključevanjem v novo okolje.</p>
-                        <p style="margin-bottom: 2rem;">To omogoča strokovno, nevtralno in učinkovito posredovanje, usmerjeno v jasne dogovore in dolgoročno sodelovanje.</p>
+                        <p style="margin-bottom: 1rem;">Medkulturno posredovanje je <strong>profesionalna storitev z jasnim ciljem</strong>, ki zagotavlja:</p>
+                        <ul style="list-style: disc; padding-left: 2rem; margin-bottom: 1.5rem;">
+                            <li>strokovno in nevtralno podporo,</li>
+                            <li>usmerjenost v jasne rešitve, in</li>
+                            <li>hitro vključevanje otrok ter učinkovito sodelovanje med starši in institucijo.</li>
+                        </ul>
+                        <p style="margin-bottom: 1rem;">Za uspešno izvajanje storitve pa je ključna tudi strokovna <strong>kompetenca</strong> izvajalca. Kot <strong>profesorica angleščine z dolgoletnimi izkušnjami dela v slovenskem vzgojno-izobraževalnem sistemu</strong>:</p>
+                        <ul style="list-style: disc; padding-left: 2rem; margin-bottom: 2rem;">
+                            <li>poznam delovanje šol in vrtcev,</li>
+                            <li>razumem strokovni jezik in postopke,</li>
+                            <li>poznam izzive vključevanja otrok in staršev v novo okolje.</li>
+                        </ul>
                     </div>
 
                     <div style="margin-bottom: 3rem;">