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

cene-in-reference/index.html

@@ -110,7 +110,6 @@
                 <div class="rates-hero-text" data-aos="fade-up">
                     <span class="rates-hero-kicker">Cene in reference</span>
                     <h1>C E N I K</h1>
-                    <p class="rates-hero-lead">Cene za učno uro tečaja ali inštrukcij</p>
                 </div>
                 <div class="rates-hero-card" data-aos="fade-left" data-aos-delay="120">
                     <h3>Cene za medkulturno posredovanje</h3>

css/style.css

@@ -2280,6 +2280,20 @@ footer {
     line-height: 1.2
   }
 
+  .mediation-main-title {
+    gap: 0.5rem;
+  }
+  
+  .mediation-main-title h1 {
+    font-size: 1.75rem;
+  }
+  
+  .mediation-main-title .mediation-hero-lead {
+    font-size: clamp(0.5rem, 2vw, 0.95rem);
+    padding: 0 0.5rem;
+    white-space: nowrap;
+  }
+
   .mediation-hero-container {
     display: flex;
     flex-direction: column;
@@ -2312,7 +2326,6 @@ footer {
   .mediation-hero-card {
     padding: 1.6rem 1.4rem;
     margin: 0;
-    margin-top: 0.5rem;
     max-width: none;
     width: 100%;
     gap: 1.1rem;
@@ -2320,6 +2333,11 @@ footer {
     box-shadow: 0 18px 40px rgba(15, 25, 40, 0.12)
   }
   
+  .cta-button-hero {
+    font-size: 0.95rem;
+    padding: 0.9rem;
+  }
+
   .mediation-hero-card ul {
     gap: 0.6rem
   }
@@ -3918,7 +3936,7 @@ footer {
 
 .mediation-hero {
   position: relative;
-  padding: 130px 2rem 110px;
+  padding: 130px 2rem 60px;
   background: #fdfcfa;
   overflow: hidden
 }
@@ -3926,32 +3944,18 @@ footer {
 .mediation-hero-container {
   position: relative;
   z-index: 2;
-  max-width: 1120px;
+  max-width: 1400px;
   margin: 0 auto;
   display: grid;
-  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
+  grid-template-columns: 1.2fr 0.8fr;
-  gap: 5rem;
+  gap: 4rem;
   align-items: flex-start
 }
 
-.mediation-hero-text {
-  display: flex;
-  flex-direction: column;
-  gap: 2rem;
-  align-items: center;
-}
-
-.mediation-hero-text p {
-  color: #464d5b;
-  line-height: 1.85;
-  text-align: left;
-}
-
 .mediation-hero-kicker {
   display: inline-flex;
   align-items: center;
   gap: 0.4rem;
-  align-self: flex-start;
   padding: 0.4rem 1.1rem;
   border-radius: 999px;
   background: rgba(251, 99, 57, 0.14);
@@ -3959,7 +3963,31 @@ footer {
   font-size: 0.72rem;
   letter-spacing: 0.12em;
   text-transform: uppercase;
-  font-weight: 600
+  font-weight: 600;
+  grid-column: 1 / -1;
+  justify-self: flex-start;
+  margin-bottom: 0.5rem;
+}
+
+.mediation-main-title {
+  grid-column: 1 / -1;
+  text-align: center;
+  width: 100%;
+  margin-bottom: 1rem;
+}
+
+.mediation-main-title h1 {
+  margin: 0 0 0.8rem 0;
+}
+
+.mediation-main-title .mediation-hero-lead {
+  margin: 0 auto;
+  text-align: center;
+  font-size: clamp(0.65rem, 1.2vw, 1.15rem);
+  line-height: 1.6;
+  max-width: 100%;
+  padding: 0 2rem;
+  white-space: nowrap;
 }
 
 .mediation-hero h1 {
@@ -3986,35 +4014,67 @@ footer {
   display: flex;
   flex-direction: column;
   gap: 1.4rem;
-  margin-top: 2.2rem
+  width: 100%;
 }
 
 .mediation-hero-card h3 {
   margin: 0;
   font-size: 1.25rem;
-  color: #1f2530
+  color: #1f2530;
+  text-align: center;
 }
 
-.mediation-hero-card ul {
+.mediation-card-links {
   list-style: none;
   padding: 0;
-  margin: 0;
+  margin: 1.5rem 0 0 0;
   display: grid;
-  gap: 0.9rem
+  gap: 1rem;
 }
 
-.mediation-hero-card li a {
+.mediation-card-links li {
-  display: inline-flex;
+  text-align: left;
-  align-items: center;
+}
-  gap: 0.6rem;
+
+.mediation-card-links li a {
+  display: inline-block;
   text-decoration: none;
   color: #3f4551;
   font-weight: 600;
-  transition: color 0.2s ease
+  transition: color 0.2s ease;
 }
 
-.mediation-hero-card li a:hover {
+.mediation-card-links li a:hover {
-  color: var(--primary-color)
+  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 */
@@ -4149,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;
@@ -7178,11 +7271,11 @@ html, body {
   .prosberry-benefits-container {
     grid-template-columns: 1fr;
     gap: 2rem;
-    text-align: center;
+    text-align: left;
   }
   
   .benefits-list li {
-    justify-content: center;
+    justify-content: flex-start;
   }
 }
 
@@ -7221,6 +7314,7 @@ html, body {
 .hero-bullets li {
   position: relative;
   margin-bottom: 0.3rem; /* Manjši razmak med alinejami */
+  color: #454b57; /* Siva barva kot ostalo besedilo */
 }
 
 .hero-bullets li::before {
@@ -7275,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;
   }
 }
 
@@ -7366,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;
@@ -7463,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;
@@ -7491,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;
@@ -7780,11 +7833,47 @@ html, body {
 }
 
 .mediation-main-title {
+  grid-column: 1 / -1;
   text-align: center;
   width: 100%;
   margin-bottom: 2rem;
 }
 
+.mediation-main-title h1 {
+  margin: 0 0 1rem 0;
+}
+
+.mediation-main-title .mediation-hero-lead {
+  margin: 0 auto;
+  text-align: center;
+  font-size: clamp(0.9rem, 1.5vw, 1.15rem);
+  line-height: 1.6;
+  max-width: 100%;
+  padding: 0 2rem;
+}
+
+.mediation-hero-content {
+  width: 100%;
+}
+
+.mediation-hero-content p {
+  text-align: left;
+}
+
+.mediation-hero-right {
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+  align-items: stretch;
+  width: 100%;
+}
+
+.cta-button-hero {
+  width: 100%;
+  display: block;
+  text-align: center;
+}
+
 .mediation-hero-split {
   display: flex;
   justify-content: space-between;
@@ -7966,3 +8055,493 @@ html, body {
     grid-template-columns: 1fr; /* En stolpec na zelo majhnih zaslonih */
   }
 }
+
+
+/* --- Popravek za prikaz načinov posredovanja na mobilnih napravah --- */
+@media (max-width: 768px) {
+  /* Spremeni grid v en stolpec na mobilnih napravah */
+  .content-section > .container > div[style*="grid-template-columns: repeat(2, 1fr)"] {
+    grid-template-columns: 1fr !important;
+    gap: 2rem !important;
+  }
+  
+  /* Odstrani align-items: end, da se kartici ne poravnata po spodnjem robu */
+  .content-section > .container > div[style*="align-items: end"] {
+    align-items: stretch !important;
+  }
+  
+  /* Prilagodi padding za boljši prikaz */
+  .content-section > .container > div > div[style*="flex-direction: column"] {
+    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;
+    padding-left: 0;
+  }
+  
+  .benefits-list li {
+    font-size: 0.95rem;
+    justify-content: flex-start;
+    align-items: flex-start;
+    text-align: left;
+  }
+  
+  .benefit-check {
+    flex-shrink: 0;
+    margin-top: 0.1rem;
+  }
+  
+  /* 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;
+    justify-content: flex-start;
+    align-items: flex-start;
+  }
+  
+  .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;
+  }
+}
+
+/* Desktop layout - mediation-main-title simplified */
+@media (min-width: 769px) {
+  .mediation-main-title {
+    text-align: center;
+  }
+}
+
+/* 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;
+  }
+  
+  /* 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;
+    margin-bottom: 1.5rem;
+  }
+  
+  .mediation-main-title h1 {
+    font-size: 2rem;
+    text-align: center;
+  }
+  
+  .mediation-main-title .mediation-hero-lead {
+    font-size: 0.95rem;
+    padding: 0;
+    white-space: normal;
+    text-align: center;
+    line-height: 1.6;
+  }
+  
+  /* 3. Gumb Rezervirajte termin */
+  .mediation-hero-right {
+    order: 3;
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
+  }
+  
+  .cta-button-hero {
+    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;
+  }
+}

delavnice/index.html

@@ -140,11 +140,12 @@
 
         <section class="workshop-directory-section">
             <div class="workshop-directory-container">
-                <div class="workshop-directory-heading" data-aos="fade-up">
+                <div class="workshop-card-grid">
+                    <div data-aos="fade-up">
+                        <div class="workshop-directory-heading" style="margin-bottom: 1.5rem;">
                             <h2>Za vrtce</h2>
                         </div>
-                <div class="workshop-card-grid workshop-card-grid--single">
+                        <a class="workshop-card" href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">
-                    <a class="workshop-card" href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/" data-aos="fade-up">
                             <div class="workshop-card-image">
                                 <img src="/assets/images/vkljucevanje/delavnica-starsi-vrtec.webp" alt="Delavnica Skupaj gradimo nove začetke" loading="lazy" decoding="async" width="1536" height="1024">
                             </div>
@@ -153,16 +154,12 @@
                             </div>
                         </a>
                     </div>
-            </div>
-        </section>
                     
-        <section class="workshop-directory-section">
+                    <div data-aos="fade-up" data-aos-delay="100">
-            <div class="workshop-directory-container">
+                        <div class="workshop-directory-heading" style="margin-bottom: 1.5rem;">
-                <div class="workshop-directory-heading" data-aos="fade-up">
                             <h2>Za zaposlene</h2>
                         </div>
-                <div class="workshop-card-grid workshop-card-grid--single">
+                        <a class="workshop-card" href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">
-                    <a class="workshop-card" href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/" data-aos="fade-up">
                             <div class="workshop-card-image">
                                 <img src="/assets/images/vkljucevanje/delavnica-ucitelji.webp" alt="Delavnica Od tujca do sošolca" loading="lazy" decoding="async" width="1536" height="1024">
                             </div>
@@ -172,6 +169,7 @@
                         </a>
                     </div>
                 </div>
+            </div>
         </section>
 <section class="references-section" data-aos="fade-up">
             <div class="references-container">

index.html

@@ -209,8 +209,8 @@
                     <a href="/ponudba/" class="cta-button">Odkrij ponudbe</a>
                 </div>
                 <div class="feature-card" data-aos="fade-up" data-aos-delay="200">
-                    <h3>Odkrij, kako povežemo</h3>
+                    <h3>Medkulturno povezovanje</h3>
-                    <p>Z medkulturnim posredovanjem, ki vsakodnevne izzive naredi lažje, delujemo v slovenščini kot uradnem jeziku in v albanščini, da se lažje premagajo jezikovne in kulturne razlike.</p>
+                    <p>Z medkulturnim posredovanjem pomagamo premagovati jezikovne in kulturne razlike. Delujemo v slovenščini kot uradnem jeziku in v albanščini ter podpiramo posameznike, družine in strokovne delavce pri lažji komunikaciji in vključevanju.</p>
                     <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">

kontakt/index.html

@@ -115,14 +115,14 @@
             <div class="contact-main-container">
                 <div class="contact-info-panel" data-aos="fade-up">
                     <h2>Stopimo v stik</h2>
-                    <p class="contact-info-lead">Če želite izvedeti več o naših tečajih, delavnicah ali medkulturnem posredovanju, sem tukaj – lahko mi pišete ali pokličete!</p>
+                    <p class="contact-info-lead">Če želite izvedeti več o tečajih, delavnicah ali medkulturnem posredovanju, sem tukaj – lahko mi pišete ali pokličete!</p>
-                    <ul class="contact-services">
+                    <ul class="contact-services" style="margin-top: 2rem; margin-bottom: 2.5rem;">
                         <li>Tečaji in inštrukcije angleščine vseh nivojev</li>
                         <li>Medkulturno posredovanje za šole, vrtce, zdravstvene ustanove in druge organizacije</li>
                         <li>Delavnice za učence, starše in strokovne time</li>
                     </ul>
-                    <div class="contact-details">
+                    <div class="contact-details" style="margin-top: 2.5rem;">
-                        <div class="contact-detail">
+                        <div class="contact-detail" style="margin-bottom: 1.5rem;">
                             <span class="detail-label">Email</span>
                             <a href="mailto:info@prosberry.si">info@prosberry.si</a>
                         </div>
@@ -131,9 +131,6 @@
                             <a href="tel:+38630312855">030 312 855</a>
                         </div>
                     </div>
-                    <div class="contact-note">
-                        <p>Dogovorimo se za kratek posvet, da skupaj bolje razumemo možnosti sodelovanja in poiščemo prave korake naprej.</p>
-                    </div>
                 </div>
                 <div class="contact-form-panel" data-aos="fade-up" data-aos-delay="100">
                     <div class="contact-form-card">

ponudba/index.html

@@ -155,8 +155,8 @@
                 <h3>Kako se začne pouk</h3>
               </div>
               <ul>
-                <li>Najprej se pogovoriva o tvojih ciljih.</li>
+                <li>Najprej se pogovoriva o vaših ciljih.</li>
-                <li>Prilagodimo pouk tvojemu tempu.</li>
+                <li>Prilagodimo pouk vašemu tempu.</li>
                 <li>Poudarek je na razumevanju in praktični uporabi jezika.</li>
                 <li>Razlaga poteka jasno, brez pritiska in z individualno podporo.</li>
               </ul>

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>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>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>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>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>boljša vključenost staršev v šolsko življenje</li>
-                                <li>manj nesporazumov in konfliktnih situacij,</li>
+                                <li>manj nesporazumov in konfliktnih situacij</li>
-                                <li>izboljšani odnosi med šolo in družinami priseljencev,</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>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>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>starši bolje razumejo pričakovanja in pravila vrtca</li>
-                                <li>poveča se zaupanje staršev,</li>
+                                <li>poveča se zaupanje staršev</li>
-                                <li>družine se aktivno vključujejo in sodelujejo,</li>
+                                <li>družine se aktivno vključujejo in sodelujejo</li>
-                                <li>komunikacija ter medkulturno razumevanje se izboljšata,</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 se med seboj povezujejo in krepijo občutek pripadnosti vrtcu</li>
                             </ul>
                         </div>
                     </div>

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

@@ -147,7 +147,7 @@
                                 </div>
                                 <div class="meta-card">
                                     <span class="meta-label">Skupina</span>
-                                    <span class="meta-value">12–15 učencevga</span>
+                                    <span class="meta-value">12–15 učencev</span>
                                 </div>
                             </div>
                         </div>
@@ -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>večja vključenost in motivacija učencev priseljencev</li>
-                                <li>izboljšana jezikovna pripravljenost za šolske aktivnosti,</li>
+                                <li>izboljšana jezikovna pripravljenost za šolske aktivnosti</li>
-                                <li>okrepljena socialna integracija in boljše vključevanje v razred,</li>
+                                <li>okrepljena socialna integracija in boljše vključevanje v razred</li>
-                                <li>manj jezikovnih in kulturnih nesporazumov,</li>
+                                <li>manj jezikovnih in kulturnih nesporazumov</li>
-                                <li>večja naklonjenost učencev do šole in skupnosti.</li>
+                                <li>večja naklonjenost učencev do šole in skupnosti</li>
                             </ul>
                         </div>
                     </div>

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

@@ -105,51 +105,46 @@
     <main>
         <section class="mediation-hero">
             <div class="mediation-hero-container">
-                <!-- LEVI DEL: Besedilo -->
+                <!-- Kicker čez oba stolpca -->
-                <div class="mediation-hero-text" data-aos="fade-up" style="width: 100%;">
+                <span class="mediation-hero-kicker">REŠUJEMO NESPORAZUME IN KREPIMO VKLJUČEVANJE</span>
-                    <span class="mediation-hero-kicker" style="align-self: center;">REŠUJEMO NESPORAZUME IN KREPIMO VKLJUČEVANJE</span>
                 
-                    <!-- Centriran naslov -->
+                <!-- Naslov in podnaslov čez oba stolpca -->
                 <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 -->
+                <!-- LEVI STOLPEC: Uvodni odstavek in Pogoste težave -->
-                    <div class="mediation-hero-split">
+                <div class="mediation-hero-content" data-aos="fade-up">
-                        <div class="mediation-hero-left">
+                    <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>
-                            <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) -->
+                    <h3 style="color: var(--primary-color); margin-top: 2rem; margin-bottom: 1rem;">Pogoste težave</h3>
-                    <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>
                     <ul class="hero-bullets">
-                            <li>dokumenti so nejasni,</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>pravila in postopki neznani,</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>starši in učitelji različno razumejo situacije.</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>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>. Posredovanje izvajam med slovenščino in albanščino.</p>
+                    <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>
-                        <p>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>
-                    </div>
                 </div>
 
-                <!-- DESNI DEL: Okvir s kazalom -->
+                <!-- DESNI STOLPEC: Gumb in kartica -->
-                <div class="mediation-hero-card" data-aos="fade-left">
+                <div class="mediation-hero-right" data-aos="fade-left">
-                    <h3 style="text-align: center;">Hiter pregled vsebine</h3>
+                    <a href="https://calendly.com/amra-kuresepi" target="_blank" class="cta-button cta-button-hero">Rezervirajte termin</a>
-                    <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>
+                    <div class="mediation-hero-card">
-                        <li><a href="#oblike" style="text-decoration: none; color: inherit; font-weight: 600;">→ Vrste po namenu</a></li>
+                        <h3>Hiter pregled vsebine</h3>
-                        <li><a href="#sodelujem" style="text-decoration: none; color: inherit; font-weight: 600;">→ S kom sodelujem</a></li>
+                        <ul class="mediation-card-links">
-                        <li><a href="#potek" style="text-decoration: none; color: inherit; font-weight: 600;">→ Potek in cena</a></li>
+                            <li><a href="#individualno">→ Načini posredovanja</a></li>
-                        <li><a href="#zakaj" style="text-decoration: none; color: inherit; font-weight: 600;">→ Zakaj izbrati Prosberry</a></li>
+                            <li><a href="#oblike">→ Vrste po namenu</a></li>
+                            <li><a href="#sodelujem">→ S kom sodelujem</a></li>
+                            <li><a href="#potek">→ Potek in cena</a></li>
+                            <li><a href="#zakaj">→ Zakaj izbrati Prosberry</a></li>
                         </ul>
                     </div>
                 </div>
+            </div>
             
             <!-- Dekorativni elementi ostanejo -->
             <div class="mediation-hero-shape shape-a"></div>
@@ -157,42 +152,56 @@
             <div class="mediation-hero-shape shape-c"></div>
         </section>
 
+        <!-- Nova sekcija za Rešitev in Rezultat -->
+        <section class="content-section" style="background: #fff; padding: 60px 2rem;">
+            <div class="container" style="max-width: 1200px; margin: 0 auto;">
+                <h3 style="color: var(--primary-color); 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 pravil, postopkov in odgovornosti.</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>
+        </section>
+
         <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;">
+                <div class="mediation-ways-grid">
-                    <!-- BESEDILO NA LEVI -->
+                    <!-- Individualno - besedilo in slika skupaj -->
-                    <div class="mediation-detail-text" data-aos="fade-right">
+                    <div class="mediation-way-item">
+                        <div id="individualno" class="mediation-detail-text" data-aos="fade-up">
                             <h2>Individualno</h2>
-                        <p>Primerno za konkretne primere, kjer je v ospredju <strong>en učenec ali ena družina.</strong></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: 1rem;">📍 <em>Primer: starši ne razumejo vzgojnih ali šolskih pričakovanj.</em></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>
-                    <!-- SLIKA NA DESNI -->
+                        <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;">
-                    <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">
+                                <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>
 
-                <div id="skupinsko" class="mediation-detail-container">
+                    <!-- Skupinsko - besedilo in slika skupaj -->
-                    <!-- BESEDILO NA LEVI -->
+                    <div class="mediation-way-item">
-                    <div class="mediation-detail-text" data-aos="fade-right">
+                        <div id="skupinsko" class="mediation-detail-text" data-aos="fade-up">
                             <h2>Skupinsko</h2>
-                        <p>Primerno za <strong>več udeležencev ali skupine</strong> – učitelji, razredniki, več družin.</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.</em></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>
-                    <!-- SLIKA NA DESNI -->
+                        <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;">
-                    <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">
+                                <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>
         </section>
 
         <section id="oblike" class="content-section">
@@ -220,12 +229,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> razjasni nesporazume – pomaga staršem in šoli uskladiti različna pričakovanja in razumevanje navodil,</li>
-                            <li><span class="check-icon">✔</span> spodbuja iskanje skupnega razumevanja, preden izbruhne večji problem.</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 +250,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,23 +363,19 @@
                 <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 razumemo izobraževalni sistem – in ljudi v njem.
+                            <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;">Medkulturno posredovanje je učinkovito le, če posrednik razume obe strani – jezik in kulturo priseljencev ter delovanje institucij.</p>
+                        <p style="margin-bottom: 1rem;">Medkulturno posredovanje je <strong>profesionalna storitev z jasnim ciljem</strong>, ki zagotavlja:</p>
-                        <p style="margin-bottom: 1rem;">Kot profesorica angleščine in poznavalka vzgojno-izobraževalnega sistema:</p>
+                        <ul style="list-style: disc; padding-left: 2rem; margin-bottom: 1.5rem;">
-                        <ul style="list-style: none; padding-left: 0; margin-bottom: 2rem;">
+                            <li>strokovno in nevtralno podporo,</li>
-                            <li style="margin-bottom: 0.5rem; padding-left: 1.5rem; position: relative;">
+                            <li>usmerjenost v jasne rešitve, in</li>
-                                <span style="position: absolute; left: 0; color: var(--primary-color);">•</span>
+                            <li>hitro vključevanje otrok ter učinkovito sodelovanje med starši in institucijo.</li>
-                                razumem, kako delujejo vrtci in šole,
+                        </ul>
-                            </li>
+                        <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>
-                            <li style="margin-bottom: 0.5rem; padding-left: 1.5rem; position: relative;">
+                        <ul style="list-style: disc; padding-left: 2rem; margin-bottom: 2rem;">
-                                <span style="position: absolute; left: 0; color: var(--primary-color);">•</span>
+                            <li>poznam delovanje šol in vrtcev,</li>
-                                poznam strokovni jezik, postopke in odgovornosti institucij,
+                            <li>razumem strokovni jezik in postopke,</li>
-                            </li>
+                            <li>poznam izzive vključevanja otrok in staršev v novo okolje.</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>
 
@@ -385,13 +390,6 @@
                         </ul>
                     </div>
 
-                    <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;">
@@ -432,12 +430,6 @@
                     </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">