Posodobitve: navigacija, hero sekcije, medkulturno posredovanje, stili

blog/clanki-source/2025-11-17-medkulturnost-prostor-za-rast.html

@@ -80,7 +80,7 @@
             
             <a href="/kdo-sem/" >Kdo sem</a>
             <a href="/cene-in-reference/" >Cene in reference</a>
-            <a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
+            <a href="/pogosta-vprasanja/" >Vprašanja</a>
             <a href="/blog/" class="active">Blog</a>
             <a href="/kontakt/" >Kontakt</a>
         </div>

blog/clanki-source/2025-11-17-sample-article.html

@@ -80,7 +80,7 @@
             
             <a href="/kdo-sem/" >Kdo sem</a>
             <a href="/cene-in-reference/" >Cene in reference</a>
-            <a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
+            <a href="/pogosta-vprasanja/" >Vprašanja</a>
             <a href="/blog/" class="active">Blog</a>
             <a href="/kontakt/" >Kontakt</a>
         </div>

blog/clanki-source/2025-11-18-dojemanje-casa-tocnosti-discipline.html

@@ -80,7 +80,7 @@
             
             <a href="/kdo-sem/" >Kdo sem</a>
             <a href="/cene-in-reference/" >Cene in reference</a>
-            <a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
+            <a href="/pogosta-vprasanja/" >Vprašanja</a>
             <a href="/blog/" class="active">Blog</a>
             <a href="/kontakt/" >Kontakt</a>
         </div>

blog/clanki/2025-11-15-prihaja-kmalu.html

@@ -80,7 +80,7 @@
             
             <a href="/kdo-sem/" >Kdo sem</a>
             <a href="/cene-in-reference/" >Cene in reference</a>
-            <a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
+            <a href="/pogosta-vprasanja/" >Vprašanja</a>
             <a href="/blog/" class="active">Blog</a>
             <a href="/kontakt/" >Kontakt</a>
         </div>

blog/clanki/2025-11-16-prihaja-kmalu.html

@@ -80,7 +80,7 @@
             
             <a href="/kdo-sem/" >Kdo sem</a>
             <a href="/cene-in-reference/" >Cene in reference</a>
-            <a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
+            <a href="/pogosta-vprasanja/" >Vprašanja</a>
             <a href="/blog/" class="active">Blog</a>
             <a href="/kontakt/" >Kontakt</a>
         </div>

blog/clanki/2025-11-17-medkulturnost-prostor-za-rast.html

@@ -80,7 +80,7 @@
             
             <a href="/kdo-sem/" >Kdo sem</a>
             <a href="/cene-in-reference/" >Cene in reference</a>
-            <a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
+            <a href="/pogosta-vprasanja/" >Vprašanja</a>
             <a href="/blog/" class="active">Blog</a>
             <a href="/kontakt/" >Kontakt</a>
         </div>

blog/clanki/2025-11-18-dojemanje-casa-tocnosti-discipline.html

@@ -80,7 +80,7 @@
             
             <a href="/kdo-sem/" >Kdo sem</a>
             <a href="/cene-in-reference/" >Cene in reference</a>
-            <a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
+            <a href="/pogosta-vprasanja/" >Vprašanja</a>
             <a href="/blog/" class="active">Blog</a>
             <a href="/kontakt/" >Kontakt</a>
         </div>

blog/index.html

@@ -74,7 +74,7 @@
             
             <a href="/kdo-sem/" >Kdo sem</a>
             <a href="/cene-in-reference/" >Cene in reference</a>
-            <a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
+            <a href="/pogosta-vprasanja/" >Vprašanja</a>
             <a href="/blog/" class="active">Blog</a>
             <a href="/kontakt/" >Kontakt</a>
         </div>

cene-in-reference/index.html

@@ -82,7 +82,7 @@
             
             <a href="/kdo-sem/" >Kdo sem</a>
             <a href="/cene-in-reference/" class="active">Cene in reference</a>
-            <a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
+            <a href="/pogosta-vprasanja/" >Vprašanja</a>
             <a href="/blog/" >Blog</a>
             <a href="/kontakt/" >Kontakt</a>
         </div>

cene-in-sodelovanja/index.html

@@ -78,7 +78,7 @@
             
             <a href="/kdo-sem/" >Kdo sem</a>
             <a href="/cene-in-reference/" class="active">Cene in reference</a>
-            <a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
+            <a href="/pogosta-vprasanja/" >Vprašanja</a>
             <a href="/blog/" >Blog</a>
             <a href="/kontakt/" >Kontakt</a>
         </div>

css/style.css

@@ -50,10 +50,10 @@ body.no-scroll {
   max-width: 100%;
   width: 100%;
   margin: 0 auto;
-  padding: 0 1.5rem;
+  padding: 0 1rem;
   height: 100%;
   display: flex;
-  justify-content: space-between;
+  justify-content: flex-start;
   align-items: center
 }
 
@@ -83,9 +83,9 @@ body.no-scroll {
 .nav-links {
   display: flex;
   align-items: center;
-  justify-content: flex-end;
+  justify-content: flex-start;
-  gap: 1.2rem;
+  gap: 1.5rem;
-  margin-left: 3rem
+  margin: 0 auto;
 }
 
 .nav-links a {
@@ -3847,6 +3847,12 @@ footer {
   gap: 1.15rem
 }
 
+.mediation-hero-text p {
+  color: #464d5b;
+  line-height: 1.85;
+  text-align: justify;
+}
+
 .mediation-hero-kicker {
   display: inline-flex;
   align-items: center;
@@ -3927,6 +3933,53 @@ footer {
   transform: translateX(4px)
 }
 
+/* Spodnja vrstica z dvema okvirčkoma */
+.mediation-bottom-cards {
+  display: grid;
+  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
+  gap: 3rem;
+  max-width: 1120px;
+  margin: 2rem auto 0;
+}
+
+.mediation-bottom-cards .mediation-hero-card {
+  margin-top: 0;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+/* Sodelujem card - brez linkov */
+.mediation-sodelujem-card {
+  margin-top: 0;
+  width: 100%;
+}
+
+.mediation-sodelujem-card ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: grid;
+  gap: 0.7rem;
+}
+
+.mediation-sodelujem-card li {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.6rem;
+  color: #3f4551;
+  font-size: 0.95rem;
+  line-height: 1.5;
+}
+
+.mediation-sodelujem-card li::before {
+  content: '→';
+  font-size: 1rem;
+  color: var(--primary-color);
+  flex-shrink: 0;
+  margin-top: 0.1rem;
+}
+
 .mediation-hero-shape {
   position: absolute;
   border-radius: 50%;
@@ -5211,7 +5264,8 @@ footer {
   gap: 2rem;
   align-items: flex-start;
   min-height: auto;
-  z-index: 2
+  z-index: 2;
+  padding: 0 55px;
 }
 
 .hero-new-text {
@@ -5225,7 +5279,7 @@ footer {
 }
 
 .hero-new-text h1 {
-  font-size: 2.8rem;
+  font-size: 2.2rem;
   font-weight: 700;
   line-height: 1.3;
   margin-bottom: 0
@@ -5236,6 +5290,26 @@ footer {
   color: #555
 }
 
+.hero-new-description {
+  font-size: 1.1rem;
+  color: #3f4551;
+  line-height: 1.5;
+  margin-bottom: 0.3rem;
+}
+
+.hero-new-description-small {
+  font-size: 0.9rem;
+  color: #666;
+  margin-bottom: 0.8rem;
+}
+
+.hero-new-slogan {
+  font-size: 1rem;
+  font-style: italic;
+  color: var(--primary-color);
+  margin-bottom: 0.5rem;
+}
+
 .hero-info-box {
   margin-top: 1.5rem;
   padding: 1.5rem;
@@ -5268,16 +5342,17 @@ footer {
   display: flex;
   justify-content: center;
   align-items: flex-end;
-  align-self: stretch
+  align-self: stretch;
 }
 
 .hero-new-image img {
-  max-width: 100%;
+  max-width: 120%;
   width: auto;
   height: 100%;
   max-height: none;
   object-fit: contain;
-  object-position: bottom
+  object-position: bottom;
+  transform: translateX(-10%);
 }
 
 .features-section {
@@ -5293,7 +5368,7 @@ footer {
 .features-intro h2 {
   max-width: 800px;
   margin: 0 auto 3rem auto;
-  font-size: 1.8rem
+  font-size: 1.5rem
 }
 
 .features-grid {
@@ -5335,17 +5410,19 @@ footer {
 }
 
 .about-amra-wrapper {
-  max-width: 1300px;
+  max-width: 1100px;
   margin: 0 auto;
   display: grid;
-  grid-template-columns: 1fr 1.2fr 280px;
+  grid-template-columns: 1fr 1.5fr;
+  grid-template-rows: auto auto;
   gap: 2rem;
-  align-items: center
+  align-items: start;
 }
 
 .about-amra-image {
   display: flex;
-  justify-content: center
+  justify-content: center;
+  grid-row: 1 / 3;
 }
 
 .about-amra-image img {
@@ -6298,22 +6375,26 @@ footer {
 /* --- Workshops Sidebar Inline (Aktualne delavnice - del sekcije) --- */
 .workshops-sidebar-inline {
     background: #ffffff;
-    border: 2px solid #3b5998;
+    border: 1px solid rgba(251, 99, 57, 0.15);
-    border-radius: 18px;
+    border-radius: 20px;
-    padding: 1rem;
+    padding: 0.8rem;
+    padding-top: 1rem;
     width: 100%;
-    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
+    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
     align-self: start;
-    margin-top: 60px;
+    margin: 0;
+    margin-top: 80px;
+    border-left: 4px solid var(--primary-color);
 }
 
 .workshops-sidebar-inline h3 {
-    text-align: center;
+    text-align: left;
-    font-size: 1rem;
+    font-size: 0.9rem;
     color: #1f2530;
-    margin-bottom: 0.8rem;
+    margin-bottom: 0.6rem;
-    padding-bottom: 0.6rem;
+    padding-bottom: 0;
-    border-bottom: 2px solid #3b5998;
+    border-bottom: none;
+    font-weight: 700;
 }
 
 .workshops-sidebar-list {
@@ -6325,34 +6406,45 @@ footer {
 .workshop-sidebar-item {
     display: flex;
     flex-direction: column;
-    align-items: center;
+    align-items: flex-start;
     text-decoration: none;
-    color: #1f2530;
+    color: #3f4551;
-    background: #fdfcfa;
+    background: #ffffff;
-    border-radius: 10px;
+    border-radius: 8px;
-    padding: 0.5rem;
+    padding: 0;
-    transition: transform 0.2s ease, box-shadow 0.2s ease;
+    transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
-    border: 1px solid rgba(59, 89, 152, 0.1);
+    border: 1px solid rgba(0, 0, 0, 0.05);
+    overflow: hidden;
+    margin-bottom: 0.3rem;
 }
 
 .workshop-sidebar-item:hover {
-    transform: translateY(-2px);
+    transform: translateY(-3px);
-    box-shadow: 0 5px 12px rgba(59, 89, 152, 0.15);
+    box-shadow: 0 10px 20px rgba(251, 99, 57, 0.15);
+    color: var(--primary-color);
+    border-color: rgba(251, 99, 57, 0.2);
 }
 
 .workshop-sidebar-item img {
-    width: 100%;
+    width: 80%;
-    height: 95px;
+    margin: 0 auto;
+    aspect-ratio: 3 / 2;
     object-fit: cover;
-    border-radius: 8px;
+    object-position: top;
-    margin-bottom: 0.4rem;
+    border-radius: 6px;
+    margin-bottom: 0;
+    margin-top: 0.4rem;
+    display: block;
 }
 
 .workshop-sidebar-item span {
-    font-size: 0.75rem;
+    font-size: 0.7rem;
     font-weight: 600;
-    text-align: center;
+    text-align: left;
-    line-height: 1.2;
+    line-height: 1.3;
+    padding: 0.4rem 0.6rem;
+    display: block;
+    width: 100%;
 }
 
 /* Responsive: prikaži pod vsebino na manjših zaslonih */
@@ -6366,39 +6458,41 @@ footer {
 .recommendation-box-home {
     background-color: #fffbf8;
     border: 1px solid rgba(251, 99, 57, 0.15);
-    border-radius: 20px;
+    border-radius: 16px;
-    padding: 1.5rem;
+    padding: 1rem;
-    width: 280px;
+    width: 100%;
+    max-width: 280px;
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
-    flex-shrink: 0;
+    justify-self: end;
+    margin-top: -150px;
 }
 
 .recommendation-box-home h3 {
     text-align: center;
-    font-size: 1rem;
+    font-size: 0.9rem;
     color: #1f2530;
-    margin-bottom: 1rem;
+    margin-bottom: 0.8rem;
     border-bottom: 2px dotted rgba(251, 99, 57, 0.3);
-    padding-bottom: 0.5rem;
+    padding-bottom: 0.4rem;
 }
 
 .recommendation-box-home .rec-list {
     display: flex;
     flex-direction: column;
-    gap: 0.8rem;
+    gap: 0.5rem;
 }
 
 .recommendation-box-home .rec-item {
     display: flex;
     align-items: center;
-    gap: 0.8rem;
+    gap: 0.6rem;
     text-decoration: none;
     color: #3f4551;
     font-weight: 600;
-    font-size: 0.8rem;
+    font-size: 0.7rem;
     background: #ffffff;
-    padding: 0.5rem;
+    padding: 0.4rem;
-    border-radius: 10px;
+    border-radius: 8px;
     transition: transform 0.2s ease, box-shadow 0.2s ease;
     box-shadow: 0 3px 8px rgba(0,0,0,0.03);
 }
@@ -6410,10 +6504,10 @@ footer {
 }
 
 .recommendation-box-home .rec-thumb {
-    width: 50px;
+    width: 40px;
-    height: 50px;
+    height: 40px;
     object-fit: cover;
-    border-radius: 8px;
+    border-radius: 6px;
     flex-shrink: 0;
 }
 

delavnice/index.html

@@ -78,7 +78,7 @@
             
             <a href="/kdo-sem/" >Kdo sem</a>
             <a href="/cene-in-reference/" >Cene in reference</a>
-            <a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
+            <a href="/pogosta-vprasanja/" >Vprašanja</a>
             <a href="/blog/" >Blog</a>
             <a href="/kontakt/" >Kontakt</a>
         </div>

header-template.html

@@ -50,7 +50,7 @@
             
             <a href="/kdo-sem/" {{ACTIVE_KDO_SEM}}>Kdo sem</a>
             <a href="/cene-in-reference/" {{ACTIVE_CENE}}>Cene in reference</a>
-            <a href="/pogosta-vprasanja/" {{ACTIVE_FAQ}}>Pogosta vprašanja</a>
+            <a href="/pogosta-vprasanja/" {{ACTIVE_FAQ}}>Vprašanja</a>
             <a href="/blog/" {{ACTIVE_BLOG}}>Blog</a>
             <a href="/kontakt/" {{ACTIVE_KONTAKT}}>Kontakt</a>
         </div>

index.html

@@ -80,7 +80,7 @@
             
             <a href="/kdo-sem/" >Kdo sem</a>
             <a href="/cene-in-reference/" >Cene in reference</a>
-            <a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
+            <a href="/pogosta-vprasanja/" >Vprašanja</a>
             <a href="/blog/" >Blog</a>
             <a href="/kontakt/" >Kontakt</a>
         </div>
@@ -96,11 +96,13 @@
     <!-- ===== ZAČETEK NOVE VSEBINE ===== -->
 
     <!-- 1. Sekcija: Glavni pozdrav (Hero) -->
-    <section class="hero-new" style="max-height: 800px; overflow: visible;">
+    <section class="hero-new" style="max-height: 950px; overflow: visible;">
-        <div class="hero-new-content" style="grid-template-columns: 1fr 0.7fr 280px; gap: 1rem; max-width: 1400px;">
+        <div class="hero-new-content" style="grid-template-columns: 1.2fr 0.8fr 200px; gap: 2rem; max-width: 1600px;">
             <div class="hero-new-text" data-aos="fade-up">
-                <h1>Dobrodošli v našem medkulturnem kotičku…</h1>
+                <h1>Dobrodošli v medkulturnem kotičku</h1>
-                <p class="hero-new-subtitle">Uči se angleščine, razvozlaj medkulturne vozle in uživaj v vsakem koraku!</p>
+                <p class="hero-new-description">Učenje splošne in poslovne angleščine za vse starosti ter podpora medkulturni integraciji v vrtcih, šolah in institucijah</p>
+                <p class="hero-new-description-small">Dodatno: začetna slovenščina za prve korake in albanščina za osebni interes</p>
+                <p class="hero-new-slogan">Uči se angleščine, razvozlaj medkulturne vozle in uživaj v vsakem koraku!</p>
                 <div class="hero-info-box">
                     <h2>Zakaj PROSBERRY?</h2>
                     <p><strong>PROS</strong> simbolizira znanje, izkušnje in strokovnost, ki podpirajo rast in razvoj.</p>
@@ -109,7 +111,7 @@
                     <p>Moj cilj je ustvariti prostor, kjer se lahko učimo, povezujemo in sodelujemo naravno, enostavno in z veseljem.</p>
                 </div>
             </div>
-            <div class="hero-new-image" data-aos="fade-left" style="margin-left: -160px; margin-right: 50px;">
+            <div class="hero-new-image" data-aos="fade-left" style="margin: 0;">
                 <img src="assets/images/amra.webp" alt="Amra Kurešepi Zulji" width="1544" height="1920" fetchpriority="high" srcset="/assets/images/amra-320w.webp 320w, /assets/images/amra-480w.webp 480w, /assets/images/amra-767w.webp 767w, /assets/images/amra-960w.webp 960w, /assets/images/amra.webp 1544w">
             </div>
             
@@ -151,19 +153,19 @@
             </div>
             <div class="features-grid">
                 <div class="feature-card" data-aos="fade-up" data-aos-delay="100">
-                    <h3>Uči se po svojem tempu</h3>
+                    <h3>Poučevanje jezikov</h3>
                     <p>Z izurjeno profesorico, ki se je tudi sama kdaj lovila pri učenju in uporabi tujih jezikov, odkrij načine, kako se jezika naučiti prilagojeno svojim potrebam in ritmu.</p>
-                    <a href="/ponudba/" class="cta-button">PONUDBE</a>
+                    <a href="/ponudba/" class="cta-button">Odkrij ponudbe</a>
                 </div>
                 <div class="feature-card" data-aos="fade-up" data-aos-delay="200">
-                    <h3>Razišči delavnice</h3>
+                    <h3>Odkrij, kako povežemo</h3>
-                    <p>Za priseljene otroke in starše, ki krepijo vezi s šolo ali vrtcem, ter za zaposlene v vrtcih in šolah, ki krepijo vezi z otroki in starši.</p>
+                    <p>Z medkulturnim posredovanjem, ki vsakodnevne izzive naredi lažje za vse — v slovenščini, albanščini, srbščini in angleščini.</p>
-                    <a href="/delavnice/" class="cta-button">DELAVNICE</a>
+                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" class="cta-button">Izvedi več</a>
                 </div>
                 <div class="feature-card" data-aos="fade-up" data-aos-delay="300">
-                    <h3>Prejmi podporo, ko jo najbolj potrebuješ</h3>
+                    <h3>Razišči delavnice</h3>
-                    <p>Medkulturno posredovanje, ki vsakodnevne izzive naredi lažje za vse — v slovenščini, albanščini, srbščini in angleščini.</p>
+                    <p>Za priseljene otroke in starše, ki krepijo vezi s šolo ali vrtcem, ter za zaposlene v vrtcih in šolah, ki krepijo vezi z otroki in starši.</p>
-                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" class="cta-button">MK POSREDOVANJE</a>
+                    <a href="/delavnice/" class="cta-button">DELAVNICE ZA VKLJUČEVANJE</a>
                 </div>
             </div>
         </div>
@@ -190,11 +192,11 @@
                         <span>MEDKULTURNOST</span>
                     </a>
                     <a href="/blog/clanki/2025-11-18-dojemanje-casa-tocnosti-discipline.html" class="rec-item">
-                        <img src="/assets/images/blog/2025-11-18-dojemanje-casa-tocnosti-discipline/header.png" alt="Čas, točnost in disciplina" class="rec-thumb">
+                        <img src="/assets/images/ikona2.png" alt="Čas, točnost in disciplina" class="rec-thumb">
                         <span>ČAS, TOČNOST IN DISCIPLINA</span>
                     </a>
                     <a href="/blog/clanki/2025-12-21-od-ucilnice-do-skupnosti.html" class="rec-item">
-                        <img src="/assets/images/blog/2025-12-21-od-ucilnice-do-skupnosti/header.png" alt="Od učilnice do skupnosti" class="rec-thumb">
+                        <img src="/assets/images/ikona3.png" alt="Od učilnice do skupnosti" class="rec-thumb">
                         <span>OD UČILNICE DO SKUPNOSTI</span>
                     </a>
                 </div>

kdo-sem/index.html

@@ -78,7 +78,7 @@
             
             <a href="/kdo-sem/" class="active">Kdo sem</a>
             <a href="/cene-in-reference/" >Cene in reference</a>
-            <a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
+            <a href="/pogosta-vprasanja/" >Vprašanja</a>
             <a href="/blog/" >Blog</a>
             <a href="/kontakt/" >Kontakt</a>
         </div>
@@ -100,33 +100,13 @@
                     <h1>Povezanost z jeziki, ljudmi in zgodbami</h1>
                     <p>Od nekdaj sem imela rada jezike, ljudi in zgodbe. Življenje v večjezičnem okolju me je naučilo naravno prehajati med jeziki in kulturami. Svojo poklicno pot sem začela z osnovnim študijem angleškega jezika in književnosti na Univerzi v Prištini. Nadaljevala sem na Filozofski fakulteti v Ljubljani, kjer sem opravila magistrski študij angleščine. Že med študijem sem začela poučevati – najprej prostovoljno, pozneje tudi poklicno. Poučevala sem otroke, mladostnike in odrasle, tako v skupinah kot individualno, kar mi je dalo prilagodljivost, potrpežljivost in občutek za različne potrebe učencev. Takrat sem začela zares verjeti, da lahko s tem delom pomagam ljudem in obenem rastem tudi sama. Kasneje sem se izobraževala za medkulturno mediatorko, da bi še bolje podpirala ljudi pri vključevanju v novo okolje.</p>
                 </div>
-                <div class="about-hero-image" data-aos="fade-left" data-aos-delay="150" style="flex-direction: column; align-items: center; gap: 3rem;">
+                <div class="about-hero-image" data-aos="fade-left" data-aos-delay="150">
                     <div class="image-frame">
                         <picture>
                             <source srcset="../assets/images/kdo-sem-fotografija.webp" type="image/webp">
                             <img src="../assets/images/kdo-sem-fotografija.jpg" alt="Amra Kurešepi Zulji" loading="lazy" decoding="async" width="1600" height="900">
                         </picture>
                     </div>
-
-                    <!-- ZAČETEK NOVEGA OKVIRČKA -->
-                    <div class="recommendation-box">
-                        <h3>Priporočamo branje</h3>
-                        <div class="rec-list">
-                            <a href="/blog/clanki/2025-11-17-medkulturnost-prostor-za-rast.html" class="rec-item">
-                                <div class="rec-icon">🌍</div>
-                                <span>MEDKULTURNOST</span>
-                            </a>
-                            <a href="/blog/clanki/2025-11-18-dojemanje-casa-tocnosti-discipline.html" class="rec-item">
-                                <div class="rec-icon">⏱️</div>
-                                <span>ČAS, TOČNOST IN DISCIPLINA</span>
-                            </a>
-                            <a href="/blog/clanki/2025-12-21-od-ucilnice-do-skupnosti.html" class="rec-item">
-                                <div class="rec-icon">🏫</div>
-                                <span>OD UČILNICE DO SKUPNOSTI</span>
-                            </a>
-                        </div>
-                    </div>
-                    <!-- KONEC NOVEGA OKVIRČKA -->
                 </div>
             </div>
             <div class="about-hero-shape shape-a"></div>

kontakt/index.html

@@ -78,7 +78,7 @@
             
             <a href="/kdo-sem/" >Kdo sem</a>
             <a href="/cene-in-reference/" >Cene in reference</a>
-            <a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
+            <a href="/pogosta-vprasanja/" >Vprašanja</a>
             <a href="/blog/" >Blog</a>
             <a href="/kontakt/" class="active">Kontakt</a>
         </div>

pogosta-vprasanja/index.html

@@ -77,7 +77,7 @@
             
             <a href="/kdo-sem/" >Kdo sem</a>
             <a href="/cene-in-reference/" >Cene in reference</a>
-            <a href="/pogosta-vprasanja/" class="active">Pogosta vprašanja</a>
+            <a href="/pogosta-vprasanja/" class="active">Vprašanja</a>
             <a href="/blog/" >Blog</a>
             <a href="/kontakt/" >Kontakt</a>
         </div>

politika-zasebnosti/index.html

@@ -78,7 +78,7 @@
             
             <a href="/kdo-sem/" >Kdo sem</a>
             <a href="/cene-in-reference/" >Cene in reference</a>
-            <a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
+            <a href="/pogosta-vprasanja/" >Vprašanja</a>
             <a href="/blog/" >Blog</a>
             <a href="/kontakt/" >Kontakt</a>
         </div>

ponudba/index.html

@@ -82,7 +82,7 @@
             
             <a href="/kdo-sem/" >Kdo sem</a>
             <a href="/cene-in-reference/" >Cene in reference</a>
-            <a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
+            <a href="/pogosta-vprasanja/" >Vprašanja</a>
             <a href="/blog/" >Blog</a>
             <a href="/kontakt/" >Kontakt</a>
         </div>

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

@@ -78,7 +78,7 @@
             
             <a href="/kdo-sem/" >Kdo sem</a>
             <a href="/cene-in-reference/" >Cene in reference</a>
-            <a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
+            <a href="/pogosta-vprasanja/" >Vprašanja</a>
             <a href="/blog/" >Blog</a>
             <a href="/kontakt/" >Kontakt</a>
         </div>

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

@@ -78,7 +78,7 @@
             
             <a href="/kdo-sem/" >Kdo sem</a>
             <a href="/cene-in-reference/" >Cene in reference</a>
-            <a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
+            <a href="/pogosta-vprasanja/" >Vprašanja</a>
             <a href="/blog/" >Blog</a>
             <a href="/kontakt/" >Kontakt</a>
         </div>

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

@@ -78,7 +78,7 @@
             
             <a href="/kdo-sem/" >Kdo sem</a>
             <a href="/cene-in-reference/" >Cene in reference</a>
-            <a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
+            <a href="/pogosta-vprasanja/" >Vprašanja</a>
             <a href="/blog/" >Blog</a>
             <a href="/kontakt/" >Kontakt</a>
         </div>

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

@@ -77,7 +77,7 @@
             
             <a href="/kdo-sem/" >Kdo sem</a>
             <a href="/cene-in-reference/" >Cene in reference</a>
-            <a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
+            <a href="/pogosta-vprasanja/" >Vprašanja</a>
             <a href="/blog/" >Blog</a>
             <a href="/kontakt/" >Kontakt</a>
         </div>

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

@@ -78,7 +78,7 @@
             
             <a href="/kdo-sem/" >Kdo sem</a>
             <a href="/cene-in-reference/" >Cene in reference</a>
-            <a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
+            <a href="/pogosta-vprasanja/" >Vprašanja</a>
             <a href="/blog/" >Blog</a>
             <a href="/kontakt/" >Kontakt</a>
         </div>
@@ -101,39 +101,40 @@
                     <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>
-                    <h3 style="color: #fb6339; font-size: 1.25rem; margin-top: 1rem;">Sodelujem:</h3>
+                    <p>Potek medkulturnega posredovanja se prilagodi potrebam posameznega primera.</p>
-                    <ul style="padding-left: 1.2rem; margin-bottom: 1rem; line-height: 1.6;">
+                </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 inštitucijami, ki potrebujejo 'medkulturni most' za razumevanje potreb svojih strank</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 organizacijami, ki delujejo na področju vključevanja v družbo in poučevanja slovenščine priseljencem</li>
                     </ul>
-                    <p style="font-size: 1.1rem; margin-top: 1rem;">Potek medkulturnega posredovanja se prilagodi potrebam posameznega primera.</p>
                 </div>
-
+            </div>
-                <!-- DESNI STOLPEC: Kartice (zavite v div, da so ena pod drugo) -->
+            
-                <div style="display: flex; flex-direction: column; gap: 2rem;">
+            <!-- Spodnja vrstica: Poti in Cene -->
-                    <!-- Kartica 1: Povezave -->
+            <div class="mediation-bottom-cards">
-                    <div class="mediation-hero-card" data-aos="fade-left" data-aos-delay="120" style="margin-top: 0;">
+                <div class="mediation-hero-card" data-aos="fade-up" data-aos-delay="150">
-                        <h3>Poti medkulturnega posredovanja</h3>
+                    <h3>Poti medkulturnega posredovanja</h3>
-                        <ul>
+                    <ul>
-                            <li><a href="#individualno">Individualno posredovanje</a></li>
+                        <li><a href="#individualno">Individualno posredovanje</a></li>
-                            <li><a href="#skupinsko">Skupinsko posredovanje</a></li>
+                        <li><a href="#skupinsko">Skupinsko posredovanje</a></li>
-                            <li><a href="#potek">Potek sodelovanja</a></li>
+                        <li><a href="#potek">Potek sodelovanja</a></li>
-                            <li><a href="#oblike">Oblike glede na namen</a></li>
+                        <li><a href="#oblike">Oblike glede na namen</a></li>
-                        </ul>
+                    </ul>
-                    </div>
+                </div>
-
+                <div class="mediation-hero-card" data-aos="fade-up" data-aos-delay="200">
-                    <!-- Kartica 2: Cenik -->
+                    <h3>Cene za medkulturno posredovanje</h3>
-                    <div class="mediation-hero-card" data-aos="fade-left" data-aos-delay="200" style="margin-top: 0;">
+                    <div style="display: flex; flex-direction: column; gap: 0.5rem; font-size: 1.2rem; font-weight: 600; color: #3f4551;">
-                        <h3>Cene za medkulturno posredovanje</h3>
+                        <div style="display: flex; align-items: center; gap: 1rem;">
-                        <div style="display: flex; flex-direction: column; gap: 0.5rem; font-size: 1.2rem; font-weight: 600; color: #3f4551;">
+                            <span style="color: #fb6339; font-size: 1.5rem;">30 €</span> <span>– 30 min</span>
-                            <div style="display: flex; align-items: center; gap: 1rem;">
+                        </div>
-                                <span style="color: #fb6339; font-size: 1.5rem;">30 €</span> <span>– 30 min</span>
+                        <div style="display: flex; align-items: center; gap: 1rem;">
-                            </div>
+                            <span style="color: #fb6339; font-size: 1.5rem;">50 €</span> <span>– 60 min</span>
-                            <div style="display: flex; align-items: center; gap: 1rem;">
-                                <span style="color: #fb6339; font-size: 1.5rem;">50 €</span> <span>– 60 min</span>
-                            </div>
                         </div>
                     </div>
                 </div>