{"id":35,"date":"2025-09-25T14:13:00","date_gmt":"2025-09-25T11:13:00","guid":{"rendered":"https:\/\/mieliyhdistykset.fi\/viitasaari\/?page_id=35"},"modified":"2025-12-29T13:49:30","modified_gmt":"2025-12-29T11:49:30","slug":"vapaaehtoiseksi","status":"publish","type":"page","link":"https:\/\/mieliyhdistykset.fi\/viitasaari\/vapaaehtoiseksi\/","title":{"rendered":"Tule vapaaehtoiseksi"},"content":{"rendered":"\n\n<section id=\"block_09f73843a86cc648b45f0d2fd26faa2c\" class=\"block-hero overflow-hidden\">\n\n      <div class=\"h-[550px] relative\">\n      <figure class=\"h-full w-full\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"613\" src=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys-2-1920x613.jpg\" class=\"object-cover object-center w-full h-full\" alt=\"Ryhm\u00e4 iloisia ja tarmokkaita ihmisi\u00e4.\" srcset=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys-2-1920x613.jpg 1920w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys-2-300x96.jpg 300w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys-2-1024x327.jpg 1024w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys-2-768x245.jpg 768w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/>      <\/figure>\n      <div class=\"absolute left-0 right-0 bottom-20 z-10\">\n        <div class=\"container\">\n          <div class=\"max-w-[550px]\">\n                          <div class=\"box-heading\">\n                <h1 class=\"my-0\">Tule vapaaehtoiseksi <\/h1>\n              <\/div>\n                                  <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  \n<\/section>\n\n\n\n\n<section id=\"block_15409ff62aba54bdf2f0c973a720fab5\" class=\"block-accordion py-10 bg-white\">\n  <div class=\"container\">\n\n    <div class=\"grid grid-cols-1 md:grid-cols-12 gap-8\">\n\n      <div class=\"md:col-span-6 relative\">\n                  <figure class=\"h-auto w-auto\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys2-1-1024x683.jpg\" class=\"object-cover object-center w-full h-full\" alt=\"Pieni joukko iloisia ihmisi\u00e4 k\u00e4det kohotettuina yhteen.\" srcset=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys2-1-1024x683.jpg 1024w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys2-1-300x200.jpg 300w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys2-1-768x512.jpg 768w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys2-1-1620x1080.jpg 1620w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>          <\/figure>\n              <\/div>\n\n      <div class=\"md:col-span-6 relative\">\n\n                  <h2 class=\"\">Monta tapaa tehd\u00e4 hyv\u00e4\u00e4<\/h2>\n               \n                            <div class=\"w-full mt-4\" x-data=\"{selected:null}\">\n            <ul class=\"list-reset grid grid-cols-1 gap-2\">\n                                                                <li class=\"my-0 p-4 border border-gray-300 relative transition\" :class=\"{'bg-transparent': selected != 1, 'bg-gray-100': selected == 1 }\">\n                    <button type=\"button\" class=\"w-full text-left\" @click=\"selected !== 1 ? selected = 1 : selected = null\">\n                      <div class=\"flex items-center justify-between\">\n                        <span class=\"text-lg md:text-xl font-bold font-heading\">Tarjoa tukeasi, kun sit\u00e4 tarvitaan eniten<\/span>\n                        <span class=\"flex-shrink-0 w-[27px] h-[27px] bg-primary-700 rounded-full flex items-center justify-center text-white text-[14px]\" x-bind:class=\"selected == 1 ? 'hidden' : ''\"><i class=\"fa-solid fa-plus\"><\/i><\/span>\n                        <span class=\"flex-shrink-0 w-[27px] h-[27px] bg-primary-700 rounded-full flex items-center justify-center text-primary-500 text-[14px]\" x-bind:class=\"selected == 1 ? '' : 'hidden'\"><i class=\"fa-solid fa-minus\"><\/i><\/span>\n                      <\/div>\n                    <\/button>\n                    <div class=\"relative overflow-hidden transition-all max-h-0 duration-500\" style=\"\" x-ref=\"container1\" x-bind:style=\"selected == 1 ? 'max-height: ' + ($refs.container1.scrollHeight + 16) + 'px' : 'max-height: 0px;'\">\n                      <div class=\"pt-4\">\n                        <p>Auta vaikeimman hetken yli. Tarjoa rauhallista l\u00e4sn\u00e4oloasi MIELI Kriisipuhelimessa. Saat koulutuksen, jatkuvan tuen ja palkitsevan vapaaehtoisty\u00f6n. Sin\u00e4 voit muuttaa el\u00e4m\u00e4n!<\/p>\n<p><a class=\"btn btn-outline !text-black\" href=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/vapaaehtoiseksi\/vapaaehtoiseksi-auttajaksi\/\">Vapaaehtoiseksi MIELI Kriisipuhelimeen<\/a><\/p>\n                      <\/div>  \n                    <\/div>\n                  <\/li>\n                                                                                                <li class=\"my-0 p-4 border border-gray-300 relative transition\" :class=\"{'bg-transparent': selected != 2, 'bg-gray-100': selected == 2 }\">\n                    <button type=\"button\" class=\"w-full text-left\" @click=\"selected !== 2 ? selected = 2 : selected = null\">\n                      <div class=\"flex items-center justify-between\">\n                        <span class=\"text-lg md:text-xl font-bold font-heading\">Jaa osaamistasi ja tuo hyv\u00e4\u00e4 mielt\u00e4 arkeen<\/span>\n                        <span class=\"flex-shrink-0 w-[27px] h-[27px] bg-primary-700 rounded-full flex items-center justify-center text-white text-[14px]\" x-bind:class=\"selected == 2 ? 'hidden' : ''\"><i class=\"fa-solid fa-plus\"><\/i><\/span>\n                        <span class=\"flex-shrink-0 w-[27px] h-[27px] bg-primary-700 rounded-full flex items-center justify-center text-primary-500 text-[14px]\" x-bind:class=\"selected == 2 ? '' : 'hidden'\"><i class=\"fa-solid fa-minus\"><\/i><\/span>\n                      <\/div>\n                    <\/button>\n                    <div class=\"relative overflow-hidden transition-all max-h-0 duration-500\" style=\"\" x-ref=\"container2\" x-bind:style=\"selected == 2 ? 'max-height: ' + ($refs.container2.scrollHeight + 16) + 'px' : 'max-height: 0px;'\">\n                      <div class=\"pt-4\">\n                        <p>Kohtaat ihmisi\u00e4 ja vahvistat hyvinvointia yhteis\u00f6llisen tekemisen parissa: liikunnan, kulttuurin, taiteen tai luonnon \u00e4\u00e4rell\u00e4.<\/p>\n<p><strong>Hyv\u00e4n mielen tiistaikerhossa<\/strong>\u00a0kokoonnutaan yhteen iltap\u00e4ivisin joka toinen viikko. Osallistujien kesken kahvitellaan, pelataan bingoa, tehd\u00e4\u00e4n retki\u00e4 ja tehd\u00e4\u00e4n yhdess\u00e4 kaikkea kivaa. Kerhon tarkoituksena on yhdist\u00e4\u00e4 ihmisi\u00e4 ja tarjota paikka jossa kenenk\u00e4\u00e4n ei tarvitse olla yksin.<\/p>\n<p>Saat perehdytyksen, valmiita toimintamalleja ja tilaa omille ideoille. L\u00f6yd\u00e4 ilo yhdess\u00e4 tekemisest\u00e4!<\/p>\n                      <\/div>  \n                    <\/div>\n                  <\/li>\n                                                                                                <li class=\"my-0 p-4 border border-gray-300 relative transition\" :class=\"{'bg-transparent': selected != 3, 'bg-gray-100': selected == 3 }\">\n                    <button type=\"button\" class=\"w-full text-left\" @click=\"selected !== 3 ? selected = 3 : selected = null\">\n                      <div class=\"flex items-center justify-between\">\n                        <span class=\"text-lg md:text-xl font-bold font-heading\">Toimi yhdistystoiminnan syd\u00e4mess\u00e4<\/span>\n                        <span class=\"flex-shrink-0 w-[27px] h-[27px] bg-primary-700 rounded-full flex items-center justify-center text-white text-[14px]\" x-bind:class=\"selected == 3 ? 'hidden' : ''\"><i class=\"fa-solid fa-plus\"><\/i><\/span>\n                        <span class=\"flex-shrink-0 w-[27px] h-[27px] bg-primary-700 rounded-full flex items-center justify-center text-primary-500 text-[14px]\" x-bind:class=\"selected == 3 ? '' : 'hidden'\"><i class=\"fa-solid fa-minus\"><\/i><\/span>\n                      <\/div>\n                    <\/button>\n                    <div class=\"relative overflow-hidden transition-all max-h-0 duration-500\" style=\"\" x-ref=\"container3\" x-bind:style=\"selected == 3 ? 'max-height: ' + ($refs.container3.scrollHeight + 16) + 'px' : 'max-height: 0px;'\">\n                      <div class=\"pt-4\">\n                        <p>Olet mukana siell\u00e4, miss\u00e4 tapahtuu \u2013 j\u00e4rjest\u00e4m\u00e4ss\u00e4 tapahtumia, organisoimassa toimintaa, viestim\u00e4ss\u00e4, vaikuttamassa ja yhdistyksen vastuuteht\u00e4viss\u00e4. Saat tilaisuuden oppia, hy\u00f6dynt\u00e4\u00e4 osaamistasi ja jakaa onnistumisen hetki\u00e4.<\/p>\n<p>&nbsp;<\/p>\n                      <\/div>  \n                    <\/div>\n                  <\/li>\n                                                                                                <li class=\"my-0 p-4 border border-gray-300 relative transition\" :class=\"{'bg-transparent': selected != 4, 'bg-gray-100': selected == 4 }\">\n                    <button type=\"button\" class=\"w-full text-left\" @click=\"selected !== 4 ? selected = 4 : selected = null\">\n                      <div class=\"flex items-center justify-between\">\n                        <span class=\"text-lg md:text-xl font-bold font-heading\">Jaa tietoa mielenterveydest\u00e4<\/span>\n                        <span class=\"flex-shrink-0 w-[27px] h-[27px] bg-primary-700 rounded-full flex items-center justify-center text-white text-[14px]\" x-bind:class=\"selected == 4 ? 'hidden' : ''\"><i class=\"fa-solid fa-plus\"><\/i><\/span>\n                        <span class=\"flex-shrink-0 w-[27px] h-[27px] bg-primary-700 rounded-full flex items-center justify-center text-primary-500 text-[14px]\" x-bind:class=\"selected == 4 ? '' : 'hidden'\"><i class=\"fa-solid fa-minus\"><\/i><\/span>\n                      <\/div>\n                    <\/button>\n                    <div class=\"relative overflow-hidden transition-all max-h-0 duration-500\" style=\"\" x-ref=\"container4\" x-bind:style=\"selected == 4 ? 'max-height: ' + ($refs.container4.scrollHeight + 16) + 'px' : 'max-height: 0px;'\">\n                      <div class=\"pt-4\">\n                        <p>Levit\u00e4 asiantuntemustasi ja innostustasi mielenterveystaitojen vahvistamiseksi. J\u00e4rjest\u00e4 hyv\u00e4n mielen tuokioita eri kohderyhmille, vanhempainiltoja, yleis\u00f6luentoja tai kouluttaudu Hyvinvoiva mieli -koulutusten ohjaajaksi. Autat ihmisi\u00e4 voimaan paremmin ja saat itsekin hyv\u00e4n mielen.<\/p>\n                      <\/div>  \n                    <\/div>\n                  <\/li>\n                                                                                                <li class=\"my-0 p-4 border border-gray-300 relative transition\" :class=\"{'bg-transparent': selected != 5, 'bg-gray-100': selected == 5 }\">\n                    <button type=\"button\" class=\"w-full text-left\" @click=\"selected !== 5 ? selected = 5 : selected = null\">\n                      <div class=\"flex items-center justify-between\">\n                        <span class=\"text-lg md:text-xl font-bold font-heading\">Kerro oma ideasi<\/span>\n                        <span class=\"flex-shrink-0 w-[27px] h-[27px] bg-primary-700 rounded-full flex items-center justify-center text-white text-[14px]\" x-bind:class=\"selected == 5 ? 'hidden' : ''\"><i class=\"fa-solid fa-plus\"><\/i><\/span>\n                        <span class=\"flex-shrink-0 w-[27px] h-[27px] bg-primary-700 rounded-full flex items-center justify-center text-primary-500 text-[14px]\" x-bind:class=\"selected == 5 ? '' : 'hidden'\"><i class=\"fa-solid fa-minus\"><\/i><\/span>\n                      <\/div>\n                    <\/button>\n                    <div class=\"relative overflow-hidden transition-all max-h-0 duration-500\" style=\"\" x-ref=\"container5\" x-bind:style=\"selected == 5 ? 'max-height: ' + ($refs.container5.scrollHeight + 16) + 'px' : 'max-height: 0px;'\">\n                      <div class=\"pt-4\">\n                        <p>Mik\u00e4 olisi sinun tapasi\u00a0toimia mielenterveyden puolesta? Mihin haluaisit lahjoittaa aikaasi?\u00a0Jaa ideasi\u00a0kanssamme!<\/p>\n<p><a class=\"btn btn-outline !text-black\" href=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/yhteydenotto-vapaaehtoistoimintaan\/\">Ota yhteytt\u00e4<\/a><\/p>\n                      <\/div>  \n                    <\/div>\n                  <\/li>\n                                                          <\/ul>\n          <\/div>\n        \n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n\n<section id=\"block_5cd7ba68ad22cd009a6ec95fdf5b0d62\" class=\"block-heading-text py-10 bg-white\">\n  <div class=\"container\">\n\n    <div class=\"grid grid-cols-1 md:grid-cols-6 gap-12\">\n\n              <div class=\"md:col-span-2\">\n        <h1 class=\"green-line-title\">Anna aikaasi &#8211; toimi mielenterveyden puolesta<\/h1>\n                  <\/div>\n      \n              <div class=\"md:col-start-4 md:col-span-3\">\n          <p>Vapaaehtoisena voit tehd\u00e4 jotain t\u00e4rke\u00e4\u00e4. Yhdistyksemme joukoissa olet vahvistamassa mielenterveytt\u00e4 Viitasaaren alueella.<\/p>\n<p>Voit osallistua monella tapaa. Et tarvitse erityistaitoja tai aiempaa kokemusta. Jokaisella pienell\u00e4kin teolla voi olla suuri merkitys. Toisten auttamisesta tulee hyv\u00e4 mieli my\u00f6s itselle.<\/p>\n<p>L\u00f6ydet\u00e4\u00e4n yhdess\u00e4 sinulle sopiva osallistumismuoto.<\/p>\n<p><strong>Tule mukaan tekem\u00e4\u00e4n hyv\u00e4\u00e4 yhdess\u00e4!<\/strong><\/p>\n        <\/div>\n      \n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<section id=\"block_e50d3b0a6ad45381c0b32ffd4bb95c89\" class=\"block-accordion-path py-10 bg-white\">\n\n  \n<div class=\"container\">\n\n  <div class=\"grid grid-cols-1 md:grid-cols-12 gap-8\">\n\n    <div class=\"md:col-span-6 relative\">\n              <figure class=\"h-auto w-auto\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/2025\/10\/Mieli-vapaaehtoinen_tukija2-1024x683.jpg\" class=\"object-cover object-center w-full h-full\" alt=\"henkil\u00f6t juttelee\" srcset=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/2025\/10\/Mieli-vapaaehtoinen_tukija2-1024x683.jpg 1024w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/2025\/10\/Mieli-vapaaehtoinen_tukija2-300x200.jpg 300w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/2025\/10\/Mieli-vapaaehtoinen_tukija2-768x512.jpg 768w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/2025\/10\/Mieli-vapaaehtoinen_tukija2.jpg 1620w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>        <\/figure>\n          <\/div>\n\n    <div class=\"md:col-span-6 relative\">\n\n              <h2 class=\"heading-border\">Polku vapaaehtoiseksi<\/h2>\n            \n                      <div class=\"w-full mt-4\" x-data=\"{selected:null}\">\n          <ul class=\"list-reset grid grid-cols-1 gap-2\">\n                                                        <li class=\"my-0 p-4 relative transition path-wrapper\" :class=\"{'bg-transparent': selected != 1}\">\n                  <button type=\"button\" class=\"w-full text-left\" @click=\"selected !== 1 ? selected = 1 : selected = null\" >\n                    <div class=\"flex items-center justify-between gap-3\">\n                      <span class=\"flex items-center justify-center shrink-0 h-[55px] w-[55px]  rounded-full text-2xl font-bold path-number-circle\" :class=\"selected == 1 ? 'bg-primary-700 text-white' : 'bg-primary-300'\">1.<\/span>\n                      <div class=\"flex justify-between gap-3 w-full border-b\" :class=\"selected == 1? 'border-gray-700' : 'border-gray-200'\">\n                        <span class=\"text-lg md:text-xl font-bold font-heading\">Tutustu <\/span>\n                        <span class=\"flex-shrink-0 w-[27px] h-[27px] rounded-full flex items-center justify-center text-primary-700 text-[18px]\" x-bind:class=\"selected == 1 ? 'hidden' : ''\"><i class=\"fa-solid fa-plus\"><\/i><\/span>\n                        <span class=\"flex-shrink-0 w-[27px] h-[27px] rounded-full flex items-center justify-center text-primary-700 text-[18px]\" x-bind:class=\"selected == 1 ? '' : 'hidden'\"><i class=\"fa-solid fa-minus\"><\/i><\/span>\n                      <\/div>\n                    <\/div>\n                  <\/button>\n                  <div class=\"pl-[67px] relative overflow-hidden transition-all max-h-0 duration-500\" style=\"\" x-ref=\"container1\" x-bind:style=\"selected == 1 ? 'max-height: ' + $refs.container1.scrollHeight + 'px' : 'max-height: 0px;'\">\n                    <div class=\"pt-4\">\n                      <p>Lue vapaaehtoisuudesta t\u00e4ll\u00e4 sivulla. Pohdi, sopiiko auttajana toiminen el\u00e4m\u00e4ntilanteeseesi.<\/p>\n                    <\/div>  \n                  <\/div>\n                <\/li>\n                                                                                    <li class=\"my-0 p-4 relative transition path-wrapper\" :class=\"{'bg-transparent': selected != 2}\">\n                  <button type=\"button\" class=\"w-full text-left\" @click=\"selected !== 2 ? selected = 2 : selected = null\" >\n                    <div class=\"flex items-center justify-between gap-3\">\n                      <span class=\"flex items-center justify-center shrink-0 h-[55px] w-[55px]  rounded-full text-2xl font-bold path-number-circle\" :class=\"selected == 2 ? 'bg-primary-700 text-white' : 'bg-primary-300'\">2.<\/span>\n                      <div class=\"flex justify-between gap-3 w-full border-b\" :class=\"selected == 2? 'border-gray-700' : 'border-gray-200'\">\n                        <span class=\"text-lg md:text-xl font-bold font-heading\">Hae mukaan<\/span>\n                        <span class=\"flex-shrink-0 w-[27px] h-[27px] rounded-full flex items-center justify-center text-primary-700 text-[18px]\" x-bind:class=\"selected == 2 ? 'hidden' : ''\"><i class=\"fa-solid fa-plus\"><\/i><\/span>\n                        <span class=\"flex-shrink-0 w-[27px] h-[27px] rounded-full flex items-center justify-center text-primary-700 text-[18px]\" x-bind:class=\"selected == 2 ? '' : 'hidden'\"><i class=\"fa-solid fa-minus\"><\/i><\/span>\n                      <\/div>\n                    <\/div>\n                  <\/button>\n                  <div class=\"pl-[67px] relative overflow-hidden transition-all max-h-0 duration-500\" style=\"\" x-ref=\"container2\" x-bind:style=\"selected == 2 ? 'max-height: ' + $refs.container2.scrollHeight + 'px' : 'max-height: 0px;'\">\n                    <div class=\"pt-4\">\n                      <p>T\u00e4yt\u00e4 hakemus vapaaehtoiskoulutukseen. Otamme sinuun yhteytt\u00e4 mahdollisimman pian.<\/p>\n                    <\/div>  \n                  <\/div>\n                <\/li>\n                                                                                    <li class=\"my-0 p-4 relative transition path-wrapper\" :class=\"{'bg-transparent': selected != 3}\">\n                  <button type=\"button\" class=\"w-full text-left\" @click=\"selected !== 3 ? selected = 3 : selected = null\" >\n                    <div class=\"flex items-center justify-between gap-3\">\n                      <span class=\"flex items-center justify-center shrink-0 h-[55px] w-[55px]  rounded-full text-2xl font-bold path-number-circle\" :class=\"selected == 3 ? 'bg-primary-700 text-white' : 'bg-primary-300'\">3.<\/span>\n                      <div class=\"flex justify-between gap-3 w-full border-b\" :class=\"selected == 3? 'border-gray-700' : 'border-gray-200'\">\n                        <span class=\"text-lg md:text-xl font-bold font-heading\">Osallistu haastatteluun<\/span>\n                        <span class=\"flex-shrink-0 w-[27px] h-[27px] rounded-full flex items-center justify-center text-primary-700 text-[18px]\" x-bind:class=\"selected == 3 ? 'hidden' : ''\"><i class=\"fa-solid fa-plus\"><\/i><\/span>\n                        <span class=\"flex-shrink-0 w-[27px] h-[27px] rounded-full flex items-center justify-center text-primary-700 text-[18px]\" x-bind:class=\"selected == 3 ? '' : 'hidden'\"><i class=\"fa-solid fa-minus\"><\/i><\/span>\n                      <\/div>\n                    <\/div>\n                  <\/button>\n                  <div class=\"pl-[67px] relative overflow-hidden transition-all max-h-0 duration-500\" style=\"\" x-ref=\"container3\" x-bind:style=\"selected == 3 ? 'max-height: ' + $refs.container3.scrollHeight + 'px' : 'max-height: 0px;'\">\n                    <div class=\"pt-4\">\n                      <p><span class=\"TextRun SCXW82322858 BCX0\" lang=\"FI-FI\" xml:lang=\"FI-FI\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW82322858 BCX0\" data-ccp-charstyle=\"normaltextrun\">K\u00e4ymme jokaisen koulutukseen hakevan kanssa keskustelun vapaaehtoistoiminnan sis\u00e4ll\u00f6ist\u00e4 ja el\u00e4m\u00e4ntilanteen sopivuudesta tulevaan teht\u00e4v\u00e4\u00e4n.<\/span><span class=\"NormalTextRun SCXW82322858 BCX0\" data-ccp-charstyle=\"eop\" data-ccp-charstyle-defn=\"{\">\u202f<\/span><\/span><span class=\"LineBreakBlob BlobObject DragDrop SCXW82322858 BCX0\"><span class=\"SCXW82322858 BCX0\">\u00a0<\/span><br class=\"SCXW82322858 BCX0\" \/><\/span><\/p>\n                    <\/div>  \n                  <\/div>\n                <\/li>\n                                                                                    <li class=\"my-0 p-4 relative transition path-wrapper\" :class=\"{'bg-transparent': selected != 4}\">\n                  <button type=\"button\" class=\"w-full text-left\" @click=\"selected !== 4 ? selected = 4 : selected = null\" >\n                    <div class=\"flex items-center justify-between gap-3\">\n                      <span class=\"flex items-center justify-center shrink-0 h-[55px] w-[55px]  rounded-full text-2xl font-bold path-number-circle\" :class=\"selected == 4 ? 'bg-primary-700 text-white' : 'bg-primary-300'\">4.<\/span>\n                      <div class=\"flex justify-between gap-3 w-full border-b\" :class=\"selected == 4? 'border-gray-700' : 'border-gray-200'\">\n                        <span class=\"text-lg md:text-xl font-bold font-heading\">Osallistu koulutukseen<\/span>\n                        <span class=\"flex-shrink-0 w-[27px] h-[27px] rounded-full flex items-center justify-center text-primary-700 text-[18px]\" x-bind:class=\"selected == 4 ? 'hidden' : ''\"><i class=\"fa-solid fa-plus\"><\/i><\/span>\n                        <span class=\"flex-shrink-0 w-[27px] h-[27px] rounded-full flex items-center justify-center text-primary-700 text-[18px]\" x-bind:class=\"selected == 4 ? '' : 'hidden'\"><i class=\"fa-solid fa-minus\"><\/i><\/span>\n                      <\/div>\n                    <\/div>\n                  <\/button>\n                  <div class=\"pl-[67px] relative overflow-hidden transition-all max-h-0 duration-500\" style=\"\" x-ref=\"container4\" x-bind:style=\"selected == 4 ? 'max-height: ' + $refs.container4.scrollHeight + 'px' : 'max-height: 0px;'\">\n                    <div class=\"pt-4\">\n                      <p>Vapaaehtoiskoulutus perehdytt\u00e4\u00e4 teht\u00e4v\u00e4ss\u00e4 toimimiseen ja haavoittuvassa tilanteessa olevan ihmisen kohtaamiseen.<\/p>\n                    <\/div>  \n                  <\/div>\n                <\/li>\n                                                                                    <li class=\"my-0 p-4 relative transition path-wrapper\" :class=\"{'bg-transparent': selected != 5}\">\n                  <button type=\"button\" class=\"w-full text-left\" @click=\"selected !== 5 ? selected = 5 : selected = null\" >\n                    <div class=\"flex items-center justify-between gap-3\">\n                      <span class=\"flex items-center justify-center shrink-0 h-[55px] w-[55px]  rounded-full text-2xl font-bold path-number-circle\" :class=\"selected == 5 ? 'bg-primary-700 text-white' : 'bg-primary-300'\">5.<\/span>\n                      <div class=\"flex justify-between gap-3 w-full border-b\" :class=\"selected == 5? 'border-gray-700' : 'border-gray-200'\">\n                        <span class=\"text-lg md:text-xl font-bold font-heading\">Aloita vapaaehtoisena<\/span>\n                        <span class=\"flex-shrink-0 w-[27px] h-[27px] rounded-full flex items-center justify-center text-primary-700 text-[18px]\" x-bind:class=\"selected == 5 ? 'hidden' : ''\"><i class=\"fa-solid fa-plus\"><\/i><\/span>\n                        <span class=\"flex-shrink-0 w-[27px] h-[27px] rounded-full flex items-center justify-center text-primary-700 text-[18px]\" x-bind:class=\"selected == 5 ? '' : 'hidden'\"><i class=\"fa-solid fa-minus\"><\/i><\/span>\n                      <\/div>\n                    <\/div>\n                  <\/button>\n                  <div class=\"pl-[67px] relative overflow-hidden transition-all max-h-0 duration-500\" style=\"\" x-ref=\"container5\" x-bind:style=\"selected == 5 ? 'max-height: ' + $refs.container5.scrollHeight + 'px' : 'max-height: 0px;'\">\n                    <div class=\"pt-4\">\n                      <p>Saat ohjausta ja tukea koko vapaaehtoisuutesi ajan. P\u00e4\u00e4set osaksi MIELI-yhteis\u00f6\u00e4 ja voit osallistua monipuolisiin valtakunnallisiin jatkokoulutuksiin ja verkostotapaamisiin.<\/p>\n                    <\/div>  \n                  <\/div>\n                <\/li>\n                                                  <\/ul>\n        <\/div>\n      \n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/section>\n\n\n\n\n\n  <section id=\"block_deb629ad7724eae3c19c1517f084ab29\" class=\"block-cta bg-white py-10\">\n\n      <div class=\"container\">\n\n        <div class=\"bg-primary-300 text-black text-center flex flex-col justify-center items-center p-20\">\n                      <h2 class=\"mb-4\">Tule vapaaehtoiseksi!<\/h2>\n                                <div>\n              T\u00e4yt\u00e4 lyhyt lomake ja ota ensimm\u00e4inen askel kohti vapaaehtoisuutta.            <\/div>\n                                <div class=\"mt-4 flex flex-wrap gap-4\">\n                              <a href=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/yhteydenotto-vapaaehtoistoimintaan\/\" class=\"btn btn-primary\" target=\"_self\">Liity mukaan!<\/a>\n                                        <\/div>\n                  <\/div>\n\n      <\/div>\n\n  <\/section>\n\n\n\n\n<section class=\"pt-12 pb-4 bg-white relative\">\n  \n    <div class=\"flex gap-2 absolute top-0\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"111\" height=\"182\" viewBox=\"0 0 111 182\" fill=\"none\">\n        <path d=\"M76.376 99.7523C69.8555 102.23 62.7156 103.779 55.2635 103.779C24.6831 103.779 0 80.5452 0 51.8896C0 23.234 24.6831 0 55.2635 0C85.8453 0 110.527 23.234 110.527 51.8896C118.289 128.098 27.9427 182 27.9427 182L20.8016 173.481C20.8016 173.326 80.5672 127.168 76.376 99.7523Z\" fill=\"#E6FAEB\"\/>\n      <\/svg>\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"111\" height=\"182\" viewBox=\"0 0 111 182\" fill=\"none\">\n        <path d=\"M76.376 99.7523C69.8555 102.23 62.7156 103.779 55.2635 103.779C24.6831 103.779 0 80.5452 0 51.8896C0 23.234 24.6831 0 55.2635 0C85.8453 0 110.527 23.234 110.527 51.8896C118.289 128.098 27.9427 182 27.9427 182L20.8016 173.481C20.8016 173.326 80.5672 127.168 76.376 99.7523Z\" fill=\"#E6FAEB\"\/>\n      <\/svg>\n    <\/div>\n\n              <div class=\"quote-text relative\">\n                          <blockquote>Vapaaehtoisuus on antanut minulle ymm\u00e4rryst\u00e4 ihmisten ja el\u00e4m\u00e4n monimuotoisuudesta, uuden oppimista, n\u00e4k\u00f6kulmia ja merkityst\u00e4 el\u00e4m\u00e4\u00e4n.<\/blockquote>\n                                      <span class=\"block mt-4\">\u2013 <span class=\"font-bold\">MIELI-vapaaehtoinen<\/span><\/span>\n                      <\/div>\n            \n  <\/section>\n\n\n\n    <section class=\"facts-section bg-gray-100 py-10\">\n    <div class=\"container\">\n      <h2 class=\"mb-12\">MIELI-vapaaehtoisena&#8230;<\/h2>\n      <div class=\"grid grid-cols-1 md:grid-cols-4 gap-8\">\n                  <div class=\"bg-white px-6 py-12 pb-6 relative\">\n                          <div class=\"absolute -top-8 left-6 bg-primary-700 rounded-full w-[60px] h-[60px] flex items-center justify-center\">\n                <img decoding=\"async\" src=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/themes\/mieliyhdistykset\/assets\/svg\/icon-heart.svg\" alt=\"\" class=\"w-[30px] h-auto\">\n              <\/div>\n                                      <div class=\"text-xl md:text-2xl font-bold font-heading mb-4 hyphens-auto\">Pienikin teko merkitsee<\/div>\n                                      <div class=\"font-heading\"><p>Mielenterveys on perusta, joka kannattelee meit\u00e4 kaikkia \u2013 vapaaehtoisena olet mukana vahvistamassa sit\u00e4. Pienell\u00e4kin teolla voi olla suuri merkitys.<\/p><\/div>\n                                  <\/div>\n                  <div class=\"bg-white px-6 py-12 pb-6 relative\">\n                          <div class=\"absolute -top-8 left-6 bg-primary-700 rounded-full w-[60px] h-[60px] flex items-center justify-center\">\n                <img decoding=\"async\" src=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/themes\/mieliyhdistykset\/assets\/svg\/icon-diamond.svg\" alt=\"\" class=\"w-[30px] h-auto\">\n              <\/div>\n                                      <div class=\"text-xl md:text-2xl font-bold font-heading mb-4 hyphens-auto\">Riit\u00e4t omana itsen\u00e4si<\/div>\n                                      <div class=\"font-heading\"><p>Vapaaehtoisena et tarvitse erityistaitoja tai aiempaa kokemusta. Vakaa el\u00e4m\u00e4ntilanne ja halu auttaa riitt\u00e4v\u00e4t. Sinun l\u00e4sn\u00e4olosi voi olla juuri se, mit\u00e4 joku tarvitsee.<\/p><\/div>\n                                  <\/div>\n                  <div class=\"bg-white px-6 py-12 pb-6 relative\">\n                          <div class=\"absolute -top-8 left-6 bg-primary-700 rounded-full w-[60px] h-[60px] flex items-center justify-center\">\n                <img decoding=\"async\" src=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/themes\/mieliyhdistykset\/assets\/svg\/icon-handshake.svg\" alt=\"\" class=\"w-[30px] h-auto\">\n              <\/div>\n                                      <div class=\"text-xl md:text-2xl font-bold font-heading mb-4 hyphens-auto\">Saat tukemme<\/div>\n                                      <div class=\"font-heading\"><p>Kun annat aikaasi hyv\u00e4\u00e4n, tuemme sinua koko matkan. Saat teht\u00e4v\u00e4\u00e4si sopivan perehdytyksen, koulutusta ja MIELI-yhteis\u00f6n tuen \u2013 alusta asti.<\/p><\/div>\n                                  <\/div>\n                  <div class=\"bg-white px-6 py-12 pb-6 relative\">\n                          <div class=\"absolute -top-8 left-6 bg-primary-700 rounded-full w-[60px] h-[60px] flex items-center justify-center\">\n                <img decoding=\"async\" src=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/themes\/mieliyhdistykset\/assets\/svg\/icon-group.svg\" alt=\"\" class=\"w-[30px] h-auto\">\n              <\/div>\n                                      <div class=\"text-xl md:text-2xl font-bold font-heading mb-4 hyphens-auto\">Olet osa porukkaa<\/div>\n                                      <div class=\"font-heading\"><p>Kuulut yli 3000 vapaaehtoisen joukkoon. MIELI-yhteis\u00f6\u00e4mme yhdist\u00e4\u00e4 aito jakamisen ilo ja halu tehd\u00e4 hyv\u00e4\u00e4 yhdess\u00e4. Jokainen on t\u00e4rke\u00e4.<\/p><\/div>\n                                  <\/div>\n              <\/div>\n    <\/div>\n  <\/section>\n\n\n\n\n\t<section id=\"block_936ec05e929be5b44c321b4dd70874d0\" class=\"block-listing-content py-10 bg-white\">\n\t\t<div class=\"container\">\n\n\t\t\t\t\t\t\t<h2 class=\"mb-10\">L\u00f6yd\u00e4tk\u00f6 n\u00e4ist\u00e4 teht\u00e4vist\u00e4 omasi?<\/h2>\n\t\t\t\n\t\t\t<div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n\t\t\t\t\t\t\t\t\t\n<article class=\"bg-primary-300 hover:scale-[1.02] transition\">\n            <div class=\"relative\">\n            <a href=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/koulutus\/mieli-vapaaehtoiskoulutus\/\">\n                <figure class=\"h-[220px] w-full\">\n                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/MIELI-vapaaehtoiseksi-Kriisipuhelimeen-web-768x512.jpg\" class=\"w-full h-full object-cover\" alt=\"Nainen puhelimessa kuulokkeet korvilla\" srcset=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/MIELI-vapaaehtoiseksi-Kriisipuhelimeen-web-768x512.jpg 768w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/MIELI-vapaaehtoiseksi-Kriisipuhelimeen-web-300x200.jpg 300w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/MIELI-vapaaehtoiseksi-Kriisipuhelimeen-web-1024x683.jpg 1024w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/MIELI-vapaaehtoiseksi-Kriisipuhelimeen-web-1620x1080.jpg 1620w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                <\/figure>\n            <\/a>\n            <div class=\"flex gap-4 flex-wrap absolute font-bold top-4 left-4\">\n                <span class=\"bg-white px-4 py-1\">\n                    Koulutus                <\/span>\n                                    <div class=\"flex gap-4 flex-wrap\">\n                        <span class=\"bg-white px-4 py-1\">Verkko<\/span>                    <\/div>\n                            <\/div>\n        <\/div>\n        <div class=\"p-6 text-[#3C3C3C]\">\n                    <div class=\"flex items-center gap-4 font-heading\">\n                                    <span class=\"block font-bold text-[24px]\">Jatkuva haku<\/span>\n                                <span class=\"uppercase font-heading tracking-[1.6px]\">Viitasaari<\/span>            <\/div>\n                <h3 class=\"text-base my-4\">\n            <a class=\"font-heading text-lg underline hover:no-underline\" href=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/koulutus\/mieli-vapaaehtoiskoulutus\/\">Auta vapaaehtoisena<\/a>\n        <\/h3>\n                    <div class=\"mt-4\">\n                Anna aikaasi vapaaehtoisena MIELI Kriisipuhelimessa. Jokainen puhelu voi muuttaa el\u00e4m\u00e4n!            <\/div>\n            <\/div>\n<\/article>\n\t\t\t\t\t\t\t\t\t\n<article class=\"bg-primary-300 hover:scale-[1.02] transition\">\n            <div class=\"relative\">\n            <a href=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/vapaaehtoistehtava\/monipuolisiin-yhdistystehtaviin\/\">\n                <figure class=\"h-[220px] w-full\">\n                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"488\" src=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/11\/MIELI-vapaaehtoiseksi-yhdistysaktiivi-5-768x488.jpg\" class=\"w-full h-full object-cover\" alt=\"Iloisia ihmisi\u00e4 p\u00f6yd\u00e4n \u00e4\u00e4ress\u00e4.\" srcset=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/11\/MIELI-vapaaehtoiseksi-yhdistysaktiivi-5-768x488.jpg 768w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/11\/MIELI-vapaaehtoiseksi-yhdistysaktiivi-5-300x191.jpg 300w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/11\/MIELI-vapaaehtoiseksi-yhdistysaktiivi-5-1024x651.jpg 1024w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/11\/MIELI-vapaaehtoiseksi-yhdistysaktiivi-5-1699x1080.jpg 1699w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                <\/figure>\n            <\/a>\n            <div class=\"flex gap-4 flex-wrap absolute font-bold top-4 left-4\">\n                <span class=\"bg-white px-4 py-1\">\n                    Vapaaehtoisteht\u00e4v\u00e4                <\/span>\n                            <\/div>\n        <\/div>\n        <div class=\"p-6 text-[#3C3C3C]\">\n                <h3 class=\"text-base my-4\">\n            <a class=\"font-heading text-lg underline hover:no-underline\" href=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/vapaaehtoistehtava\/monipuolisiin-yhdistystehtaviin\/\">Monipuolisiin yhdistysteht\u00e4viin<\/a>\n        <\/h3>\n                    <div class=\"mt-4\">\n                Toimi yhdistystoiminnan syd\u00e4mess\u00e4, siell\u00e4, miss\u00e4 tapahtuu \u2013 j\u00e4rjest\u00e4m\u00e4ss\u00e4 tapahtumia, organisoimassa toimintaa, vaikuttamassa ja yhdistyksen vastuuteht\u00e4viss\u00e4.            <\/div>\n            <\/div>\n<\/article>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\n\t\t<\/div>\n\t<\/section>\n\n\n\n\n\n<section id=\"block_d0d70383451db075a161a9819eed6b00\" class=\"block-links py-10 bg-white\">\n  <div class=\"container\">\n\n    \n          <div class=\"grid grid-cols-1 md:grid-cols-4 gap-8\">\n                    <a class=\"text-gray-900 text-center flex flex-col items-center hover:no-underline group no-external-icon\" href=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/vapaaehtoiseksi-auttajaksi\/\" target=\"_self\">\n\n                            <div class=\"relative inline-block\">\n                <figure class=\"icon-lift-image-figure\">\n                  <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/Mieli-vapaaehtoinen_tukija2-1-300x200.jpg\" class=\"rounded-full w-[135px] h-[135px] object-cover group-hover:scale-105 transition-transform duration-150\" alt=\"Kaksi henkil\u00f6\u00e4 keskustelee\" srcset=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/Mieli-vapaaehtoinen_tukija2-1-300x200.jpg 300w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/Mieli-vapaaehtoinen_tukija2-1-1024x683.jpg 1024w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/Mieli-vapaaehtoinen_tukija2-1-768x512.jpg 768w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/Mieli-vapaaehtoinen_tukija2-1.jpg 1620w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                <\/figure>\n                                  <div class=\"absolute bottom-[-2px] right-[-5px] bg-primary-700 rounded-full w-[60px] h-[60px] flex items-center justify-center\">\n                    <img decoding=\"async\" src=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/themes\/mieliyhdistykset\/assets\/svg\/icon-heart.svg\" alt=\"\" class=\"w-[30px] h-auto\">\n                  <\/div>\n                              <\/div>\n                            \n              <span class=\"inline-flex items-center justify-center gap-1 font-heading font-bold text-center md:text-xl mt-2\" style=\"word-break: break-word;\">Vapaaehtoiseksi auttajaksi \n                            <\/span>\n\n            <\/a>\n                              <a class=\"text-gray-900 text-center flex flex-col items-center hover:no-underline group no-external-icon\" href=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/jaseneksi\/\" target=\"_self\">\n\n                            <div class=\"relative inline-block\">\n                <figure class=\"icon-lift-image-figure\">\n                  <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/sydamenpiirtorantahiekkaan_vastavalo_20161-300x200.jpeg\" class=\"rounded-full w-[135px] h-[135px] object-cover group-hover:scale-105 transition-transform duration-150\" alt=\"Syd\u00e4men kuva hiekassa\" srcset=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/sydamenpiirtorantahiekkaan_vastavalo_20161-300x200.jpeg 300w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/sydamenpiirtorantahiekkaan_vastavalo_20161-1024x683.jpeg 1024w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/sydamenpiirtorantahiekkaan_vastavalo_20161-768x512.jpeg 768w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/sydamenpiirtorantahiekkaan_vastavalo_20161-1620x1080.jpeg 1620w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                <\/figure>\n                                  <div class=\"absolute bottom-[-2px] right-[-5px] bg-primary-700 rounded-full w-[60px] h-[60px] flex items-center justify-center\">\n                    <img decoding=\"async\" src=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/themes\/mieliyhdistykset\/assets\/svg\/icon-join.svg\" alt=\"\" class=\"w-[30px] h-auto\">\n                  <\/div>\n                              <\/div>\n                            \n              <span class=\"inline-flex items-center justify-center gap-1 font-heading font-bold text-center md:text-xl mt-2\" style=\"word-break: break-word;\">Tietoa meist\u00e4 \n                            <\/span>\n\n            <\/a>\n                              <a class=\"text-gray-900 text-center flex flex-col items-center hover:no-underline group no-external-icon\" href=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/tapahtumakalenteri\/\" target=\"_self\">\n\n                            <div class=\"relative inline-block\">\n                <figure class=\"icon-lift-image-figure\">\n                  <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"216\" src=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/behnam-norouzi-kmikcu4jrsY-unsplash2-scaled-e1760006729430-300x216.jpg\" class=\"rounded-full w-[135px] h-[135px] object-cover group-hover:scale-105 transition-transform duration-150\" alt=\"K\u00e4nnyk\u00e4n kalenterin\u00e4kym\u00e4\" srcset=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/behnam-norouzi-kmikcu4jrsY-unsplash2-scaled-e1760006729430-300x216.jpg 300w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/behnam-norouzi-kmikcu4jrsY-unsplash2-scaled-e1760006729430-1024x738.jpg 1024w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/behnam-norouzi-kmikcu4jrsY-unsplash2-scaled-e1760006729430-768x553.jpg 768w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/behnam-norouzi-kmikcu4jrsY-unsplash2-scaled-e1760006729430-1499x1080.jpg 1499w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/behnam-norouzi-kmikcu4jrsY-unsplash2-scaled-e1760006729430.jpg 1707w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                <\/figure>\n                                  <div class=\"absolute bottom-[-2px] right-[-5px] bg-primary-700 rounded-full w-[60px] h-[60px] flex items-center justify-center\">\n                    <img decoding=\"async\" src=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/themes\/mieliyhdistykset\/assets\/svg\/icon-diamond.svg\" alt=\"\" class=\"w-[30px] h-auto\">\n                  <\/div>\n                              <\/div>\n                            \n              <span class=\"inline-flex items-center justify-center gap-1 font-heading font-bold text-center md:text-xl mt-2\" style=\"word-break: break-word;\">Tapahtumakalenteri \n                            <\/span>\n\n            <\/a>\n                              <a class=\"text-gray-900 text-center flex flex-col items-center hover:no-underline group no-external-icon\" href=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/jaseneksi\/\" target=\"_self\">\n\n                            <div class=\"relative inline-block\">\n                <figure class=\"icon-lift-image-figure\">\n                  <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/iStock-14386758681-300x200.jpg\" class=\"rounded-full w-[135px] h-[135px] object-cover group-hover:scale-105 transition-transform duration-150\" alt=\"Syd\u00e4menmuotoinen syksyn lehti k\u00e4mmenell\u00e4\" srcset=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/iStock-14386758681-300x200.jpg 300w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/iStock-14386758681-1024x683.jpg 1024w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/iStock-14386758681-768x512.jpg 768w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2025\/10\/iStock-14386758681-1620x1080.jpg 1620w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                <\/figure>\n                                  <div class=\"absolute bottom-[-2px] right-[-5px] bg-primary-700 rounded-full w-[60px] h-[60px] flex items-center justify-center\">\n                    <img decoding=\"async\" src=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/themes\/mieliyhdistykset\/assets\/svg\/icon-join.svg\" alt=\"\" class=\"w-[30px] h-auto\">\n                  <\/div>\n                              <\/div>\n                            \n              <span class=\"inline-flex items-center justify-center gap-1 font-heading font-bold text-center md:text-xl mt-2\" style=\"word-break: break-word;\">Liity j\u00e4seneksi \n                            <\/span>\n\n            <\/a>\n                        <\/div>\n    \n  <\/div>\n<\/section>\n\n\n\n\n\t<section id=\"block_c1ae38429cdcdb9b2f44127f1f7ab6cc\" class=\"block-listing-content py-10 bg-white\">\n\t\t<div class=\"container\">\n\n\t\t\t\t\t\t\t<h2 class=\"mb-10\">Tarinat<\/h2>\n\t\t\t\n\t\t\t<div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n\t\t\t\t\t\t\t\t\t\n<article class=\"hover:scale-[1.02] transition group card-post\">\n            <a href=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/inspiroiva-iltapaiva\/\">\n            <figure class=\"aspect-w-16 aspect-h-9 mb-4\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"169\" src=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2026\/09\/Kuva-verkkoon-2880x1620px-300x169.jpg\" class=\"object-cover\" alt=\"Kaksi el\u00e4keik\u00e4ist\u00e4 halaa l\u00e4mpim\u00e4sti\" srcset=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2026\/09\/Kuva-verkkoon-2880x1620px-300x169.jpg 300w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2026\/09\/Kuva-verkkoon-2880x1620px-1024x576.jpg 1024w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2026\/09\/Kuva-verkkoon-2880x1620px-768x432.jpg 768w, https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-content\/uploads\/sites\/24\/2026\/09\/Kuva-verkkoon-2880x1620px-1920x1080.jpg 1920w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>            <\/figure>\n        <\/a>\n        <div>\n        <div class=\"flex flex-wrap gap-3 items-center mb-2\">\n                            <span class=\"text-gray-900 uppercase font-heading tracking-[1.6px]\">Uutinen<\/span>\n                        <span class=\"posted-on\"><strong><time class=\"entry-date published updated\" datetime=\"2026-09-15T15:47:52+03:00\">15.9.2026<\/time><\/strong><\/span>        <\/div>\n        <h3 class=\"text-base mb-3\">\n            <a class=\"text-gray-900 font-heading text-xl md:text-2xl group-hover:underline\" href=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/inspiroiva-iltapaiva\/\">8.10. inspiroiva iltap\u00e4iv\u00e4 kaikille ik\u00e4ihmisten hyvinvoinnista kiinnostuneille<\/a>\n        <\/h3>\n       \n                    <div class=\"mt-5 text-gray-900 leading-8\">\n                Tapahtuma tuo yhteen ik\u00e4ihmisi\u00e4, heid\u00e4n l\u00e4heisi\u00e4\u00e4n, vapaaehtoisia ja ammattilaisia pohtimaan yhdess\u00e4, miten arjessa voisi voida v\u00e4h\u00e4n paremmin.            <\/div>\n            <\/div>\n<\/article>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\n\t\t<\/div>\n\t<\/section>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","inline_featured_image":false,"footnotes":""},"class_list":["post-35","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tule vapaaehtoiseksi - MIELI Viitasaaren mielenterveys ry<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/vapaaehtoiseksi\/\" \/>\n<meta property=\"og:locale\" content=\"fi_FI\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tule vapaaehtoiseksi - MIELI Viitasaaren mielenterveys ry\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mieliyhdistykset.fi\/viitasaari\/vapaaehtoiseksi\/\" \/>\n<meta property=\"og:site_name\" content=\"MIELI Viitasaaren mielenterveys ry\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-29T11:49:30+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/viitasaari\\\/vapaaehtoiseksi\\\/\",\"url\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/viitasaari\\\/vapaaehtoiseksi\\\/\",\"name\":\"Tule vapaaehtoiseksi - MIELI Viitasaaren mielenterveys ry\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/viitasaari\\\/#website\"},\"datePublished\":\"2025-09-25T11:13:00+00:00\",\"dateModified\":\"2025-12-29T11:49:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/viitasaari\\\/vapaaehtoiseksi\\\/#breadcrumb\"},\"inLanguage\":\"fi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mieliyhdistykset.fi\\\/viitasaari\\\/vapaaehtoiseksi\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/viitasaari\\\/vapaaehtoiseksi\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Etusivu\",\"item\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/viitasaari\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tule vapaaehtoiseksi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/viitasaari\\\/#website\",\"url\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/viitasaari\\\/\",\"name\":\"MIELI Viitasaaren mielenterveys ry\",\"description\":\"Tukea ja apua paikallisesti\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/viitasaari\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fi\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tule vapaaehtoiseksi - MIELI Viitasaaren mielenterveys ry","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mieliyhdistykset.fi\/viitasaari\/vapaaehtoiseksi\/","og_locale":"fi_FI","og_type":"article","og_title":"Tule vapaaehtoiseksi - MIELI Viitasaaren mielenterveys ry","og_url":"https:\/\/mieliyhdistykset.fi\/viitasaari\/vapaaehtoiseksi\/","og_site_name":"MIELI Viitasaaren mielenterveys ry","article_modified_time":"2025-12-29T11:49:30+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mieliyhdistykset.fi\/viitasaari\/vapaaehtoiseksi\/","url":"https:\/\/mieliyhdistykset.fi\/viitasaari\/vapaaehtoiseksi\/","name":"Tule vapaaehtoiseksi - MIELI Viitasaaren mielenterveys ry","isPartOf":{"@id":"https:\/\/mieliyhdistykset.fi\/viitasaari\/#website"},"datePublished":"2025-09-25T11:13:00+00:00","dateModified":"2025-12-29T11:49:30+00:00","breadcrumb":{"@id":"https:\/\/mieliyhdistykset.fi\/viitasaari\/vapaaehtoiseksi\/#breadcrumb"},"inLanguage":"fi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mieliyhdistykset.fi\/viitasaari\/vapaaehtoiseksi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/mieliyhdistykset.fi\/viitasaari\/vapaaehtoiseksi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Etusivu","item":"https:\/\/mieliyhdistykset.fi\/viitasaari\/"},{"@type":"ListItem","position":2,"name":"Tule vapaaehtoiseksi"}]},{"@type":"WebSite","@id":"https:\/\/mieliyhdistykset.fi\/viitasaari\/#website","url":"https:\/\/mieliyhdistykset.fi\/viitasaari\/","name":"MIELI Viitasaaren mielenterveys ry","description":"Tukea ja apua paikallisesti","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mieliyhdistykset.fi\/viitasaari\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fi"}]}},"_links":{"self":[{"href":"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-json\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":57,"href":"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":989,"href":"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-json\/wp\/v2\/pages\/35\/revisions\/989"}],"wp:attachment":[{"href":"https:\/\/mieliyhdistykset.fi\/viitasaari\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}