{"id":329,"date":"2025-10-07T08:57:45","date_gmt":"2025-10-07T05:57:45","guid":{"rendered":"https:\/\/mieliyhdistykset.fi\/petajavesi\/?page_id=329"},"modified":"2025-12-02T07:37:07","modified_gmt":"2025-12-02T05:37:07","slug":"lohkot","status":"publish","type":"page","link":"https:\/\/mieliyhdistykset.fi\/petajavesi\/lohkot\/","title":{"rendered":"1 Lohkot"},"content":{"rendered":"\n\n<section id=\"block_b462bd1e45f1f46cf1b511d2aeebf671\" 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=\"1618\" height=\"1080\" src=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/Leppakerttu-kadella-kuvaaja-Anni-Sulonen-1618x1080.jpg\" class=\"object-cover object-center w-full h-full\" alt=\"Lepp\u00e4kerttu nousee k\u00e4mmenelt\u00e4 lentoon\" srcset=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/Leppakerttu-kadella-kuvaaja-Anni-Sulonen-1618x1080.jpg 1618w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/Leppakerttu-kadella-kuvaaja-Anni-Sulonen-300x200.jpg 300w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/Leppakerttu-kadella-kuvaaja-Anni-Sulonen-1024x684.jpg 1024w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/Leppakerttu-kadella-kuvaaja-Anni-Sulonen-768x513.jpg 768w\" sizes=\"auto, (max-width: 1618px) 100vw, 1618px\" \/>      <\/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\">Sivun otsikko H1<\/h1>\n              <\/div>\n                                      <div class=\"mt-8 flex flex-wrap gap-4\">\n                                  <a href=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/ajankohtaiset\/\" class=\"btn btn-primary\" target=\"_self\">Linkkipaikka 1<\/a>\n                                              <\/div>\n                      <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  \n<\/section>\n\n\n\n\n<section id=\"block_3218f15f6ef37aab6013f3af56d0e95f\" 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\">Otsikko ja teksti &#8211; H2<\/h1>\n                  <\/div>\n      \n              <div class=\"md:col-start-4 md:col-span-3\">\n          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.<\/p>\n<p>T\u00e4h\u00e4n voi lis\u00e4t\u00e4 mit\u00e4 vain<\/p>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li>Lorem Ipsum is simply dummy text of the printing and typesetting industry.<\/li>\n<li>Lorem Ipsum is simply dummy text of the printing and typesetting industry.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li>Lorem Ipsum is simply dummy text of the printing and typesetting industry.<\/li>\n<\/ul>\n        <\/div>\n      \n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<section id=\"block_dd1e3cb18e799c1f22c529fe53502137\" class=\"block-image-text py-10 bg-white\">\n  <div class=\"container\">\n\n    <div class=\"grid grid-cols-1 md:grid-cols-12 gap-8 items-center\">\n\n              <div class=\"md:col-span-6 md:order-last relative\">\n          <figure class=\"aspect-w-4 aspect-h-3\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"684\" src=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/shutterstock_493465723-1024x684.jpg\" class=\"object-cover object-center w-full h-full\" alt=\"Kahdet k\u00e4det yhdess\u00e4\" srcset=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/shutterstock_493465723-1024x684.jpg 1024w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/shutterstock_493465723-300x200.jpg 300w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/shutterstock_493465723-768x513.jpg 768w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/shutterstock_493465723-1618x1080.jpg 1618w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>          <\/figure>\n        <\/div>\n      \n      <div class=\"md:col-span-6 relative\">\n                  <h2 class=\"\">Otsikko 3 H3 kuvalla<\/h2>\n                          <div class=\"py-4\">\n            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.<\/p>\n<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.<\/p>\n          <\/div>\n                          <a class=\"btn btn-outline !text-black\" href=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/jaseneksi\/\" target=\"_self\">\n            Mahdollinen linkki          <\/a>\n              <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n\n<section id=\"block_5ae460e50fb1d5c2ed57d015a4e76a26\" class=\"block-image-text py-10 bg-white\">\n  <div class=\"container\">\n\n    <div class=\"grid grid-cols-1 md:grid-cols-12 gap-8 items-center\">\n\n              <div class=\"md:col-span-6 order-first relative\">\n          <figure class=\"aspect-w-4 aspect-h-3\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"684\" src=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/shutterstock_493465723-1024x684.jpg\" class=\"object-cover object-center w-full h-full\" alt=\"Kahdet k\u00e4det yhdess\u00e4\" srcset=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/shutterstock_493465723-1024x684.jpg 1024w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/shutterstock_493465723-300x200.jpg 300w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/shutterstock_493465723-768x513.jpg 768w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/shutterstock_493465723-1618x1080.jpg 1618w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>          <\/figure>\n        <\/div>\n      \n      <div class=\"md:col-span-6 relative\">\n                  <h2 class=\"\">Otsikko 3 H3 kuvalla<\/h2>\n                          <div class=\"py-4\">\n            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.<\/p>\n<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.<\/p>\n          <\/div>\n                          <a class=\"btn btn-outline !text-black\" href=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/jaseneksi\/\" target=\"_self\">\n            Mahdollinen linkki          <\/a>\n              <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n\n<section id=\"block_11d65bd875d8bafeefa5b1132f7bcedd\" class=\"block-images py-10 bg-white\">\n  <div class=\"container\">\n\n          <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n    \n          <div>\n        <figure class=\"h-auto w-full\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"679\" src=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1314179153-1-1024x679.jpg\" class=\"object-cover object-center w-full h-full\" alt=\"Vihre\u00e4 syd\u00e4menmuotoinen lehti kasvissa\" srcset=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1314179153-1-1024x679.jpg 1024w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1314179153-1-300x199.jpg 300w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1314179153-1-768x509.jpg 768w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1314179153-1-1629x1080.jpg 1629w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>        <\/figure>\n      <\/div>\n    \n            <div>\n          <figure class=\"h-auto w-full\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"679\" src=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1314179153-1-1024x679.jpg\" class=\"object-cover object-center w-full h-full\" alt=\"Vihre\u00e4 syd\u00e4menmuotoinen lehti kasvissa\" srcset=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1314179153-1-1024x679.jpg 1024w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1314179153-1-300x199.jpg 300w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1314179153-1-768x509.jpg 768w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1314179153-1-1629x1080.jpg 1629w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>          <\/figure>\n        <\/div>\n      <\/div>\n    \n  <\/div>\n<\/section>\n\n\n\n\n\n  <section id=\"block_6fa3157ced2fabf2a4d5771ec9ec6c8e\" class=\"block-cta bg-primary-700 text-white\">\n\n      <div class=\"grid grid-container\">\n\n        <div class=\"text-white col-start-2 md:col-start-2 lg:col-start-2 col-span-4 md:col-span-4 lg:col-span-5 order-2 md:order-1 px-6 md:px-0 md:min-h-[500px] py-12 flex flex-col justify-center\">\n                      <h2 class=\"mb-10\">CTA kuvalla<\/h2>\n                                <div>\n              Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting indust            <\/div>\n                                <div class=\"mt-8 flex flex-col md:flex-row gap-4\">\n                              <a href=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/jaseneksi\/\" class=\"btn btn-primary text-center\" target=\"_self\">Linkki<\/a>\n                                        <\/div>\n                  <\/div>\n\n                  <div class=\"relative order-1 md:order-2 col-start-1 md:col-start-6 lg:col-start-8 col-span-6 md:col-span-5 lg:col-span-7\">\n            <figure class=\"aspect-w-1 aspect-h-1 [clip-path:ellipse(120%_100%_at_50%_0%)] md:[clip-path:ellipse(100%_120%_at_100%_50%)] md:aspect-w-[auto] md:aspect-h-[auto] md:h-full md:w-full overflow-hidden\">\n              <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"679\" src=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1314179153-1-1024x679.jpg\" class=\"w-full h-full object-cover\" alt=\"Vihre\u00e4 syd\u00e4menmuotoinen lehti kasvissa\" srcset=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1314179153-1-1024x679.jpg 1024w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1314179153-1-300x199.jpg 300w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1314179153-1-768x509.jpg 768w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1314179153-1-1629x1080.jpg 1629w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>            <\/figure>\n          <\/div>\n        \n      <\/div>\n\n  <\/section>\n\n\n\n\n\n\n  <section id=\"block_a7319033da2a6dbf3de7cf612d595a9f\" 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\">CTA ilman kuvaa kuvalla<\/h2>\n                                <div>\n              Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.             <\/div>\n                                <div class=\"mt-4 flex flex-wrap gap-4\">\n                              <a href=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/jaseneksi\/\" class=\"btn btn-primary\" target=\"_self\">Linkki<\/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>Sitaatti Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting indust<\/blockquote>\n                      <span class=\"block mt-4\">\u2013 <span class=\"font-bold\">Kirjoittaja<\/span>, Organisaatio<\/span>\n                  <\/div>\n    \n  <\/section>\n\n\n\n<section id=\"block_94b1b735585ab76838f7fbb088bbc326\" 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=\"679\" src=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1314179153-1-1024x679.jpg\" class=\"object-cover object-center w-full h-full\" alt=\"Vihre\u00e4 syd\u00e4menmuotoinen lehti kasvissa\" srcset=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1314179153-1-1024x679.jpg 1024w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1314179153-1-300x199.jpg 300w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1314179153-1-768x509.jpg 768w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1314179153-1-1629x1080.jpg 1629w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>          <\/figure>\n              <\/div>\n\n      <div class=\"md:col-span-6 relative\">\n\n                  <h2 class=\"\">Haitari kuvalla<\/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\">Osio 1<\/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>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.<\/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\">Osio 2<\/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>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.<\/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\">Osio 3<\/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>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.<\/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_686ec66196a411252b6aa2dd6483f227\" 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                  <h2 class=\"\">Haitari<\/h2>\n              <\/div>\n\n      <div class=\"md:col-span-6 relative\">\n\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\">Osio 1<\/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>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.<\/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\">Osio 2<\/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>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.<\/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\">Osio 3<\/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>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.<\/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_08f1c0114ff384e6fcb960c6912bdbc9\" 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\/petajavesi\/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\/petajavesi\/wp-content\/uploads\/2025\/10\/Mieli-vapaaehtoinen_tukija2-1024x683.jpg 1024w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/2025\/10\/Mieli-vapaaehtoinen_tukija2-300x200.jpg 300w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/2025\/10\/Mieli-vapaaehtoinen_tukija2-768x512.jpg 768w, https:\/\/mieliyhdistykset.fi\/petajavesi\/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<section id=\"block_8880ff7b6e228196bc69906e4e8a7943\" class=\"block-separator bg-white\">\n\n  <div class=\"container max-w-[800px]\">\n    <hr class=\"border-t-2 border-gray-300 pt-5 my-5\">\n  <\/div>\n\n<\/section>\n\n\n\n<section id=\"block_adfe7a0e5e279626e9a88777593f5c72\" class=\"block-links py-10 bg-white\">\n  <div class=\"container\">\n\n    \n          <div class=\"grid grid-cols-1 md:grid-cols-4 gap-8\">\n                    <a class=\"text-gray-900 text-center flex flex-col items-center hover:no-underline group no-external-icon\" href=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/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=\"199\" src=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1314179153-1-300x199.jpg\" class=\"rounded-full w-[135px] h-[135px] object-cover group-hover:scale-105 transition-transform duration-150\" alt=\"Vihre\u00e4 syd\u00e4menmuotoinen lehti kasvissa\" srcset=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1314179153-1-300x199.jpg 300w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1314179153-1-1024x679.jpg 1024w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1314179153-1-768x509.jpg 768w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1314179153-1-1629x1080.jpg 1629w\" 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\/petajavesi\/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;\">J\u00e4senyys \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\/petajavesi\/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=\"181\" src=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/IMG_4859-300x181.jpg\" class=\"rounded-full w-[135px] h-[135px] object-cover group-hover:scale-105 transition-transform duration-150\" alt=\"Syksyisi\u00e4 lehti\u00e4, oksa kasvaa piikkilankaa pitkin\" srcset=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/IMG_4859-300x181.jpg 300w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/IMG_4859-1024x618.jpg 1024w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/IMG_4859-768x464.jpg 768w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/IMG_4859.jpg 1789w\" 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\/petajavesi\/wp-content\/themes\/mieliyhdistykset\/assets\/svg\/icon-newsletter.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;\">J\u00e4senyys \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\/petajavesi\/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=\"197\" src=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/soutuveneenkeulatak.sumuinenjarvi_vastavalo_2016-300x197.jpg\" class=\"rounded-full w-[135px] h-[135px] object-cover group-hover:scale-105 transition-transform duration-150\" alt=\"Usvainen j\u00e4rvi ja soutuvene\" srcset=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/soutuveneenkeulatak.sumuinenjarvi_vastavalo_2016-300x197.jpg 300w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/soutuveneenkeulatak.sumuinenjarvi_vastavalo_2016-1024x671.jpg 1024w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/soutuveneenkeulatak.sumuinenjarvi_vastavalo_2016-768x503.jpg 768w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/soutuveneenkeulatak.sumuinenjarvi_vastavalo_2016-1649x1080.jpg 1649w\" 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\/petajavesi\/wp-content\/themes\/mieliyhdistykset\/assets\/svg\/icon-chat.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;\">J\u00e4senyys \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\/petajavesi\/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=\"182\" src=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1315165426-300x182.jpeg\" class=\"rounded-full w-[135px] h-[135px] object-cover group-hover:scale-105 transition-transform duration-150\" alt=\"Pitkospuut mets\u00e4ss\u00e4\" srcset=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1315165426-300x182.jpeg 300w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1315165426-1024x622.jpeg 1024w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1315165426-768x467.jpeg 768w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1315165426-1777x1080.jpeg 1777w\" 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\/petajavesi\/wp-content\/themes\/mieliyhdistykset\/assets\/svg\/icon-contact.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;\">J\u00e4senyys \n                            <\/span>\n\n            <\/a>\n                        <\/div>\n    \n  <\/div>\n<\/section>\n\n\n\n\n<section id=\"block_31f18d24adf1a6cc1ae03ea25e62381c\" class=\"block-help bg-white py-10\">\n  <div class=\"container grid grid-cols-1 lg:grid-cols-12 gap-8\">\n    <div class=\"lg:col-span-4\">\n              <h2 class=\"my-0\">Tukea ja apua<\/h2>\n                    <div class=\"mt-4\"><p>Ota yhteytt\u00e4, kun tarvitset  keskusteluapua kriiseiss\u00e4 ja vaikeissa el\u00e4m\u00e4ntilanteissa. <p><\/div>\n          <\/div>\n    <div class=\"lg:col-span-8\">\n      <div class=\"grid grid-cols-1 md:grid-cols-2 gap-[18px_36px] auto-rows-fr\">\n                                <a target=\"_blank\" href=\"https:\/\/mieli.fi\/tukea-ja-apua\/kriisipuhelin\/\" class=\"bg-primary-700 border-4 border-primary-700 hover:border-primary-500 focus:border-primary-500 transition-colors text-white py-4 px-6 h-full flex gap-4 items-center no-underline no-external-icon\">\n                                  <img decoding=\"async\" src=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/themes\/mieliyhdistykset\/assets\/svg\/icon-phone.svg\" alt=\"\" class=\"max-w-[45px] w-full h-auto\">\n                                <div class=\"text-[22px] leading-[1.25] font-heading\">\n                                      <span class=\"block font-bold\">MIELI Kriisipuhelin<\/span>\n                                                        <span class=\"block\">09 2525 0111<\/span>\n                                  <\/div>\n                <svg class=\"shrink-0 rotate-[-45deg]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"37\" height=\"37\" viewBox=\"0 0 37 37\" fill=\"none\">\n                  <mask id=\"mask0_4834_12482\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"37\" height=\"37\">\n                    <rect width=\"36.7207\" height=\"36.7207\" fill=\"#D9D9D9\"\/>\n                  <\/mask>\n                  <g mask=\"url(#mask0_4834_12482)\">\n                    <path d=\"M26.1224 19.1253H8.41541C8.19763 19.1253 8.01568 19.0523 7.86957 18.9061C7.72345 18.76 7.65039 18.5781 7.65039 18.3603C7.65039 18.1425 7.72345 17.9606 7.86957 17.8145C8.01568 17.6684 8.19763 17.5953 8.41541 17.5953H26.1224L20.4085 11.8814C20.2594 11.7322 20.1813 11.5567 20.1744 11.3547C20.1676 11.1525 20.2456 10.9671 20.4085 10.7985C20.5771 10.6297 20.759 10.5439 20.9544 10.5411C21.1495 10.538 21.3314 10.6209 21.5002 10.7897L28.2056 17.4951C28.3392 17.6287 28.4329 17.7651 28.4867 17.9044C28.5408 18.0436 28.5678 18.1956 28.5678 18.3603C28.5678 18.525 28.5408 18.677 28.4867 18.8163C28.4329 18.9555 28.3392 19.0919 28.2056 19.2255L21.5002 25.9309C21.351 26.0801 21.1739 26.1581 20.9689 26.165C20.7639 26.1719 20.5771 26.0909 20.4085 25.9221C20.2456 25.7535 20.1627 25.5731 20.1599 25.3809C20.1568 25.1886 20.2397 25.008 20.4085 24.8392L26.1224 19.1253Z\" fill=\"white\"\/>\n                  <\/g>\n                <\/svg>\n              <\/a>\n                                    <a target=\"_blank\" href=\"https:\/\/mieli.fi\/tukea-ja-apua\/chattaa-tai-kirjoita\/\" class=\"bg-primary-700 border-4 border-primary-700 hover:border-primary-500 focus:border-primary-500 transition-colors text-white py-4 px-6 h-full flex gap-4 items-center no-underline no-external-icon\">\n                                  <img decoding=\"async\" src=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/themes\/mieliyhdistykset\/assets\/svg\/icon-chat.svg\" alt=\"\" class=\"max-w-[45px] w-full h-auto\">\n                                <div class=\"text-[22px] leading-[1.25] font-heading\">\n                                      <span class=\"block font-bold\">Chat<\/span>\n                                                    <\/div>\n                <svg class=\"shrink-0 rotate-[-45deg]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"37\" height=\"37\" viewBox=\"0 0 37 37\" fill=\"none\">\n                  <mask id=\"mask0_4834_12482\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"37\" height=\"37\">\n                    <rect width=\"36.7207\" height=\"36.7207\" fill=\"#D9D9D9\"\/>\n                  <\/mask>\n                  <g mask=\"url(#mask0_4834_12482)\">\n                    <path d=\"M26.1224 19.1253H8.41541C8.19763 19.1253 8.01568 19.0523 7.86957 18.9061C7.72345 18.76 7.65039 18.5781 7.65039 18.3603C7.65039 18.1425 7.72345 17.9606 7.86957 17.8145C8.01568 17.6684 8.19763 17.5953 8.41541 17.5953H26.1224L20.4085 11.8814C20.2594 11.7322 20.1813 11.5567 20.1744 11.3547C20.1676 11.1525 20.2456 10.9671 20.4085 10.7985C20.5771 10.6297 20.759 10.5439 20.9544 10.5411C21.1495 10.538 21.3314 10.6209 21.5002 10.7897L28.2056 17.4951C28.3392 17.6287 28.4329 17.7651 28.4867 17.9044C28.5408 18.0436 28.5678 18.1956 28.5678 18.3603C28.5678 18.525 28.5408 18.677 28.4867 18.8163C28.4329 18.9555 28.3392 19.0919 28.2056 19.2255L21.5002 25.9309C21.351 26.0801 21.1739 26.1581 20.9689 26.165C20.7639 26.1719 20.5771 26.0909 20.4085 25.9221C20.2456 25.7535 20.1627 25.5731 20.1599 25.3809C20.1568 25.1886 20.2397 25.008 20.4085 24.8392L26.1224 19.1253Z\" fill=\"white\"\/>\n                  <\/g>\n                <\/svg>\n              <\/a>\n                                                              <a href=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/\" class=\"bg-primary-700 border-4 border-primary-700 hover:border-primary-500 focus:border-primary-500 transition-colors text-white py-4 px-6 h-full flex gap-4 items-center no-underline no-external-icon\">\n                                  <img decoding=\"async\" src=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/themes\/mieliyhdistykset\/assets\/svg\/icon-time.svg\" alt=\"\" class=\"max-w-[45px] w-full h-auto\">\n                                <div class=\"text-[22px] leading-[1.25] font-heading\">\n                                      <span class=\"block font-bold\">Otsikko 1<\/span>\n                                                        <span class=\"block\">alaotsikko<\/span>\n                                  <\/div>\n                <svg class=\"shrink-0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"37\" height=\"37\" viewBox=\"0 0 37 37\" fill=\"none\">\n                  <mask id=\"mask0_4834_12482\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"37\" height=\"37\">\n                    <rect width=\"36.7207\" height=\"36.7207\" fill=\"#D9D9D9\"\/>\n                  <\/mask>\n                  <g mask=\"url(#mask0_4834_12482)\">\n                    <path d=\"M26.1224 19.1253H8.41541C8.19763 19.1253 8.01568 19.0523 7.86957 18.9061C7.72345 18.76 7.65039 18.5781 7.65039 18.3603C7.65039 18.1425 7.72345 17.9606 7.86957 17.8145C8.01568 17.6684 8.19763 17.5953 8.41541 17.5953H26.1224L20.4085 11.8814C20.2594 11.7322 20.1813 11.5567 20.1744 11.3547C20.1676 11.1525 20.2456 10.9671 20.4085 10.7985C20.5771 10.6297 20.759 10.5439 20.9544 10.5411C21.1495 10.538 21.3314 10.6209 21.5002 10.7897L28.2056 17.4951C28.3392 17.6287 28.4329 17.7651 28.4867 17.9044C28.5408 18.0436 28.5678 18.1956 28.5678 18.3603C28.5678 18.525 28.5408 18.677 28.4867 18.8163C28.4329 18.9555 28.3392 19.0919 28.2056 19.2255L21.5002 25.9309C21.351 26.0801 21.1739 26.1581 20.9689 26.165C20.7639 26.1719 20.5771 26.0909 20.4085 25.9221C20.2456 25.7535 20.1627 25.5731 20.1599 25.3809C20.1568 25.1886 20.2397 25.008 20.4085 24.8392L26.1224 19.1253Z\" fill=\"white\"\/>\n                  <\/g>\n                <\/svg>\n              <\/a>\n                                    <a href=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/\" class=\"bg-primary-700 border-4 border-primary-700 hover:border-primary-500 focus:border-primary-500 transition-colors text-white py-4 px-6 h-full flex gap-4 items-center no-underline no-external-icon\">\n                                  <img decoding=\"async\" src=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/themes\/mieliyhdistykset\/assets\/svg\/icon-crisis.svg\" alt=\"\" class=\"max-w-[45px] w-full h-auto\">\n                                <div class=\"text-[22px] leading-[1.25] font-heading\">\n                                      <span class=\"block font-bold\">Otsikko 2<\/span>\n                                                        <span class=\"block\">alaotsikko<\/span>\n                                  <\/div>\n                <svg class=\"shrink-0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"37\" height=\"37\" viewBox=\"0 0 37 37\" fill=\"none\">\n                  <mask id=\"mask0_4834_12482\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"37\" height=\"37\">\n                    <rect width=\"36.7207\" height=\"36.7207\" fill=\"#D9D9D9\"\/>\n                  <\/mask>\n                  <g mask=\"url(#mask0_4834_12482)\">\n                    <path d=\"M26.1224 19.1253H8.41541C8.19763 19.1253 8.01568 19.0523 7.86957 18.9061C7.72345 18.76 7.65039 18.5781 7.65039 18.3603C7.65039 18.1425 7.72345 17.9606 7.86957 17.8145C8.01568 17.6684 8.19763 17.5953 8.41541 17.5953H26.1224L20.4085 11.8814C20.2594 11.7322 20.1813 11.5567 20.1744 11.3547C20.1676 11.1525 20.2456 10.9671 20.4085 10.7985C20.5771 10.6297 20.759 10.5439 20.9544 10.5411C21.1495 10.538 21.3314 10.6209 21.5002 10.7897L28.2056 17.4951C28.3392 17.6287 28.4329 17.7651 28.4867 17.9044C28.5408 18.0436 28.5678 18.1956 28.5678 18.3603C28.5678 18.525 28.5408 18.677 28.4867 18.8163C28.4329 18.9555 28.3392 19.0919 28.2056 19.2255L21.5002 25.9309C21.351 26.0801 21.1739 26.1581 20.9689 26.165C20.7639 26.1719 20.5771 26.0909 20.4085 25.9221C20.2456 25.7535 20.1627 25.5731 20.1599 25.3809C20.1568 25.1886 20.2397 25.008 20.4085 24.8392L26.1224 19.1253Z\" fill=\"white\"\/>\n                  <\/g>\n                <\/svg>\n              <\/a>\n                                    <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\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\/petajavesi\/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\/petajavesi\/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\/petajavesi\/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\/petajavesi\/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  <section class=\"facts-section bg-white py-10\">\n    <div class=\"container\">\n              <h2 class=\"mb-12\">Faktat<\/h2>\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n                  <div class=\"bg-primary-300 px-6 py-12 pb-6 relative\">\n                          <div class=\"absolute -top-8 left-6 font-bold font-heading text-primary-700 text-[50px]\">\n                01              <\/div>\n                                      <div class=\"text-xl md:text-2xl font-bold font-heading mb-4 hyphens-auto\">Otsikko1<\/div>\n                                      <div class=\"font-heading\"><p>ng industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typese<\/p><\/div>\n                                  <\/div>\n                  <div class=\"bg-primary-300 px-6 py-12 pb-6 relative\">\n                          <div class=\"absolute -top-8 left-6 font-bold font-heading text-primary-700 text-[50px]\">\n                02              <\/div>\n                                      <div class=\"text-xl md:text-2xl font-bold font-heading mb-4 hyphens-auto\">Fakta 2<\/div>\n                                      <div class=\"font-heading\"><p>ng industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typese<\/p><\/div>\n                                  <\/div>\n                  <div class=\"bg-primary-300 px-6 py-12 pb-6 relative\">\n                          <div class=\"absolute -top-8 left-6 font-bold font-heading text-primary-700 text-[50px]\">\n                03              <\/div>\n                                      <div class=\"text-xl md:text-2xl font-bold font-heading mb-4 hyphens-auto\">Fakta 3<\/div>\n                                      <div class=\"font-heading\"><p>ng industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typese<\/p><\/div>\n                                  <\/div>\n              <\/div>\n    <\/div>\n  <\/section>\n\n\n\n\n  <section class=\"facts-section bg-white py-10\">\n    <div class=\"container\">\n              <h2 class=\"mb-12\">Ikoneilla faktat<\/h2>\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n                  <div class=\"bg-primary-300 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\/petajavesi\/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\">fakta 1<\/div>\n                                      <div class=\"font-heading\"><p>ng industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typese<\/p><\/div>\n                                  <\/div>\n                  <div class=\"bg-primary-300 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\/petajavesi\/wp-content\/themes\/mieliyhdistykset\/assets\/svg\/icon-newsletter.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\">fakta 2<\/div>\n                                      <div class=\"font-heading\"><p>ng industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typese<\/p><\/div>\n                                  <\/div>\n                  <div class=\"bg-primary-300 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\/petajavesi\/wp-content\/themes\/mieliyhdistykset\/assets\/svg\/icon-contact.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\">fakta 3<\/div>\n                                      <div class=\"font-heading\"><p>ng industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typese<\/p><\/div>\n                                  <\/div>\n              <\/div>\n    <\/div>\n  <\/section>\n\n\n\n\n<section id=\"block_031434fa74b0ae5c77703727aa59ce2e\" class=\"block-listing-persons\">\n\t<div class=\"container py-8\">\n\t\t  <div class=\"border-t border-gray-300 pt-8\">\n    <h3 class=\"text-2xl mb-8 green-line-title\">Yhteytieto haettu<\/h3>\n                      <\/div>\n\t<\/div>\n<\/section>\n\n\n\n<section id=\"block_8e5210a2076c78215819f79b55d51917\" class=\"block-listing-persons\">\n\t<div class=\"container py-8\">\n\t\t  <div class=\"border-t border-gray-300 pt-8\">\n    <h3 class=\"text-2xl mb-8 green-line-title\">Yhteytieto k\u00e4sin lis\u00e4tty<\/h3>\n          <div class=\"grid grid-cols-1 gap-8\">\n                  <div class=\"flex flex-col items-start gap-4\">\n            <div>\n                                            <div class=\"font-bold font-heading text-xl\">\n                  nimi nimi                <\/div>\n                                            <div>\n                  titteli                <\/div>\n                                        <\/div>\n            <div>\n                              <div>\n                                    <a href=\"tel:1234567\">1234567<\/a>\n                <\/div>\n                                            <div>\n                  <a class=\"break-all\" href=\"mailto:mail@mieli.fi\">mail@mieli.fi<\/a>\n                <\/div>\n                          <\/div>\n          <\/div>\n              <\/div>\n      <\/div>\n\t<\/div>\n<\/section>\n\n\n\n\t<section id=\"block_eaf7c59ef8a8070d703f8ec44261fa38\" 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\">Sis\u00e4lt\u00f6listaus<\/h2>\n\t\t\t\n\t\t\t<div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n\t\t\t\t\t\t\t\t\t\n<article class=\"hover:scale-[1.02] transition group card-post\">\n            <a href=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/osaammeko-antaa-arvoa-ikaantyneiden-kokemukselle\/\">\n            <figure class=\"aspect-w-16 aspect-h-9 mb-4\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"182\" src=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1315165426-300x182.jpeg\" class=\"object-cover\" alt=\"Pitkospuut mets\u00e4ss\u00e4\" srcset=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1315165426-300x182.jpeg 300w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1315165426-1024x622.jpeg 1024w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1315165426-768x467.jpeg 768w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-1315165426-1777x1080.jpeg 1777w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>            <\/figure>\n        <\/a>\n        <div>\n        <div class=\"flex flex-wrap gap-3 items-center mb-2\">\n                            <span class=\"text-gray-900 uppercase font-heading tracking-[1.6px]\">Blogi<\/span>\n                        <span class=\"posted-on\"><strong><time class=\"entry-date published updated\" datetime=\"2025-10-26T15:32:11+02:00\">26.10.2025<\/time><\/strong><\/span>        <\/div>\n        <h3 class=\"text-base mb-3\">\n            <a class=\"text-gray-900 font-heading text-xl md:text-2xl group-hover:underline\" href=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/osaammeko-antaa-arvoa-ikaantyneiden-kokemukselle\/\">Osaammeko antaa arvoa ik\u00e4\u00e4ntyneiden kokemukselle?<\/a>\n        <\/h3>\n       \n                    <div class=\"mt-5 text-gray-900 leading-8\">\n                t\u00e4ss\u00e4 lyhyt selostus mit\u00e4 sis\u00e4lt\u00f6 sis\u00e4lt\u00e4\u00e4            <\/div>\n            <\/div>\n<\/article>\n\t\t\t\t\t\t\t\t\t\n<article class=\"hover:scale-[1.02] transition group card-post\">\n            <a href=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/mallisivu-artikkeli-1\/\">\n            <figure class=\"aspect-w-16 aspect-h-9 mb-4\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-14386758681-300x200.jpg\" class=\"object-cover\" alt=\"Syd\u00e4menmuotoinen syksyn lehti k\u00e4mmenell\u00e4\" srcset=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-14386758681-300x200.jpg 300w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-14386758681-1024x683.jpg 1024w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-14386758681-768x512.jpg 768w, https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/uploads\/sites\/60\/2025\/10\/iStock-14386758681-1620x1080.jpg 1620w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>            <\/figure>\n        <\/a>\n        <div>\n        <div class=\"flex flex-wrap gap-3 items-center mb-2\">\n                            <span class=\"text-gray-900 uppercase font-heading tracking-[1.6px]\">Uutinen<\/span>\n                        <span class=\"posted-on\"><strong><time class=\"entry-date published updated\" datetime=\"2025-09-10T07:48:56+03:00\">10.9.2025<\/time><\/strong><\/span>        <\/div>\n        <h3 class=\"text-base mb-3\">\n            <a class=\"text-gray-900 font-heading text-xl md:text-2xl group-hover:underline\" href=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/mallisivu-artikkeli-1\/\">Malliartikkeli &#8211; Artikkeli 1<\/a>\n        <\/h3>\n       \n                    <div class=\"mt-5 text-gray-900 leading-8\">\n                Ingressi n\u00e4kyy sivun nostoissa. T\u00e4h\u00e4n kohtaan kirjoitataan siis noston sis\u00e4lt\u00f6.             <\/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\t\t<section id=\"mieli-posts\" class=\"block-listing-content pb-20 bg-white\">\n\t\t\t<div class=\"container\">\n\t\t\t\t<h2 class=\"mb-10\">Ajankohtaista mieli.fi<\/h2>\n\t\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\t\t<div>\n\t\t\t\t\t\t\t\n<article class=\"hover:scale-[1.02] transition group card-post\">\n            <a href=\"https:\/\/mieli.fi\/uutiset\/nuorten-tukeminen-ei-kuulu-pelkastaan-palveluille\/\" target=\"_blank\" class=\"no-external-icon\">\n            <figure class=\"aspect-w-16 aspect-h-9 mb-4\">\n                <img decoding=\"async\" alt=\"\" src=\"https:\/\/mieli.fi\/wp-content\/uploads\/2026\/10\/Ota-koppi-hero-810x540.jpg\" class=\"object-cover\">\n            <\/figure>\n        <\/a>\n        <div>\n        <a href=\"https:\/\/mieli.fi\/uutiset\/nuorten-tukeminen-ei-kuulu-pelkastaan-palveluille\/\" target=\"_blank\" class=\"flex items-center gap-2 my-4 no-external-icon\"> \n            <img decoding=\"async\" src=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/themes\/mieliyhdistykset\/assets\/svg\/mieli-logo.svg\" alt=\"Mieli ry logo\" class=\"h-5\">\n            <i class=\"fa-solid fa-arrow-up-right-from-square text-primary-500\"><\/i>\n        <\/a>\n        <div class=\"flex flex-wrap gap-3 items-center\">\n                            <span class=\"text-gray-900 uppercase font-heading tracking-[1.6px]\">Uutiset<\/span>\n                        <span class=\"posted-on\"><strong><time class=\"entry-date published updated\" datetime=\"2026-10-14T13:00:09+03:00\">14.10.2026<\/time><\/strong><\/span>        <\/div>\n        <h3 class=\"text-base mb-3\">\n            <a class=\"text-gray-900 font-heading text-xl md:text-2xl group-hover:underline\" href=\"https:\/\/mieli.fi\/uutiset\/nuorten-tukeminen-ei-kuulu-pelkastaan-palveluille\/\" target=\"_blank\">Nuorten tukeminen ei kuulu pelk\u00e4st\u00e4\u00e4n palveluille &#8211; Ota koppi nuoresta!<\/a>\n        <\/h3>\n                    <div class=\"mt-3 text-gray-900 leading-8\">\n                Sekasin Live -hankkeessa on kohdattu tuhansia nuoria ymp\u00e4ri Suomen heid\u00e4n omissa arkiymp\u00e4rist\u00f6iss\u00e4\u00e4n. Kohtaamiset ovat opettaneet, miten t\u00e4rke\u00e4\u00e4 on menn\u00e4&#8230;            <\/div>\n            <\/div>\n<\/article>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\n<article class=\"hover:scale-[1.02] transition group card-post\">\n            <a href=\"https:\/\/mieli.fi\/blogit\/vapaaehtoinen-kriisiauttaja-tarvitsee-tukea-rakenteita-ja-yhteison\/\" target=\"_blank\" class=\"no-external-icon\">\n            <figure class=\"aspect-w-16 aspect-h-9 mb-4\">\n                <img decoding=\"async\" alt=\"\" src=\"https:\/\/mieli.fi\/wp-content\/uploads\/2026\/09\/Anne-Rautiainen-vapaaehtoinen-kriisiauttaja-MIELI-ry-810x456.jpg\" class=\"object-cover\">\n            <\/figure>\n        <\/a>\n        <div>\n        <a href=\"https:\/\/mieli.fi\/blogit\/vapaaehtoinen-kriisiauttaja-tarvitsee-tukea-rakenteita-ja-yhteison\/\" target=\"_blank\" class=\"flex items-center gap-2 my-4 no-external-icon\"> \n            <img decoding=\"async\" src=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/themes\/mieliyhdistykset\/assets\/svg\/mieli-logo.svg\" alt=\"Mieli ry logo\" class=\"h-5\">\n            <i class=\"fa-solid fa-arrow-up-right-from-square text-primary-500\"><\/i>\n        <\/a>\n        <div class=\"flex flex-wrap gap-3 items-center\">\n                            <span class=\"text-gray-900 uppercase font-heading tracking-[1.6px]\">Blogit<\/span>\n                        <span class=\"posted-on\"><strong><time class=\"entry-date published updated\" datetime=\"2026-09-04T11:00:09+03:00\">04.09.2026<\/time><\/strong><\/span>        <\/div>\n        <h3 class=\"text-base mb-3\">\n            <a class=\"text-gray-900 font-heading text-xl md:text-2xl group-hover:underline\" href=\"https:\/\/mieli.fi\/blogit\/vapaaehtoinen-kriisiauttaja-tarvitsee-tukea-rakenteita-ja-yhteison\/\" target=\"_blank\">Vapaaehtoinen kriisiauttaja tarvitsee tukea, rakenteita ja yhteis\u00f6n<\/a>\n        <\/h3>\n                    <div class=\"mt-3 text-gray-900 leading-8\">\n                Anne Rautiainen kirjoittaa blogissaan, ett\u00e4 vapaaehtoisuus ei synny tyhj\u00e4st\u00e4: se tarvitsee rakenteet, jotta hyv\u00e4 voi l\u00f6yt\u00e4\u00e4 perille.            <\/div>\n            <\/div>\n<\/article>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\n<article class=\"hover:scale-[1.02] transition group card-post\">\n            <a href=\"https:\/\/mieli.fi\/uutiset\/itsemurhien-ehkaisy-tuottaa-tulosta\/\" target=\"_blank\" class=\"no-external-icon\">\n            <figure class=\"aspect-w-16 aspect-h-9 mb-4\">\n                <img decoding=\"async\" alt=\"\" src=\"https:\/\/mieli.fi\/wp-content\/uploads\/2026\/09\/Mieli-Ry-06-2026-348-810x540.jpg\" class=\"object-cover\">\n            <\/figure>\n        <\/a>\n        <div>\n        <a href=\"https:\/\/mieli.fi\/uutiset\/itsemurhien-ehkaisy-tuottaa-tulosta\/\" target=\"_blank\" class=\"flex items-center gap-2 my-4 no-external-icon\"> \n            <img decoding=\"async\" src=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-content\/themes\/mieliyhdistykset\/assets\/svg\/mieli-logo.svg\" alt=\"Mieli ry logo\" class=\"h-5\">\n            <i class=\"fa-solid fa-arrow-up-right-from-square text-primary-500\"><\/i>\n        <\/a>\n        <div class=\"flex flex-wrap gap-3 items-center\">\n                            <span class=\"text-gray-900 uppercase font-heading tracking-[1.6px]\">Uutiset<\/span>\n                        <span class=\"posted-on\"><strong><time class=\"entry-date published updated\" datetime=\"2026-09-03T09:00:10+03:00\">03.09.2026<\/time><\/strong><\/span>        <\/div>\n        <h3 class=\"text-base mb-3\">\n            <a class=\"text-gray-900 font-heading text-xl md:text-2xl group-hover:underline\" href=\"https:\/\/mieli.fi\/uutiset\/itsemurhien-ehkaisy-tuottaa-tulosta\/\" target=\"_blank\">Itsemurhien ehk\u00e4isy tuottaa tulosta<\/a>\n        <\/h3>\n                    <div class=\"mt-3 text-gray-900 leading-8\">\n                Itsemurhakuolemat v\u00e4henev\u00e4t Suomessa vuosittain. Kehitys osoittaa, ett\u00e4 itsemurhia voidaan ehk\u00e4ist\u00e4, kun apua on saatavilla ja ehk\u00e4isyty\u00f6t\u00e4 tehd\u00e4\u00e4n pitk\u00e4j\u00e4nteisesti.            <\/div>\n            <\/div>\n<\/article>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/section>\n\t\n\n\n\n\n\n\n\n\n<section id=\"block_9b7593dac6497533fd0497cebc990ed6\" class=\"block-links py-10 bg-white\">\n  <div class=\"container\">\n    <div class=\"flex flex-col md:flex-row gap-4\">\n\n          <h2 class=\"md:w-1\/2\">Malli materiaali<\/h2>\n    \n          <div class=\"flex flex-col gap-2 md:w-1\/2\">\n                    <a class=\"text-gray-900 text-center flex flex-wrap items-center gap-4 justify-between hover:no-underline group bg-gray-100 px-5 py-4 hover:scale-[1.01] transition\" href=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/tukea-ja-apua-yhdistykset\/\" target=\"_self\">\n\n              <span class=\"block font-heading font-bold text-center md:text-xl\">Tukea ja apua \u2013 yhdistykset<\/span>\n                                <div class=\"flex items-center justify-center bg-white rounded-full p-2 h-8 w-8\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\" class=\"shrink-0 \">\n                      <path d=\"M10.1458 7.15667H0.833333C0.597222 7.15667 0.399306 7.07681 0.239583 6.91708C0.0798611 6.75736 0 6.55944 0 6.32333C0 6.08722 0.0798611 5.88931 0.239583 5.72958C0.399306 5.56986 0.597222 5.49 0.833333 5.49H10.1458L6.0625 1.40667C5.89583 1.24 5.81597 1.04556 5.82292 0.823333C5.82986 0.601111 5.91667 0.406667 6.08333 0.24C6.25 0.0872222 6.44444 0.00736111 6.66667 0.000416667C6.88889 -0.00652778 7.08333 0.0733333 7.25 0.24L12.75 5.74C12.8333 5.82333 12.8924 5.91361 12.9271 6.01083C12.9618 6.10806 12.9792 6.21222 12.9792 6.32333C12.9792 6.43444 12.9618 6.53861 12.9271 6.63583C12.8924 6.73306 12.8333 6.82333 12.75 6.90667L7.25 12.4067C7.09722 12.5594 6.90625 12.6358 6.67708 12.6358C6.44792 12.6358 6.25 12.5594 6.08333 12.4067C5.91667 12.24 5.83333 12.0421 5.83333 11.8129C5.83333 11.5838 5.91667 11.3858 6.08333 11.2192L10.1458 7.15667Z\" fill=\"#00D132\"\/>\n                    <\/svg>\n                  <\/div>\n                          <\/a>\n                                                          <a class=\"text-gray-900 text-center flex flex-wrap items-center gap-4 justify-between hover:no-underline group bg-gray-100 px-5 py-4 hover:scale-[1.01] transition\" href=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/oma-apu-materiaaleja\/\" target=\"_blank\">\n\n              <span class=\"block font-heading font-bold text-center md:text-xl\">Oma-apu-materiaaleja<\/span>\n                              <div class=\"flex items-center justify-center bg-white rounded-full p-2 h-8 w-8\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\" class=\"shrink-0\">\n                    <path d=\"M1.66667 15C1.20833 15 0.815972 14.8368 0.489583 14.5104C0.163194 14.184 0 13.7917 0 13.3333V1.66667C0 1.20833 0.163194 0.815972 0.489583 0.489583C0.815972 0.163194 1.20833 0 1.66667 0H6.66667C6.90278 0 7.10069 0.0798611 7.26042 0.239583C7.42014 0.399306 7.5 0.597222 7.5 0.833333C7.5 1.06944 7.42014 1.26736 7.26042 1.42708C7.10069 1.58681 6.90278 1.66667 6.66667 1.66667H1.66667V13.3333H13.3333V8.33333C13.3333 8.09722 13.4132 7.89931 13.5729 7.73958C13.7326 7.57986 13.9306 7.5 14.1667 7.5C14.4028 7.5 14.6007 7.57986 14.7604 7.73958C14.9201 7.89931 15 8.09722 15 8.33333V13.3333C15 13.7917 14.8368 14.184 14.5104 14.5104C14.184 14.8368 13.7917 15 13.3333 15H1.66667ZM13.3333 2.83333L6.16667 10C6.01389 10.1528 5.81944 10.2292 5.58333 10.2292C5.34722 10.2292 5.15278 10.1528 5 10C4.84722 9.84722 4.77083 9.65278 4.77083 9.41667C4.77083 9.18056 4.84722 8.98611 5 8.83333L12.1667 1.66667H10C9.76389 1.66667 9.56597 1.58681 9.40625 1.42708C9.24653 1.26736 9.16667 1.06944 9.16667 0.833333C9.16667 0.597222 9.24653 0.399306 9.40625 0.239583C9.56597 0.0798611 9.76389 0 10 0H14.1667C14.4028 0 14.6007 0.0798611 14.7604 0.239583C14.9201 0.399306 15 0.597222 15 0.833333V5C15 5.23611 14.9201 5.43403 14.7604 5.59375C14.6007 5.75347 14.4028 5.83333 14.1667 5.83333C13.9306 5.83333 13.7326 5.75347 13.5729 5.59375C13.4132 5.43403 13.3333 5.23611 13.3333 5V2.83333Z\" fill=\"#00D132\"\/>\n                  <\/svg>\n                <\/div>\n                            <\/a>\n                                  <\/div>\n        <\/div>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"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-329","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>1 Lohkot - MIELI Pet\u00e4j\u00e4veden 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\/petajavesi\/lohkot\/\" \/>\n<meta property=\"og:locale\" content=\"fi_FI\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"1 Lohkot - MIELI Pet\u00e4j\u00e4veden mielenterveys ry\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mieliyhdistykset.fi\/petajavesi\/lohkot\/\" \/>\n<meta property=\"og:site_name\" content=\"MIELI Pet\u00e4j\u00e4veden mielenterveys ry\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-02T05:37:07+00:00\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/petajavesi\\\/lohkot\\\/\",\"url\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/petajavesi\\\/lohkot\\\/\",\"name\":\"1 Lohkot - MIELI Pet\u00e4j\u00e4veden mielenterveys ry\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/petajavesi\\\/#website\"},\"datePublished\":\"2025-10-07T05:57:45+00:00\",\"dateModified\":\"2025-12-02T05:37:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/petajavesi\\\/lohkot\\\/#breadcrumb\"},\"inLanguage\":\"fi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mieliyhdistykset.fi\\\/petajavesi\\\/lohkot\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/petajavesi\\\/lohkot\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Etusivu\",\"item\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/petajavesi\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"1 Lohkot\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/petajavesi\\\/#website\",\"url\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/petajavesi\\\/\",\"name\":\"MIELI Pet\u00e4j\u00e4veden mielenterveys ry\",\"description\":\"Tukea ja apua paikallisesti\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mieliyhdistykset.fi\\\/petajavesi\\\/?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":"1 Lohkot - MIELI Pet\u00e4j\u00e4veden 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\/petajavesi\/lohkot\/","og_locale":"fi_FI","og_type":"article","og_title":"1 Lohkot - MIELI Pet\u00e4j\u00e4veden mielenterveys ry","og_url":"https:\/\/mieliyhdistykset.fi\/petajavesi\/lohkot\/","og_site_name":"MIELI Pet\u00e4j\u00e4veden mielenterveys ry","article_modified_time":"2025-12-02T05:37:07+00:00","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mieliyhdistykset.fi\/petajavesi\/lohkot\/","url":"https:\/\/mieliyhdistykset.fi\/petajavesi\/lohkot\/","name":"1 Lohkot - MIELI Pet\u00e4j\u00e4veden mielenterveys ry","isPartOf":{"@id":"https:\/\/mieliyhdistykset.fi\/petajavesi\/#website"},"datePublished":"2025-10-07T05:57:45+00:00","dateModified":"2025-12-02T05:37:07+00:00","breadcrumb":{"@id":"https:\/\/mieliyhdistykset.fi\/petajavesi\/lohkot\/#breadcrumb"},"inLanguage":"fi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mieliyhdistykset.fi\/petajavesi\/lohkot\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/mieliyhdistykset.fi\/petajavesi\/lohkot\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Etusivu","item":"https:\/\/mieliyhdistykset.fi\/petajavesi\/"},{"@type":"ListItem","position":2,"name":"1 Lohkot"}]},{"@type":"WebSite","@id":"https:\/\/mieliyhdistykset.fi\/petajavesi\/#website","url":"https:\/\/mieliyhdistykset.fi\/petajavesi\/","name":"MIELI Pet\u00e4j\u00e4veden mielenterveys ry","description":"Tukea ja apua paikallisesti","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mieliyhdistykset.fi\/petajavesi\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fi"}]}},"_links":{"self":[{"href":"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-json\/wp\/v2\/pages\/329","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-json\/wp\/v2\/comments?post=329"}],"version-history":[{"count":8,"href":"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-json\/wp\/v2\/pages\/329\/revisions"}],"predecessor-version":[{"id":1071,"href":"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-json\/wp\/v2\/pages\/329\/revisions\/1071"}],"wp:attachment":[{"href":"https:\/\/mieliyhdistykset.fi\/petajavesi\/wp-json\/wp\/v2\/media?parent=329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}