{"id":35,"date":"2025-09-25T14:13:00","date_gmt":"2025-09-25T11:13:00","guid":{"rendered":"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/?page_id=35"},"modified":"2026-02-27T13:18:01","modified_gmt":"2026-02-27T11:18:01","slug":"vapaaehtoiseksi","status":"publish","type":"page","link":"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/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\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/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\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys-2-1920x613.jpg 1920w, https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys-2-300x96.jpg 300w, https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys-2-1024x327.jpg 1024w, https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/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_83c24c6cb3c97b66ecc03af49b5e1f1f\" 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\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/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\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys2-1-1024x683.jpg 1024w, https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys2-1-300x200.jpg 300w, https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys2-1-768x512.jpg 768w, https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/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\">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 == 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>Kohtaat ihmisi\u00e4 ja vahvistat hyvinvointia taiteen ja kulttuurin ja sen edist\u00e4misen parissa. 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 != 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\">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 == 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>Olet mukana siell\u00e4, miss\u00e4 tapahtuu \u2013 j\u00e4rjest\u00e4m\u00e4ss\u00e4 tapahtumia, organisoimassa toimintaa, yhdistyksen vastuuteht\u00e4viss\u00e4, apuna viestinn\u00e4ss\u00e4 tai kirjoittamassa blogikirjoituksen taiteen ja kulttuurin vaikutuksista mielen hyvinvointiin.<\/p>\n<p>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 != 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\">Jaa tietoa kulttuurin hyvinvointivaikutuksista<\/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>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 != 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\">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 == 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>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\/terveyttakulttuurista\/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_19af6c9a437eb43f1884afb187ed2aa8\" 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. Yhdistyksess\u00e4mme voi toimia erilaisissa vapaaehtoisteht\u00e4viss\u00e4. Et tarvitse erityistaitoja tai aiempaa kokemusta. Jokaisella pienell\u00e4kin teolla voi olla suuri merkitys. Voit tulla esimerkiksi j\u00e4rjest\u00e4m\u00e4\u00e4n tapahtumia tai kirjoittaa blogikirjoituksen taiteen ja kulttuurin vaikutuksista mielen hyvinvointiin.<\/p>\n<p>J\u00e4rjest\u00e4mme tapahtumia ja verkostotapaamisia, sek\u00e4 olemme mukana vuosittaisissa MIELI ry:n kampanjoissa Mental Health Art Week -tapahtumaviikolla ja Maailman mielenterveysp\u00e4iv\u00e4ss\u00e4. Voit tulla mukaan my\u00f6s hallitustoimijaksi.<\/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, osana leppoisaa joukkoamme!<\/strong><\/p>\n        <\/div>\n      \n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<section id=\"block_dc578e9b4b6cc48aafd5496f93e5bad3\" 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\/terveyttakulttuurista\/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\/terveyttakulttuurista\/wp-content\/uploads\/2025\/10\/Mieli-vapaaehtoinen_tukija2-1024x683.jpg 1024w, https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/2025\/10\/Mieli-vapaaehtoinen_tukija2-300x200.jpg 300w, https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/2025\/10\/Mieli-vapaaehtoinen_tukija2-768x512.jpg 768w, https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/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_c076bac8c2868856d8573e44c32ca6b4\" 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\/terveyttakulttuurista\/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\/terveyttakulttuurista\/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\/terveyttakulttuurista\/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\/terveyttakulttuurista\/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\/terveyttakulttuurista\/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_7514cc1480a493cdef3e1d1745c05e05\" 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\/terveyttakulttuurista\/vapaaehtoistehtava\/jaa-osaamistasi-ja-hyvaa-mielta-ryhmassa\/\">\n                <figure class=\"h-[220px] w-full\">\n                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"507\" src=\"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/10\/MIELI-yhdistystoiminta-768x507.jpg\" class=\"w-full h-full object-cover\" alt=\"Ryhm\u00e4 hymyilevi\u00e4 ihmisi\u00e4 taidemaalauksen \u00e4\u00e4rell\u00e4.\" srcset=\"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/10\/MIELI-yhdistystoiminta-768x507.jpg 768w, https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/10\/MIELI-yhdistystoiminta-300x198.jpg 300w, https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/10\/MIELI-yhdistystoiminta-1024x676.jpg 1024w, https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/10\/MIELI-yhdistystoiminta-1635x1080.jpg 1635w\" 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\/terveyttakulttuurista\/vapaaehtoistehtava\/jaa-osaamistasi-ja-hyvaa-mielta-ryhmassa\/\">Jaa hyv\u00e4\u00e4 mielt\u00e4 ryhm\u00e4ss\u00e4 taiteen ja kulttuurin parissa<\/a>\n        <\/h3>\n                    <div class=\"mt-4\">\n                Auta vahvistamaan ihmisten hyvinvointia\u00a0\u2013 ohjaa ryhm\u00e4\u00e4 k\u00e4dentaitojen, liikunnan taikka luonnon parissa tai j\u00e4rjest\u00e4 hyv\u00e4n mielen tuokioita ja keskustelukerhoja.            <\/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\/terveyttakulttuurista\/vapaaehtoistehtava\/tule-tekemaan-hyvaa-yhdistystoiminnan-aktiivina\/\">\n                <figure class=\"h-[220px] w-full\">\n                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/12\/MIELI-vapaaehtoiset-aktiivit-scaled-1-768x432.jpg\" class=\"w-full h-full object-cover\" alt=\"Kuusi henkil\u00f6\u00e4 p\u00f6yd\u00e4n ymp\u00e4rill\u00e4 keskustelemassa\" srcset=\"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/12\/MIELI-vapaaehtoiset-aktiivit-scaled-1-768x432.jpg 768w, https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/12\/MIELI-vapaaehtoiset-aktiivit-scaled-1-300x169.jpg 300w, https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/12\/MIELI-vapaaehtoiset-aktiivit-scaled-1-1024x576.jpg 1024w, https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/12\/MIELI-vapaaehtoiset-aktiivit-scaled-1-1920x1080.jpg 1920w\" 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\/terveyttakulttuurista\/vapaaehtoistehtava\/tule-tekemaan-hyvaa-yhdistystoiminnan-aktiivina\/\">Tule tekem\u00e4\u00e4n hyv\u00e4\u00e4 yhdistystoiminnan aktiivina<\/a>\n        <\/h3>\n                    <div class=\"mt-4\">\n                Toimi yhdistystoiminnan syd\u00e4mess\u00e4 ja ole mukana siell\u00e4, miss\u00e4 tapahtuu \u2013 j\u00e4rjest\u00e4m\u00e4ss\u00e4 tapahtumia, ideoimassa ja vaikuttamassa yhdistyksen vastuuteht\u00e4viss\u00e4.             <\/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\/terveyttakulttuurista\/vapaaehtoistehtava\/vapaaehtoiseksi-viestijaksi\/\">\n                <figure class=\"h-[220px] w-full\">\n                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/12\/MIELI-vapaaehtoiseksi-viestinta-scaled-1-768x432.jpg\" class=\"w-full h-full object-cover\" alt=\"Nuori nainen kamera kaulassa\" srcset=\"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/12\/MIELI-vapaaehtoiseksi-viestinta-scaled-1-768x432.jpg 768w, https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/12\/MIELI-vapaaehtoiseksi-viestinta-scaled-1-300x169.jpg 300w, https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/12\/MIELI-vapaaehtoiseksi-viestinta-scaled-1-1024x576.jpg 1024w, https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/12\/MIELI-vapaaehtoiseksi-viestinta-scaled-1-1920x1080.jpg 1920w\" 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\/terveyttakulttuurista\/vapaaehtoistehtava\/vapaaehtoiseksi-viestijaksi\/\">Vapaaehtoiseksi viestij\u00e4ksi<\/a>\n        <\/h3>\n                    <div class=\"mt-4\">\n                Yhdistyksemme viestij\u00e4n\u00e4 voit olla isona apuna p\u00e4ivitt\u00e4m\u00e4ll\u00e4 verkkosivuja, kirjoittamalla sis\u00e4lt\u00f6j\u00e4, hoitamalla j\u00e4senviestint\u00e4\u00e4, auttamalla markkinoinnissa ja valokuvaamalla.            <\/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\/terveyttakulttuurista\/vapaaehtoistehtava\/avoin-vapaaehtoisilmoitus\/\">\n                <figure class=\"h-[220px] w-full\">\n                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys2-1-768x512.jpg\" class=\"w-full h-full object-cover\" alt=\"Pieni joukko iloisia ihmisi\u00e4 k\u00e4det kohotettuina yhteen.\" srcset=\"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys2-1-768x512.jpg 768w, https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys2-1-300x200.jpg 300w, https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys2-1-1024x683.jpg 1024w, https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys2-1-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                    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\/terveyttakulttuurista\/vapaaehtoistehtava\/avoin-vapaaehtoisilmoitus\/\">Vapaaehtoiseksi kulttuurin ja taiteen parissa omalla alueellasi<\/a>\n        <\/h3>\n                    <div class=\"mt-4\">\n                Vapaaehtoisenamme saat merkityst\u00e4 ja iloa el\u00e4m\u00e4\u00e4si. Pienell\u00e4kin teolla voi olla suuri merkitys. Tule mukaan!            <\/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_6197e3265542af51e94b06ee2e0e3fa4\" class=\"block-links py-10 bg-white\">\n  <div class=\"container\">\n\n    \n          <div class=\"grid grid-cols-1 md:grid-cols-1 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\/terveyttakulttuurista\/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=\"180\" src=\"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/10\/MIELI-yhdistys-jaseneksi-300x180.jpg\" class=\"rounded-full w-[135px] h-[135px] object-cover group-hover:scale-105 transition-transform duration-150\" alt=\"Kaksi hymyilev\u00e4\u00e4 ihmist\u00e4 puistossa\" srcset=\"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/10\/MIELI-yhdistys-jaseneksi-300x180.jpg 300w, https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/10\/MIELI-yhdistys-jaseneksi-1024x616.jpg 1024w, https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/10\/MIELI-yhdistys-jaseneksi-768x462.jpg 768w, https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-content\/uploads\/sites\/43\/2025\/10\/MIELI-yhdistys-jaseneksi-1796x1080.jpg 1796w\" 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\/terveyttakulttuurista\/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;\">Liity j\u00e4seneksi \n                            <\/span>\n\n            <\/a>\n                        <\/div>\n    \n  <\/div>\n<\/section>\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 Terveytt\u00e4 kulttuurista 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\/terveyttakulttuurista\/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 Terveytt\u00e4 kulttuurista mielenterveys ry\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/vapaaehtoiseksi\/\" \/>\n<meta property=\"og:site_name\" content=\"MIELI Terveytt\u00e4 kulttuurista mielenterveys ry\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-27T11:18:01+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\\\/terveyttakulttuurista\\\/vapaaehtoiseksi\\\/\",\"url\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/terveyttakulttuurista\\\/vapaaehtoiseksi\\\/\",\"name\":\"Tule vapaaehtoiseksi - MIELI Terveytt\u00e4 kulttuurista mielenterveys ry\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/terveyttakulttuurista\\\/#website\"},\"datePublished\":\"2025-09-25T11:13:00+00:00\",\"dateModified\":\"2026-02-27T11:18:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/terveyttakulttuurista\\\/vapaaehtoiseksi\\\/#breadcrumb\"},\"inLanguage\":\"fi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mieliyhdistykset.fi\\\/terveyttakulttuurista\\\/vapaaehtoiseksi\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/terveyttakulttuurista\\\/vapaaehtoiseksi\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Etusivu\",\"item\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/terveyttakulttuurista\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tule vapaaehtoiseksi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/terveyttakulttuurista\\\/#website\",\"url\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/terveyttakulttuurista\\\/\",\"name\":\"MIELI Terveytt\u00e4 kulttuurista mielenterveys ry\",\"description\":\"Tukea ja apua paikallisesti\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/terveyttakulttuurista\\\/?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 Terveytt\u00e4 kulttuurista 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\/terveyttakulttuurista\/vapaaehtoiseksi\/","og_locale":"fi_FI","og_type":"article","og_title":"Tule vapaaehtoiseksi - MIELI Terveytt\u00e4 kulttuurista mielenterveys ry","og_url":"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/vapaaehtoiseksi\/","og_site_name":"MIELI Terveytt\u00e4 kulttuurista mielenterveys ry","article_modified_time":"2026-02-27T11:18:01+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/vapaaehtoiseksi\/","url":"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/vapaaehtoiseksi\/","name":"Tule vapaaehtoiseksi - MIELI Terveytt\u00e4 kulttuurista mielenterveys ry","isPartOf":{"@id":"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/#website"},"datePublished":"2025-09-25T11:13:00+00:00","dateModified":"2026-02-27T11:18:01+00:00","breadcrumb":{"@id":"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/vapaaehtoiseksi\/#breadcrumb"},"inLanguage":"fi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/vapaaehtoiseksi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/vapaaehtoiseksi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Etusivu","item":"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/"},{"@type":"ListItem","position":2,"name":"Tule vapaaehtoiseksi"}]},{"@type":"WebSite","@id":"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/#website","url":"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/","name":"MIELI Terveytt\u00e4 kulttuurista mielenterveys ry","description":"Tukea ja apua paikallisesti","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fi"}]}},"_links":{"self":[{"href":"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-json\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":58,"href":"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":1077,"href":"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-json\/wp\/v2\/pages\/35\/revisions\/1077"}],"wp:attachment":[{"href":"https:\/\/mieliyhdistykset.fi\/terveyttakulttuurista\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}