"./cene-in-reference/index.html" : """ Cene in reference - Prosberry
Cene in reference

C E N I K

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

Cene za medkulturno posredovanje

  • 30 € – 30 min
  • 50 € – 60 min

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

8 - 10 €

v skupini

  • 4 - 6 udeležencev - 10 €
  • 7 - 15 udeležencev - 8 €
15 - 20 €

v paru

  • učenci in dijaki - 15 €
  • odrasli - 20 €
25 - 30 €

individualno

  • učenci in dijaki - 25 €
  • odrasli - 30 €

R E F E R E N C E

Kaj pravijo meni/o meni...

V veliko veselje mi je nekaj malega napisati o Amri Kurešepi za njeno spletno stran v okencu 'kaj pravijo o meni'.

Amra je prišla v Ljubljano iz Prištine in tu nadaljevala študij angleščine na bolonjski magistrski stopnji. Poleg predanega magistrskega študija se je ves čas tudi zelo intenzivno učila slovenščine. Ves čas študija je kazala iskren interes in zavzetost za poučevanje, hkrati pa tudi zadostno mero kritičnosti do sebe in drugih. Amra je sprva morda delovala plaho (verjetno zaradi velikih življenjskih sprememb), vendar se je hitro sprostila in lepo vključila v razred. K dobremu delu skupine je prispevala s tem, da je bila pripravljena prevzeti pobudo; natančnost, vztrajnost in zdrava samozavest pa so ji zagotavljaje uspeh v razredu.

Pod mojim mentorstvom je uspešno opravila pedagoško prakso na OŠ Hinka Smrekarja, v času študija smo skupaj opravili veliko hospitacij po različnih srednjih in osnovnih šolah v Ljubljani, svoj izpitni nastop pa je opravljala na Gimnaziji Bežigrad. Oktobra 2019 je pod mojim mentorstvom študij zaključila z magistrskim delom z naslovom "Factors that Influence the Process of Learning Foreign Languages and Some Potential Effects of Multilingualism" (Dejavniki, ki vplivajo na proces učenja tujih jezikov in nekaj morebitnih učinkov večjezičnosti).

V luči mojega osebnega poznavanja kolegice Amre Kurešepi sem prepričan, da lastnosti, ki jih je izkazovala že med študijem, tj. zavzetost, resnost, odgovornost, samostojnost in ustvarjalnost, izkazuje pri vsakem delu, ki ga opravlja.

red. prof. dr. Janez Skela

Vodja Katedre za didaktiko angleščine, Oddelek za anglistiko in amerikanistiko FF UL

Amra, ful ti hvala za vse res. Tako sem vesela, da nimam odpora do učenja angleščine. Res čutim, da sem na pravi poti in želim od tega tečaja odnesit max. Me je pa treba priganjati in ti počneš to zelo prijazno in profesionalno, za kar sem ti neskočno hvaležna. Tokrat prvič nimam strahu in sramu, da bom povedala ali naredila kaj narobe.

Mojca Triller

Predstavnik klicnega centra

""" "./cene-in-sodelovanja/index.html" : """ Cene in sodelovanja - Prosberry

Cene in sodelovanja

Za informacije o cenah nas kontaktirajte.

Stopite v stik
""" "./css/style.css" : """ /* Google Fonts */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); /* Reset and base styles */ :root { --primary-color: #fb6339; --text-color: #000000; --bg-color: #ffffff; --light-bg: #f9f9f9; --transition: all 0.3s ease; } * { margin: 0; padding: 0; 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 { overflow: hidden; } /* Header and Navigation */ .main-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .nav-container { max-width: 1200px; margin: 0 auto; padding: 1rem 2rem; display: flex; justify-content: space-between; align-items: center; } .logo { display: flex; align-items: center; } .logo a { display: flex; align-items: center; font-size: 1.5rem; font-weight: 700; color: var(--primary-color); text-decoration: none; letter-spacing: 1px; } .logo img { /* Višino zmanjšamo za 10px (5px zgoraj, 5px spodaj) */ height: calc(50px + 2rem - 10px); width: auto; /* Negativni rob zmanjšamo za 5px, da ustvarimo prostor */ margin-top: calc(-1rem + 5px); margin-bottom: calc(-1rem + 5px); margin-right: 10px; } .nav-links { display: flex; align-items: center; } .nav-links a { color: var(--text-color); text-decoration: none; margin-left: 2rem; font-weight: 500; transition: var(--transition); padding: 0.5rem 0; } .nav-links a:hover, .nav-links a.active, .dropbtn.active { color: var(--primary-color); } /* Mobile menu button */ .mobile-menu-btn { display: none; flex-direction: column; gap: 6px; cursor: pointer; } .mobile-menu-btn span { width: 30px; height: 2px; background: var(--text-color); transition: var(--transition); } /* Hero Section */ .hero { padding: 120px 2rem 60px; background: linear-gradient(135deg, rgba(251, 99, 57, 0.1) 0%, rgba(255, 255, 255, 0) 100%); min-height: 100vh; display: flex; align-items: center; } .hero-content { max-width: 1200px; margin: 0 auto; width: 100%; } .hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; } .hero-text { max-width: 600px; } .hero h1 { font-size: 3rem; margin-bottom: 2rem; color: var(--text-color); } .hero h2 { color: var(--primary-color); margin-bottom: 1rem; } .hero-image { display: flex; justify-content: center; align-items: center; } .hero-image img { max-width: 100%; height: auto; filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1)); transition: var(--transition); } .hero-image img:hover { transform: translateY(-10px); filter: drop-shadow(0 20px 30px rgba(251, 99, 57, 0.2)); } .pros-berry-explanation { margin: 2rem 0; padding: 2rem; background: white; border-radius: 10px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); } /* CTA Button */ .cta-button { display: inline-block; padding: 1rem 2rem; background: var(--primary-color); color: white; text-decoration: none; border-radius: 30px; font-weight: 500; transition: var(--transition); margin-top: 2rem; } .cta-button:hover { transform: translateY(-2px); box-shadow: 0 4px 15px rgba(251, 99, 57, 0.4); } /* Services Section */ .services { padding: 80px 2rem; background: white; } .services h2 { text-align: center; margin-bottom: 3rem; color: var(--text-color); } .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; max-width: 1200px; margin: 0 auto; } .service-card { padding: 2rem; background: white; border-radius: 15px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); transition: var(--transition); text-align: center; } .service-card:hover { transform: translateY(-5px); } .service-icon { width: 100px; height: 100px; margin: 0 auto 1.5rem; display: flex; justify-content: center; align-items: center; background-color: rgba(251, 99, 57, 0.1); border-radius: 50%; transition: var(--transition); } .service-icon .emoji { font-size: 3.5rem; transition: var(--transition); } .service-card:hover .service-icon { background-color: var(--primary-color); } .service-card:hover .service-icon .emoji { color: white; transform: scale(1.1); } .service-card h3 { color: var(--primary-color); margin-bottom: 1rem; } /* Contact Info Section */ .contact-info { padding: 60px 2rem; text-align: center; background: linear-gradient(135deg, rgba(251, 99, 57, 0.1) 0%, rgba(255, 255, 255, 0) 100%); } .contact-info a { color: var(--primary-color); text-decoration: none; font-weight: 500; transition: var(--transition); } .contact-info a:hover { text-decoration: underline; } /* Footer */ footer { background: var(--text-color); color: var(--bg-color); padding: 3rem 2rem; } .footer-content { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; } .footer-logo h3 { color: var(--primary-color); } .footer-contact a { color: var(--bg-color); text-decoration: none; transition: var(--transition); } .footer-contact a:hover { color: var(--primary-color); } /* Responsive Design */ @media (max-width: 992px) { .hero-grid { grid-template-columns: 1fr; gap: 2rem; } .hero-text { max-width: 100%; text-align: center; } .hero-image { order: -1; } .hero-image img { max-width: 80%; } } @media (max-width: 768px) { .nav-links .dropdown { width: 100%; margin-left: 0; } .nav-links a, .nav-links .dropdown .dropbtn { margin: 0; padding: 0.9rem 1.1rem; text-align: left; border-radius: 12px; font-size: 1rem; display: block; width: 100%; } .nav-links .dropdown .dropbtn { background: rgba(251, 99, 57, 0.08); border: none; } .nav-links .dropdown:hover .dropbtn, .nav-links .dropdown .dropbtn.active, .nav-links a:hover, .nav-links a.active { background: rgba(251, 99, 57, 0.16); } .nav-links { display: none; position: fixed; top: 72px; left: 0; width: 100%; height: calc(100vh - 72px); background: rgba(255, 255, 255, 0.98); padding: 1.5rem 1.25rem 2.2rem; flex-direction: column; align-items: stretch; gap: 0.75rem; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12); backdrop-filter: blur(12px); overflow-y: auto; z-index: 999; } .nav-links.active { display: flex; } .mobile-menu-btn { display: flex; z-index: 1000; } .mobile-menu-btn.active span:nth-child(1) { transform: rotate(45deg) translate(6px, 6px); } .mobile-menu-btn.active span:nth-child(2) { opacity: 0; } .mobile-menu-btn.active span:nth-child(3) { transform: rotate(-45deg) translate(6px, -6px); } .dropdown-content, .dropdown-submenu-content { position: static; display: none; box-shadow: none; background: transparent; border-radius: 0; min-width: 100%; padding: 0; margin: 0.35rem 0 0; } .dropdown-content a { padding: 0.8rem 1.1rem; border-radius: 10px; } .dropdown-submenu-content { margin-left: 0; padding: 0.2rem 0 0.8rem; border-left: 2px solid rgba(251, 99, 57, 0.2); } .dropdown-submenu-content a { padding-left: 1.6rem; } /* Hero section mobile optimization */ .hero { padding: 100px 1.5rem 40px; min-height: auto; } .hero h1 { font-size: 2rem; margin-bottom: 1.5rem; } .hero-grid { grid-template-columns: 1fr; gap: 2rem; } .hero-image { order: -1; } .hero-image img { max-width: 80%; } /* Services section mobile optimization */ .services { padding: 60px 1.5rem; } .services-grid { grid-template-columns: 1fr; gap: 1.5rem; } .service-card { padding: 1.5rem; } /* General mobile optimizations */ section { padding: 60px 1.5rem; } h1 { font-size: 2rem; } h2 { font-size: 1.75rem; } h3 { font-size: 1.25rem; } p { font-size: 1rem; } .cta-button { width: 100%; text-align: center; padding: 1rem; } .footer-content { flex-direction: column; text-align: center; gap: 2rem; } .logo img { height: calc(50px + 2rem - 10px); width: auto; margin-top: calc(-1rem + 5px); margin-bottom: calc(-1rem + 5px); margin-right: 10px; } .service-icon { width: 120px; height: 120px; } .service-icon .emoji { font-size: 4rem; } } /* Small mobile devices */ @media (max-width: 480px) { .hero h1 { font-size: 1.75rem; } .hero-image img { max-width: 100%; } .service-card { padding: 1.25rem; } .footer-content { padding: 2rem 1.5rem; } .service-icon { width: 110px; height: 110px; } .service-icon .emoji { font-size: 3.8rem; } } /* Animations */ @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .fade-in { animation: fadeIn 0.6s ease forwards; } /* About Page Styles */ .about-hero { position: relative; padding: 160px 2rem 150px; background: #fdfcfa; overflow: hidden; } .about-hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 12% 18%, rgba(251, 99, 57, 0.18) 0%, rgba(251, 99, 57, 0) 55%), radial-gradient(circle at 78% 14%, rgba(255, 210, 190, 0.32) 0%, rgba(255, 210, 190, 0) 60%), radial-gradient(circle at 68% 80%, rgba(200, 230, 255, 0.25) 0%, rgba(200, 230, 255, 0) 60%); z-index: 0; } .about-hero-container { position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: 3rem; align-items: center; } .about-hero-text { display: flex; flex-direction: column; gap: 1.5rem; } .about-hero-kicker { display: inline-block; align-self: flex-start; padding: 0.35rem 1rem; border-radius: 999px; letter-spacing: 0.12em; text-transform: uppercase; font-size: 0.72rem; font-weight: 600; background: rgba(251, 99, 57, 0.14); color: var(--primary-color); } .about-hero h1 { font-size: 3rem; line-height: 1.25; color: #1f2530; margin: 0; } .about-hero-text p { font-size: 1.12rem; line-height: 1.9; color: #454b57; max-width: 65ch; text-align: justify; } .about-hero-image { display: flex; justify-content: center; align-items: flex-end; } .about-hero-image .image-frame { position: relative; padding: 0; border-radius: 36px; background: transparent; box-shadow: 0 25px 55px rgba(15, 25, 40, 0.12); overflow: hidden; } .about-hero-image picture, .about-hero-image img { display: block; width: 100%; height: auto; border-radius: 28px; } .about-hero-shape { position: absolute; border-radius: 50%; pointer-events: none; opacity: 0.55; z-index: 1; } .about-hero .shape-a { width: 260px; height: 260px; background: rgba(251, 99, 57, 0.16); top: 18%; left: 4%; } .about-hero .shape-b { width: 120px; height: 120px; border: 2px dotted rgba(251, 99, 57, 0.45); top: 24%; right: 16%; } .about-hero .shape-c { width: 320px; height: 320px; background: rgba(254, 219, 204, 0.28); bottom: -120px; left: 22%; } .about-hero .shape-d { width: 90px; height: 90px; border: 2px solid rgba(200, 230, 255, 0.45); bottom: 12%; right: 8%; } .about-accordion-section { background: #ffffff; padding: 0 2rem 140px; } .about-accordion-container { max-width: 960px; margin: -90px auto 0; background: #ffffff; border-radius: 28px; box-shadow: 0 35px 80px rgba(15, 25, 40, 0.08); padding: 3.25rem 3rem; position: relative; overflow: hidden; } .about-accordion-container::before { content: ""; position: absolute; width: 260px; height: 260px; background: radial-gradient(circle, rgba(251, 99, 57, 0.16) 0%, rgba(251, 99, 57, 0) 70%); top: -120px; right: -80px; z-index: 0; } .about-accordion-container > * { position: relative; z-index: 1; } .about-accordion-intro { text-align: center; margin-bottom: 2.5rem; } .about-accordion-intro p { font-size: 1rem; color: #5a5f69; } .about-accordion-list { display: flex; flex-direction: column; gap: 1.25rem; } .about-accordion-item { border-radius: 18px; background: rgba(253, 252, 250, 0.85); border: 1px solid rgba(31, 37, 48, 0.06); box-shadow: 0 18px 35px rgba(15, 25, 40, 0.07); overflow: hidden; } .about-accordion-toggle { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.4rem 1.8rem; font-size: 1.1rem; font-weight: 600; color: #1f2530; background: transparent; border: none; cursor: pointer; text-align: left; transition: background 0.25s ease, color 0.25s ease; } .about-accordion-toggle span:first-child { flex: 1; } .about-accordion-toggle:focus-visible { outline: 2px solid rgba(251, 99, 57, 0.4); outline-offset: 4px; } .about-accordion-toggle[aria-expanded="true"] { background: rgba(251, 99, 57, 0.08); color: var(--primary-color); } .accordion-icon { width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(251, 99, 57, 0.45); display: grid; place-items: center; font-size: 1.2rem; color: var(--primary-color); transition: transform 0.25s ease, background 0.25s ease; } .accordion-icon::after { content: "+"; font-weight: 600; } .about-accordion-toggle[aria-expanded="true"] .accordion-icon::after { content: "–"; } .about-accordion-toggle[aria-expanded="true"] .accordion-icon { background: rgba(251, 99, 57, 0.14); } .about-accordion-content p { text-align: justify; } .about-accordion-content { padding: 0 1.8rem 1.8rem; font-size: 1rem; line-height: 1.85; color: #4f5562; } .about-accordion-content p + p { margin-top: 1.1rem; } /* Responsive Styles */ @media (max-width: 992px) { .about-hero { padding: 130px 1.5rem 130px; } .about-hero-container { grid-template-columns: 1fr; gap: 2.5rem; text-align: center; } .about-hero-text { text-align: center; align-items: center; } .about-hero-kicker { align-self: center; } .about-hero-text p { max-width: 48ch; } .about-hero-image .image-frame { max-width: min(90%, 420px); margin: 0 auto; } .about-accordion-container { margin: -60px auto 0; padding: 2.8rem 2.4rem; } } @media (max-width: 768px) { .about-hero { padding: 120px 1.25rem 110px; } .about-hero h1 { font-size: 2.4rem; } .about-hero-text p { font-size: 1.05rem; } .about-hero .shape-a { width: 220px; height: 220px; } .about-hero .shape-b, .about-hero .shape-d { display: none; } .about-hero .shape-c { width: 260px; height: 260px; left: 18%; } .about-accordion-container { padding: 2.4rem 1.9rem; margin: -40px auto 0; border-radius: 22px; box-shadow: 0 25px 60px rgba(15, 25, 40, 0.08); } .about-accordion-toggle { padding: 1.2rem 1.4rem; font-size: 1rem; } .about-accordion-content { padding: 0 1.4rem 1.4rem; } .accordion-icon { width: 30px; height: 30px; font-size: 1rem; } } @media (max-width: 520px) { .about-hero { padding: 110px 1rem 100px; } .about-hero h1 { font-size: 2.1rem; } .about-hero-text p { font-size: 1rem; max-width: 100%; } .about-hero-image .image-frame { padding: 1rem; max-width: 320px; } .about-accordion-container { padding: 2.1rem 1.3rem; margin: -20px auto 0; border-radius: 20px; box-shadow: 0 18px 40px rgba(15, 25, 40, 0.08); } .about-accordion-toggle { padding: 1rem 1.1rem; } .about-hero .shape-a, .about-hero .shape-c { display: none; } .about-accordion-item { border-radius: 14px; } .about-accordion-content { font-size: 0.98rem; } } /* Offer Page Styles */ .offer-hero { position: relative; padding: 160px 2rem 140px; background: #fdfcfa; overflow: hidden; } .offer-hero-container { position: relative; z-index: 2; max-width: 1160px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: 3.2rem; align-items: center; } .offer-hero-text { display: flex; flex-direction: column; gap: 1.4rem; } .offer-hero-kicker { display: inline-block; align-self: flex-start; padding: 0.4rem 1.1rem; border-radius: 999px; letter-spacing: 0.14em; text-transform: uppercase; font-size: 0.7rem; font-weight: 600; background: rgba(251, 99, 57, 0.14); color: var(--primary-color); } .offer-hero h1 { font-size: 3rem; line-height: 1.24; color: #1f2530; margin: 0; } .offer-hero-lead { font-size: 1.15rem; line-height: 1.85; color: #454b57; max-width: 60ch; text-align: justify; } .offer-hero-chip-group { display: flex; gap: 0.8rem; flex-wrap: wrap; } .offer-chip { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.55rem 1.25rem; border-radius: 999px; background: rgba(255, 210, 190, 0.4); color: #1f2530; font-size: 0.95rem; font-weight: 600; box-shadow: 0 12px 28px rgba(15, 25, 40, 0.12); } .offer-chip:nth-child(2) { background: rgba(200, 230, 255, 0.45); } .offer-hero-card { position: relative; z-index: 2; padding: 2.2rem 2.4rem; background: rgba(255, 255, 255, 0.88); border-radius: 26px; box-shadow: 0 28px 70px rgba(15, 25, 40, 0.12); border-left: 5px solid var(--primary-color); } .offer-hero-card h3 { font-size: 1.2rem; margin-bottom: 1.2rem; color: var(--primary-color); } .offer-hero-card ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.85rem; } .offer-hero-card li { display: flex; align-items: flex-start; gap: 0.7rem; line-height: 1.6; color: #3f4551; } .offer-hero-card li::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--primary-color); margin-top: 0.35rem; } .offer-hero-shape { position: absolute; border-radius: 50%; pointer-events: none; z-index: 1; opacity: 0.6; } .offer-hero .shape-a { width: 320px; height: 320px; background: rgba(251, 99, 57, 0.18); top: 12%; left: -8%; } .offer-hero .shape-b { width: 200px; height: 200px; background: rgba(255, 210, 190, 0.32); bottom: 18%; right: 12%; } .offer-hero .shape-c { width: 440px; height: 440px; background: rgba(200, 230, 255, 0.28); bottom: -160px; left: 22%; } .offer-services { background: #ffffff; padding: 0 2rem 150px; } .offer-services-container { position: relative; max-width: 1120px; margin: -110px auto 0; background: #ffffff; border-radius: 34px; box-shadow: 0 45px 90px rgba(15, 25, 40, 0.1); padding: 3.6rem 3.2rem; display: flex; flex-direction: column; gap: 3.6rem; overflow: hidden; } .offer-section { position: relative; padding: 2.9rem 2.4rem; border-radius: 30px; background: rgba(253, 252, 250, 0.86); box-shadow: 0 20px 55px rgba(15, 25, 40, 0.08); } .offer-section[data-theme="teaching"] { background: linear-gradient(135deg, rgba(251, 99, 57, 0.12), rgba(255, 210, 190, 0.26)); } .offer-section[data-theme="mediation"] { background: linear-gradient(135deg, rgba(200, 230, 255, 0.18), rgba(251, 99, 57, 0.12)); } .offer-section-header h2 { font-size: 2.2rem; margin: 0 0 2rem; color: #1f2530; } .offer-languages-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1.8rem; position: relative; z-index: 2; } .offer-language-card { background: rgba(255, 255, 255, 0.9); border-radius: 22px; padding: 1.8rem 1.6rem; box-shadow: 0 25px 55px rgba(15, 25, 40, 0.08); border: 1px solid rgba(31, 37, 48, 0.05); display: flex; flex-direction: column; gap: 1rem; } .offer-language-header h3 { margin: 0; font-size: 1.3rem; color: var(--primary-color); } .offer-language-card p, .offer-language-card ul { margin: 0; } .offer-language-card p { color: #4f5562; line-height: 1.65; text-align: justify; } .offer-language-card ul { padding-left: 1.2rem; display: grid; gap: 0.55rem; color: #3f4551; line-height: 1.6; } .offer-section-shape { position: absolute; width: 260px; height: 260px; border-radius: 50%; background: rgba(255, 255, 255, 0.35); filter: blur(0); z-index: 1; } .offer-section[data-theme="teaching"] .shape-d { top: -110px; right: -80px; background: rgba(251, 99, 57, 0.22); } .offer-section[data-theme="mediation"] .shape-e { bottom: -130px; left: -90px; background: rgba(200, 230, 255, 0.26); } .offer-mediation { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: 2.4rem; } .offer-mediation-text p { color: #454b57; line-height: 1.8; text-align: justify; } .offer-mediation-text p + p { margin-top: 1rem; } .offer-mediation-list { background: rgba(255, 255, 255, 0.92); border-radius: 20px; padding: 1.8rem; box-shadow: 0 20px 45px rgba(15, 25, 40, 0.08); border: 1px solid rgba(31, 37, 48, 0.05); display: flex; flex-direction: column; gap: 1.2rem; } .offer-mediation-list h3 { margin: 0; font-size: 1.2rem; color: var(--primary-color); } .offer-mediation-list ul { margin: 0; padding-left: 1.1rem; display: grid; gap: 0.7rem; color: #3f4551; line-height: 1.7; } @media (max-width: 992px) { .offer-hero { padding: 140px 1.6rem 120px; } .offer-hero-container { grid-template-columns: 1fr; gap: 2.6rem; text-align: center; } .offer-hero-text { align-items: center; } .offer-hero-kicker { align-self: center; } .offer-hero-lead { max-width: 48ch; } .offer-hero-card { margin: 0 auto; max-width: min(90%, 440px); text-align: left; } .offer-hero .shape-a { left: -18%; } .offer-hero .shape-c { left: 10%; } .offer-services-container { margin: -80px auto 0; padding: 3rem 2.4rem; border-radius: 30px; } .offer-section { padding: 2.4rem 2.1rem; } .offer-mediation { grid-template-columns: 1fr; gap: 2rem; } } @media (max-width: 768px) { .offer-hero { padding: 120px 1.3rem 110px; } .offer-hero h1 { font-size: 2.5rem; } .offer-hero-lead { font-size: 1.05rem; } .offer-hero .shape-b { display: none; } .offer-hero .shape-c { width: 320px; height: 320px; bottom: -140px; left: 12%; } .offer-services-container { padding: 2.6rem 1.9rem; } .offer-section { padding: 2.1rem 1.7rem; border-radius: 24px; } .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) { .offer-hero { padding: 110px 1rem 95px; } .offer-hero h1 { font-size: 2.2rem; } .offer-hero-chip-group { justify-content: center; } .offer-hero .shape-a, .offer-hero .shape-c { display: none; } .offer-hero-card { padding: 1.8rem 1.6rem; } .offer-services-container { padding: 2.4rem 1.4rem; border-radius: 22px; } .offer-section { padding: 1.8rem 1.4rem; } .offer-mediation-list { padding: 1.5rem; } } /* Rates Page Styles */ .rates-hero { position: relative; padding: 160px 2rem 140px; background: #fdfcfa; overflow: hidden; } .rates-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; } .rates-hero-text { display: flex; flex-direction: column; gap: 1.4rem; } .rates-hero-kicker { display: inline-block; align-self: flex-start; padding: 0.4rem 1.1rem; border-radius: 999px; letter-spacing: 0.14em; text-transform: uppercase; font-size: 0.7rem; font-weight: 600; background: rgba(251, 99, 57, 0.14); color: var(--primary-color); } .rates-hero h1 { font-size: 3.1rem; line-height: 1.22; color: #1f2530; margin: 0; } .rates-hero-lead { font-size: 1.15rem; line-height: 1.85; color: #454b57; max-width: 52ch; text-align: justify; } .rates-hero-card { position: relative; z-index: 2; padding: 2.3rem 2.4rem; background: rgba(255, 255, 255, 0.9); border-radius: 28px; 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; margin-top: 2.4rem; } .rates-hero-card h3 { font-size: 1.25rem; margin: 0; color: var(--primary-color); } .rates-hero-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; } .rates-hero-list li { display: flex; justify-content: center; align-items: center; gap: 0.85rem; font-size: 1.05rem; color: #3f4551; text-align: center; } .rates-hero-list strong { font-size: 1.5rem; color: var(--primary-color); } .rates-hero-list .rates-hero-separator { font-size: 1.2rem; color: #3f4551; line-height: 1; } .rates-hero-shape { position: absolute; border-radius: 50%; pointer-events: none; z-index: 1; opacity: 0.55; } .rates-hero .shape-a { width: 300px; height: 300px; background: rgba(251, 99, 57, 0.18); top: 12%; left: -6%; } .rates-hero .shape-b { width: 200px; height: 200px; background: rgba(255, 210, 190, 0.32); bottom: 16%; right: 10%; } .rates-hero .shape-c { width: 420px; height: 420px; background: rgba(200, 230, 255, 0.28); bottom: -150px; left: 20%; } .rates-pricing { background: #ffffff; padding: 0 2rem 150px; } .rates-pricing-container { position: relative; max-width: 1080px; margin: -95px auto 0; background: #ffffff; border-radius: 34px; box-shadow: 0 35px 75px rgba(15, 25, 40, 0.09); padding: 3rem 2.6rem; display: flex; flex-direction: column; gap: 2.4rem; overflow: hidden; } .rates-section { position: relative; 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 22px 58px rgba(15, 25, 40, 0.07); overflow: hidden; } .rates-section-header h2 { font-size: 2.2rem; margin: 0 0 2.2rem; color: var(--primary-color); } .rates-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1.8rem; position: relative; z-index: 2; } .rates-card { background: rgba(255, 255, 255, 0.94); border-radius: 24px; padding: 2rem 1.8rem; box-shadow: 0 25px 55px rgba(15, 25, 40, 0.08); border: 1px solid rgba(31, 37, 48, 0.05); display: flex; flex-direction: column; gap: 1.1rem; } .rates-card-value { font-size: 1.8rem; font-weight: 700; color: var(--primary-color); } .rates-card h3 { margin: 0; font-size: 1.2rem; color: #1f2530; text-transform: uppercase; letter-spacing: 0.08em; } .rates-card ul { margin: 0; padding-left: 1.1rem; display: grid; gap: 0.6rem; color: #3f4551; line-height: 1.65; } .rates-section-shape { position: absolute; width: 260px; height: 260px; border-radius: 50%; background: rgba(251, 99, 57, 0.22); z-index: 1; top: -110px; right: -90px; } .rates-testimonials { position: relative; background: #fdfcfa; padding: 70px 2rem 120px; overflow: hidden; } .rates-testimonials-container { position: relative; z-index: 2; max-width: 1080px; margin: 0 auto; display: flex; flex-direction: column; gap: 3rem; } .rates-testimonials-header { text-align: center; display: flex; flex-direction: column; gap: 1rem; } .rates-testimonials-header h2 { font-size: 2.4rem; letter-spacing: 0.2em; color: var(--primary-color); margin: 0; } .rates-testimonials-header h3 { font-size: 1.4rem; color: #1f2530; margin: 0; } .rates-testimonial-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2.4rem; position: relative; z-index: 2; max-width: 920px; margin: 0 auto; width: 100%; } .rates-testimonial-card { position: relative; background: rgba(255, 255, 255, 0.92); border-radius: 28px; padding: 2.8rem 2.6rem; box-shadow: 0 32px 72px rgba(15, 25, 40, 0.12); border: 1px solid rgba(31, 37, 48, 0.05); display: flex; flex-direction: column; gap: 1.6rem; overflow: hidden; --card-gradient: linear-gradient(135deg, rgba(251, 99, 57, 0.16), rgba(255, 210, 190, 0.22)); --author-accent: rgba(251, 99, 57, 0.38); transition: transform 0.35s ease, box-shadow 0.35s ease; } .rates-testimonial-card::before { content: ""; position: absolute; inset: 0; background: var(--card-gradient); opacity: 0.65; z-index: 0; } .rates-testimonial-card::after { content: ""; position: absolute; width: 180px; height: 180px; border-radius: 50%; background: rgba(255, 255, 255, 0.24); top: -80px; right: -60px; z-index: 0; } .rates-testimonial-card > * { position: relative; z-index: 1; } .rates-testimonial-card[data-accent="sunrise"] { --card-gradient: linear-gradient(135deg, rgba(251, 99, 57, 0.18), rgba(255, 210, 190, 0.34)); --author-accent: rgba(251, 99, 57, 0.45); } .rates-testimonial-card[data-accent="dawn"] { --card-gradient: linear-gradient(135deg, rgba(200, 230, 255, 0.2), rgba(251, 99, 57, 0.24)); --author-accent: rgba(200, 230, 255, 0.5); } .rates-testimonial-card:hover { transform: translateY(-6px); box-shadow: 0 42px 90px rgba(15, 25, 40, 0.16); } .rates-testimonial-text { display: grid; gap: 1rem; color: #343a45; line-height: 1.82; } .rates-testimonial-text p { margin: 0; text-align: justify; } .rates-testimonial-full { display: grid; gap: 1rem; } .rates-testimonial-author { margin-top: 1.6rem; padding-top: 1.3rem; border-top: 1px solid var(--author-accent); display: grid; gap: 0.35rem; color: #1f2530; font-weight: 600; } .rates-testimonial-author p:last-child { font-weight: 400; color: #4f5562; } .rates-testimonials-shape { position: absolute; width: 360px; height: 360px; border-radius: 50%; background: rgba(200, 230, 255, 0.28); z-index: 1; bottom: -160px; right: 12%; } @media (max-width: 992px) { .rates-hero { padding: 140px 1.6rem 120px; } .rates-hero-container { grid-template-columns: 1fr; gap: 2.6rem; text-align: center; } .rates-hero-text { align-items: center; } .rates-hero-kicker { align-self: center; } .rates-hero-lead { max-width: 48ch; } .rates-hero-card { margin: 0 auto; max-width: min(90%, 420px); } .rates-hero .shape-a { left: -20%; } .rates-hero .shape-c { left: 12%; } .rates-pricing-container { margin: -80px auto 0; padding: 3rem 2.4rem; border-radius: 30px; } .rates-section { padding: 2rem 1.8rem; } .rates-testimonials { 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: 110px 1.3rem 95px; } .rates-hero h1 { font-size: 2.6rem; } .rates-hero-lead { font-size: 1.05rem; text-align: left; -webkit-hyphens: auto; hyphens: auto; } .rates-hero .shape-b { display: none; } .rates-hero .shape-c { width: 320px; height: 320px; bottom: -140px; left: 14%; } .rates-pricing { padding: 0 1.5rem 50px; } .rates-pricing-container { margin: -60px auto 0; padding: 1.9rem 1.45rem; gap: 1.6rem; } .rates-section { 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.2rem; } .rates-testimonials-header h2 { letter-spacing: 0.14em; } .rates-testimonial-card { 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: 100px 1rem 75px; } .rates-hero h1 { font-size: 2.2rem; } .rates-hero .shape-a, .rates-hero .shape-c { display: none; } .rates-hero-card { padding: 1.8rem 1.4rem; } .rates-pricing { padding: 0 1.1rem 45px; } .rates-pricing-container { margin: -40px auto 0; padding: 1.6rem 1.15rem; border-radius: 22px; gap: 1.3rem; } .rates-section { 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: 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 */ .workshop-directory-hero { position: relative; padding: 160px 2rem 140px; background: #fdfcfa; overflow: hidden; } .workshop-directory-hero-content { max-width: 1080px; margin: 0 auto; text-align: center; display: flex; flex-direction: column; gap: 1.5rem; position: relative; z-index: 2; } .workshop-directory-kicker { display: inline-block; align-self: center; padding: 0.35rem 1rem; border-radius: 999px; letter-spacing: 0.12em; text-transform: uppercase; font-size: 0.72rem; font-weight: 600; background: rgba(251, 99, 57, 0.14); color: var(--primary-color); } .workshop-directory-hero h1 { font-size: 3rem; line-height: 1.2; color: #1f2530; margin: 0; } .workshop-directory-hero p { max-width: 60ch; margin: 0 auto; font-size: 1.15rem; line-height: 1.85; color: #454b57; } .workshop-directory-shape { position: absolute; border-radius: 50%; pointer-events: none; opacity: 0.55; z-index: 1; } .workshop-directory-hero .shape-a { width: 260px; height: 260px; background: rgba(251, 99, 57, 0.16); top: 18%; left: 6%; } .workshop-directory-hero .shape-b { width: 340px; height: 340px; background: rgba(254, 219, 204, 0.28); bottom: -120px; right: 14%; } .workshop-directory-hero .shape-c { width: 110px; height: 110px; border: 2px dotted rgba(251, 99, 57, 0.45); top: 22%; right: 24%; } .workshop-directory-section { background: #ffffff; padding: 0 2rem 120px; } .workshop-directory-section:first-of-type { padding-top: 0; } .workshop-directory-container { max-width: 1100px; margin: -100px auto 0; background: #ffffff; border-radius: 28px; box-shadow: 0 35px 80px rgba(15, 25, 40, 0.08); padding: 3.2rem 3rem; position: relative; } .workshop-directory-section + .workshop-directory-section .workshop-directory-container { margin-top: 0; } .workshop-directory-heading h2 { font-size: 2rem; margin-bottom: 2rem; color: #1f2530; } .workshop-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.8rem; } .workshop-card-grid--single { width: 100%; max-width: 560px; margin-left: auto; margin-right: auto; } .workshop-card-grid--single .workshop-card { width: 100%; } .workshop-card { display: flex; flex-direction: column; background: rgba(253, 252, 250, 0.92); border: 1px solid rgba(31, 37, 48, 0.06); border-radius: 20px; text-decoration: none; color: inherit; box-shadow: 0 22px 45px rgba(15, 25, 40, 0.08); transition: transform 0.25s ease, box-shadow 0.25s ease; overflow: hidden; } .workshop-card:hover, .workshop-card:focus-visible { transform: translateY(-6px); box-shadow: 0 30px 60px rgba(15, 25, 40, 0.12); } .workshop-card:focus-visible { outline: 3px solid rgba(251, 99, 57, 0.4); outline-offset: 4px; } .workshop-card-image { position: relative; aspect-ratio: 4 / 3; background: #f5f7fb; } .workshop-card-image img { width: 100%; height: 100%; object-fit: cover; display: block; } .workshop-card-title { padding: 1.4rem 1.6rem 1.6rem; font-size: 1.1rem; font-weight: 600; color: #1f2530; line-height: 1.4; } @media (max-width: 992px) { .workshop-directory-hero { padding: 130px 1.5rem 120px; } .workshop-directory-container { margin: -80px auto 0; padding: 2.8rem 2.2rem; border-radius: 24px; } } @media (max-width: 768px) { .workshop-directory-hero { padding: 120px 1.2rem 110px; } .workshop-directory-hero h1 { font-size: 2.5rem; } .workshop-directory-hero p { font-size: 1.05rem; } .workshop-directory-hero .shape-a, .workshop-directory-hero .shape-b { width: 220px; height: 220px; } .workshop-directory-container { padding: 2.4rem 1.8rem; } .workshop-card-grid { gap: 1.4rem; } } @media (max-width: 520px) { .workshop-directory-hero { padding: 110px 1rem 100px; } .workshop-directory-hero h1 { font-size: 2.1rem; } .workshop-directory-hero .shape-a, .workshop-directory-hero .shape-b, .workshop-directory-hero .shape-c { display: none; } .workshop-directory-container { margin: -40px auto 0; padding: 2rem 1.4rem; } .workshop-card { border-radius: 16px; } .workshop-card-title { font-size: 1.05rem; } } /* Contact Page Styles */ .contact-hero { position: relative; padding: 160px 2rem 140px; background: #fdfcfa; color: #1f2530; overflow: hidden; } .contact-hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 18% 20%, rgba(251, 99, 57, 0.18) 0%, rgba(251, 99, 57, 0) 55%), radial-gradient(circle at 82% 18%, rgba(255, 210, 190, 0.35) 0%, rgba(255, 210, 190, 0) 60%), radial-gradient(circle at 70% 75%, rgba(200, 230, 255, 0.28) 0%, rgba(200, 230, 255, 0) 65%); z-index: 0; } .contact-hero-content { position: relative; z-index: 2; max-width: 1100px; margin: 0 auto; text-align: left; display: flex; flex-direction: column; gap: 1.5rem; } .contact-hero-kicker { display: inline-block; padding: 0.32rem 0.9rem; border-radius: 999px; letter-spacing: 0.12em; text-transform: uppercase; font-size: 0.72rem; font-weight: 600; background: rgba(251, 99, 57, 0.14); color: var(--primary-color); margin-bottom: 1.5rem; align-self: flex-start; } .contact-hero h1 { font-size: 3rem; margin-bottom: 0.75rem; color: #1f2530; } .contact-hero-lead { font-size: 1.2rem; max-width: 640px; line-height: 1.8; color: #4a4f5a; } .contact-hero-shape { position: absolute; border-radius: 50%; pointer-events: none; opacity: 0.55; z-index: 1; } .contact-hero .shape-a { width: 220px; height: 220px; background: rgba(251, 99, 57, 0.16); top: 14%; left: 6%; } .contact-hero .shape-b { width: 140px; height: 140px; border: 2px solid rgba(251, 99, 57, 0.32); bottom: 10%; right: 8%; } .contact-hero .shape-c { width: 280px; height: 280px; background: rgba(254, 219, 204, 0.28); bottom: -90px; left: 28%; } .contact-hero .shape-d { width: 90px; height: 90px; border: 2px dotted rgba(251, 99, 57, 0.5); top: 18%; right: 28%; } .contact-main { background: #fdfcfa; padding: 0 2rem 120px; } .contact-main-container { max-width: 1200px; margin: -100px auto 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem; } .contact-info-panel, .contact-form-card { background: #ffffff; border-radius: 28px; box-shadow: 0 30px 60px rgba(15, 25, 40, 0.08); padding: 3rem; display: flex; flex-direction: column; position: relative; overflow: hidden; height: 100%; } .contact-info-panel::before { content: ""; position: absolute; width: 220px; height: 220px; background: radial-gradient(circle, rgba(251, 99, 57, 0.22) 0%, rgba(251, 99, 57, 0) 70%); top: -140px; right: -80px; z-index: 0; } .contact-info-panel > *, .contact-form-card > * { position: relative; z-index: 1; } .contact-info-panel h2 { font-size: 2.2rem; margin-bottom: 1rem; } .contact-info-lead { font-size: 1.1rem; line-height: 1.8; color: #444444; } .contact-services { list-style: none; margin: 2.5rem 0 0; padding: 0; display: grid; gap: 1.1rem; } .contact-services li { display: flex; gap: 0.75rem; align-items: flex-start; color: #444444; line-height: 1.7; } .contact-services li::before { content: ""; flex-shrink: 0; width: 12px; height: 12px; margin-top: 0.45rem; border-radius: 50%; background: rgba(251, 99, 57, 0.38); box-shadow: 0 0 0 6px rgba(251, 99, 57, 0.16); } .contact-details { display: grid; gap: 1.3rem; margin-top: 2.5rem; } .contact-detail { display: flex; flex-direction: column; gap: 0.5rem; } .detail-label { display: inline-flex; align-items: center; justify-content: center; width: fit-content; padding: 0.4rem 1.2rem; border-radius: 999px; font-size: 0.8rem; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 600; color: var(--primary-color); background: rgba(251, 99, 57, 0.12); } .contact-detail a { font-size: 1.15rem; font-weight: 600; color: var(--text-color); text-decoration: none; transition: color 0.2s ease; } .contact-detail a:hover { color: var(--primary-color); } .contact-note { margin-top: auto; background: rgba(251, 99, 57, 0.08); border-radius: 20px; padding: 1.5rem; line-height: 1.7; color: #444444; } .contact-form-card::before { content: ""; position: absolute; width: 260px; height: 260px; background: radial-gradient(circle, rgba(251, 99, 57, 0.16) 0%, rgba(251, 99, 57, 0) 75%); bottom: -160px; right: -120px; z-index: 0; } .contact-form-card h3 { font-size: 2rem; margin-bottom: 0.75rem; } .contact-form-lead { color: #555555; line-height: 1.7; max-width: 32ch; } .contact-form { display: flex; flex-direction: column; gap: 1.5rem; margin-top: 2.5rem; } .form-group { display: flex; flex-direction: column; gap: 0.5rem; } .form-group label { font-weight: 600; color: #333333; } .form-group input, .form-group textarea { width: 100%; border: 1.5px solid rgba(20, 20, 20, 0.08); border-radius: 16px; padding: 1rem 1.2rem; font-family: inherit; font-size: 1rem; background: #ffffff; box-shadow: 0 1px 0 rgba(15, 15, 15, 0.03); transition: border-color 0.2s ease, box-shadow 0.2s ease; } .form-group textarea { min-height: 160px; resize: vertical; } .form-group input:focus, .form-group textarea:focus { outline: none; border-color: rgba(251, 99, 57, 0.65); box-shadow: 0 0 0 4px rgba(251, 99, 57, 0.18); } .submit-btn { background: var(--primary-color); color: #ffffff; border: none; padding: 0.95rem 2.4rem; border-radius: 999px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease; width: auto; align-self: flex-start; } .submit-btn:hover { transform: translateY(-2px); box-shadow: 0 18px 35px rgba(251, 99, 57, 0.25); } .form-message { border-radius: 16px; padding: 1rem 1.2rem; font-size: 0.95rem; line-height: 1.6; } .contact-form-card .form-message.success-message { background: rgba(76, 175, 80, 0.12); color: #2f7d32; border: 1px solid rgba(46, 125, 50, 0.2); } .contact-form-card .form-message.error-message { background: rgba(244, 67, 54, 0.12); color: #b71c1c; border: 1px solid rgba(183, 28, 28, 0.2); } .contact-faq-section { background: #ffffff; padding: 110px 2rem 140px; } .contact-faq-container { max-width: 960px; margin: 0 auto; } .faq-header { text-align: center; margin-bottom: 3rem; } .faq-header h2 { font-size: 2.4rem; margin-bottom: 1rem; } .faq-intro { max-width: 700px; margin: 0 auto; color: #555555; font-size: 1.05rem; line-height: 1.8; } .faq-list { display: flex; flex-direction: column; gap: 1.2rem; } .faq-item { background: #fdf7f4; border-radius: 20px; padding: 1.6rem 2rem; box-shadow: 0 14px 38px rgba(20, 20, 20, 0.07); transition: transform 0.3s ease, box-shadow 0.3s ease; } .faq-item.active { transform: translateY(-2px); box-shadow: 0 20px 45px rgba(20, 20, 20, 0.08); } .faq-question { display: flex; align-items: center; justify-content: space-between; gap: 1rem; font-size: 1.15rem; font-weight: 600; color: var(--text-color); cursor: pointer; } .faq-question::after { content: "+"; font-size: 1.5rem; color: var(--primary-color); transition: color 0.3s ease; } .faq-item.active .faq-question::after { content: "–"; } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.35s ease, padding-top 0.3s ease; padding-top: 0; padding-bottom: 0; } .faq-item.active .faq-answer { padding-top: 1rem; padding-bottom: 1rem; } .faq-answer p { color: #000000; line-height: 1.7; margin-bottom: 1rem; } .faq-answer p:last-child { margin-bottom: 0; } @media (max-width: 1200px) { .contact-main-container { gap: 2rem; } } @media (max-width: 992px) { .contact-hero { padding: 140px 1.5rem 120px; } .contact-main { padding: 0 1.5rem 100px; } .contact-main-container { grid-template-columns: 1fr; margin-top: -80px; } .contact-info-panel, .contact-form-card { padding: 2.5rem; } } @media (max-width: 768px) { .contact-hero h1 { font-size: 2.5rem; } .contact-hero-lead { font-size: 1.05rem; } .contact-main-container { margin-top: -60px; } .contact-info-panel, .contact-form-card { padding: 2rem; } .contact-detail a { font-size: 1.05rem; } } @media (max-width: 640px) { .contact-hero { padding: 120px 1.25rem 100px; } .contact-main { padding: 0 1.25rem 80px; } .contact-info-panel, .contact-form-card { border-radius: 22px; } .submit-btn { width: 100%; text-align: center; } .faq-item { padding: 1.4rem 1.5rem; } } /* Experience Cards Section */ .experience-cards { max-width: 1200px; margin: 4rem auto; padding: 0 2rem; } .experience-cards h2 { text-align: center; margin-bottom: 3rem; font-size: 2.5rem; color: var(--text-color); } .experience-card { position: relative; background: white; border-radius: 15px; padding: 2rem; margin-bottom: 2rem; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); transition: var(--transition); display: flex; align-items: center; gap: 2rem; } .experience-card:hover { transform: translateY(-5px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15); } .icon-wrapper { flex-shrink: 0; width: 50px; height: 50px; background: rgba(251, 99, 57, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: auto; transition: var(--transition); } .icon-wrapper .emoji { font-size: 24px; } .experience-card:hover .icon-wrapper { background: var(--primary-color); transform: scale(1.1); } .experience-card p { margin: 0; line-height: 1.8; color: #666; flex-grow: 1; } @media (max-width: 768px) { .experience-cards { margin: 2rem auto; padding: 0 1rem; } .experience-cards h2 { font-size: 1.8rem; margin-bottom: 1.5rem; } .experience-card { padding: 2rem 1.5rem; gap: 1.5rem; margin-bottom: 1.5rem; flex-direction: column; text-align: center; } .icon-wrapper { margin: 0 auto 1.5rem auto; width: 80px; height: 80px; background-color: rgba(251, 99, 57, 0.1); } .icon-wrapper .emoji { font-size: 35px; } .experience-card p { font-size: 0.95rem; line-height: 1.6; } } @media (max-width: 480px) { .experience-cards { margin: 1.5rem auto; padding: 0 0.8rem; } .experience-cards h2 { font-size: 1.6rem; margin-bottom: 1.2rem; } .experience-card { padding: 1.8rem 1.2rem; margin-bottom: 1rem; } .icon-wrapper { width: 70px; height: 70px; margin: 0 auto 1.2rem auto; } .icon-wrapper .emoji { font-size: 32px; } .experience-card p { font-size: 0.9rem; line-height: 1.5; } } .form-message { padding: 1rem; margin-bottom: 1rem; border-radius: 8px; text-align: center; font-weight: 500; } .success-message { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; } .error-message { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; } .form-message.success-message, .form-message.error-message { animation: fadeIn 0.3s ease-in-out; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 768px) { .references { padding: 40px 20px; } .references-content { max-width: 100%; } .references h2 { font-size: 2rem; margin-bottom: 1.5rem; text-align: center; } .references h3 { font-size: 1.5rem; margin-bottom: 2rem; } .reference-card { padding: 25px; margin-bottom: 40px; } .reference-text p { font-size: 0.95rem; line-height: 1.6; margin-bottom: 1rem; } .reference-author { margin-top: 1.5rem; } .reference-author p { font-size: 0.9rem; } .reference-author p:last-child { font-size: 0.85rem; } } @media (max-width: 480px) { .references { padding: 30px 15px; } .references-content { max-width: 100%; } .references h2 { font-size: 1.8rem; margin-bottom: 1.2rem; } .references h3 { font-size: 1.3rem; margin-bottom: 1.8rem; } .reference-card { padding: 20px; margin-bottom: 50px; } .reference-text p { font-size: 0.9rem; line-height: 1.5; } .reference-author { margin-top: 1.2rem; } .reference-author p { font-size: 0.85rem; } .reference-author p:last-child { font-size: 0.8rem; } } /* ---------------------------------- */ /* -- NOVI STILI ZA STRAN -- */ /* ---------------------------------- */ /* Dropdown Menu Styles - VERTIKALNA RAZLIČICA */ .nav-links .dropdown { position: relative; display: inline-block; margin-left: 2rem; } .nav-links .dropdown .dropbtn { font-weight: 500; color: var(--text-color); cursor: pointer; background: none; border: none; font-family: 'Poppins', sans-serif; font-size: 1rem; padding: 0.5rem 0; } .nav-links .dropdown:hover .dropbtn, .nav-links .dropdown .dropbtn.active { color: var(--primary-color); } .dropdown-content { display: none; position: absolute; background-color: #ffffff; min-width: 240px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1); z-index: 1; border-radius: 8px; margin-top: 0; padding: 8px 0; list-style: none; } .dropdown-content a { color: var(--text-color); padding: 10px 20px; text-decoration: none; display: block; text-align: left; margin-left: 0; font-size: 0.95rem; clear: both; white-space: nowrap; } .dropdown-content a:hover { background-color: rgba(251, 99, 57, 0.1); color: var(--primary-color); } .dropdown-submenu-content { display: none; position: static; box-shadow: none; background-color: #fdfdfd; border-radius: 0; padding-left: 1rem; } .dropdown-submenu > a:after { content: '▾'; float: right; font-size: 0.8em; margin-left: 10px; } /* General Page Styles for New Sections */ .page-hero { padding: 120px 2rem 60px; background: linear-gradient(135deg, rgba(251, 99, 57, 0.1) 0%, rgba(255, 255, 255, 0) 100%); text-align: center; } .page-hero h1 { font-size: 2.8rem; color: var(--text-color); } .content-section { padding: 60px 2rem; } .container { max-width: 900px; margin: 0 auto; } /* Medkulturno Posredovanje Page */ .mediation-hero { position: relative; padding: 130px 2rem 110px; background: #fdfcfa; overflow: hidden; } .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.15rem; } .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; margin-top: 2.2rem; } .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: 70px 2rem 80px; background: #ffffff; } .mediation-detail#individualno, #individualno.mediation-detail { padding: 45px 2rem 70px; } .mediation-detail + .mediation-detail { padding-top: 60px; } .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: 0.95rem; } .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: 90px 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.2rem; } .mediation-process-container h2 { margin: 0; font-size: 2.1rem; color: #1f2530; } .mediation-process-content p { color: #3f4551; line-height: 1.78; } .mediation-accordion { padding: 100px 2rem 130px; 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: 0.85rem; 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 { 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: 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.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: 115px 1.5rem 90px; } .mediation-hero-container { grid-template-columns: 1fr; max-width: 760px; gap: 2.5rem; } .mediation-hero-card { max-width: 480px; margin: 0 auto; margin-top: 0.8rem; } .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 { padding: 60px 1.5rem 70px; } .mediation-detail + .mediation-detail { padding-top: 50px; } #individualno.mediation-detail, .mediation-detail#individualno { padding: 45px 1.5rem 60px; } .mediation-process { padding: 65px 1.5rem; } .mediation-accordion { padding: 80px 1.5rem 110px; } .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.4rem; margin: 0; } } @media (max-width: 720px) { .mediation-hero { padding: 95px 1.25rem 80px; } .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; margin-top: 0.8rem; } .mediation-detail { padding: 55px 1.25rem 65px; } .mediation-detail + .mediation-detail { padding-top: 45px; } #individualno.mediation-detail, .mediation-detail#individualno { padding: 38px 1.25rem 55px; } .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: 55px 1.25rem; } .mediation-process-container { padding: 1.8rem 1.6rem; border-radius: 22px; margin: 0; width: 100%; text-align: left; align-items: stretch; } .mediation-accordion { padding: 70px 1.25rem 90px; } .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: 85px 1rem 70px; } .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: 60px 1rem; } #individualno.mediation-detail, .mediation-detail#individualno { padding: 32px 1rem 45px; } .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 */ .workshop-container { max-width: 1100px; } .workshop-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(280px, 1fr); gap: 4rem; align-items: start; } .workshop-text { display: flex; flex-direction: column; gap: 2rem; } .workshop-image { position: relative; align-self: stretch; } .workshop-image img { max-width: 100%; height: auto; border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); } .workshop-text h2 { color: var(--primary-color); margin-bottom: 0.75rem; } .workshop-text p { margin-bottom: 1rem; } .workshop-lead { font-size: 1.1rem; line-height: 1.9; color: #3c3c3c; margin-bottom: 0; } .workshop-section { display: flex; flex-direction: column; gap: 0.75rem; } .workshop-section h4 { font-size: 1.1rem; margin-bottom: 1rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--primary-color); } .workshop-section ul { padding-left: 1.2rem; line-height: 1.8; } .workshop-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } .meta-card { background: rgba(251, 99, 57, 0.08); border-radius: 14px; padding: 1.1rem 1.25rem; box-shadow: 0 10px 25px rgba(251, 99, 57, 0.08); display: flex; flex-direction: column; gap: 0.35rem; } .meta-label { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--primary-color); } .meta-value { font-weight: 600; color: #1d1d1d; } .price-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } .price-card { border: 1px solid rgba(0,0,0,0.06); border-radius: 16px; padding: 1.2rem 1.4rem; background: #ffffff; box-shadow: 0 12px 24px rgba(31, 31, 31, 0.05); } .price-label { font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.08em; color: #808080; } .price-value { font-size: 1.6rem; font-weight: 700; color: var(--primary-color); display: block; margin: 0.4rem 0 0.2rem; } .price-card p { margin: 0; font-size: 0.9rem; color: #4d4d4d; } .workshop-image-frame { position: sticky; top: calc(72px + 24px); background: linear-gradient(135deg, rgba(251, 99, 57, 0.15) 0%, rgba(255, 255, 255, 0.9) 100%); padding: 1.6rem; border-radius: 22px; box-shadow: 0 18px 40px rgba(251, 99, 57, 0.18); max-width: 420px; margin-left: auto; margin-right: auto; } .workshop-image-frame img { display: block; width: 100%; height: auto; border-radius: 16px; } .pdf-button { display: inline-block; padding: 0.8rem 1.8rem; background: var(--primary-color); color: white; text-decoration: none; border-radius: 30px; font-weight: 500; transition: var(--transition); margin-top: 1.5rem; border: 2px solid transparent; } .pdf-button:hover { background: white; color: var(--primary-color); border: 2px solid var(--primary-color); transform: translateY(-2px); box-shadow: 0 4px 15px rgba(251, 99, 57, 0.2); } /* Responsive styles for new elements */ @media (max-width: 992px) { /* Adjust dropdown for better positioning on tablets */ .dropdown-submenu-content { left: 0; margin-left: 0; right: auto; } .dropdown-submenu-content .dropdown-submenu-content { left: 0; right: auto; } .workshop-container { max-width: 100%; } .workshop-grid { grid-template-columns: 1fr; gap: 2.5rem; } .workshop-image-frame { position: static; max-width: 480px; margin: 0 auto; } .workshop-meta, .price-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 768px) { .workshop-meta, .price-grid { grid-template-columns: 1fr; } .meta-card, .price-card { padding: 1rem 1.1rem; } .workshop-lead { font-size: 1rem; } .workshop-image-frame { margin-top: 1.5rem; } /* Workshop page responsive */ .workshop-grid { grid-template-columns: 1fr; } .workshop-image { order: -1; /* Image on top on mobile */ margin-bottom: 2rem; } } /* ---------------------------------- */ /* -- Kdo Sem Page - Read More Button -- */ /* ---------------------------------- */ /* Stil za gumb "Moja zgodba" */ .read-more-btn { display: inline-block; margin-top: 2rem; /* Naredi prostor med uvodnim besedilom in gumbom */ padding: 0.8rem 1.8rem; background: var(--primary-color); color: white; text-decoration: none; border-radius: 30px; font-weight: 500; border: 2px solid transparent; cursor: pointer; transition: var(--transition); -webkit-appearance: none; /* Odstrani privzete stile gumbov na mobilnih napravah */ -moz-appearance: none; appearance: none; } /* Efekt ob prehodu z miško */ .read-more-btn:hover { background: white; color: var(--primary-color); border: 2px solid var(--primary-color); transform: translateY(-2px); box-shadow: 0 4px 15px rgba(251, 99, 57, 0.2); } /* Vsebnik za razširjeno zgodbo */ .more-story-content { height: 0; /* Privzeto je vsebina popolnoma skrita */ overflow: hidden; /* Vsebina, ki presega višino 0, je odrezana */ transition: height 0.45s ease, margin-top 0.45s ease, padding 0.45s ease, box-shadow 0.45s ease, background 0.45s ease, border-color 0.45s ease; /* Animacija za gladek prehod */ line-height: 1.8; /* Izboljša berljivost daljšega besedila */ color: #444; /* Uskladi barvo besedila z ostalimi odstavki */ margin-top: 0; padding: 0; border-radius: 24px; border: 1px solid transparent; background: transparent; box-shadow: none; max-width: 68ch; margin-left: auto; margin-right: auto; will-change: height; } .more-story-content p { margin: 0; } .more-story-content p + p { margin-top: 1.3rem; } /* Razred, ki ga doda JavaScript za prikaz vsebine */ .more-story-content.visible { margin-top: 2.5rem; /* Doda prostor med gumbom in prikazanim besedilom */ padding: 2.2rem 2.5rem 2.5rem; background: #fff; box-shadow: 0 22px 48px rgba(20, 20, 20, 0.08); border-color: rgba(251, 99, 57, 0.12); } @media (max-width: 600px) { .more-story-content.visible { padding: 1.8rem 1.5rem 2rem; } } /* ============================================= */ /* === NOVI STILI ZA PRENOVLJENO NASLOVNICO === */ /* ============================================= */ /* 1. Glavna sekcija (Hero) */ .hero-new { padding: 72px 2rem 0; background: #fdfcfa; /* Svetlo ozadje */ min-height: calc(100vh - 72px); display: flex; align-items: stretch; overflow: hidden; /* Prepreči, da bi oblike šle izven sekcije */ position: relative; } .hero-new-content { max-width: 1200px; margin: 0 auto; width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: flex-start; min-height: calc(100vh - 72px); z-index: 2; /* Postavi vsebino nad dekorativne oblike */ } .hero-new-text { align-self: stretch; display: flex; flex-direction: column; gap: 1.5rem; height: 100%; padding-top: 48px; padding-bottom: 48px; } .hero-new-text h1 { font-size: 2.8rem; font-weight: 700; line-height: 1.3; margin-bottom: 0; } .hero-new-subtitle { font-size: 1.2rem; color: #555; } .hero-info-box { margin-top: auto; padding: 1.5rem; background: #ffffff; border-left: 4px solid var(--primary-color); border-radius: 12px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); max-width: 460px; text-align: left; } .hero-info-box h3 { font-size: 1.4rem; margin-bottom: 1rem; } .hero-info-box p + p { margin-top: 0.75rem; } .hero-info-box p { text-align: justify; } .hero-info-box strong { color: var(--primary-color); } /* KLJUČEN POPRAVEK ZA VELIKOST SLIKE */ .hero-new-image { display: flex; justify-content: center; align-items: flex-end; align-self: stretch; } .hero-new-image img { max-width: 100%; /* Slika ne bo širša od svojega vsebnika */ width: auto; height: 100%; /* Raztegne sliko do višine hero sekcije */ max-height: none; object-fit: contain; /* Zagotovi, da je celotna slika vidna */ object-position: bottom; } /* 2. Sekcija s ponudbami */ .features-section { padding: 80px 2rem; text-align: center; } .features-container { max-width: 1200px; margin: 0 auto; } .features-intro h2 { max-width: 800px; margin: 0 auto 3rem auto; font-size: 1.8rem; } .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; } .feature-card { background: #fff; padding: 2.5rem 2rem; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.07); transition: var(--transition); display: flex; flex-direction: column; gap: 1.2rem; height: 100%; } .feature-card:hover { transform: translateY(-8px); box-shadow: 0 15px 40px rgba(0,0,0,0.1); } .feature-card h3 { color: var(--primary-color); margin-bottom: 1rem; } .feature-card .cta-button { margin-top: auto; align-self: center; } /* 3. Sekcija o Amri */ .about-amra-intro { padding: 60px 2rem; background: var(--light-bg); } .about-amra-wrapper { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1.2fr; gap: 3rem; align-items: center; } .about-amra-image { display: flex; justify-content: center; } .about-amra-image img { max-width: 100%; height: auto; border-radius: 20px; box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12); } .about-amra-content { font-size: 1.1rem; line-height: 1.8; } .about-amra-content p + p { margin-top: 1rem; } .about-amra-content p { text-align: justify; } .cta-button-alt { display: inline-block; padding: 1rem 2rem; background: transparent; color: var(--primary-color); text-decoration: none; border-radius: 30px; font-weight: 500; transition: var(--transition); margin-top: 2rem; border: 2px solid var(--primary-color); } .cta-button-alt:hover { background: var(--primary-color); color: white; } /* 4. Zadnji poziv k akciji */ .final-cta { padding: 80px 2rem; text-align: center; } .final-cta-content h2 { font-size: 2.2rem; margin-bottom: 1.5rem; } .final-cta-buttons { display: flex; justify-content: center; gap: 1rem; margin-bottom: 1.5rem; flex-wrap: wrap; } .final-cta-content p { color: #666; } /* Dekorativni elementi v ozadju */ .bg-shape { position: absolute; border-radius: 50%; z-index: 1; opacity: 0.5; } .shape-1 { width: 150px; height: 150px; background: rgba(251, 99, 57, 0.1); top: 22%; left: 5%; } .shape-2 { width: 80px; height: 80px; background: rgba(251, 99, 57, 0.08); bottom: 12%; right: 45%; } .shape-3 { width: 50px; height: 50px; border: 2px dotted var(--primary-color); top: 32%; right: 10%; } .shape-4 { width: 120px; height: 120px; border: 2px solid rgba(251, 99, 57, 0.2); bottom: 9%; left: 40%; } /* Prilagoditve za mobilne naprave */ @media (max-width: 992px) { .hero-new-content { grid-template-columns: 1fr; text-align: center; min-height: auto; align-items: center; padding-top: 0; } .hero-new-text { display: block; height: auto; align-self: center; padding-top: 0; padding-bottom: 0; } .hero-info-box { margin: 1.5rem auto 0; text-align: left; } .hero-new-image { order: -1; /* Premakne sliko na vrh */ margin-bottom: 2rem; align-self: center; align-items: center; } .hero-new-image img { max-height: 400px; /* Manjša slika na tablicah */ height: auto; width: 100%; } .about-amra-wrapper { grid-template-columns: 1fr; text-align: center; gap: 2rem; } .about-amra-content { text-align: center; } } @media (max-width: 768px) { .hero-new-text h1 { font-size: 2.2rem; } .features-intro h2 { font-size: 1.5rem; } .final-cta-buttons .cta-button { width: 100%; } } """ "./delavnice/index.html" : """ Delavnice - Prosberry
Pregled delavnic

Skupaj gradimo podporno okolje

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.

Za šole

Delavnica Zakaj se splača znati slovensko?
Zakaj se splača znati slovensko?
Delavnica Šola in starši priseljenci
Šola in starši priseljenci

Za vrtce

Delavnica Skupaj gradimo nove začetke
Skupaj gradimo nove začetke

Za zaposlene

Delavnica Od tujca do sošolca
Od tujca do sošolca
""" "./error_log" : """ [03-Mar-2025 04:27:40 Europe/Ljubljana] PHP Deprecated: Directive 'allow_url_include' is deprecated in Unknown on line 0 [05-Mar-2025 04:58:49 Europe/Ljubljana] PHP Deprecated: Directive 'allow_url_include' is deprecated in Unknown on line 0 [06-Mar-2025 04:16:29 Europe/Ljubljana] PHP Deprecated: Directive 'allow_url_include' is deprecated in Unknown on line 0 [07-Mar-2025 04:47:02 Europe/Ljubljana] PHP Deprecated: Directive 'allow_url_include' is deprecated in Unknown on line 0 [08-Mar-2025 06:15:10 Europe/Ljubljana] PHP Deprecated: Directive 'allow_url_include' is deprecated in Unknown on line 0 [09-Mar-2025 05:57:05 Europe/Ljubljana] PHP Deprecated: Directive 'allow_url_include' is deprecated in Unknown on line 0 [10-Mar-2025 04:22:33 Europe/Ljubljana] PHP Deprecated: Directive 'allow_url_include' is deprecated in Unknown on line 0 [11-Mar-2025 04:18:52 Europe/Ljubljana] PHP Deprecated: Directive 'allow_url_include' is deprecated in Unknown on line 0 [12-Mar-2025 04:49:32 Europe/Ljubljana] PHP Deprecated: Directive 'allow_url_include' is deprecated in Unknown on line 0 """ "./footer-template.html" : """ """ "./header-template.html" : """
""" "./index.html" : """ Kontakt - Prosberry

Dobrodošli v našem medkulturnem kotičku…

Uči se angleščine, razvozlaj medkulturne vozle in uživaj v vsakem koraku!

Zakaj PROSBERRY?

PROS simbolizira znanje, izkušnje in strokovnost, ki podpirajo rast in razvoj.

BERRY predstavlja raznolikost in živost, ki bogati učenje, povezovanje in medkulturne izkušnje.

Tudi v jeziku in med ljudmi rastemo vsak po svoje – z različnimi potrebami, ozadji in cilji.

Moj cilj je ustvariti prostor, kjer se lahko učimo, povezujemo in sodelujemo naravno, enostavno in z veseljem.

Amra Kurešepi Zulji

PROSBERRY – mesto, kjer učenje, povezovanje in podpora postanejo enostavni!

Uči se po svojem tempu

Z izurjeno profesorico, ki se je tudi sama kdaj lovila pri učenju in uporabi tujih jezikov, odkrij načine, kako se jezika naučiti prilagojeno svojim potrebam in ritmu.

PONUDBE

Razišči delavnice

Za priseljene otroke in starše, ki krepijo vezi s šolo ali vrtcem, ter za zaposlene v vrtcih in šolah, ki krepijo vezi z otroki in starši.

DELAVNICE

Prejmi podporo, ko jo najbolj potrebuješ

Medkulturno posredovanje, ki vsakodnevne izzive naredi lažje za vse.

MK POSREDOVANJE
Amra Kurešepi Zulji

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

Imaš vprašanje? Pokliči ali piši!

+386 30 312 855 info@prosberry.si

Skupaj ustvariva prostor za učenje in povezovanje.

""" "./js/main.js" : """ document.addEventListener('DOMContentLoaded', function() { // --- Mobile Menu Toggle --- const mobileMenuBtn = document.querySelector('.mobile-menu-btn'); const navLinks = document.querySelector('.nav-links'); let closeMobileMenu = () => {}; let resetMobileSubmenus = () => {}; const normalizePath = (value) => { if (!value) { return '/'; } let clean = value.split('?')[0].split('#')[0]; clean = clean.replace(/index\.html$/i, ''); clean = clean.replace(/\/+$/, ''); if (clean === '') { clean = '/'; } return clean; }; const applyActiveNavState = () => { const navRoot = document.querySelector('.nav-links'); if (!navRoot) { return; } navRoot.querySelectorAll('a.active, .dropbtn.active').forEach(el => { el.classList.remove('active'); }); const currentPath = normalizePath(window.location.pathname); const navAnchors = navRoot.querySelectorAll('a[href]'); let matchedLink = null; navAnchors.forEach(anchor => { const href = anchor.getAttribute('href'); if (!href || href.startsWith('http') || href.startsWith('mailto:') || href.startsWith('tel:') || href.startsWith('#')) { return; } const linkPath = normalizePath(href); if (linkPath === currentPath) { matchedLink = anchor; } }); if (!matchedLink) { return; } matchedLink.classList.add('active'); const highlightDropdownParents = (element) => { let parentContent = element.closest('.dropdown-submenu-content, .dropdown-content'); while (parentContent) { const trigger = parentContent.previousElementSibling; if (trigger && (trigger.tagName === 'A' || trigger.classList.contains('dropbtn'))) { trigger.classList.add('active'); } parentContent = parentContent.parentElement ? parentContent.parentElement.closest('.dropdown-submenu-content, .dropdown-content') : null; } }; highlightDropdownParents(matchedLink); const topLevelDropdown = matchedLink.closest('.dropdown'); if (topLevelDropdown) { const trigger = topLevelDropdown.querySelector('.dropbtn'); if (trigger) { trigger.classList.add('active'); } } }; if (mobileMenuBtn && navLinks) { resetMobileSubmenus = () => { navLinks.querySelectorAll('.dropdown-content, .dropdown-submenu-content').forEach(submenu => { submenu.style.display = 'none'; }); navLinks.querySelectorAll('.dropbtn, .dropdown-submenu > a').forEach(link => { link.classList.remove('active'); }); applyActiveNavState(); }; closeMobileMenu = () => { mobileMenuBtn.classList.remove('active'); navLinks.classList.remove('active'); document.body.classList.remove('no-scroll'); resetMobileSubmenus(); }; mobileMenuBtn.addEventListener('click', (event) => { event.stopPropagation(); // Prepreči, da bi se dogodek takoj prenesel na 'document' const willOpen = !navLinks.classList.contains('active'); if (willOpen) { mobileMenuBtn.classList.add('active'); navLinks.classList.add('active'); document.body.classList.add('no-scroll'); resetMobileSubmenus(); } else { closeMobileMenu(); } }); } // --- Active Navigation Highlight --- applyActiveNavState(); // --- Mobile Dropdown Logic --- // Logika za odpiranje podmenijev na klik na mobilnih napravah const dropdowns = document.querySelectorAll('.nav-links .dropdown-submenu > a, .nav-links .dropdown > .dropbtn'); dropdowns.forEach(item => { item.addEventListener('click', function(event) { // Preveri, ali smo na mobilni napravi (ujema se z CSS @media query) if (window.innerWidth <= 768) { // Prepreči navigacijo, če je to link, saj želimo samo odpreti podmeni if (item.tagName === 'A') { event.preventDefault(); } event.stopPropagation(); const submenu = item.nextElementSibling; if (!submenu) { return; } const isTopLevelTrigger = item.classList.contains('dropbtn'); if (isTopLevelTrigger) { navLinks.querySelectorAll('.dropdown-content').forEach(panel => { if (panel !== submenu) { panel.style.display = 'none'; const trigger = panel.parentElement.querySelector('.dropbtn'); if (trigger) { trigger.classList.remove('active'); } panel.querySelectorAll('.dropdown-submenu-content').forEach(child => { child.style.display = 'none'; const childTrigger = child.parentElement.querySelector(':scope > a'); if (childTrigger) { childTrigger.classList.remove('active'); } }); } }); } else { const siblingsWrapper = item.parentElement && item.parentElement.parentElement; if (siblingsWrapper) { siblingsWrapper.querySelectorAll(':scope > .dropdown-submenu > .dropdown-submenu-content').forEach(panel => { if (panel !== submenu) { panel.style.display = 'none'; const trigger = panel.parentElement.querySelector(':scope > a'); if (trigger) { trigger.classList.remove('active'); } panel.querySelectorAll('.dropdown-submenu-content').forEach(child => { child.style.display = 'none'; const childTrigger = child.parentElement.querySelector(':scope > a'); if (childTrigger) { childTrigger.classList.remove('active'); } }); } }); } } const shouldOpen = submenu.style.display !== 'block'; if (shouldOpen) { submenu.style.display = 'block'; item.classList.add('active'); submenu.querySelectorAll('.dropdown-submenu-content').forEach(child => { child.style.display = 'none'; const childTrigger = child.parentElement.querySelector(':scope > a'); if (childTrigger) { childTrigger.classList.remove('active'); } }); } else { submenu.style.display = 'none'; item.classList.remove('active'); submenu.querySelectorAll('.dropdown-submenu-content').forEach(child => { child.style.display = 'none'; const childTrigger = child.parentElement.querySelector(':scope > a'); if (childTrigger) { childTrigger.classList.remove('active'); } }); } } }); }); // --- Close mobile menu when clicking outside --- document.addEventListener('click', function(event) { if (window.innerWidth <= 768 && navLinks && navLinks.classList.contains('active')) { // Preveri, ali klik ni bil znotraj navigacije ali na gumb za meni const isClickInsideNav = navLinks.contains(event.target); const isClickOnBtn = mobileMenuBtn && mobileMenuBtn.contains(event.target); if (!isClickInsideNav && !isClickOnBtn) { closeMobileMenu(); } } }); // --- Close mobile menu when a link is clicked --- const navLinkItems = document.querySelectorAll('.nav-links a'); navLinkItems.forEach(link => { link.addEventListener('click', (event) => { // Preprečimo zapiranje, če ima link podmeni in smo na mobilni napravi const hasSubmenu = link.parentElement.classList.contains('dropdown-submenu') || link.classList.contains('dropbtn'); if (window.innerWidth <= 768) { if (hasSubmenu) { // To je že obdelano v zgornji logiki, tukaj samo preprečimo, da bi se meni takoj zaprl return; } closeMobileMenu(); } }); }); // --- Accordion Logic for "Več" buttons --- const accordions = document.querySelectorAll('.accordion-toggle'); accordions.forEach(accordion => { accordion.addEventListener('click', function() { const accordionItem = this.closest('.mediation-accordion-item'); const content = accordionItem ? accordionItem.querySelector('.accordion-content') : null; 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 --- const header = document.querySelector('.main-header'); if (header) { let lastScroll = 0; window.addEventListener('scroll', () => { const currentScroll = window.pageYOffset; if (currentScroll <= 0) { header.classList.remove('scroll-up'); return; } if (currentScroll > lastScroll && !header.classList.contains('scroll-down')) { // Scroll Down header.classList.remove('scroll-up'); header.classList.add('scroll-down'); } else if (currentScroll < lastScroll && header.classList.contains('scroll-down')) { // Scroll Up header.classList.remove('scroll-down'); header.classList.add('scroll-up'); } lastScroll = currentScroll; }); } // --- Accordion Logic for Mediation Page --- const mediationSections = document.querySelectorAll('.mediation-section'); if (mediationSections.length) { const mediationTitles = document.querySelectorAll('.mediation-section h2'); const closeAllSections = () => { mediationSections.forEach(section => { section.classList.remove('active'); }); }; mediationTitles.forEach(title => { title.addEventListener('click', () => { const parentSection = title.parentElement; const isAlreadyActive = parentSection.classList.contains('active'); closeAllSections(); if (!isAlreadyActive) { parentSection.classList.add('active'); } }); }); const openSectionFromHash = () => { const hash = window.location.hash; if (hash) { const targetSection = document.querySelector(hash); if (targetSection && targetSection.classList.contains('mediation-section')) { closeAllSections(); targetSection.classList.add('active'); } } }; window.addEventListener('hashchange', openSectionFromHash); openSectionFromHash(); if (!document.querySelector('.mediation-section.active') && mediationSections[0]) { mediationSections[0].classList.add('active'); } } // --- POPRAVLJENA in ZANESLJIVA logika za meni --- const dropdownContainers = document.querySelectorAll('.nav-links .dropdown'); if (dropdownContainers.length) { const closeAllDropdowns = () => { dropdownContainers.forEach(container => { const dropdownContent = container.querySelector('.dropdown-content'); if (!dropdownContent) { return; } container.classList.remove('is-open'); dropdownContent.style.display = 'none'; dropdownContent.querySelectorAll('.dropdown-submenu-content').forEach(submenu => { submenu.style.display = 'none'; }); }); }; dropdownContainers.forEach(container => { const dropBtn = container.querySelector('.dropbtn'); const dropdownContent = container.querySelector('.dropdown-content'); if (!dropBtn || !dropdownContent) { return; } const closeDropdown = () => { container.classList.remove('is-open'); dropdownContent.style.display = 'none'; dropdownContent.querySelectorAll('.dropdown-submenu-content').forEach(submenu => { submenu.style.display = 'none'; }); }; const openDropdown = () => { container.classList.add('is-open'); dropdownContent.style.display = 'block'; }; dropBtn.addEventListener('click', (event) => { if (window.innerWidth <= 768) { return; // mobilna logika že upravlja } event.preventDefault(); const isOpen = container.classList.contains('is-open'); closeAllDropdowns(); if (!isOpen) { openDropdown(); } }); const submenuLinks = container.querySelectorAll('.dropdown-submenu > a'); submenuLinks.forEach(link => { const submenu = link.nextElementSibling; if (!submenu) { return; } link.addEventListener('click', (event) => { if (window.innerWidth <= 768) { return; // mobilna logika že upravlja } const parentList = link.parentElement.parentElement; parentList.querySelectorAll(':scope > .dropdown-submenu > .dropdown-submenu-content').forEach(sm => { if (sm !== submenu) { sm.style.display = 'none'; } }); const isOpen = submenu.style.display === 'block'; const href = link.getAttribute('href') || ''; if (href === '#' || href.trim() === '') { event.preventDefault(); submenu.style.display = isOpen ? 'none' : 'block'; return; } if (!isOpen) { event.preventDefault(); submenu.style.display = 'block'; } else { closeDropdown(); } }); }); container.querySelectorAll('.dropdown-submenu-content a').forEach(link => { if (link.nextElementSibling) { return; } link.addEventListener('click', () => { if (window.innerWidth <= 768) { return; } closeAllDropdowns(); closeMobileMenu(); }); }); }); document.addEventListener('click', (event) => { if (window.innerWidth <= 768) { return; } const clickedInside = Array.from(dropdownContainers).some(container => container.contains(event.target)); if (!clickedInside) { closeAllDropdowns(); } }); window.addEventListener('resize', () => { if (window.innerWidth <= 768) { closeAllDropdowns(); closeMobileMenu(); } }); } window.addEventListener('resize', () => { if (window.innerWidth > 768) { closeMobileMenu(); } }); // --- Initialize AOS (Animate on Scroll) --- if (typeof AOS !== 'undefined') { AOS.init({ duration: 600, easing: 'ease-out', once: true, // Animacija se zgodi samo enkrat offset: 50, delay: 100, disable: 'mobile' }); } // --- "Read More" Button Logic for Kdo Sem Page --- const readMoreBtn = document.querySelector('.read-more-btn'); const moreStoryContent = document.querySelector('.more-story-content'); if (readMoreBtn && moreStoryContent) { if (moreStoryContent.id) { readMoreBtn.setAttribute('aria-controls', moreStoryContent.id); } const applyStoryState = (isVisible) => { readMoreBtn.textContent = isVisible ? 'Skrij zgodbo' : 'Moja zgodba'; readMoreBtn.setAttribute('aria-expanded', isVisible ? 'true' : 'false'); moreStoryContent.setAttribute('aria-hidden', isVisible ? 'false' : 'true'); }; let isExpanded = moreStoryContent.classList.contains('visible'); applyStoryState(isExpanded); moreStoryContent.style.height = isExpanded ? 'auto' : '0px'; const openStory = () => { moreStoryContent.classList.add('visible'); const targetHeight = moreStoryContent.scrollHeight; moreStoryContent.classList.add('is-animating'); moreStoryContent.style.height = '0px'; requestAnimationFrame(() => { moreStoryContent.style.height = `${targetHeight}px`; }); }; const closeStory = () => { const currentHeight = moreStoryContent.scrollHeight; moreStoryContent.style.height = `${currentHeight}px`; moreStoryContent.classList.add('is-animating'); requestAnimationFrame(() => { moreStoryContent.style.height = '0px'; }); }; moreStoryContent.addEventListener('transitionend', (event) => { if (event.propertyName !== 'height') { return; } moreStoryContent.classList.remove('is-animating'); if (isExpanded) { moreStoryContent.style.height = 'auto'; } else { moreStoryContent.classList.remove('visible'); moreStoryContent.style.height = ''; } }); readMoreBtn.addEventListener('click', () => { if (moreStoryContent.classList.contains('is-animating')) { return; } isExpanded = !isExpanded; applyStoryState(isExpanded); if (isExpanded) { openStory(); } else { closeStory(); } }); } }); // --- Legacy form validation functions (can be kept for potential future use) --- // Note: The main form submission logic is now handled via fetch in kontakt/index.html function showError(input, message) { const formControl = input.parentElement; const errorDiv = formControl.querySelector('.error-message') || document.createElement('div'); errorDiv.className = 'error-message'; errorDiv.textContent = message; if (!formControl.querySelector('.error-message')) { formControl.appendChild(errorDiv); } formControl.classList.add('error'); } function removeError(input) { const formControl = input.parentElement; const errorDiv = formControl.querySelector('.error-message'); if (errorDiv) { formControl.removeChild(errorDiv); } formControl.classList.remove('error'); } function isValidEmail(email) { const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; return re.test(String(email).toLowerCase()); } """ "./kdo-sem/index.html" : """ Kdo sem - Prosberry
O meni

Povezanost z jeziki, ljudmi in zgodbami

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.

Amra Kurešepi Zulji

Sama sem doživela selitev v drugo državo, zato dobro vem, kako pomembno je, da te nekdo razume, prisluhne in ti pomaga poiskati pravo pot. Posebno blizu so mi posamezniki in družine, ki se znajdejo v novem okolju – tujci v Sloveniji, priseljenci, otroci iz večjezičnih družin in tisti, ki doma govorijo drug jezik. Za mnoge je jezik povezan z občutki negotovosti, sramežljivosti ali izključenosti. Prav zato si prizadevam ustvariti varen in spodbuden prostor, kjer govor odpira vrata do osebne in družbene rasti. Z leti sem začela vse bolj prepoznavati pomen medkulturnega razumevanja in razvijala občutek za to, kaj posameznik v resnici potrebuje.

""" "./kontakt/index.html" : """ Kontakt - Prosberry
Povežimo se

Kontakt

Veselim se sodelovanja pri vašem naslednjem tečaju, delavnici ali medkulturnem posredovanju.

Stopimo v stik

Če želite izvedeti več o naših tečajih, delavnicah ali medkulturnem posredovanju, sem tukaj – lahko mi pišete ali me kontaktirate!

  • Tečaji angleščine vseh nivojev
  • Medkulturno posredovanje za šole, vrtce, zdravstvene ustanove in druge organizacije
  • Delavnice za učence, starše in strokovne time
  • Podpora pri učenju jezikov in vključevanju novih družin
Email info@prosberry.si
Telefon 030 312 855

Dogovorimo se za kratek posvet, da skupaj bolje razumemo možnosti sodelovanja in poiščemo prave korake naprej.

Za več informacij

Izpolnite obrazec in sporočite, kako vam lahko pomagamo. Odgovor boste prejeli v najkrajšem možnem času.

""" "./kontakt/process_form.php" : """ \r\n"; $email_headers .= "Reply-To: $email\r\n"; $email_headers .= "X-Mailer: PHP/" . phpversion(); // Pošlji email if (mail($recipient, $subject, $email_content, $email_headers)) { http_response_code(200); echo "Hvala! Vaše sporočilo je bilo uspešno poslano."; } else { http_response_code(500); echo "Oprostite! Prišlo je do napake pri pošiljanju sporočila."; } } else { http_response_code(403); echo "Prišlo je do napake pri obdelavi zahteve."; } ?> """ "./pogosta-vprasanja/index.html" : """ Pogosta vprašanja - Prosberry
Vprašanja in odgovori

Pogosta vprašanja

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

  • – 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
  • – Pri reševanju konfliktov med učenci ali starši, ki izhajajo iz kulturnih razlik
  • – Pri vključevanju staršev v šolske ali lokalne aktivnosti
  • – Pri razumevanju posebnih potreb ali individualnih načrtov v šoli in vrtcu
  • – Pri usklajevanju pričakovanj med šolo in družino (npr. domače naloge, pravila, roki)

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.

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.

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 primeru doplačilo 50 €, kar pokriva njegovo delo.

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

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.

  • – Olajšano komunikacijo s starši in učenci
  • – Večje zaupanje med družinami in šolskim osebjem
  • – 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čjo vključenost staršev v šolske dejavnosti
  • – Spodbujanje medkulturnega razumevanja med učenci
  • – 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.
""" "./politika-zasebnosti/index.html" : """ Politika zasebnosti - Prosberry

Politika zasebnosti

Podjetje PROSBERRY, Amra Kurešepi Zulji s.p. je lastnik in upravljalec spletne strani https://prosberry.si.

Osnovni podatki podjetja

Naziv podjetja: PROSBERRY, Amra Kurešepi Zulji s.p.

Naslov podjetja: Celovška cesta 172, 1000 Ljubljana, Slovenija

Uradna spletna stran: https://prosberry.si/

Elektronska pošta: info@prosberry.si

Kontaktna številka: +386 69 913 506

Z osebnimi podatki ravnamo v skladu z zakonom o varstvu osebnih podatkov ZVOP-1, Ur. l. RS št. 94/07 in Splošna uredba EU o varstvu osebnih podatkov – GDPR.

Zavezani smo k zakoniti obdelavi osebnih podatkov, ki nam jih zaupate.

Pooblaščena oseba za varstvo osebnih podatkov

Lastnik in upravljalec spletnega mesta ne obdeluje osebnih podatkov na način, ki zahteva imenovano pooblaščeno osebo za varstvo podatkov.

PROSBERRY, Amra Kurešepi Zulji s.p. vaše osebne podatke preko spletne strani shranjuje in obdeluje samo v določenih, spodaj navedenih primerih.

Uporaba spletnega obrazca s kontaktnimi podatki

Osebni podatki, ki jih pridobimo na naši spletni strani preko kontaktnega obrazca se zbirajo izključno z namenom vzpostavitve komunikacije z vami.

Enako velja za podatke, ki niso posredovani preko kontaktnega obrazca.

Prostovoljni vnos podatkov nam omogoča, da stopimo v stik z vami in se odzovemo na vase sporočilo.

Sporočilo se pošlje kot e-poštno sporočilo na elektronski naslov podjetja Prosberry.

Pravni temelji za obdelavo osebnih podatkov je osebna privolitev, ki se pridobi z vnosom podatkov v kontaktni obrazec in se lahko kadarkoli prekliče s pisno zahtevo na elektronski naslov info@prosberry.si.

PROSBERRY, Amra Kurešepi Zulji s.p. za namen komunikacije z obiskovalci vodi naslednje kategorije osebnih podatkov:

  • ime in priimek,
  • elektronski naslov,
  • telefonsko številko,
  • sporočilo in ostali podatki, ki jih uporabnik vpiše v kontaktni obrazec.

Pravice posameznikov zajemajo preklic privolitve, popravek, izbris, ali omejitev obdelave. Pravice je mogoče uveljavljati s pisno vlogo, poslano po elektronski pošti. Za pomoč pri uveljavljanju svojih pravic se lahko obrnete na info@prosberry.si

Pogodbena obdelava osebnih podatkov

Po potrebi bomo za izvajanje določenih del, ki prispevajo k našim storitvam, pooblastili druga podjetja in posameznike. Osebne podatke lahko na primer posredujemo izvajalcem za gostitev naše podatkovne baze in aplikacij, za storitve obdelave podatkov ali za pošiljanje informacij, ki ste jih zahtevali, za zagotavljanje podpornih storitev ipd. Zunanjim ponudnikom storitev bomo tovrstne podatke posredovali oziroma naredili dostopne samo v obsegu, ki ga zahteva določen namen. Teh podatkov ne bodo smeli uporabljati v nobene druge namene. Zunanji ponudniki storitev so pogodbeno zavezani k spoštovanju zaupnosti vaših osebnih podatkov.

Pogodbeni obdelovalci smejo osebne podatke obdelovati zgolj v okviru upravljavčevih navodil in osebnih podatkov ne smejo uporabiti za zasledovanje kakršnihkoli lastnih interesov.

Hramba

Podatke v zvezi z opravljenimi storitvami hranimo še eno leto po zaključku storitve. Po tem času jih izbrišemo, če zakon ne določa drugače. Na podlagi določb davčnih predpisov je npr. zavezan hraniti račune, na katerih so osebni podatki naročnika storitev še 10 let po opravljeni storitvi.

Prav tako tudi ne bo izbrisal tistih podatkov, ki jih potrebuje, da si zagotovi dokaz, da je podatke o osebi izbrisal (t.i. revizijska sled), in da hrani zapise o osebah, ki ne želijo, da jih v prihodnje kontaktira. Ti podatki so email naslov, telefonska številka ter ime in priimek.

Piškotki

Na spletnem mestu uporabljamo “piškotke”. Z nastavitvami v vašem brskalniku se lahko odločite ali boste “piškotke” sprejeli ali zavrnili. Piškotke hranimo kot je navedeno v dokumentu piškotki.

Pravica do pritožbe

Za morebitno uveljavljanje svojih pravic, vas prosimo, da nam svojo zahtevo posredujete pisno, preko elektronske pošte na naslov info@prosberry.si

Pravico imate, da v primeru kršitve varstva osebnih podatkov zoper upravljavca vložite pritožbo pri pristojnem nadzornem organu na naslov: Informacijski pooblaščenec, Zaloška 59, 1000 Ljubljana ali na: gp.ip@ip-rs.si.

""" "./ponudba/index.html" : """ Ponudba - Prosberry
Ponudba

Naše storitve

Odkrijte našo celotno ponudbo storitev

Poučujem Medkulturno posredujem

Način poučevanja

  • Preko spleta ali v živo
  • Individualno, v parih ali v manjših skupinah
  • Vse starostne skupine: učence, dijake, študente in odrasle

Poučujem

Angleščino

  • Tečaji vseh nivojev
  • Tečaji poslovne angleščine
  • Inštrukcije prilagojene vašim učnim ciljem, potrebam in željam
  • Vodene priprave na maturo in priprave na šolska ocenjevanja prilagojene vašim ciljem za doseganje rezultatov

Albanščino

Poučevanje jezika usvojenega v naravno govorečem okolju:

  • Inštruiranje osnov albanščine
  • Tečaji komunikacije

Slovenščino

  • Inštrukcije za začetni nivo slovenščine
  • Tečaji osnov slovenščine za priseljence

Medkulturno posredujem

Medkulturno posredovanje zajema razumevanje drugačnega značaja enake informacije pri ljudeh različnih narodnosti, ter njeno prilagajanje in razlago povedanega v kontekstu, da bo informacija strankam jasna.

Ponujam medkulturno posredovanje iz slovenščine v albanščino in obratno, ter iz slovenščine v srbščino in obratno.

Sodelujem:

  • z inštitucijami, ki potrebujejo 'medkulturni most' za razumevanje potreb svojih strank
  • s šolami, ki uvajajo učence priseljence – z učitelji in starši
  • s priseljenci, ki se znajdejo sredi izzivov zaradi nerazumevanja slovenskega jezika ter posledično načina delovanja v družbi
""" "./skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/index.html" : """ Delavnica: Od tujca do sošolca - Prosberry

Delavnica za učitelje

Od tujca do sošolca: Učinkovite strategije za motivacijo učencev z različnimi ozadji

Komu je delavnica namenjena?

Delavnica je namenjena učiteljem, ki v svojih razredih že poučujejo učence priseljence in si želijo izboljšati pristop k njihovemu vključevanju, motivaciji ter razumevanju kulturnih razlik in jezikovnih ovir.

Izvajalka delavnice

Delavnico vodim jaz, Amra Kurešepi Zulji, priseljena profesorica angleščine z več kot 10-letnimi izkušnjami dela z učenci priseljenci v slovenskem šolstvu. Magistrski študij sem zaključila v Sloveniji, zato dobro razumem jezikovne in kulturne izzive, s katerimi se srečujejo učenci in učitelji.

Cilji delavnice

  • 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.

Kaj delavnica vključuje

  • Uvod z mojo osebno zgodbo o izkušnjah priseljenke in učiteljice.
  • Kratek teoretični okvir o kulturni občutljivosti, motivaciji in jezikovnih izzivih.
  • Predstavitev praktičnih primerov in strategij za delo z učenci priseljenci.
  • Skupinske vaje in diskusije za izmenjavo izkušenj in iskanje rešitev.
  • Gradiva za učitelje s koristnimi sistematičnimi primeri aktivnosti.

Trajanje in organizacija

Trajanje 90 minut
Lokacija V prostorih šole

Cena

Ena delavnica 90 €

+ potni stroški za lokacije izven Ljubljane

Podrobno o delavnici
Ilustracija učiteljice, ki pomaga učencem različnih kultur
""" "./skupaj-za-vkljucevanje/delavnica-sola-in-starsi/index.html" : """ Delavnica: Šola in starši priseljenci - Prosberry

Delavnica za starše učencev priseljencev

Šola in starši priseljenci: Kako sodelovati?

Delavnica pomaga staršem učencev priseljencev razumeti pričakovanja šole, vlogo staršev pri uspehu otrok in načine, kako lahko skupaj z učitelji ustvarijo spodbudno učno okolje.

Namen delavnice

Staršem približamo sistem slovenskega šolstva, njihove pravice in odgovornosti ter predstavimo, kako lahko učinkovito sodelujejo s šolo, da otrok dobi podporo, ki jo potrebuje.

Delavnica poteka v materinščini staršev in po potrebi v slovenščini, da zagotovimo popolno razumljivost in omogočimo odprt pogovor.

Cilji delavnice

  • Pojasniti, kaj šola pričakuje od staršev glede sodelovanja in odgovornosti.
  • Spodbuditi starše k aktivnemu vključevanju v šolsko življenje otrok.
  • Ponuditi konkretne nasvete, kako pomagati otrokom pri učenju in prilagajanju.
  • Okrepiti komunikacijo in zaupanje med starši ter šolskim osebjem.
  • Predstaviti načine za prepoznavanje in reševanje morebitnih izzivov.

Trajanje in organizacija

Trajanje 90 minut
Lokacija V prostorih šole
Jeziki Materinščina staršev + slovenščina po potrebi

Cena

En termin 90 €

+ potni stroški za lokacije izven Ljubljane

Dva termina v dnevu 170 €

+ potni stroški za lokacije izven Ljubljane

Podrobno o delavnici
Ilustracija sestanka staršev in učiteljev
""" "./skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/index.html" : """ Delavnica: Skupaj gradimo nove začetke - Prosberry

Delavnica za starše otrok priseljencev v vrtcu

Skupaj gradimo nove začetke

Delavnica pomaga vrtcem ustvariti varno okolje, kjer starši priseljenci spoznajo delovanje vrtca, vzpostavijo zaupanje z vzgojiteljicami ter bolje razumejo pričakovanja in rutine, ki čakajo njihove otroke.

Komu je delavnica namenjena?

Delavnica je namenjena vrtcem, ki želijo staršem otrok priseljencev približati svoje delovanje, zlasti tistim, katerih otroci se prvič vključujejo v slovenski vrtec. Osrednji poudarek je na vzpostavljanju razumevanja in sodelovanja med vrtcem ter družinami.

Cilji delavnice

  • Ustvarjanje odprtega in varnega prostora za spoznavanje vrtca in vzgojiteljic.
  • Razvoj zaupanja med vrtcem in starši priseljenci.
  • Predstavitev osnovnih informacij o delovanju vrtca v razumljivem jeziku.
  • Pomoč pri razumevanju pravil, rutine in vzgojnih pričakovanj.
  • Spodbujanje povezovanja staršev – tudi med različnimi kulturami.
  • Zmanjševanje stiske ob prvem vključevanju otroka v novo okolje.

Trajanje in organizacija

Trajanje 90 minut
Lokacija V prostorih vrtca
Jeziki Materinščina staršev + slovenščina po potrebi

Cena

En termin 90 €

+ potni stroški za lokacije izven Ljubljane

Dva termina v dnevu 170 €

+ potni stroški za lokacije izven Ljubljane

Podrobno o delavnici
Ilustracija srečanja staršev v vrtcu
""" "./skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/index.html" : """ Delavnica: Zakaj se splača znati slovensko? - Prosberry

Delavnica za učence priseljence

Zakaj se splača znati slovensko?

Interaktivna delavnica učencem priseljencem pokaže, kako znanje slovenskega jezika odpira vrata v šoli in širši skupnosti, hkrati pa gradi samozavest in občutek pripadnosti.

Komu je delavnica namenjena?

Delavnica je namenjena osnovnim šolam, ki želijo podpreti učence priseljence pri vključevanju v novo šolsko in družbeno okolje. Prek pogovorov, iger in primerov iz prakse učenci spoznajo vlogo jezika pri ustvarjanju prijateljstev ter uspehu pri pouku.

Jezik delavnice prilagodimo skupini – po potrebi poteka v materinščini učencev ali v kombinaciji s slovenščino.

Cilji delavnice

  • Razumevanje pomena slovenskega jezika za šolski uspeh in vsakdanje življenje.
  • Spodbujanje pozitivnega odnosa do učenja slovenščine.
  • Spoznavanje osnov slovenske kulture in navad.
  • Podpora pri soočanju z izzivi vključevanja in gradnji samozavesti.

Trajanje in organizacija

Trajanje 90 minut
Lokacija V šoli
Skupina Do 12–15 učencev

Cena

En termin 90 €

+ potni stroški za lokacije izven Ljubljane

Dva termina v dnevu 170 €

+ potni stroški za lokacije izven Ljubljane

Podrobno o delavnici
Ilustracija učenja slovenskega jezika
""" "./skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html" : """ Medkulturno posredovanje - Prosberry
Skupaj za vključevanje

Medkulturno posredovanje

Potek medkulturnega posredovanja se prilagodi potrebam posameznega primera.

Poti medkulturnega posredovanja

Individualno medkulturno posredovanje

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.

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

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

Vsaka oblika odgovarja na drugačno potrebo pri medkulturnem vključevanju.

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.

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.
""" "./update-footer.sh" : """ #!/bin/bash # --- KONFIGURACIJA --- TEMPLATE_FILE="footer-template.html" HTML_FILES=$(find . -name "*.html" ! -path "./$TEMPLATE_FILE") # --- PREVERJANJA --- if [ ! -f "$TEMPLATE_FILE" ]; then echo "NAPAKA: Predloga '$TEMPLATE_FILE' ne obstaja." exit 1 fi # --- GLAVNA LOGIKA --- echo "Začenjam s posodabljanjem nog..." template_content=$(<"$TEMPLATE_FILE") for file in $HTML_FILES; do awk ' BEGIN { in_footer = 0; replaced = 0 } /