diff --git a/assets/images/individualno.jpeg b/assets/images/individualno.jpeg new file mode 100644 index 0000000..1e15f80 Binary files /dev/null and b/assets/images/individualno.jpeg differ diff --git a/assets/images/skupinsko.jpeg b/assets/images/skupinsko.jpeg new file mode 100644 index 0000000..e378325 Binary files /dev/null and b/assets/images/skupinsko.jpeg differ diff --git a/cene-in-reference/index.html b/cene-in-reference/index.html index 2aece21..fbe3b45 100644 --- a/cene-in-reference/index.html +++ b/cene-in-reference/index.html @@ -124,7 +124,7 @@
Cene in reference -

C E N O V N I K

+

C E N I K

Cene za učno uro tečaja ali inštrukcij

@@ -132,10 +132,12 @@ diff --git a/css/style.css b/css/style.css index 4190da0..a0c0e4b 100644 --- a/css/style.css +++ b/css/style.css @@ -16,11 +16,16 @@ box-sizing: border-box; } +html { + overflow-x: hidden; +} + body { font-family: 'Poppins', sans-serif; line-height: 1.6; color: var(--text-color); background: var(--bg-color); + overflow-x: hidden; } body.no-scroll { @@ -1253,6 +1258,7 @@ footer { .offer-hero-card { margin: 0 auto; max-width: min(90%, 440px); + text-align: left; } .offer-hero .shape-a { @@ -1315,6 +1321,19 @@ footer { .offer-languages-grid { grid-template-columns: 1fr; } + + .offer-hero-lead, + .offer-language-card p, + .offer-mediation-text p { + text-align: left; + -webkit-hyphens: auto; + hyphens: auto; + } + + .offer-hero-card li { + -webkit-hyphens: auto; + hyphens: auto; + } } @media (max-width: 520px) { @@ -1435,9 +1454,9 @@ footer { .rates-hero-list li { display: flex; - justify-content: space-between; - align-items: baseline; - gap: 1.4rem; + justify-content: flex-start; + align-items: center; + gap: 0.75rem; font-size: 1.05rem; color: #3f4551; } @@ -1447,6 +1466,12 @@ footer { color: #1f2530; } +.rates-hero-list .rates-hero-separator { + font-size: 1.2rem; + color: #3f4551; + line-height: 1; +} + .rates-hero-shape { position: absolute; border-radius: 50%; @@ -1487,23 +1512,23 @@ footer { .rates-pricing-container { position: relative; max-width: 1080px; - margin: -110px auto 0; + margin: -95px auto 0; background: #ffffff; border-radius: 34px; - box-shadow: 0 45px 90px rgba(15, 25, 40, 0.1); - padding: 3.4rem 3rem; + box-shadow: 0 35px 75px rgba(15, 25, 40, 0.09); + padding: 3rem 2.6rem; display: flex; flex-direction: column; - gap: 3rem; + gap: 2.4rem; overflow: hidden; } .rates-section { position: relative; - padding: 2.8rem 2.4rem; + padding: 2.4rem 2rem; border-radius: 30px; background: linear-gradient(135deg, rgba(251, 99, 57, 0.12), rgba(255, 210, 190, 0.26)); - box-shadow: 0 25px 65px rgba(15, 25, 40, 0.08); + box-shadow: 0 22px 58px rgba(15, 25, 40, 0.07); overflow: hidden; } @@ -1569,7 +1594,7 @@ footer { .rates-testimonials { position: relative; background: #fdfcfa; - padding: 120px 2rem 150px; + padding: 90px 2rem 120px; overflow: hidden; } @@ -1757,22 +1782,144 @@ footer { } .rates-section { - padding: 2.4rem 2.1rem; + padding: 2rem 1.8rem; } .rates-testimonials { - padding: 110px 1.6rem 120px; + padding: 80px 1.6rem 100px; } .rates-testimonials-header h2 { font-size: 2rem; letter-spacing: 0.16em; } + + .mediation-hero { + padding: 140px 1.6rem 120px; + } + + .mediation-hero-container { + grid-template-columns: 1fr; + gap: 2.5rem; + text-align: center; + } + + .mediation-hero-text { + align-items: center; + } + + .mediation-hero-kicker { + align-self: center; + } + + .mediation-hero-card { + margin: 0 auto; + max-width: min(90%, 420px); + } + + .mediation-hero .shape-a { + left: -20%; + } + + .mediation-hero .shape-c { + left: 16%; + } + + .mediation-detail { + padding: 90px 1.6rem; + } + + .mediation-detail-container { + grid-template-columns: 1fr; + gap: 2.5rem; + text-align: center; + } + + .mediation-detail-image { + order: -1; + } + + .mediation-detail-text { + align-items: center; + } + + .mediation-detail-text p { + max-width: 60ch; + } + + .mediation-process { + padding: 90px 1.6rem; + } + + .mediation-process-container { + padding: 2.6rem; + text-align: center; + } + + .mediation-accordion { + padding: 100px 1.6rem 120px; + } + + .mediation-accordion-header { + text-align: center; + } + + .mediation-accordion-header p { + margin: 0 auto; + } + + .faq-hero { + padding: 140px 1.6rem 120px; + } + + .faq-hero-container { + grid-template-columns: 1fr; + gap: 2.5rem; + text-align: center; + } + + .faq-hero-text { + align-items: center; + } + + .faq-hero-kicker { + align-self: center; + } + + .faq-hero-lead { + max-width: 54ch; + } + + .faq-hero-card { + margin: 0 auto; + max-width: min(90%, 420px); + } + + .faq-hero .shape-a { + left: -18%; + } + + .faq-hero .shape-c { + right: 16%; + } + + .faq-accordion { + padding: 100px 1.6rem 120px; + } + + .faq-accordion-header { + text-align: center; + } + + .faq-accordion-header p { + margin: 0.6rem auto 0; + max-width: 54ch; + } } @media (max-width: 768px) { .rates-hero { - padding: 120px 1.3rem 110px; + padding: 110px 1.3rem 95px; } .rates-hero h1 { @@ -1781,6 +1928,9 @@ footer { .rates-hero-lead { font-size: 1.05rem; + text-align: left; + -webkit-hyphens: auto; + hyphens: auto; } .rates-hero .shape-b { @@ -1794,37 +1944,166 @@ footer { left: 14%; } + .rates-pricing { + padding: 0 1.5rem 50px; + } + .rates-pricing-container { - padding: 2.6rem 1.9rem; + margin: -60px auto 0; + padding: 1.9rem 1.45rem; + gap: 1.6rem; } .rates-section { - padding: 2rem 1.6rem; - border-radius: 24px; + padding: 1.5rem 1.25rem; + border-radius: 22px; + } + + .rates-section-header h2 { + font-size: 1.9rem; + margin-bottom: 1.4rem; } .rates-card-grid { grid-template-columns: 1fr; + gap: 1.4rem; + } + + .rates-card { + padding: 1.5rem 1.3rem; + gap: 0.8rem; + } + + .rates-card ul { + gap: 0.5rem; + text-align: left; + -webkit-hyphens: auto; + hyphens: auto; + } + + .rates-testimonials { + padding: 50px 1.3rem 65px; } .rates-testimonials-container { - gap: 2.4rem; + gap: 2.2rem; + } + + .rates-testimonials-header h2 { + letter-spacing: 0.14em; } .rates-testimonial-card { - padding: 2.4rem 2rem; - gap: 1.2rem; + padding: 2.2rem 1.8rem; + gap: 1.1rem; } + .rates-testimonial-text p { + text-align: left; + -webkit-hyphens: auto; + hyphens: auto; + } + + .mediation-hero { + padding: 110px 1.3rem 95px; + } + + .mediation-hero h1 { + font-size: 2.6rem; + } + + .mediation-hero-lead { + font-size: 1.05rem; + } + + .mediation-hero .shape-b { + display: none; + } + + .mediation-hero .shape-c { + width: 320px; + height: 320px; + bottom: -140px; + left: 18%; + } + + .mediation-detail { + padding: 80px 1.3rem; + } + + .mediation-detail-text h2 { + font-size: 1.9rem; + } + + .mediation-detail-image { + min-height: 260px; + } + + .mediation-detail-image picture, + .mediation-detail-image img { + border-radius: 24px; + } + + .mediation-process { + padding: 80px 1.3rem; + } + + .mediation-process-container { + padding: 2.2rem; + } + + .mediation-accordion { + padding: 90px 1.3rem 110px; + } + + .mediation-accordion-grid { + grid-template-columns: 1fr; + } + + .faq-hero { + padding: 110px 1.3rem 95px; + } + + .faq-hero h1 { + font-size: 2.6rem; + } + + .faq-hero-lead { + font-size: 1.05rem; + } + + .faq-hero .shape-b { + display: none; + } + + .faq-hero .shape-c { + display: none; + } + + .faq-hero-card { + padding: 2rem 1.9rem; + } + + .faq-accordion { + padding: 90px 1.3rem 110px; + } + + .faq-question { + font-size: 1.05rem; + } + + .faq-item { + padding: 1.5rem 1.6rem; + } } @media (max-width: 520px) { .rates-hero { - padding: 110px 1rem 95px; + padding: 100px 1rem 75px; } .rates-hero h1 { - font-size: 2.3rem; + font-size: 2.2rem; } .rates-hero .shape-a, @@ -1833,26 +2112,197 @@ footer { } .rates-hero-card { - padding: 2rem 1.6rem; + padding: 1.8rem 1.4rem; + } + + .rates-pricing { + padding: 0 1.1rem 45px; } .rates-pricing-container { - padding: 2.4rem 1.4rem; + margin: -40px auto 0; + padding: 1.6rem 1.15rem; border-radius: 22px; + gap: 1.3rem; } .rates-section { - padding: 1.8rem 1.3rem; + padding: 1.3rem 1rem; + } + + .rates-section-header h2 { + font-size: 1.7rem; + margin-bottom: 1.1rem; + } + + .rates-card { + padding: 1.3rem 1.15rem; + gap: 0.75rem; + } + + .rates-testimonials { + padding: 40px 1rem 55px; + } + + .rates-testimonials-header h2 { + letter-spacing: 0.12em; } .rates-testimonial-card { - padding: 2rem 1.6rem; - gap: 1.2rem; + padding: 1.8rem 1.4rem; + gap: 1rem; } .rates-testimonials-shape { display: none; } + + .mediation-hero { + padding: 100px 1rem 70px; + } + + .mediation-hero h1 { + font-size: 2rem; + line-height: 1.2; + } + + .mediation-hero-container { + display: flex; + flex-direction: column; + gap: 1.6rem; + align-items: stretch; + text-align: left; + } + + .mediation-hero-text { + align-items: flex-start; + text-align: left; + gap: 1rem; + } + + .mediation-hero-lead { + font-size: 0.98rem; + -webkit-hyphens: auto; + hyphens: auto; + } + + .mediation-hero-kicker { + align-self: flex-start; + } + + .mediation-hero .shape-a, + .mediation-hero .shape-c { + display: none; + } + + .mediation-hero-card { + padding: 1.6rem 1.4rem; + margin: 0; + margin-top: 0.5rem; + max-width: none; + width: 100%; + gap: 1.1rem; + border-left-width: 4px; + box-shadow: 0 18px 40px rgba(15, 25, 40, 0.12); + } + + .mediation-hero-card ul { + gap: 0.6rem; + } + + .mediation-hero-card li a { + font-size: 0.95rem; + } + + .mediation-hero-card li a::before { + font-size: 0.85rem; + } + + .mediation-detail { + padding: 70px 1rem; + } + + .mediation-detail-text { + align-items: flex-start; + text-align: left; + gap: 1rem; + } + + .mediation-detail-text h2 { + font-size: 1.6rem; + } + + .mediation-detail-text p { + max-width: none; + font-size: 0.96rem; + line-height: 1.75; + } + + .mediation-detail-container { + display: flex; + flex-direction: column; + text-align: left; + gap: 1.8rem; + } + + .mediation-detail-image { + order: -1; + min-height: 220px; + max-width: 320px; + width: 100%; + margin: 0 auto; + } + + .mediation-process { + padding: 70px 1rem; + } + + .mediation-process-container { + padding: 1.8rem 1.5rem; + } + + .mediation-accordion { + padding: 80px 1rem 95px; + } + + .mediation-accordion-item { + padding: 1.8rem 1.5rem; + } + + .accordion-toggle { + width: 100%; + justify-content: center; + } + + .faq-hero { + padding: 95px 1rem 70px; + } + + .faq-hero h1 { + font-size: 2.2rem; + } + + .faq-hero-card { + padding: 1.7rem 1.4rem; + text-align: left; + } + + .faq-accordion { + padding: 80px 1rem 95px; + } + + .faq-item { + padding: 1.4rem 1.3rem; + } + + .faq-question { + font-size: 1rem; + } + + .faq-question::after { + font-size: 1.1rem; + margin-left: 0.8rem; + } } /* Workshop Directory Page */ @@ -2486,11 +2936,11 @@ footer { content: "+"; font-size: 1.5rem; color: var(--primary-color); - transition: transform 0.3s ease; + transition: color 0.3s ease; } .faq-item.active .faq-question::after { - transform: rotate(45deg); + content: "–"; } .faq-answer { @@ -2507,7 +2957,7 @@ footer { } .faq-answer p { - color: #555555; + color: #000000; line-height: 1.7; margin-bottom: 1rem; } @@ -2934,82 +3384,996 @@ footer { margin: 0 auto; } -/* Mediation Page Styles */ -.mediation-section { - margin-bottom: 2rem; - padding-bottom: 2rem; - border-bottom: 1px solid #eee; -} - -.mediation-section:last-child { - border-bottom: none; - margin-bottom: 0; -} - -.mediation-section h2 { - color: var(--primary-color); - margin-bottom: 0; - cursor: pointer; - transition: var(--transition); -} - -.mediation-section h2:hover { - opacity: 0.8; -} - -.mediation-content { - max-height: 0; - overflow: hidden; - transition: max-height 0.4s ease-out, margin-top 0.4s ease-out; -} - -.mediation-section.active .mediation-content { - max-height: 1000px; - margin-top: 1.5rem; -} - -.mediation-section p, .mediation-section li { - line-height: 1.8; -} - -.mediation-section ul { - list-style: none; - padding-left: 0; -} - -.mediation-section ul li { - padding-left: 1.5rem; +/* Medkulturno Posredovanje Page */ +.mediation-hero { position: relative; - margin-bottom: 0.5rem; + padding: 160px 2rem 140px; + background: #fdfcfa; + overflow: hidden; } -.mediation-section ul li::before { - content: '□'; - position: absolute; - left: 0; +.mediation-hero-container { + position: relative; + z-index: 2; + max-width: 1120px; + margin: 0 auto; + display: grid; + grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); + gap: 3rem; + align-items: center; +} + +.mediation-hero-text { + display: flex; + flex-direction: column; + gap: 1.4rem; +} + +.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); color: var(--primary-color); + font-size: 0.72rem; + letter-spacing: 0.12em; + text-transform: uppercase; + font-weight: 600; +} + +.mediation-hero h1 { + font-size: 3rem; + line-height: 1.24; + color: #1f2530; + margin: 0; +} + +.mediation-hero-lead { + font-size: 1.15rem; + line-height: 1.9; + color: #454b57; + max-width: 52ch; +} + +.mediation-hero-card { + background: rgba(255, 255, 255, 0.9); + border-radius: 28px; + padding: 2.3rem 2.4rem; + box-shadow: 0 30px 75px rgba(15, 25, 40, 0.12); + border-left: 5px solid var(--primary-color); + display: flex; + flex-direction: column; + gap: 1.4rem; +} + +.mediation-hero-card h3 { + margin: 0; + font-size: 1.25rem; + color: #1f2530; +} + +.mediation-hero-card ul { + list-style: none; + padding: 0; + margin: 0; + display: grid; + gap: 0.9rem; +} + +.mediation-hero-card li a { + display: inline-flex; + align-items: center; + gap: 0.6rem; + text-decoration: none; + color: #3f4551; + font-weight: 600; + transition: color 0.2s ease; +} + +.mediation-hero-card li a::before { + content: '→'; + font-size: 1rem; + color: var(--primary-color); + transition: transform 0.2s ease; +} + +.mediation-hero-card li a:hover { + color: var(--primary-color); +} + +.mediation-hero-card li a:hover::before { + transform: translateX(4px); +} + +.mediation-hero-shape { + position: absolute; + border-radius: 50%; + pointer-events: none; + opacity: 0.55; + z-index: 1; +} + +.mediation-hero .shape-a { + width: 320px; + height: 320px; + background: rgba(251, 99, 57, 0.18); + top: 14%; + left: -8%; +} + +.mediation-hero .shape-b { + width: 220px; + height: 220px; + background: rgba(255, 210, 190, 0.28); + bottom: 10%; + right: 12%; +} + +.mediation-hero .shape-c { + width: 440px; + height: 440px; + background: rgba(200, 230, 255, 0.26); + bottom: -160px; + left: 22%; +} + +.mediation-detail { + padding: 110px 2rem; + background: #ffffff; +} + +.mediation-detail:nth-of-type(even) { + background: #fdfcfa; +} + +.mediation-detail-container { + max-width: 1120px; + margin: 0 auto; + display: grid; + grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); + gap: 3rem; + align-items: center; +} + +.mediation-detail--reverse .mediation-detail-container { + grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); +} + +.mediation-detail-text { + display: flex; + flex-direction: column; + gap: 1.2rem; +} + +.mediation-detail-text h2 { + margin: 0; + font-size: 2.1rem; + color: #1f2530; +} + +.mediation-detail-text p { + color: #464d5b; + line-height: 1.85; +} + +.mediation-detail-image { + position: relative; + border-radius: 28px; + overflow: hidden; + min-height: 320px; +} + +.mediation-detail-image picture, +.mediation-detail-image img { + display: block; + width: 100%; + height: 100%; + object-fit: cover; + border-radius: 28px; + box-shadow: 0 28px 60px rgba(15, 25, 40, 0.14); +} + +.mediation-process { + padding: 110px 2rem; + background: linear-gradient(135deg, rgba(251, 99, 57, 0.08), rgba(255, 210, 190, 0.12)); +} + +.mediation-process-container { + max-width: 900px; + margin: 0 auto; + background: rgba(255, 255, 255, 0.94); + border-radius: 28px; + padding: 3rem; + box-shadow: 0 24px 55px rgba(15, 25, 40, 0.1); + display: flex; + flex-direction: column; + gap: 1.5rem; +} + +.mediation-process-container h2 { + margin: 0; + font-size: 2.1rem; + color: #1f2530; +} + +.mediation-process-content p { + color: #3f4551; + line-height: 1.9; +} + +.mediation-accordion { + padding: 120px 2rem 140px; + background: #ffffff; +} + +.mediation-accordion-container { + max-width: 1120px; + margin: 0 auto; + display: flex; + flex-direction: column; + gap: 3rem; +} + +.mediation-accordion-header { + display: flex; + flex-direction: column; + gap: 1rem; + align-items: center; + text-align: center; + margin: 0 auto; +} + +.mediation-accordion-header h2 { + margin: 0; + font-size: 2.2rem; + color: #1f2530; + letter-spacing: 0.12em; +} + +.mediation-accordion-header p { + max-width: 60ch; + color: #464d5b; + line-height: 1.8; + text-align: center; + margin: 0 auto; +} + +.mediation-accordion-grid { + display: flex; + flex-direction: column; + gap: 1.6rem; + counter-reset: mediation-step; + max-width: 760px; + margin: 0 auto; +} + +.mediation-accordion-item { + position: relative; + counter-increment: mediation-step; + background: rgba(255, 255, 255, 0.98); + border-radius: 22px; + padding: 2.1rem 2.2rem 2rem 4.5rem; + border: 1px solid rgba(31, 37, 48, 0.08); + box-shadow: 0 14px 38px rgba(15, 25, 40, 0.08); + display: flex; + flex-direction: column; + gap: 1.2rem; + transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; +} + +.mediation-accordion-item::before { + content: counter(mediation-step); + position: absolute; + top: 1.9rem; + left: 1.4rem; + width: 2.4rem; + height: 2.4rem; + border-radius: 50%; + background: var(--primary-color); + color: #ffffff; + display: inline-flex; + align-items: center; + justify-content: center; + font-weight: 600; + box-shadow: 0 10px 22px rgba(251, 99, 57, 0.25); + font-size: 1rem; +} + +.mediation-accordion-item:hover { + transform: translateY(-4px); + border-color: rgba(251, 99, 57, 0.25); + box-shadow: 0 18px 45px rgba(15, 25, 40, 0.12); +} + +.mediation-accordion-title { + display: flex; + align-items: center; + justify-content: space-between; + gap: 1rem; +} + +.mediation-accordion-title h3 { + margin: 0; + font-size: 1.25rem; + color: #1f2530; + font-weight: 600; +} + +.mediation-accordion-title button { + flex-shrink: 0; } /* Accordion Styles */ .accordion-toggle { - background: none; - border: none; + display: inline-flex; + align-items: center; + gap: 0.4rem; + background: transparent; + border: 1px solid rgba(251, 99, 57, 0.35); color: var(--primary-color); font-weight: 600; cursor: pointer; - font-size: 1.1rem; - padding: 10px 0; - margin-top: 1rem; - text-align: left; + font-size: 0.92rem; + padding: 0.52rem 1.2rem; + border-radius: 999px; + transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease; +} + +.accordion-toggle::after { + content: '+'; + font-weight: 700; +} + +.accordion-toggle.active::after { + content: '−'; +} + +.accordion-toggle:hover { + background: rgba(251, 99, 57, 0.12); + border-color: rgba(251, 99, 57, 0.55); + transform: translateY(-1px); +} + +.accordion-toggle.active, +.accordion-toggle:hover.active { + background: var(--primary-color); + color: #ffffff; + border-color: var(--primary-color); } .accordion-content { max-height: 0; overflow: hidden; - transition: max-height 0.4s ease-out; - border-left: 2px solid var(--primary-color); - padding-left: 1.5rem; - margin-top: 1rem; + transition: max-height 0.35s ease; + display: grid; + gap: 0.9rem; + color: #434955; + line-height: 1.75; +} + +.accordion-content ul { + margin: 0; + padding-left: 1.2rem; + display: grid; + gap: 0.45rem; +} + +.accordion-content li { + list-style: disc; +} + +.accordion-toggle + .accordion-content { + padding-top: 0; +} + +/* FAQ Page */ +.faq-hero { + position: relative; + padding: 160px 2rem 140px; + background: #fdfcfa; + overflow: hidden; +} + +.faq-hero-container { + position: relative; + z-index: 2; + max-width: 1120px; + margin: 0 auto; + display: grid; + grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); + gap: 3rem; + align-items: center; +} + +.faq-hero-text { + display: flex; + flex-direction: column; + gap: 1.4rem; +} + +.faq-hero-kicker { + display: inline-flex; + align-items: center; + gap: 0.4rem; + padding: 0.4rem 1.1rem; + border-radius: 999px; + background: rgba(251, 99, 57, 0.16); + color: var(--primary-color); + font-size: 0.72rem; + letter-spacing: 0.12em; + text-transform: uppercase; + font-weight: 600; +} + +.faq-hero h1 { + margin: 0; + font-size: 3rem; + line-height: 1.22; + color: #1f2530; +} + +.faq-hero-lead { + font-size: 1.18rem; + line-height: 1.95; + color: #3f4551; + max-width: 60ch; +} + +.faq-hero-card { + background: rgba(255, 255, 255, 0.92); + border-radius: 28px; + padding: 2.4rem 2.3rem; + box-shadow: 0 28px 65px rgba(15, 25, 40, 0.12); + border-left: 5px solid var(--primary-color); + display: flex; + flex-direction: column; + gap: 1.4rem; +} + +.faq-hero-card h3 { + margin: 0; + font-size: 1.35rem; + color: #1f2530; +} + +.faq-hero-card p { + margin: 0; + color: #464d5b; + line-height: 1.8; +} + +.faq-hero-contact { + display: grid; + gap: 0.7rem; +} + +.faq-hero-contact a { + color: var(--primary-color); + font-weight: 600; + text-decoration: none; +} + +.faq-hero-contact a:hover { + text-decoration: underline; +} + +.faq-hero-shape { + position: absolute; + pointer-events: none; + border-radius: 50%; + opacity: 0.55; + z-index: 1; +} + +.faq-hero .shape-a { + width: 280px; + height: 280px; + background: rgba(255, 210, 190, 0.35); + top: 14%; + left: -10%; +} + +.faq-hero .shape-b { + width: 340px; + height: 340px; + background: rgba(200, 230, 255, 0.26); + bottom: -160px; + left: 24%; +} + +.faq-hero .shape-c { + width: 200px; + height: 200px; + background: rgba(251, 99, 57, 0.18); + bottom: 12%; + right: 8%; +} + +.faq-accordion { + padding: 120px 2rem 140px; + background: #ffffff; +} + +.faq-accordion-container { + max-width: 900px; + margin: 0 auto; + display: flex; + flex-direction: column; + gap: 2.6rem; +} + +.faq-accordion-header h2 { + margin: 0; + font-size: 2.3rem; + color: #1f2530; + letter-spacing: 0.08em; +} + +.faq-accordion-header p { + margin: 0.8rem 0 0; + color: #434955; + line-height: 1.85; +} + +.faq-accordion-list { + display: grid; + gap: 1.2rem; +} + +.faq-item { + background: rgba(255, 255, 255, 0.94); + border-radius: 24px; + padding: 1.6rem 1.8rem; + box-shadow: 0 20px 50px rgba(15, 25, 40, 0.08); + border: 1px solid rgba(31, 37, 48, 0.04); + transition: box-shadow 0.2s ease, transform 0.2s ease; +} + +.faq-item.active { + box-shadow: 0 28px 64px rgba(15, 25, 40, 0.12); + transform: translateY(-2px); +} + +.faq-question { + width: 100%; + border: none; + background: transparent; + padding: 0; + font-size: 1.1rem; + font-weight: 600; + color: #1f2530; + display: flex; + justify-content: space-between; + align-items: center; + text-align: left; + cursor: pointer; +} + +.faq-question span { + flex: 1; +} + +.faq-question::after { + content: '+'; + font-size: 1.3rem; + color: var(--primary-color); + margin-left: 1rem; + transition: color 0.2s ease; +} + +.faq-item.active .faq-question::after { + content: '–'; +} + +.faq-answer { + max-height: 0; + overflow: hidden; + transition: max-height 0.35s ease; + display: grid; + gap: 1rem; + margin-top: 0; +} + +.faq-item.active .faq-answer { + margin-top: 1.1rem; +} + +.faq-answer p { + margin: 0; + color: #000000; + line-height: 1.85; +} + +.faq-answer ul { + margin: 0; + padding-left: 0; + display: grid; + gap: 0.5rem; + color: #000000; + line-height: 1.75; + list-style: none; +} + +.faq-answer li { + list-style: none; +} + +@media (min-width: 1024px) { + .mediation-hero-lead, + .mediation-detail-text p, + .mediation-process-content p, + .accordion-content p { + text-align: justify; + text-justify: inter-word; + -webkit-hyphens: auto; + hyphens: auto; + } +} + +@media (max-width: 992px) { + .faq-hero { + padding: 130px 1.6rem 110px; + } + + .faq-hero-container { + grid-template-columns: 1fr; + gap: 2.6rem; + justify-items: stretch; + } + + .faq-hero-text, + .faq-hero-card { + width: 100%; + max-width: 560px; + margin: 0 auto; + } + + .faq-hero-text { + align-items: flex-start; + text-align: left; + gap: 1.2rem; + } + + .faq-hero-kicker { + align-self: flex-start; + } + + .faq-hero-card { + align-items: flex-start; + text-align: left; + } +} + +@media (max-width: 768px) { + .faq-hero { + padding: 110px 1.3rem 95px; + } + + .faq-hero h1 { + font-size: 2.4rem; + } + + .faq-hero-lead { + font-size: 1.05rem; + line-height: 1.8; + } + + .faq-hero .shape-b, + .faq-hero .shape-c { + display: none; + } + + .faq-hero-card { + padding: 2rem 1.8rem; + border-left-width: 4px; + gap: 1.2rem; + } + + .faq-accordion { + padding: 90px 1.3rem 110px; + } + + .faq-item { + padding: 1.5rem 1.6rem; + } + + .faq-question { + font-size: 1.05rem; + } +} + +@media (max-width: 520px) { + .faq-hero { + padding: 95px 1.1rem 80px; + } + + .faq-hero-text { + gap: 1rem; + } + + .faq-hero h1 { + font-size: 2rem; + } + + .faq-hero-lead { + font-size: 1rem; + line-height: 1.75; + } + + .faq-hero-card { + padding: 1.7rem 1.4rem; + gap: 1rem; + } + + .faq-accordion { + padding: 80px 1.1rem 90px; + } + + .faq-item { + padding: 1.3rem 1.2rem; + } + + .faq-question { + font-size: 1rem; + align-items: flex-start; + } + + .faq-question::after { + margin-left: 0.6rem; + font-size: 1.1rem; + } + + .faq-answer { + gap: 0.75rem; + } + + .faq-answer p, + .faq-answer li { + font-size: 0.97rem; + line-height: 1.7; + } + + .faq-answer ul { + gap: 0.4rem; + } +} + +/* Responsive adjustments for Medkulturno Posredovanje */ +@media (max-width: 1060px) { + .mediation-hero { + padding: 140px 1.5rem 110px; + } + + .mediation-hero-container { + grid-template-columns: 1fr; + max-width: 760px; + gap: 2.5rem; + } + + .mediation-hero-card { + max-width: 480px; + margin: 0 auto; + } + + .mediation-hero .shape-a { + top: 4%; + left: -28%; + } + + .mediation-hero .shape-b { + right: -12%; + bottom: 4%; + } + + .mediation-hero .shape-c { + left: -10%; + bottom: -180px; + } + + .mediation-detail, + .mediation-process, + .mediation-accordion { + padding: 90px 1.5rem; + } + + .mediation-detail-container, + .mediation-detail--reverse .mediation-detail-container { + grid-template-columns: 1fr; + gap: 2.5rem; + } + + .mediation-detail-image { + min-height: 260px; + } + + .mediation-process-container { + padding: 2.6rem; + } +} + +@media (max-width: 720px) { + .mediation-hero { + padding: 120px 1.25rem 100px; + } + + .mediation-hero-text { + gap: 1.1rem; + } + + .mediation-hero h1 { + font-size: 2.35rem; + } + + .mediation-hero-lead { + font-size: 1.02rem; + line-height: 1.75; + } + + .mediation-hero-card { + width: 100%; + padding: 2rem 2.1rem; + border-radius: 22px; + } + + .mediation-detail { + padding: 80px 1.25rem; + } + + .mediation-detail-image picture, + .mediation-detail-image img { + border-radius: 22px; + } + + .mediation-detail-text h2 { + font-size: 1.85rem; + } + + .mediation-detail-text p { + line-height: 1.7; + } + + .mediation-process { + padding: 80px 1.25rem; + } + + .mediation-process-container { + padding: 2rem 1.8rem; + border-radius: 22px; + } + + .mediation-accordion { + padding: 90px 1.25rem; + } + + .mediation-accordion-item { + padding: 1.6rem 1.35rem 1.55rem 3.2rem; + border-radius: 18px; + border-width: 1px; + box-shadow: 0 10px 30px rgba(15, 25, 40, 0.12); + gap: 0.9rem; + } + + .mediation-accordion-title { + flex-direction: column; + align-items: flex-start; + gap: 0.6rem; + } + + .mediation-accordion-title h3 { + text-align: left; + font-size: 1.05rem; + } + + .accordion-toggle { + align-self: flex-start; + font-size: 0.85rem; + padding: 0.45rem 0.9rem; + } + + /* Prevent AOS horizontal offsets from causing sideways scrolling */ + [data-aos="fade-left"], + [data-aos="fade-right"] { + transform: none !important; + } + + .mediation-accordion-grid { + max-width: 100%; + gap: 1.1rem; + } + + .mediation-accordion-item::before { + width: 1.9rem; + height: 1.9rem; + top: 1.4rem; + left: 1.2rem; + font-size: 0.85rem; + box-shadow: 0 8px 18px rgba(251, 99, 57, 0.25); + } + + .accordion-content { + gap: 0.7rem; + } +} + +@media (max-width: 520px) { + .mediation-hero { + padding: 110px 1rem 90px; + } + + .mediation-hero h1 { + font-size: 2.05rem; + } + + .mediation-hero-lead { + font-size: 0.98rem; + } + + .mediation-hero-card { + padding: 1.6rem 1.7rem; + gap: 1rem; + } + + .mediation-hero-card h3 { + font-size: 1.15rem; + } + + .mediation-hero-card li a { + font-size: 0.95rem; + } + + .mediation-detail, + .mediation-process, + .mediation-accordion { + padding: 70px 1rem; + } + + .mediation-detail-container { + gap: 2rem; + } + + .mediation-detail-image { + min-height: 220px; + } + + .mediation-process-container h2, + .mediation-accordion-header h2 { + font-size: 1.85rem; + } + + .mediation-accordion-item { + padding: 1.4rem 1.2rem 1.4rem 2.9rem; + gap: 0.75rem; + border-radius: 16px; + } + + .accordion-toggle { + width: 100%; + align-self: flex-start; + justify-content: center; + text-align: center; + padding: 0.45rem 0.9rem; + font-size: 0.83rem; + } + + .mediation-accordion-item::before { + width: 1.6rem; + height: 1.6rem; + top: 1.2rem; + left: 1.05rem; + font-size: 0.75rem; + } + + .mediation-accordion-title h3 { + font-size: 1rem; + } + + .accordion-content { + font-size: 0.94rem; + gap: 0.6rem; + } } /* Workshop Page Styles */ diff --git a/delavnice/index.html b/delavnice/index.html index eda3249..971345b 100644 --- a/delavnice/index.html +++ b/delavnice/index.html @@ -124,7 +124,7 @@
Pregled delavnic

Skupaj gradimo podporno okolje

-

Izberi delavnico, ki najbolje odgovarja potrebam tvoje šole ali vrtca, in spoznaj, kako lahko s strokovno pripravljeno vsebino okrepiš vključevanje priseljencev, sodelovanje s starši ter strokovno rast ekipe.

+

Izberite delavnico, ki najbolje ustreza vaši šoli ali vrtcu, in odkrijte, kako lahko z našo strokovno pripravljeno vsebino izboljšate vključevanje priseljencev, sodelovanje s starši ter strokovni razvoj ekipe.

diff --git a/index.html b/index.html index b6b5d78..c72cd82 100644 --- a/index.html +++ b/index.html @@ -180,7 +180,7 @@ Amra Kurešepi Zulji
-

Sem tu za vas, Amra - mama, žena, raziskovalka jezikov in kultur ter vaša zvesta sopotnica na razburljivi poti učenja in odkrivanja novih svetov.

+

Sem Amra – mama, žena, raziskovalka jezikov in kultur ter vaša zvesta sopotnica na zanimivi poti učenja in odkrivanja novih svetov.

Kot profesorica angleščine in medkulturna posrednica vam pomagam usvajati angleščino (in druge jezike), odpirati vrata razumevanju ter ustvarjati priložnosti, da se v vsakem okolju počutite domače in samozavestno. Skupaj bomo rasli, se smejali in sijali v svetu novih možnosti!

MOJA ZGODBA
@@ -195,7 +195,7 @@ +386 30 312 855 info@prosberry.si
-

Skupaj definirajva tvoje potrebe in možnosti sodelovanja.

+

Skupaj ustvariva prostor za učenje in povezovanje.

diff --git a/js/main.js b/js/main.js index 436b3d6..d31ee47 100644 --- a/js/main.js +++ b/js/main.js @@ -228,20 +228,32 @@ document.addEventListener('DOMContentLoaded', function() { const accordions = document.querySelectorAll('.accordion-toggle'); accordions.forEach(accordion => { accordion.addEventListener('click', function() { - this.classList.toggle('active'); - const content = this.nextElementSibling; + const accordionItem = this.closest('.mediation-accordion-item'); + const content = accordionItem ? accordionItem.querySelector('.accordion-content') : null; - if (content.style.maxHeight) { - // Če je odprto, zapri - content.style.maxHeight = null; - this.textContent = 'Več'; - } else { - // Če je zaprto, odpri + if (!content) { + return; + } + + this.classList.toggle('active'); + const isOpen = this.classList.contains('active'); + this.setAttribute('aria-expanded', String(isOpen)); + content.setAttribute('aria-hidden', String(!isOpen)); + + if (isOpen) { content.style.maxHeight = content.scrollHeight + "px"; this.textContent = 'Manj'; + } else { + content.style.maxHeight = null; + this.textContent = 'Več'; } }); accordion.textContent = 'Več'; + accordion.setAttribute('aria-expanded', 'false'); + const initialContent = accordion.closest('.mediation-accordion-item')?.querySelector('.accordion-content'); + if (initialContent) { + initialContent.setAttribute('aria-hidden', 'true'); + } }); // --- Header Scroll Effect --- diff --git a/kdo-sem/index.html b/kdo-sem/index.html index 2dda35e..203aa08 100644 --- a/kdo-sem/index.html +++ b/kdo-sem/index.html @@ -127,7 +127,7 @@
O meni

Povezanost z jeziki, ljudmi in zgodbami

-

Od nekdaj sem imela rada jezike, ljudi in zgodbe. Z jeziki sem povezana že od malih nog, saj sem odraščala v večjezičnem okolju, kjer sem naravno prehajala 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.

+

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.

diff --git a/pogosta-vprasanja/index.html b/pogosta-vprasanja/index.html index 0b0a85d..a99db54 100644 --- a/pogosta-vprasanja/index.html +++ b/pogosta-vprasanja/index.html @@ -119,18 +119,40 @@
-
-
-
-

Pogosta vprašanja

-

Zanima vas, kako potekajo naši postopki in storitve? Tukaj smo zbrali odgovore na vprašanja, ki jih največkrat prejmemo.

+
+
+
+ Vprašanja in odgovori +

Pogosta vprašanja

+

Zanima vas, kako potekajo naši postopki in storitve? Spodaj smo zbrali odgovore na vprašanja, ki jih največkrat prejmemo.

-
-
-

1. V katerih situacijah je medkulturno posredovanje v pomoč?

+
+

Potrebujete dodatna pojasnila?

+

Če med vprašanji ne najdete odgovora, mi pišite ali me pokličite. Vesela bom vašega sporočila.

+ +
+
+
+
+
+
+ +
+
+
+

Odgovori na vaša vprašanja

+
+
+
+
    -
  • – Pri razumevanju šolskih obvestil in navodil
  • +
  • – Pri razumevanju šolskih obvestil, navodil in uradnih postopkov
  • – Pri vključevanju otroka v učni proces
  • – Ob pojavu nesporazumov zaradi jezikovnih ali kulturnih razlik
  • – Pri prehodu iz vrtca v šolo ali med različnimi šolskimi programi
  • @@ -140,70 +162,90 @@
  • – Pri usklajevanju pričakovanj med šolo in družino (npr. domače naloge, pravila, roki)
-
-
-

2. Kdaj izbrati medkulturno posredovanje ali delavnico?

+ + +
+

Medkulturno posredovanje je primerno, kadar je potreben dinamičen pogovor med ljudmi v različnih institucijah – šolah, vrtcih, zdravstvenih ustanovah in drugih organizacijah. Posredovalec ves čas prevaja, razlaga in svetuje, kadar zazna, da katera stran ne razume, ter pomaga razjasniti mnenja, pričakovanja, pobude in omejitve. Gre za aktivno podporo, prilagojeno situaciji in potrebam udeležencev.

Delavnice so strukturirane, ciljane seje, ki sledijo vnaprej določenim ciljem in vsebini, kot je opisano za posamezno delavnico. Posredovalec vodi delavnico po pripravljeni strukturi ter zagotavlja informacije, praktične nasvete in izobraževalne aktivnosti za konkretno ciljno skupino – učence, starše, starše otrok v vrtcu ali zaposlene.

Vse naše dejavnosti prispevajo k boljšemu vključevanju priseljencev in razumevanju medkulturnih razlik – izberite tisto, kar najbolje ustreza vašim potrebam.

-
-
-

3. Kdaj izbrati individualno in kdaj skupinsko medkulturno posredovanje?

+ + +
+
-

Individualno medkulturno posredovanje je primerno, kadar kader v instituciji (npr. razrednik in/ali svetovalni delavec) vodi sestanek s posameznimi starši ali družino. Posredovalec prevaja, razlaga in svetuje neposredno med udeleženci, kar omogoča poglobljeno razumevanje, reševanje specifičnih vprašanj in prilagojeno podporo posameznim potrebam.

-

Skupinsko medkulturno posredovanje je primerno za večje skupine udeležencev, npr. na roditeljskih sestankih ali srečanjih več staršev priseljencev, kjer udeleženci ne razumejo jezika ali delovanja institucije. Posredovalec zagotavlja prevod in pojasnila za vse udeležence, da se vsi lahko aktivno vključijo, razumejo informacije in sodelujejo pri pogovoru.

+

Individualno medkulturno posredovanje je primerno, kadar strokovni kader v instituciji (npr. razrednik ali svetovalni delavec) vodi sestanek s posameznimi starši ali z družino. Posredovalec prevaja, razlaga in svetuje neposredno med udeleženci, kar omogoča poglobljeno razumevanje, reševanje specifičnih vprašanj ter prilagojeno podporo posameznim potrebam.

+

Skupinsko medkulturno posredovanje je primerno za večje skupine udeležencev, npr. na roditeljskih sestankih ali srečanjih več staršev priseljencev, kadar udeleženci ne razumejo jezika ali delovanja institucije. Posredovalec zagotavlja prevod in pojasnila za vse prisotne, da se lahko vsi aktivno vključijo, razumejo informacije in sodelujejo v pogovoru.

-
-
-

4. Ali delavnice potekajo tudi v jezikih, ki jih ne obvladate sami?

+ + +
+

Da, delavnice lahko potekajo tudi v drugih jezikih, npr. ruščini, francoščini ali drugih jezikih. Če zahtevanega jezika osebno ne obvladam, delavnica poteka z dodatno pomočjo prevajalca, ki zagotovi, da so vse informacije razumljive udeležencem.

-

Zaradi stroškov prevajalca je v tem pri

  • –u doplačilo 50 €, kar pokriva njegovo delo.

    +

    Zaradi stroškov prevajalca je v tem primeru doplačilo 50 €, kar pokriva njegovo delo.

  • -
    -
    -

    5. Ali delujete le v vzgojno-izobraževalnih ustanovah ali tudi drugje?

    + + +
    +

    Primarno delujem v vzgojno-izobraževalnih ustanovah, saj sem po poklicu profesorica in so mi te institucije najbolj domače, kjer lahko ponudim največjo strokovno podporo.

    -

    V drugih institucijah lahko delujem kot prevajalka ali medkulturna posrednica, le v pri

  • –u, da si lahko sama zagotovim razlago ozadja (npr. iz dostopnih virov). Če to ni mogoče, mora institucija posredovati potrebne informacije, da lahko delo poteka kakovostno in pravilno.

    +

    V drugih institucijah lahko delujem kot prevajalka ali medkulturna posrednica, le v primeru, da si lahko sama zagotovim razlago ozadja (npr. iz dostopnih virov). Če to ni mogoče, mora institucija posredovati potrebne informacije, da lahko delo poteka kakovostno in pravilno.

  • -
    -
    -

    6. Kdaj izbrati 30-minutno in kdaj 60-minutno medkulturno posredovanje?

    + + +
    +
    -

    30-minutno medkulturno posredovanje je primerno za krajše pogovore, hitre pojasnitve ali podporo pri posameznih vprašanjih, kjer ni predvideno poglobljeno razpravljanje.

    -

    60-minutno posredovanje je priporočljivo za daljše ali bolj kompleksne pogovore, obravnavo več tem, razjasnjevanje nesporazumov ali občutljive vsebine. Daljša seja omogoča dovolj časa, da vsi udeleženci razumejo informacije, izrazijo svoje mnenje in dosežejo skupno razumevanje.

    +

    Medkulturno posredovanje, ki traja 30 minut, je primerno za krajše pogovore, hitre pojasnitve ali podporo pri posameznih vprašanjih, kjer ni predvideno poglobljeno razpravljanje.

    +

    Medkulturno posredovanje, ki traja 60 minut, je priporočljivo za daljše ali bolj kompleksne pogovore, obravnavo več tem, razjasnjevanje nesporazumov ali občutljive vsebine. Daljša seja omogoča dovolj časa, da vsi udeleženci razumejo informacije, izrazijo svoje mnenje in dosežejo skupno razumevanje.

    -
    -
    -

    7. Kaj šole in vrtci pridobijo z medkulturnim posredovanjem in/ali delavnicami?

    + + +
    +
      -
    • – Olajšana komunikacija s starši in učenci
    • +
    • – Olajšano komunikacijo s starši in učenci
    • – Večje zaupanje med družinami in šolskim osebjem
    • -
    • – Boljše razumevanje otrokovega kulturnega in jezikovnega ozadja
    • -
    • – Preprečevanje nesporazumov in krepitev sodelovanja
    • -
    • – Podpora učiteljem in osebju pri razumevanju kulturnih razlik
    • +
    • – Boljše razumevanje kulturnega in jezikovnega ozadja otrok
    • +
    • – Preprečevanje nesporazumov in konfliktov v razredu
    • +
    • – Večjo podporo učiteljem pri razumevanju kulturnih razlik
    • – Lažje vključevanje novih otrok in družin v učni proces
    • -
    • – Večja vključenost staršev v šolske dejavnosti
    • -
    • – Prepoznavanje in reševanje morebitnih kulturnih neskladij v razredu
    • +
    • – Večjo vključenost staršev v šolske dejavnosti
    • – Spodbujanje medkulturnega razumevanja med učenci
    -
    -
    -

    8. Kako poteka sodelovanje?

    + + +
    +
    -
      -
    • – V pogovoru po telefonu ali e-pošti se dogovorimo za vrsto sodelovanja in termin
    • -
    • – Stranka naroči storitev; če gre za ustanovo, pošlje naročilnico
    • -
    • – Izdam račun, ki se poravna v dogovorjenem obdobju
    • -
    • – Sodelovanje poteka z zaupanjem in podporo, da izboljšamo komunikacijo ter razumevanje
    • +
        +
      • – V pogovoru po telefonu ali po e-pošti se skupaj dogovorimo za vrsto sodelovanja in ustrezen termin.
      • +
      • – Stranka naroči storitev; če gre za ustanovo, lahko pošlje tudi naročilnico.
      • +
      • – Izdam račun, ki ga stranka poravna v dogovorjenem roku.
      • +
      • – Sodelovanje poteka z zaupanjem in podporo, da izboljšamo komunikacijo ter razumevanje.
    -
    +
    @@ -225,36 +267,49 @@ diff --git a/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/index.html b/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/index.html index 0627fa7..3411986 100644 --- a/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/index.html +++ b/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/index.html @@ -144,7 +144,7 @@

    Cilji delavnice

      -
    • Povečati kulturno občutljivost in kulturno inteligenco učiteljev.
    • +
    • Krepiti kulturno občutljivost in kulturno inteligenco učiteljev.
    • Predstaviti učinkovite strategije za motivacijo učencev, ki še ne govorijo tekoče jezika pouka.
    • Izmenjava dobrih praks in skupinsko reševanje konkretnih primerov iz prakse.
    • Poudariti pomen osebne zgodbe kot mostu do razumevanja in vključevanja.
    • diff --git a/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html b/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html index d63a9e9..4716dba 100644 --- a/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html +++ b/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html @@ -122,81 +122,122 @@
      -
      -

      Medkulturno posredovanje

      +
      +
      +
      + Skupaj za vključevanje +

      Medkulturno posredovanje

      +

      Potek medkulturnega posredovanja se prilagodi potrebam posameznega primera.

      +
      + +
      +
      +
      +
      -
      -
      - -
      -

      INDIVIDUALNO

      -
      -

      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.

      -

      Primer: Š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.

      -
      +
      +
      +
      + + + Individualno medkulturno posredovanje +
      - -
      -

      SKUPINSKO

      -
      -

      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.

      -

      Primer: 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.

      -
      +
      +

      Individualno

      +

      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.

      +

      Primer: Š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.

      +
      +
      -
      -

      POTEK

      -
      -

      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.

      -

      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.

      -
      +
      +
      +
      +

      Skupinsko

      +

      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.

      +

      Primer: 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.

      +
      + + + Skupinsko medkulturno posredovanje + +
      +
      +
      -
      -

      OBLIKE GLEDE NA NAMEN

      -
      -
      -

      1. Pomoč pri razlagi načrtov in dokumentov

      - -
      -

      V to kategorijo vključimo vse primere, kjer medkulturni posrednik pojasnjuje vsebinske pomene dokumentov ali načrtov posameznikom ter hkrati posreduje informacije obema stranema:

      -
        -
      • individualni vzgojni načrti, šolska pravila, zdravniške odločbe;
      • -
      • kulturno posredovanje in razlaga zahtev, pričakovanj institucij;
      • -
      • podpora pri razumevanju postopkov in pravic.
      • -
      -
      +
      +
      +

      Potek

      +
      +

      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.

      +

      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.

      +
      +
      +
      + +
      +
      +
      +

      Oblike glede na namen

      +

      Vključujejo različne pristope, skozi katere medkulturni posrednik podpira razumevanje, sodelovanje in preprečevanje nesporazumov.

      +
      +
      +
      +
      +

      Pomoč pri razlagi načrtov in dokumentov

      +
      - -
      -

      2. Reševanje nesporazumov ali napetosti

      - -
      -

      Ta del vključuje vse primere, kjer pride do napetosti, konfliktov ali nesoglasij med posamezniki in institucijo ali strokovnjakom:

      -
        -
      • razreševanje konfliktov zaradi različnih pričakovanj in kulturnih vrednot;
      • -
      • posredovanje med staršem in vzgojiteljico, zdravnikom, svetovalnim delavcem ipd.;
      • -
      • omogočanje varnega prostora za izražanje skrbi in iskanje razumevanja.
      • -
      -
      +
      +

      V to kategorijo vključimo vse primere, kjer medkulturni posrednik pojasnjuje vsebinske pomene dokumentov ali načrtov posameznikom ter hkrati posreduje informacije obema stranema:

      +
        +
      • individualni vzgojni načrti, šolska pravila, zdravniške odločbe;
      • +
      • kulturno posredovanje in razlaga zahtev, pričakovanj institucij;
      • +
      • podpora pri razumevanju postopkov in pravic.
      • +
      +
      -
      -

      3. Svetovalno medkulturno posredovanje za lažje vključevanje

      - -
      -

      V to kategorijo spadajo primeri, kjer medkulturni posrednik deluje predvsem preventivno, brez prisotnosti spora:

      -
        -
      • gradnja razumevanja in sodelovanja med posamezniki in institucijo;
      • -
      • predstavitev pričakovanj, vrednot in kulturnih razlik pred začetkom sodelovanja;
      • -
      • podpora pri preprečevanju nesporazumov.
      • -
      -
      +
      +
      +

      Reševanje nesporazumov ali napetosti

      +
      -
      +
      +

      Ta del vključuje vse primere, kjer pride do napetosti, konfliktov ali nesoglasij med posamezniki in institucijo ali strokovnjakom:

      +
        +
      • razreševanje konfliktov zaradi različnih pričakovanj in kulturnih vrednot;
      • +
      • posredovanje med staršem in vzgojiteljico, zdravnikom, svetovalnim delavcem ipd.;
      • +
      • omogočanje varnega prostora za izražanje skrbi in iskanje razumevanja.
      • +
      +
      + + +
      +
      +

      Svetovalno medkulturno posredovanje za lažje vključevanje

      + +
      +
      +

      V to kategorijo spadajo primeri, kjer medkulturni posrednik deluje predvsem preventivno, brez prisotnosti spora:

      +
        +
      • gradnja razumevanja in sodelovanja med posamezniki in institucijo;
      • +
      • predstavitev pričakovanj, vrednot in kulturnih razlik pred začetkom sodelovanja;
      • +
      • podpora pri preprečevanju nesporazumov.
      • +
      +
      +
      -