UI/UX improvements: unified styles for Medkulturno posredovanje, updated Ponudba layout, improved Kontakt and Kdo sem pages, new final-cta section across all pages
Deploy to Development and Production / deploy (push) Successful in 16s

This commit is contained in:
Mark committed 2026-01-27 02:09:33 +01:00
1 parent 0c0e0c1baa
commit aefd9b3b53
31 files changed
+2915 -856

No files matched your search

@@ -51,10 +51,11 @@
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" class="dropbtn" >Medkulturno povezovanje</a>
<div class="dropdown-content">
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" class="dropdown-main-link">Pregled strani</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Načini posredovanja</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Vrste posredovanja</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#sodelujem">S kom sodelujem</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek sodelovanja in cena</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#zakaj">Zakaj izbrati Prosberry</a>
</div>
</div>
@@ -218,19 +219,27 @@
</div>
</div>
</section>
<section class="final-cta">
<div class="final-cta-content" data-aos="fade-up">
<h2>Imaš vprašanje? Pokliči ali piši!</h2>
<div class="final-cta-buttons">
<a href="tel:+38630312855" class="cta-button contact-link">+386 30 312 855</a>
<a href="mailto:info@prosberry.si" class="cta-button contact-link">info@prosberry.si</a>
</div>
<p>Skupaj ustvariva prostor za učenje in povezovanje.</p>
</div>
</section>
</main>
<section class="final-cta">
<div class="final-cta-content" data-aos="fade-up">
<h2>Imate vprašanje ali razmišljate o sodelovanju?</h2>
<p style="font-size: 1.1rem; margin-bottom: 2rem; color: #444;">Z veseljem se pogovorimo!</p>
<div class="final-cta-buttons">
<a href="tel:+38630312855" class="cta-button contact-link">Pokličite me: +386 30 312 855</a>
</div>
<p style="margin-top: 2rem; font-size: 1.05rem;">Ali pišite preko <a href="/kontakt/" style="color: var(--primary-color); font-weight: 600; text-decoration: underline;">kontaktnega obrazca</a>.</p>
</div>
</section>
<footer>
<div class="footer-content">
<div class="footer-logo">
@@ -51,10 +51,11 @@
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" class="dropbtn" >Medkulturno povezovanje</a>
<div class="dropdown-content">
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" class="dropdown-main-link">Pregled strani</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Načini posredovanja</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Vrste posredovanja</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#sodelujem">S kom sodelujem</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek sodelovanja in cena</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#zakaj">Zakaj izbrati Prosberry</a>
</div>
</div>
@@ -230,19 +231,27 @@
</div>
</div>
</section>
<section class="final-cta">
<div class="final-cta-content" data-aos="fade-up">
<h2>Imaš vprašanje? Pokliči ali piši!</h2>
<div class="final-cta-buttons">
<a href="tel:+38630312855" class="cta-button contact-link">+386 30 312 855</a>
<a href="mailto:info@prosberry.si" class="cta-button contact-link">info@prosberry.si</a>
</div>
<p>Skupaj ustvariva prostor za učenje in povezovanje.</p>
</div>
</section>
</main>
<section class="final-cta">
<div class="final-cta-content" data-aos="fade-up">
<h2>Imate vprašanje ali razmišljate o sodelovanju?</h2>
<p style="font-size: 1.1rem; margin-bottom: 2rem; color: #444;">Z veseljem se pogovorimo!</p>
<div class="final-cta-buttons">
<a href="tel:+38630312855" class="cta-button contact-link">Pokličite me: +386 30 312 855</a>
</div>
<p style="margin-top: 2rem; font-size: 1.05rem;">Ali pišite preko <a href="/kontakt/" style="color: var(--primary-color); font-weight: 600; text-decoration: underline;">kontaktnega obrazca</a>.</p>
</div>
</section>
<footer>
<div class="footer-content">
<div class="footer-logo">
@@ -51,10 +51,11 @@
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" class="dropbtn" >Medkulturno povezovanje</a>
<div class="dropdown-content">
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" class="dropdown-main-link">Pregled strani</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Načini posredovanja</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Vrste posredovanja</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#sodelujem">S kom sodelujem</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek sodelovanja in cena</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#zakaj">Zakaj izbrati Prosberry</a>
</div>
</div>
@@ -230,19 +231,27 @@
</div>
</div>
</section>
<section class="final-cta">
<div class="final-cta-content" data-aos="fade-up">
<h2>Imaš vprašanje? Pokliči ali piši!</h2>
<div class="final-cta-buttons">
<a href="tel:+38630312855" class="cta-button contact-link">+386 30 312 855</a>
<a href="mailto:info@prosberry.si" class="cta-button contact-link">info@prosberry.si</a>
</div>
<p>Skupaj ustvariva prostor za učenje in povezovanje.</p>
</div>
</section>
</main>
<section class="final-cta">
<div class="final-cta-content" data-aos="fade-up">
<h2>Imate vprašanje ali razmišljate o sodelovanju?</h2>
<p style="font-size: 1.1rem; margin-bottom: 2rem; color: #444;">Z veseljem se pogovorimo!</p>
<div class="final-cta-buttons">
<a href="tel:+38630312855" class="cta-button contact-link">Pokličite me: +386 30 312 855</a>
</div>
<p style="margin-top: 2rem; font-size: 1.05rem;">Ali pišite preko <a href="/kontakt/" style="color: var(--primary-color); font-weight: 600; text-decoration: underline;">kontaktnega obrazca</a>.</p>
</div>
</section>
<footer>
<div class="footer-content">
<div class="footer-logo">
@@ -50,10 +50,11 @@
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" class="dropbtn" >Medkulturno povezovanje</a>
<div class="dropdown-content">
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" class="dropdown-main-link">Pregled strani</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Načini posredovanja</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Vrste posredovanja</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#sodelujem">S kom sodelujem</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek sodelovanja in cena</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#zakaj">Zakaj izbrati Prosberry</a>
</div>
</div>
@@ -228,19 +229,27 @@
</div>
</div>
</section>
<section class="final-cta">
<div class="final-cta-content" data-aos="fade-up">
<h2>Imaš vprašanje? Pokliči ali piši!</h2>
<div class="final-cta-buttons">
<a href="tel:+38630312855" class="cta-button contact-link">+386 30 312 855</a>
<a href="mailto:info@prosberry.si" class="cta-button contact-link">info@prosberry.si</a>
</div>
<p>Skupaj ustvariva prostor za učenje in povezovanje.</p>
</div>
</section>
</main>
<section class="final-cta">
<div class="final-cta-content" data-aos="fade-up">
<h2>Imate vprašanje ali razmišljate o sodelovanju?</h2>
<p style="font-size: 1.1rem; margin-bottom: 2rem; color: #444;">Z veseljem se pogovorimo!</p>
<div class="final-cta-buttons">
<a href="tel:+38630312855" class="cta-button contact-link">Pokličite me: +386 30 312 855</a>
</div>
<p style="margin-top: 2rem; font-size: 1.05rem;">Ali pišite preko <a href="/kontakt/" style="color: var(--primary-color); font-weight: 600; text-decoration: underline;">kontaktnega obrazca</a>.</p>
</div>
</section>
<footer>
<div class="footer-content">
<div class="footer-logo">
@@ -51,10 +51,11 @@
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" class="dropbtn" class="active">Medkulturno povezovanje</a>
<div class="dropdown-content">
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" class="dropdown-main-link">Pregled strani</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Načini posredovanja</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Vrste posredovanja</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#sodelujem">S kom sodelujem</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek sodelovanja in cena</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#zakaj">Zakaj izbrati Prosberry</a>
</div>
</div>
@@ -104,152 +105,335 @@
<main>
<section class="mediation-hero">
<div class="mediation-hero-container">
<!-- LEVI STOLPEC: Besedilo -->
<!-- LEVI DEL: Besedilo -->
<div class="mediation-hero-text" data-aos="fade-up">
<span class="mediation-hero-kicker">Medkulturno povezovanje</span>
<span class="mediation-hero-kicker">Medkulturno posredovanje v izobraževalnih ustanovah in širše</span>
<p class="mediation-hero-subheading">⭐ Pomagamo razumeti, ne le prevajati</p>
<h1>Medkulturno posredovanje</h1>
<p>Medkulturno posredovanje zajema razumevanje drugačnega značaja enake informacije pri ljudeh različnih narodnosti, ter njeno prilagajanje in razlago povedanega v kontekstu, da bo informacija strankam jasna.</p>
<p>Ponujam medkulturno posredovanje v kombinacijah naslednjih jezikov: slovenščina, albanščina, srbščina in angleščina.</p>
<p>V praksi poznamo več poti medkulturnega posredovanja.</p>
<p>Komunikacija med različnimi jeziki in kulturami je pogosto <strong>vir nesporazumov in napetosti</strong> – še posebej v vrtcih in šolah:</p>
<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>
</ul>
<p>Kot <strong>profesorica angleščine</strong> z izkušnjami dela v vzgojno-izobraževalnem sistemu nudim medkulturno posredovanje na področju vzgoje in izobraževanja, ki <strong>temelji na razumevanju jezika, sistema in kulturnih razlik</strong>. Medkulturno posredovanje je uporabno tudi v drugih institucionalnih okoljih, kot so javne ustanove (npr. občine, upravne enote, centri za socialno delo), nevladne organizacije in mednarodni projekti.</p>
<p>Ne gre le za prevod – gre za <strong>razlago pomenov, pravil in pričakovanj</strong>, ki omogoča jasen in spoštljiv dialog.</p>
<a href="/kontakt/" class="cta-button" style="display: inline-block; width: auto; padding: 0.75rem 1.25rem;">Brezplačni posvet</a>
</div>
<!-- DESNI STOLPEC: Sodelujem -->
<div class="mediation-hero-card mediation-sodelujem-card" data-aos="fade-left" data-aos-delay="120">
<h3>Sodelujem:</h3>
<ul>
<li>z javnimi in zasebnimi institucijami, ki potrebujejo medkulturni most za boljše razumevanje svojih uporabnikov</li>
<li>s šolami, ki uvajajo učence priseljence – z učitelji in starši</li>
<li>s priseljenci, ki se znajdejo sredi izzivov zaradi nerazumevanja slovenskega jezika ter posledično načina delovanja v družbi</li>
<li>z društvi in organizacijami, ki delujejo na področju vključevanja priseljencev in podpirajo usvajanje slovenščine</li>
<!-- DESNI DEL: Okvir s kazalom -->
<div class="mediation-hero-card" data-aos="fade-left">
<h3 style="text-align: center;">Hiter pregled vsebine</h3>
<ul style="list-style: none; padding: 0; display: grid; gap: 1rem; margin-top: 1.5rem;">
<li><a href="#individualno" style="text-decoration: none; color: inherit; font-weight: 600;">→ Načini posredovanja</a></li>
<li><a href="#oblike" style="text-decoration: none; color: inherit; font-weight: 600;">→ Vrste po namenu</a></li>
<li><a href="#sodelujem" style="text-decoration: none; color: inherit; font-weight: 600;">→ S kom sodelujem</a></li>
<li><a href="#potek" style="text-decoration: none; color: inherit; font-weight: 600;">→ Potek in cena</a></li>
<li><a href="#zakaj" style="text-decoration: none; color: inherit; font-weight: 600;">→ Zakaj Prosberry?</a></li>
</ul>
</div>
</div>
<!-- Spodnja vrstica: Poti in Cene -->
<div class="mediation-bottom-cards">
<div class="mediation-hero-card" data-aos="fade-up" data-aos-delay="150">
<h3>Poti medkulturnega posredovanja</h3>
<ul>
<li><a href="#individualno">Individualno posredovanje</a></li>
<li><a href="#skupinsko">Skupinsko posredovanje</a></li>
<li><a href="#potek">Potek sodelovanja</a></li>
<li><a href="#oblike">Oblike glede na namen</a></li>
</ul>
</div>
<div class="mediation-hero-card mediation-pricing-card" data-aos="fade-up" data-aos-delay="200">
<h3>Cene za medkulturno posredovanje</h3>
<div class="pricing-content">
<div class="pricing-row">
<span class="pricing-amount">30 €</span> <span>– 30 min</span>
</div>
<div class="pricing-row">
<span class="pricing-amount">50 €</span> <span>– 60 min</span>
</div>
</div>
</div>
</div>
<!-- Dekorativni elementi ostanejo -->
<div class="mediation-hero-shape shape-a"></div>
<div class="mediation-hero-shape shape-b"></div>
<div class="mediation-hero-shape shape-c"></div>
</section>
<section id="individualno" class="mediation-detail">
<div class="mediation-detail-container">
<div class="mediation-detail-image" data-aos="fade-up">
<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">
</picture>
<section class="content-section" style="background: #fff; padding: 60px 2rem;">
<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>
<div id="individualno" class="mediation-detail-container" style="margin-bottom: 4rem;">
<!-- BESEDILO NA LEVI -->
<div class="mediation-detail-text" data-aos="fade-right">
<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: 1rem;">📍 <em>Primer: starši ne razumejo vzgojnih ali šolskih pričakovanj.</em></p>
</div>
<!-- SLIKA NA DESNI -->
<div class="mediation-detail-image" data-aos="fade-left">
<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">
</picture>
</div>
</div>
<div class="mediation-detail-text" data-aos="fade-up" data-aos-delay="120">
<h2>Individualno</h2>
<p>V individualnem medkulturnem posredovanju se rešuje en konkreten primer, kjer je v ospredju razumevanje med posameznikom (ali manjšim številom oseb) in drugo stranjo. Čeprav je lahko vpletenih več oseb, gre še vedno za posamičen primer, kjer medkulturni posredovalec pomaga razumeti razlike, ki vplivajo na odnos ali spor.</p>
<p><strong>Primer:</strong> Šola ima nesporazum s starši učenca, ki prihajajo iz drugega kulturnega okolja – medkulturni posrednik posreduje med obema stranema, da dosežejo razumevanje in rešitev.</p>
<div id="skupinsko" class="mediation-detail-container">
<!-- BESEDILO NA LEVI -->
<div class="mediation-detail-text" data-aos="fade-right">
<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>
</div>
<!-- SLIKA NA DESNI -->
<div class="mediation-detail-image" data-aos="fade-left">
<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">
</picture>
</div>
</div>
</div>
</section>
<section id="skupinsko" class="mediation-detail mediation-detail--reverse">
<div class="mediation-detail-container">
<div class="mediation-detail-text" data-aos="fade-up">
<h2>Skupinsko</h2>
<p>V skupinskem medkulturnem posredovanju pa gre za razumevanje med dvema skupinama, kjer je cilj širše ozaveščanje in gradnja odnosov, ki koristijo večjemu številu ljudi. Vključuje dve ali več skupin, pri čemer je poudarek na razumevanju kulturnih razlik med skupinami in izboljšanju skupinske dinamike. Vsaka skupina je sestavljena iz več posameznikov, ki bodo imeli koristi od večjega medkulturnega razumevanja.</p>
<p><strong>Primer:</strong> V šoli se pojavljajo nesporazumi med učitelji in starši priseljencev. Organizirajo skupno medkulturno posredovanje, kjer medkulturni posredovalec vodi pogovor, predstavi pričakovanja in izzive ter pomaga izboljšati razumevanje, komunikacijo in sodelovanje v korist otrok.</p>
<section id="oblike" class="content-section">
<div class="container">
<h2 style="text-align: center; margin-bottom: 3rem;" data-aos="fade-up">Vrste posredovanja glede na namen</h2>
<div class="purposes-container">
<!-- KARTICA 1 -->
<article class="purpose-card" data-aos="fade-up">
<h3>Pojasnitev dokumentov, odločb in postopkov</h3>
<p>Če so uradni dokumenti nejasni zaradi jezika ali kulturnih razlik, posrednik:</p>
<ul class="purpose-list">
<li><span class="check-icon">✔</span> razloži vsebino,</li>
<li><span class="check-icon">✔</span> predstavi pomen ter pričakovanja institucije,</li>
<li><span class="check-icon">✔</span> posreduje informacije obema stranema.</li>
</ul>
<div class="purpose-example">
<span>👉</span>
<p><strong>Primer:</strong> razlaga vzgojnih načrtov, zdravstvenih odločb, šolskih pravil (npr. ko so pravila v eni državi drugačna kot v drugi).</p>
</div>
<p class="purpose-goal">Cilj: vsi udeleženci razumejo pomen dokumenta, ne le besedilo, kar prispeva k spoštovanju dogovorjenih pravil in rešitev.</p>
</article>
<!-- KARTICA 2 -->
<article class="purpose-card" data-aos="fade-up" data-aos-delay="100">
<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>
</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>
</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>
<!-- KARTICA 3 -->
<article class="purpose-card" data-aos="fade-up" data-aos-delay="200">
<h3>Svetovalno / preventivno medkulturno posredovanje</h3>
<p>Ker je pogosto lažje preprečiti nesporazume, kot jih reševati, posrednik:</p>
<ul class="purpose-list">
<li><span class="check-icon">✔</span> predstavi kulturne razlike,</li>
<li><span class="check-icon">✔</span> pomaga pripraviti strani na sodelovanje,</li>
<li><span class="check-icon">✔</span> omogoči boljše začetne pogoje za dialog.</li>
</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>
</div>
<p class="purpose-goal">Cilj: preprečiti nesporazume, olajšati vključitev otrok in spodbuditi konstruktivno sodelovanje.</p>
</article>
</div>
<div class="mediation-detail-image" data-aos="fade-up" data-aos-delay="120">
<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">
</picture>
</div>
</section>
<section id="sodelujem" class="content-section" style="background: #fdfcfa;">
<div class="container">
<h2 style="text-align: center; margin-bottom: 2rem;">S kom sodelujem</h2>
<p style="text-align: center; max-width: 800px; margin: 0 auto 3rem; font-size: 1.1rem; color: #555;">
Pomagam različnim organizacijam in posameznikom, da lažje razumejo in podpirajo medkulturne razlike:
</p>
<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; max-width: 1000px; margin: 0 auto;">
<div class="prosberry-card" data-aos="fade-up">
<h3>Javne in zasebne institucije</h3>
<p>– za boljše razumevanje svojih uporabnikov.</p>
</div>
<div class="prosberry-card" data-aos="fade-up" data-aos-delay="100">
<h3>Šole in vrtci</h3>
<p>– pri uvajanju učencev in otrok priseljencev, v sodelovanju z učitelji, vzgojitelji in starši.</p>
</div>
<div class="prosberry-card" data-aos="fade-up" data-aos-delay="200">
<h3>Priseljenci</h3>
<p>– ki se srečujejo z izzivi zaradi nerazumevanja slovenskega jezika in družbenih pravil in običajev.</p>
</div>
<div class="prosberry-card" data-aos="fade-up" data-aos-delay="300">
<h3>Društva in organizacije</h3>
<p>– ki delujejo na področju vključevanja priseljencev in spodbujajo učenje slovenščine.</p>
</div>
</div>
</div>
</section>
<section id="potek" class="mediation-process">
<div class="mediation-process-container" data-aos="fade-up">
<h2>Potek</h2>
<h2 style="text-align: center;">Potek in cena</h2>
<div class="mediation-process-content">
<p>Potek medkulturnega posredovanja se prilagodi potrebam posameznega primera. Pred začetkom srečanja se običajno določi oblika medkulturnega posredovanja in opredelijo cilji, na podlagi katerih se usmerja potek pogovora, kar prispeva k učinkovitemu doseganju skupnega razumevanja.</p>
<p>Pri nesporazumih ali konfliktih medkulturni posrednik običajno najprej opravi ločene pogovore z vsako stranjo. V primerih, ko gre za razlago dokumentov ali jezikovne ovire, pa se posredovanje lahko izvede neposredno med skupnim srečanjem. Medkulturni posrednik nevtralno usmerja pogovor, osvetli nejasnosti in pomaga pri medsebojnem razumevanju.</p>
<div class="steps-container">
<div class="step-card" data-aos="fade-up">
<div class="step-number">1</div>
<strong>Uvodni vpogled</strong>
<p>V brezplačnem posvetu stranka (šola, vrtec, organizacija…) pokliče posrednika in poda potrebne informacije, da posrednik razume situacijo.</p>
</div>
<div class="step-card" data-aos="fade-up" data-aos-delay="100">
<div class="step-number">2</div>
<strong>Določitev ciljev</strong>
<p>Skupaj s stranko se dogovorimo, kaj želimo razjasniti in konstruktivno doseči.</p>
</div>
<div class="step-card" data-aos="fade-up" data-aos-delay="200">
<div class="step-number">3</div>
<strong>Opredelitev načina in vrste</strong>
<p>Opredelitev načina in vrste sodelovanja glede na namen.</p>
</div>
<div class="step-card" data-aos="fade-up" data-aos-delay="300">
<div class="step-number">4</div>
<strong>Srečanje</strong>
<p>Pogovor poteka z vsemi udeleženimi in je nevtralno voden. Razjasnjuje nejasnosti, spodbuja medsebojno razumevanje in po potrebi vključuje individualne pogovore z vsako stranjo, da posrednik pridobi dodatni vpogled.</p>
</div>
<div class="step-card" data-aos="fade-up" data-aos-delay="400">
<div class="step-number">5</div>
<strong>Razjasnitev in dogovori</strong>
<p>Jasni dogovori, sprejemljivi za vse udeležence, ostanejo zaupni.</p>
</div>
<div class="step-card" data-aos="fade-up" data-aos-delay="500">
<div class="step-number">6</div>
<strong>Nadaljnji koraki</strong>
<p>Stranka spremlja dogovorjene rešitve in po potrebi ponovno pokliče za brezplačni posvet ali dodatno podporo. To zagotavlja, da se dogovori spoštujejo in implementirajo v praksi.</p>
</div>
</div>
<!-- Cena sekcija pod koraki -->
<div style="margin-top: 4rem; text-align: center;">
<h3 style="margin-bottom: 1.5rem; display: flex; align-items: center; justify-content: center; gap: 0.5rem;">
<span style="font-size: 1.5rem;">💡</span> Cena
</h3>
<p style="margin-bottom: 2rem; color: #555; text-align: center;">Cena vključuje neposreden pogovor z vpletenimi udeleženci (srečanje).</p>
<div style="display: flex; justify-content: center; gap: 3rem; flex-wrap: wrap;">
<div class="pricing-content">
<div class="pricing-row">
<span class="pricing-amount">30 €</span> <span>– 30 minut</span>
</div>
</div>
<div class="pricing-content">
<div class="pricing-row">
<span class="pricing-amount">50 €</span> <span>– 60 minut</span>
</div>
</div>
</div>
<p style="font-size: 0.95rem; margin-top: 2rem; color: #666; font-style: italic; text-align: center;">
Uvodni posvet in kratki nadaljnji posveti so <strong>brezplačni</strong>.<br>
Ponovna vključitev posrednika oziroma dodatna podpora se obračuna kot novo srečanje.
</p>
</div>
<div style="text-align: center; margin-top: 3rem;">
<a href="tel:+38630312855" class="cta-button">Brezplačni posvet</a>
</div>
</div>
</div>
</section>
<section id="oblike" class="mediation-accordion">
<div class="mediation-accordion-container">
<div class="mediation-accordion-header" data-aos="fade-up">
<h2>Oblike glede na namen</h2>
<p>Vsaka oblika odgovarja na drugačno potrebo pri medkulturnem vključevanju.</p>
</div>
<div class="mediation-accordion-grid">
<article class="mediation-accordion-item" data-aos="fade-up">
<div class="mediation-accordion-title">
<h3>Pomoč pri razlagi načrtov in dokumentov</h3>
<button class="accordion-toggle" type="button">Več</button>
</div>
<div class="accordion-content">
<p>V to kategorijo vključimo vse primere, kjer medkulturni posrednik pojasnjuje vsebinske pomene dokumentov ali načrtov posameznikom ter hkrati posreduje informacije obema stranema:</p>
<ul>
<li>individualni vzgojni načrti, šolska pravila, zdravniške odločbe;</li>
<li>kulturno posredovanje in razlaga zahtev, pričakovanj institucij;</li>
<li>podpora pri razumevanju postopkov in pravic.</li>
</ul>
</div>
</article>
<section id="zakaj" class="content-section" style="background: #fff;">
<div class="container">
<h2 style="text-align: center; margin-bottom: 3rem;">Zakaj izbrati Prosberry za medkulturno posredovanje?</h2>
<div style="max-width: 900px; margin: 0 auto;">
<div style="margin-bottom: 3rem;">
<h3 style="font-size: 1.3rem; margin-bottom: 1.5rem; display: flex; align-items: center; gap: 0.5rem;">
<span>⭐</span> Ker razumemo izobraževalni sistem – in ljudi v njem.
</h3>
<p style="margin-bottom: 1rem;">Medkulturno posredovanje je učinkovito le, če posrednik razume obe strani – jezik in kulturo priseljencev ter delovanje institucij.</p>
<p style="margin-bottom: 1rem;">Kot profesorica angleščine in poznavalka vzgojno-izobraževalnega sistema:</p>
<ul style="list-style: none; padding-left: 0; margin-bottom: 2rem;">
<li style="margin-bottom: 0.5rem; padding-left: 1.5rem; position: relative;">
<span style="position: absolute; left: 0; color: var(--primary-color);">•</span>
razumem, kako delujejo vrtci in šole,
</li>
<li style="margin-bottom: 0.5rem; padding-left: 1.5rem; position: relative;">
<span style="position: absolute; left: 0; color: var(--primary-color);">•</span>
poznam strokovni jezik, postopke in odgovornosti institucij,
</li>
<li style="margin-bottom: 0.5rem; padding-left: 1.5rem; position: relative;">
<span style="position: absolute; left: 0; color: var(--primary-color);">•</span>
hkrati pa razumem izzive staršev in otrok, ki se soočajo z jezikovnimi in kulturnimi ovirami.
</li>
</ul>
</div>
<article class="mediation-accordion-item" data-aos="fade-up" data-aos-delay="100">
<div class="mediation-accordion-title">
<h3>Reševanje nesporazumov ali napetosti</h3>
<button class="accordion-toggle" type="button">Več</button>
</div>
<div class="accordion-content">
<p>Ta del vključuje vse primere, kjer pride do napetosti, konfliktov ali nesoglasij med posamezniki in institucijo ali strokovnjakom:</p>
<ul>
<li>razreševanje konfliktov zaradi različnih pričakovanj in kulturnih vrednot;</li>
<li>posredovanje med staršem in vzgojiteljico, zdravnikom, svetovalnim delavcem ipd.;</li>
<li>omogočanje varnega prostora za izražanje skrbi in iskanje razumevanja.</li>
</ul>
</div>
</article>
<div style="margin-bottom: 3rem;">
<h3 style="font-size: 1.2rem; margin-bottom: 1.5rem;">Kaj to pomeni za vas?</h3>
<ul class="benefits-list">
<li><span class="benefit-check">✔</span> manj nesporazumov in jasnejši dialogi</li>
<li><span class="benefit-check">✔</span> boljše sodelovanje med starši in strokovnimi delavci</li>
<li><span class="benefit-check">✔</span> jasnejša komunikacija brez izgubljanja časa</li>
<li><span class="benefit-check">✔</span> več zaupanja in občutek, da so vsi slišani</li>
<li><span class="benefit-check">✔</span> podpora pri postopkih, ki so ključni za vključevanje in napredek</li>
</ul>
</div>
<article class="mediation-accordion-item" data-aos="fade-up" data-aos-delay="200">
<div class="mediation-accordion-title">
<h3>Svetovalno medkulturno posredovanje za lažje vključevanje</h3>
<button class="accordion-toggle" type="button">Več</button>
</div>
<div class="accordion-content">
<p>V to kategorijo spadajo primeri, kjer medkulturni posrednik deluje predvsem preventivno, brez prisotnosti spora:</p>
<ul>
<li>gradnja razumevanja in sodelovanja med posamezniki in institucijo;</li>
<li>predstavitev pričakovanj, vrednot in kulturnih razlik pred začetkom sodelovanja;</li>
<li>podpora pri preprečevanju nesporazumov.</li>
</ul>
</div>
</article>
<div style="background: rgba(251, 99, 57, 0.05); padding: 2rem; border-radius: 16px; margin-bottom: 3rem;">
<p style="font-size: 1.1rem; margin-bottom: 0; display: flex; gap: 0.8rem; align-items: flex-start;">
<span style="font-size: 1.3rem;">👉</span>
<span>Ne ponujamo le prevoda, temveč razumevanje in dialog, prilagojen izobraževalnemu okolju – in tudi širše, kjer je to potrebno.</span>
</p>
</div>
<div style="background: #f8f9fa; padding: 2rem; border-radius: 16px; border-left: 4px solid var(--primary-color); margin-bottom: 2rem;">
<p style="font-weight: 600; margin-bottom: 1rem;">Pokličite za brezplačni posvet, kjer:</p>
<ul style="list-style: none; padding-left: 0;">
<li style="margin-bottom: 0.5rem; padding-left: 1.5rem; position: relative;">
<span style="position: absolute; left: 0; color: var(--primary-color);">•</span>
raziščemo vašo situacijo,
</li>
<li style="margin-bottom: 0.5rem; padding-left: 1.5rem; position: relative;">
<span style="position: absolute; left: 0; color: var(--primary-color);">•</span>
predlagamo najboljši način posredovanja,
</li>
<li style="margin-bottom: 0.5rem; padding-left: 1.5rem; position: relative;">
<span style="position: absolute; left: 0; color: var(--primary-color);">•</span>
skupaj pripravimo učinkovit načrt.
</li>
</ul>
</div>
<div style="text-align: center;">
<a href="tel:+38630312855" class="cta-button">Brezplačni posvet</a>
</div>
</div>
</div>
</section>
<section class="references-section" data-aos="fade-up">
<section class="content-section" style="background: var(--light-bg); border-top: 1px solid rgba(0,0,0,0.05);">
<div class="container" style="max-width: 900px; margin: 0 auto; text-align: center;">
<h2 style="margin-bottom: 2rem; display: flex; align-items: center; justify-content: center; gap: 0.5rem;">
<span>❓</span> Pogosta vprašanja
</h2>
<p style="margin-bottom: 1.5rem; font-size: 1.05rem;">Za več informacij o poteku, zaupnosti in načinu sodelovanja:</p>
<div style="margin-bottom: 3rem;">
<a href="/pogosta-vprasanja/" style="display: inline-flex; align-items: center; gap: 0.5rem; color: var(--primary-color); font-weight: 600; text-decoration: none; font-size: 1.1rem;">
<span>🔗</span> Oglejte si pogosta vprašanja
</a>
</div>
<div style="background: #fff; padding: 2rem; border-radius: 16px; margin-bottom: 3rem; box-shadow: 0 4px 15px rgba(0,0,0,0.05);">
<p style="font-size: 1.05rem; line-height: 1.7; margin-bottom: 0;">
Medkulturno posredovanje = manj nesporazumov, več razumevanja in učinkovitejše sodelovanje. Za otroke, starše, učitelje in institucije – brez stresa, z jasnimi rešitvami.
</p>
</div>
<div>
<h3 style="margin-bottom: 1.5rem;">Priporočamo branje:</h3>
<div class="reading-grid">
<a href="/blog/clanki/2025-12-21-od-ucilnice-do-skupnosti.html" class="blog-link-card">
<strong>Skrivnost uspešnega vključevanja</strong>
<span style="display: block; margin-top: 1rem; color: var(--primary-color); font-weight: 600;">Preberi članek →</span>
</a>
<a href="/blog/clanki/2025-11-17-medkulturnost-prostor-za-rast.html" class="blog-link-card">
<strong>Medkulturnost: prostor za rast</strong>
<span style="display: block; margin-top: 1rem; color: var(--primary-color); font-weight: 600;">Preberi članek →</span>
</a>
</div>
</div>
</div>
</section>
<section class="references-section" data-aos="fade-up">
<div class="references-container">
<div class="split-ref-layout">
<div class="ref-left-wrapper">
@@ -289,19 +473,28 @@
</div>
</div>
</section>
<section class="final-cta">
<div class="final-cta-content" data-aos="fade-up">
<h2>Imaš vprašanje? Pokliči ali piši!</h2>
<div class="final-cta-buttons">
<a href="tel:+38630312855" class="cta-button contact-link">+386 30 312 855</a>
<a href="mailto:info@prosberry.si" class="cta-button contact-link">info@prosberry.si</a>
</div>
<p>Skupaj ustvariva prostor za učenje in povezovanje.</p>
</div>
</section>
</main>
<section class="final-cta">
<div class="final-cta-content" data-aos="fade-up">
<h2>Imate vprašanje ali razmišljate o sodelovanju?</h2>
<p style="font-size: 1.1rem; margin-bottom: 2rem; color: #444;">Z veseljem se pogovorimo!</p>
<div class="final-cta-buttons">
<a href="tel:+38630312855" class="cta-button contact-link">Pokličite me: +386 30 312 855</a>
</div>
<p style="margin-top: 2rem; font-size: 1.05rem;">Ali pišite preko <a href="/kontakt/" style="color: var(--primary-color); font-weight: 600; text-decoration: underline;">kontaktnega obrazca</a>.</p>
</div>
</section>
<footer>
<div class="footer-content">
<div class="footer-logo">