{"id":35,"date":"2025-09-25T14:13:00","date_gmt":"2025-09-25T11:13:00","guid":{"rendered":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/?page_id=35"},"modified":"2026-06-24T11:51:12","modified_gmt":"2026-06-24T08:51:12","slug":"vapaaehtoiseksi","status":"publish","type":"page","link":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/vapaaehtoiseksi\/","title":{"rendered":"Tule vapaaehtoiseksi"},"content":{"rendered":"\n\n<section id=\"block_ee5de449356111bcd066b1beea865b71\" 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\/vuoroveto\/wp-content\/uploads\/sites\/38\/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\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys-2-1920x613.jpg 1920w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys-2-300x96.jpg 300w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys-2-1024x327.jpg 1024w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/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_28728b472d4b45878b01f44c0f04e1b7\" 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\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys2-1-1024x683.jpg\" class=\"object-cover object-center w-full h-full\" alt=\"MIELI Vuoroveto Mielenterveys ry\" srcset=\"https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys2-1-1024x683.jpg 1024w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys2-1-300x200.jpg 300w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/MIELI-vapaaehtoiseksi-yhdistys2-1-768x512.jpg 768w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/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 puhelimessa, verkossa tai kasvokkain. 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\/vuoroveto\/vapaaehtoiseksi\/vapaaehtoiseksi-auttajaksi\/\">Vapaaehtoiseksi kriisiauttajaksi<\/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. 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                      <\/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\/vuoroveto\/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_47e17c2a7b4f866ec7475883fccc4853\" 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>Tule vapaaehtoiseksi ja voit tehd\u00e4 jotain t\u00e4rke\u00e4\u00e4. Yhdistyksemme joukoissa olet vahvistamassa mielenterveytt\u00e4 Kymenlaakson 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, osana leppoisaa joukkoamme!<\/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\/vuoroveto\/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\/vuoroveto\/wp-content\/uploads\/2025\/10\/Mieli-vapaaehtoinen_tukija2-1024x683.jpg 1024w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/2025\/10\/Mieli-vapaaehtoinen_tukija2-300x200.jpg 300w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/2025\/10\/Mieli-vapaaehtoinen_tukija2-768x512.jpg 768w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/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_3a668e935434559d214e1afdf1fc72da\" 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\/vuoroveto\/hakemus-vapaaehtoiskoulutukseen\/\" class=\"btn btn-primary\" target=\"_self\">Hae vapaaehtoiseksi kriisiauttajaksi<\/a>\n                                            <a href=\"https:\/\/mieliyhdistykset.fi\/vuoroveto\/yhteydenotto-vapaaehtoistoimintaan\/\" class=\"btn btn-outline !text-black\" target=\"_self\">Ota yhteytt\u00e4<\/a>\n                          <\/div>\n                  <\/div>\n\n      <\/div>\n\n  <\/section>\n\n\n\n\n\n\t<section id=\"block_0832094094b6a05de40a924edeba2a3f\" 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\/vuoroveto\/koulutus\/auta-vapaaehtoisena\/\">\n                <figure class=\"h-[220px] w-full\">\n                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"356\" src=\"https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2026\/03\/DSC_0081-e1772532529254-768x356.webp\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2026\/03\/DSC_0081-e1772532529254-768x356.webp 768w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2026\/03\/DSC_0081-e1772532529254-300x139.webp 300w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2026\/03\/DSC_0081-e1772532529254-1024x475.webp 1024w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2026\/03\/DSC_0081-e1772532529254-1920x891.webp 1920w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2026\/03\/DSC_0081-e1772532529254.webp 2048w\" 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\">L\u00e4hi<\/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]\">28.8.<\/span>\n                                <span class=\"uppercase font-heading tracking-[1.6px]\">Kouvola<\/span>            <\/div>\n                <h3 class=\"text-base my-4\">\n            <a class=\"font-heading text-lg underline hover:no-underline\" href=\"https:\/\/mieliyhdistykset.fi\/vuoroveto\/koulutus\/auta-vapaaehtoisena\/\">Auta vapaaehtoisena<\/a>\n        <\/h3>\n                    <div class=\"mt-4\">\n                Tule vapaaehtoiseksi ja voit tehd\u00e4 jotain t\u00e4rke\u00e4\u00e4. Yhdistyksemme joukoissa olet vahvistamassa mielenterveytt\u00e4 Kymenlaakson alueella.            <\/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\/vuoroveto\/koulutus\/mieli-vapaaehtoiskoulutus\/\">\n                <figure class=\"h-[220px] w-full\">\n                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"518\" src=\"https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/Mieli-vapaaehtoinen_tukija3-768x518.jpg\" class=\"w-full h-full object-cover\" alt=\"Kaksi henkil\u00f6\u00e4 vierekk\u00e4in ja toinen lohduttaa koskettamalla kevyesti olkap\u00e4\u00e4st\u00e4.\" srcset=\"https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/Mieli-vapaaehtoinen_tukija3-768x518.jpg 768w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/Mieli-vapaaehtoinen_tukija3-300x202.jpg 300w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/Mieli-vapaaehtoinen_tukija3-1024x691.jpg 1024w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/Mieli-vapaaehtoinen_tukija3-1601x1080.jpg 1601w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/Mieli-vapaaehtoinen_tukija3.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>\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]\">Kouvola<\/span>            <\/div>\n                <h3 class=\"text-base my-4\">\n            <a class=\"font-heading text-lg underline hover:no-underline\" href=\"https:\/\/mieliyhdistykset.fi\/vuoroveto\/koulutus\/mieli-vapaaehtoiskoulutus\/\">Auta vapaaehtoisena<\/a>\n        <\/h3>\n                    <div class=\"mt-4\">\n                Haluatko tehd\u00e4 vapaa-ajallasi jotain, jolla on merkityst\u00e4? Anna aikaasi vapaaehtoisena &#8211; voit 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\/vuoroveto\/vapaaehtoistehtava\/avoin-vapaaehtoisilmoitus\/\">\n                <figure class=\"h-[220px] w-full\">\n                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/Mieli-vapaaehtoinen_tukija2-1-768x512.jpg\" class=\"w-full h-full object-cover\" alt=\"Vapaaehtoisuus\" srcset=\"https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/Mieli-vapaaehtoinen_tukija2-1-768x512.jpg 768w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/Mieli-vapaaehtoinen_tukija2-1-300x200.jpg 300w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/Mieli-vapaaehtoinen_tukija2-1-1024x683.jpg 1024w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/Mieli-vapaaehtoinen_tukija2-1.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                    <div class=\"flex items-center gap-4 font-heading\">\n                <span class=\"uppercase font-heading tracking-[1.6px]\">Kouvola<\/span>            <\/div>\n                <h3 class=\"text-base my-4\">\n            <a class=\"font-heading text-lg underline hover:no-underline\" href=\"https:\/\/mieliyhdistykset.fi\/vuoroveto\/vapaaehtoistehtava\/avoin-vapaaehtoisilmoitus\/\">Tee hyv\u00e4\u00e4 vapaaehtoisena Kymenlaaksossa<\/a>\n        <\/h3>\n                    <div class=\"mt-4\">\n                Tule vapaaehtoiseksi Vuoroveto-kriisikeskukseen Kouvolassa. 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<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=\"bg-gray-100 py-20\">\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\/vuoroveto\/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\">L\u00e4sn\u00e4olo riitt\u00e4\u00e4<\/div>\n                                      <div class=\"font-heading\"><p>Tarve saada keskusteluapua on suuri. Pienell\u00e4kin hetkell\u00e4 ja kohtaamisella voi olla yhteydenottajalle suuri merkitys. 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\/vuoroveto\/wp-content\/themes\/mieliyhdistykset\/assets\/svg\/icon-join.svg\" alt=\"\" class=\"w-[30px] h-auto\">\n              <\/div>\n                                      <div class=\"text-xl md:text-2xl font-bold font-heading mb-4\">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.<\/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\/vuoroveto\/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\">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\/vuoroveto\/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\">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<section id=\"block_871fd0c1da607e92128de368e81fe24f\" class=\"block-links py-10 bg-white\">\n  <div class=\"container\">\n\n    \n          <div class=\"grid grid-cols-1 md:grid-cols-3 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\/vuoroveto\/vapaaehtoiseksi\/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\/vuoroveto\/wp-content\/uploads\/sites\/38\/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=\"Vapaaehtoisuus\" srcset=\"https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/Mieli-vapaaehtoinen_tukija2-1-300x200.jpg 300w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/Mieli-vapaaehtoinen_tukija2-1-1024x683.jpg 1024w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/Mieli-vapaaehtoinen_tukija2-1-768x512.jpg 768w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/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\/vuoroveto\/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\/vuoroveto\/liity-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=\"201\" src=\"https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/sydanhalkopinossa-300x201.jpg\" class=\"rounded-full w-[135px] h-[135px] object-cover group-hover:scale-105 transition-transform duration-150\" alt=\"Tukkipuita pinossa, keskell\u00e4 syd\u00e4menmuotoinen puu\" srcset=\"https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/sydanhalkopinossa-300x201.jpg 300w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/sydanhalkopinossa-1024x686.jpg 1024w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/sydanhalkopinossa-768x514.jpg 768w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/sydanhalkopinossa-1613x1080.jpg 1613w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/sydanhalkopinossa.jpg 2000w\" 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\/vuoroveto\/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                              <a class=\"text-gray-900 text-center flex flex-col items-center hover:no-underline group no-external-icon\" href=\"https:\/\/mieliyhdistykset.fi\/vuoroveto\/toiminta-ja-tapahtumia\/\" 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\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/12\/MIELI-vapaaehtoiseksi-voimaa-3-300x200.jpg\" class=\"rounded-full w-[135px] h-[135px] object-cover group-hover:scale-105 transition-transform duration-150\" alt=\"Iloisia tapahtumarakentajia\" srcset=\"https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/12\/MIELI-vapaaehtoiseksi-voimaa-3-300x200.jpg 300w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/12\/MIELI-vapaaehtoiseksi-voimaa-3-1024x683.jpg 1024w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/12\/MIELI-vapaaehtoiseksi-voimaa-3-768x512.jpg 768w, https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/12\/MIELI-vapaaehtoiseksi-voimaa-3-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\/vuoroveto\/wp-content\/themes\/mieliyhdistykset\/assets\/svg\/icon-group.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;\">Toiminta ja tapahtumat \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":"891","_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<\/title>\n<meta name=\"description\" content=\"Tule vapaaehtoiseksi ja voit tehd\u00e4 jotain t\u00e4rke\u00e4\u00e4. Yhdistyksemme joukoissa olet vahvistamassa mielenterveytt\u00e4 Kymenlaakson alueella.\" \/>\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\/vuoroveto\/vapaaehtoiseksi\/\" \/>\n<meta property=\"og:locale\" content=\"fi_FI\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tule vapaaehtoiseksi\" \/>\n<meta property=\"og:description\" content=\"Tule vapaaehtoiseksi ja voit tehd\u00e4 jotain t\u00e4rke\u00e4\u00e4. Yhdistyksemme joukoissa olet vahvistamassa mielenterveytt\u00e4 Kymenlaakson alueella.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mieliyhdistykset.fi\/vuoroveto\/vapaaehtoiseksi\/\" \/>\n<meta property=\"og:site_name\" content=\"MIELI Vuoroveto mielenterveys ry\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Vuoroveto\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-24T08:51:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/MIELI_vapaaehtoistyo_ryhma-2-1230x395-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1230\" \/>\n\t<meta property=\"og:image:height\" content=\"395\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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\\\/vuoroveto\\\/vapaaehtoiseksi\\\/\",\"url\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/vuoroveto\\\/vapaaehtoiseksi\\\/\",\"name\":\"Tule vapaaehtoiseksi\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/vuoroveto\\\/#website\"},\"datePublished\":\"2025-09-25T11:13:00+00:00\",\"dateModified\":\"2026-06-24T08:51:12+00:00\",\"description\":\"Tule vapaaehtoiseksi ja voit tehd\u00e4 jotain t\u00e4rke\u00e4\u00e4. Yhdistyksemme joukoissa olet vahvistamassa mielenterveytt\u00e4 Kymenlaakson alueella.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/vuoroveto\\\/vapaaehtoiseksi\\\/#breadcrumb\"},\"inLanguage\":\"fi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mieliyhdistykset.fi\\\/vuoroveto\\\/vapaaehtoiseksi\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/vuoroveto\\\/vapaaehtoiseksi\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Etusivu\",\"item\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/vuoroveto\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tule vapaaehtoiseksi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/vuoroveto\\\/#website\",\"url\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/vuoroveto\\\/\",\"name\":\"MIELI Vuoroveto mielenterveys ry\",\"description\":\"Tukea ja apua paikallisesti\",\"publisher\":{\"@id\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/vuoroveto\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/vuoroveto\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fi\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/vuoroveto\\\/#organization\",\"name\":\"MIELI Vuoroveto mielenterveys ry\",\"url\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/vuoroveto\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@id\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/vuoroveto\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/vuoroveto\\\/wp-content\\\/uploads\\\/sites\\\/38\\\/2026\\\/02\\\/Mieli_Vuoroveto_logo_RGB_MEDIUM.png\",\"contentUrl\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/vuoroveto\\\/wp-content\\\/uploads\\\/sites\\\/38\\\/2026\\\/02\\\/Mieli_Vuoroveto_logo_RGB_MEDIUM.png\",\"width\":1703,\"height\":1075,\"caption\":\"MIELI Vuoroveto mielenterveys ry\"},\"image\":{\"@id\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/vuoroveto\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Vuoroveto\",\"https:\\\/\\\/www.instagram.com\\\/mielivuoroveto\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tule vapaaehtoiseksi","description":"Tule vapaaehtoiseksi ja voit tehd\u00e4 jotain t\u00e4rke\u00e4\u00e4. Yhdistyksemme joukoissa olet vahvistamassa mielenterveytt\u00e4 Kymenlaakson alueella.","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\/vuoroveto\/vapaaehtoiseksi\/","og_locale":"fi_FI","og_type":"article","og_title":"Tule vapaaehtoiseksi","og_description":"Tule vapaaehtoiseksi ja voit tehd\u00e4 jotain t\u00e4rke\u00e4\u00e4. Yhdistyksemme joukoissa olet vahvistamassa mielenterveytt\u00e4 Kymenlaakson alueella.","og_url":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/vapaaehtoiseksi\/","og_site_name":"MIELI Vuoroveto mielenterveys ry","article_publisher":"https:\/\/www.facebook.com\/Vuoroveto","article_modified_time":"2026-06-24T08:51:12+00:00","og_image":[{"width":1230,"height":395,"url":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2025\/10\/MIELI_vapaaehtoistyo_ryhma-2-1230x395-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/vapaaehtoiseksi\/","url":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/vapaaehtoiseksi\/","name":"Tule vapaaehtoiseksi","isPartOf":{"@id":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/#website"},"datePublished":"2025-09-25T11:13:00+00:00","dateModified":"2026-06-24T08:51:12+00:00","description":"Tule vapaaehtoiseksi ja voit tehd\u00e4 jotain t\u00e4rke\u00e4\u00e4. Yhdistyksemme joukoissa olet vahvistamassa mielenterveytt\u00e4 Kymenlaakson alueella.","breadcrumb":{"@id":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/vapaaehtoiseksi\/#breadcrumb"},"inLanguage":"fi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mieliyhdistykset.fi\/vuoroveto\/vapaaehtoiseksi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/vapaaehtoiseksi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Etusivu","item":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/"},{"@type":"ListItem","position":2,"name":"Tule vapaaehtoiseksi"}]},{"@type":"WebSite","@id":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/#website","url":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/","name":"MIELI Vuoroveto mielenterveys ry","description":"Tukea ja apua paikallisesti","publisher":{"@id":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fi"},{"@type":"Organization","@id":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/#organization","name":"MIELI Vuoroveto mielenterveys ry","url":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/","logo":{"@type":"ImageObject","inLanguage":"fi","@id":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/#\/schema\/logo\/image\/","url":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2026\/02\/Mieli_Vuoroveto_logo_RGB_MEDIUM.png","contentUrl":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-content\/uploads\/sites\/38\/2026\/02\/Mieli_Vuoroveto_logo_RGB_MEDIUM.png","width":1703,"height":1075,"caption":"MIELI Vuoroveto mielenterveys ry"},"image":{"@id":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Vuoroveto","https:\/\/www.instagram.com\/mielivuoroveto\/"]}]}},"_links":{"self":[{"href":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-json\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":65,"href":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":1598,"href":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-json\/wp\/v2\/pages\/35\/revisions\/1598"}],"wp:attachment":[{"href":"https:\/\/mieliyhdistykset.fi\/vuoroveto\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}