{"id":20364,"date":"2023-02-01T14:05:05","date_gmt":"2023-02-01T12:05:05","guid":{"rendered":"https:\/\/uusi.protu.fi\/?page_id=20364"},"modified":"2026-01-21T10:50:47","modified_gmt":"2026-01-21T08:50:47","slug":"hemsida","status":"publish","type":"page","link":"https:\/\/www.protu.fi\/sv\/","title":{"rendered":"Hemsida"},"content":{"rendered":"<section class=\"block-container \">\n    <div class=\"full-width\">\n        \n\n<style>\n    .hero {\n        min-height: 460px;\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: cover;\n        padding: 20px 0;\n        position: relative;\n    }\n    .hero img {\n        width: 250px;\n    }\n    .hero-banner {\n        background-color: var(--pv);\n        padding: 40px 0;\n        margin-bottom: 60px;\n    }\n    .hero-banner .blue-link {\n        margin: 0;\n        margin-top: -62px;\n    }\n    .hero-banner h1 {\n        color: white;\n        margin: 20px 0;\n        text-align: center;\n    }\n    @media screen and (max-width: 991px) {\n    }\n    @media (max-width: 767.98px) {\n        .hero {\n            min-height: 300px;\n        }\n        .hero img {\n            max-width: 100px;\n        }\n        .hero-banner {\n            padding: 0 0 40px;\n        }\n        .hero-banner .blue-link {\n            font-size: .75rem;\n            width: 45%;\n            min-width: 100px;\n            transform: translate(0, -50%);\n            margin-top: 0;\n        }\n    }\n<\/style>\n\n<section class=\"hero\" style=\"background-image: url('https:\/\/www.protu.fi\/wp-content\/uploads\/2025\/04\/2024-Puistis-Nicolas-Vuorio-15-crop3.jpg')\">\n    <div class=\"container-fluid\">\n        <div class=\"row justify-content-start justify-content-md-center\">\n            <div class=\"col-sm-10 text-link\">\n                                <img decoding=\"async\" src=\"https:\/\/www.protu.fi\/wp-content\/uploads\/2023\/02\/Leima-ruotsi.png\" alt=\"\">\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<section class=\"hero-banner\">\n    <div class=\"container\">\n        <div class=\"row justify-content-center\">\n            <div class=\"col-lg-10\">\n                <div class=\"row justify-content-between px-5 px-md-0\">\n                                                    <a class=\"blue-link\" href=\"\/sv\/delta-pa-prometheus-lager\/\" target=\"\">P\u00e5 protul\u00e4ger<\/a>\n                                                            <a class=\"blue-link\" href=\"\/sv\/med-i-verksamheten\/\" target=\"\">Med i verksamheten<\/a>\n                              \n                <\/div>\n                <h1>Nyfiket t\u00e4nkande p\u00e5 Prometheus-l\u00e4ger!<\/h1>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n    <\/div>\n<\/section>\n\n<section class=\"block-container \">\n    <div class=\"container-fluid\">\n                    <div class=\"row justify-content-center\">\n                <div class=\"col-lg-11\">\n                    \n\n<style>\n    .etusivun-sisalto {\n        margin-bottom: 40px;\n    }\n    .etusivun-sisalto .sisalto {\n        position: relative;\n        margin-bottom: 0px;\n    }\n    .etusivun-sisalto .sisalto ul { \n        padding-left: 90px;\n    }\n    .etusivun-sisalto .sisalto ul li {\n        list-style: none;\n        position: relative;\n        margin-bottom: 20px;\n    }\n    .etusivun-sisalto .sisalto ul li:before {\n        content: \"\";\n        background-image: url('https:\/\/www.protu.fi\/wp-content\/themes\/protu-teema\/images\/listaus.svg');\n        width: 25px;\n        height: 25px;\n        position: absolute;\n        background-position: center;\n        background-size: cover;\n        left: -60px;\n        top: 5px;\n    }\n    .etusivun-sisalto .sisalto .sisalto-kuvitus {\n        position: absolute;\n        left: 0;\n        height: 265px;\n    }\n<\/style>\n\n<section class=\"etusivun-sisalto\">\n    <div class=\"row justify-content-center\">\n        <div class=\"col-lg-10\">\n            <div class=\"sisalto\">\n                <!-- <img decoding=\"async\" class=\"sisalto-kuvitus\" src=\"\" alt=\"\"> -->\n                <ul>\n<li>V\u00e4lkommen p\u00e5 Prometheus-l\u00e4ger d\u00e4r du f\u00e5r diskutera och debattera kring samh\u00e4lleliga och filosofiska teman samt \u00e4mnen som h\u00e4nger ihop med det egna livet! Till Protus v\u00e4rderingar h\u00f6r gl\u00e4dje, v\u00e4lm\u00e5ende, j\u00e4mlikhet, nyfiket t\u00e4nkande och h\u00e5llbarhet.<\/li>\n<li>Verksamheten utf\u00f6rs av aktiva volont\u00e4rer. Protu har aktiviteter \u00e5ret runt, b\u00e5de f\u00f6r ungdomar som genomf\u00f6rt l\u00e4gret och f\u00f6r vuxna som \u00e4r intresserade av aktiviteterna. Alla \u00e4r v\u00e4lkomna att delta i aktiviteterna, oavsett \u00e5lder, bakgrund eller erfarenhet.<\/li>\n<li>F\u00f6rutom aktiva volont\u00e4rer beh\u00f6ver vi donerare. Vi vill v\u00e4xa v\u00e5r verksamhet s\u00e5 att vi kan erbjuda en campingplats f\u00f6r alla som vill. Din donation hj\u00e4lper oss att utveckla v\u00e5r l\u00e4gerverksamhet.<\/li>\n<\/ul>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n<\/section>\n                <\/div>\n            <\/div>\n            <\/div>\n<\/section>\n\n<section class=\"block-container vaalea-tausta\">\n    <div class=\"container-fluid\">\n                    <div class=\"row justify-content-center\">\n                <div class=\"col-lg-11\">\n                    \n\n<style>\n    .sivujen-nostot {\n        margin-bottom: 0px;\n    }\n    .sivujen-nostot h2 {\n        margin-bottom: 20px;\n    }\n    .sivujen-nostot .article-col {\n        display: flex;\n        flex-direction: column;\n        flex-wrap: wrap;\n    }\n    .sivujen-nostot .nosto-kuva {\n        height: 220px;\n        background-position: center;\n        background-size: cover;\n        background-repeat: no-repeat;\n        transition: 0.4s;\n    }\n    .sivujen-nostot .nosto-sisalto {\n        background-color: var(--pv);\n        padding: 10px 30px 15px;\n        position: relative;\n        height: calc(100% - 220px);\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        z-index: 1;\n    }\n    .sivujen-nostot .nosto-sisalto .blue-link {\n        margin-bottom: 0;\n        width: 100%;\n        min-width: 0;\n        max-width: 240px;\n    }\n    .sivujen-nostot .nosto-sisalto .nosto-kuvitus {\n        height: 80px;\n        position: absolute;\n        right: 0;\n        top: 15px;\n        z-index: -1;\n    }\n    .sivujen-nostot .palvelu-otsikko {\n        color: white;\n        font-weight: 500;\n        width: 95%;\n        font-size: 24px;\n    }\n    .sivujen-nostot a:hover .nosto-kuva,\n    .sivujen-nostot a:focus .nosto-kuva {\n        filter: brightness(1.1);\n    }\n    @media (max-width: 767.98px) {\n        .sivujen-nostot .nosto-sisalto {\n            max-width: 100%;\n        }\n    }\n<\/style>\n\n<section class=\"sivujen-nostot\">\n            <h2 style=\"text-align: left; color: #2E2E37;\">Se vad som \u00e4r en del av v\u00e5rt dagliga liv, hitta de senaste utg\u00e5vorna i nyhetsavsnittet <\/h2>\n        <div class=\"row\">\n                    <div class=\"col-md-6 col-lg-4 article-col mb-3 mb-lg-0\">\n                <a href=\"https:\/\/www.protu.fi\/sv\/anmalningen-till-sommarens-protulager-2026-oppnas-11-2-2026-kl-10\/\">\n                    <div class=\"nosto-kuva\" style=\"background-image: url(https:\/\/www.protu.fi\/wp-content\/uploads\/2022\/03\/Protu_2021_Meriharju_2021-28009-9781-scaled-e1648650776995.jpg);\">\n                    <\/div>\n                <\/a>\n                <div class=\"nosto-sisalto\">\n                    <h3 class=\"palvelu-otsikko\">Anm\u00e4lningen till sommarens protul\u00e4ger 2026 \u00f6ppnas 11.2.2026 kl. 10<\/h3>\n                    <a class=\"blue-link\" href=\"https:\/\/www.protu.fi\/sv\/anmalningen-till-sommarens-protulager-2026-oppnas-11-2-2026-kl-10\/\">L\u00e4s mer<\/a>\n                    <img decoding=\"async\" class=\"nosto-kuvitus\" src=\"https:\/\/www.protu.fi\/wp-content\/themes\/protu-teema\/images\/puolikas.svg\" alt=\"\">\n                <\/div>\n            <\/div>\n            <\/div>\n<\/section>\n\n\n<p><\/p>\n\n                <\/div>\n            <\/div>\n            <\/div>\n<\/section>\n\n<section class=\"block-container \">\n    <div class=\"container-fluid\">\n                    <div class=\"row justify-content-center\">\n                <div class=\"col-lg-11\">\n                    \n<style>\n    .banneri {\n        padding: 50px 0;\n        background-position: center;\n        background-size: cover;\n        background-repeat: no-repeat;\n        color: white;\n        margin-bottom: 20px;\n        position: relative;\n    }\n    .banner-narrow {\n        text-align: center;\n    }\n    .banneri h2 {\n        font-size: 42px;\n    }\n    .banneri h2 {\n        margin-bottom: 30px;\n    }\n    .banner-narrow a {\n        margin: auto;\n    }\n    .banner-wide .banner-kuvitus {\n        position: absolute;\n        right: 0;\n        top: 20px;\n    }\n    .banneri.link-banner {\n        padding: 60px 0;\n    }\n    .banneri .link-container {\n        display: flex;\n        justify-content: center;\n    }\n    .banneri .link-container a {\n        margin: 10px;\n    }\n    .banneri .lahjoitus-container .tuote-col {\n        display: flex;\n    }\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti {\n        width: calc(50% - 40px);\n        margin: 0 20px;\n        padding: 30px;\n        background-color: #EBEFF7;\n        border: 1px solid #E6E6E6;\n        box-shadow: 0 2px 10px rgb(0 0 0 \/ 20%);\n        margin-bottom: 20px;\n        height: fit-content;\n        height: -moz-fit-content;\n    }\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti img {\n        width: 100%;\n        margin-bottom: 15px;\n    }\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti h3 {\n        color: var(--pv);\n    }\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti .hinta {\n        color: #000000;\n    }\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti .add_to_cart_inline {\n        border: none !important;\n        padding: 0 !important;\n        display: flex;\n        flex-wrap: wrap;\n        flex-direction: column;\n        margin: 0;\n    }\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti .add_to_cart_inline .woocommerce-Price-amount {\n        color: #000000;\n        font-weight: 500;\n    }\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti .add_to_cart_inline a {\n        width: 100%;\n        display: block;\n        text-align: center;\n        background-color: var(--pv);\n        color: white;\n        padding: 15px;\n        text-transform: uppercase;\n        font-weight: 400;\n        margin-top: 30px;\n        transition: 0.4s;\n    }\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti .add_to_cart_inline a:hover,\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti .add_to_cart_inline a:focus {\n        background-color: #21224B;\n    }\n    @media (max-width: 991.98px) {\n        .banneri.banner-wide {\n            margin-left: -15px;\n            margin-right: -15px;\n            padding-bottom: 4em;\n            z-index: 1;\n        }\n        .banneri.banner-wide .blue-link {\n            position: absolute;\n            bottom: 0;\n            margin-bottom: 1em;\n        }\n    }\n    @media (max-width: 767.98px) {\n        .banner-wide .banner-kuvitus {\n            height: 100px;\n            z-index: -1;\n        }\n        .banneri h2 {\n            font-size: 2rem;\n        }\n    }\n    @media (max-width: 575.98px) {\n        .banneri .lahjoitus-container .tuote-col {\n            flex-direction: column;\n        }\n        .banneri .lahjoitus-container .tuote-col .tuote-kortti {\n            width: calc(100% - 40px);\n        }\n    }\n<\/style>\n<section class=\"banneri banner-wide\" \n    style=\"background-color: #149579;\">\n            <div class=\"container-fluid\">\n            <div class=\"row\">\n                <div class=\"col-lg-4 offset-lg-1 position-static\">\n                    <h2>Mer Protu till v\u00e4rlden \u2013 Donera!<\/h2>\n                                            <a class=\"blue-link\" href=\"\/sv\/protu-butiken\/#donera\">Donera<\/a>\n                                    <\/div>\n                <div class=\"col-lg-5\">\n                    <p>Protul\u00e4grar \u00e4r nu mer popul\u00e4ra \u00e4n n\u00e5gonsin. Campingplatserna tas mitt framf\u00f6r n\u00e4san och det finns en mycket st\u00f6rre efterfr\u00e5gan \u00e4n vad vi i dag kan organisera l\u00e4gren. Vi beh\u00f6ver donationer f\u00f6r att ut\u00f6ka v\u00e5r l\u00e4gerverksamhet. G\u00f6r en donation och bringa med mer Protu till v\u00e4rlden! <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <img decoding=\"async\" class=\"banner-kuvitus\" src=\"https:\/\/www.protu.fi\/wp-content\/themes\/protu-teema\/images\/puolikas.svg\" alt=\"\">\n    <\/section>\n\n\n<style>\n    .quote-nosto {\n        margin-bottom: 40px;\n    }\n    .quote-nosto .quote {\n        margin: 0;\n        padding: 20px 80px;\n        font-size: 32px;\n        color: var(--pv);\n        font-weight: 700;\n        font-family: 'Signika', sans-serif;\n    }\n    .quote-nosto .hm1, .quote-nosto .hm2 {\n        height: 60px;\n        position: absolute;\n    }\n    .quote-nosto .hm2 {\n        right: 15px;\n        bottom: 0;\n    }\n    .quote-nosto .leiri-quote {\n        padding-left: 60px;\n    }\n    .quote-nosto .leiri-quote .quote-sisalto {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        height: 100%;\n    }\n    .quote-nosto .leiri-quote .quote-sisalto p {\n        font-size: 20px;\n        margin-bottom: 10px;\n    }\n    .quote-nosto .leiri-quote .quote-sisalto .nosto {\n        margin: 0;\n        font-weight: 500;\n    }\n    .quote-nosto .yksi-quote {\n        padding: 20px 80px;\n        color: #21224B;\n    }\n    .quote-nosto .yksi-quote .hm1 {\n        left: 0;\n        top: 0;\n    }\n    .quote-nosto .yksi-quote p {\n        margin-bottom: 15px;\n        font-size: 20px;\n    }\n    .quote-nosto .yksi-quote .nosto {\n        font-size: 18px;\n        font-weight: 500;\n    }\n    @media (max-width: 767.98px) {\n        .quote-nosto .quote {\n            font-size: 1.5rem;\n            padding: 20px 50px;\n        }\n        .quote-nosto .hm1,\n        .quote-nosto .hm2 {\n            height: 40px;\n        }\n        .quote-nosto .leiri-quote {\n            padding-left: 15px;\n        }\n    }\n<\/style>\n\n<section class=\"quote-nosto\">\n    <div class=\"row justify-content-center\">\n        <div class=\"col-lg-10\">\n                            <div class=\"row\">\n                    <div class=\"col-lg-5 mb-5 mb-md-0\">\n                        <img decoding=\"async\" class=\"hm1\" src=\"https:\/\/www.protu.fi\/wp-content\/themes\/protu-teema\/images\/heittomerkki.svg\" alt=\"\">\n                        <p class=\"quote\">Huvudsaken \u00e4r att b\u00f6rja g\u00f6ra saker genom entusiasm och gl\u00e4dje <\/p>\n                        <img decoding=\"async\" class=\"hm2\" src=\"https:\/\/www.protu.fi\/wp-content\/themes\/protu-teema\/images\/heittomerkki.svg\" alt=\"\">\n                    <\/div>\n                    <div class=\"col-lg-7 leiri-quote\">\n                                                <div class=\"quote-sisalto\">\n                            <p>\u201cMin upplevelse har varit s\u00e5 avslappnad och rask p\u00e5 ett roligt s\u00e4tt. Att man \u00e4r lite av en professionell i alla och inte inom n\u00e5got omr\u00e5de samtidigt, huvudsaken \u00e4r \u00e4nd\u00e5 att b\u00f6rja g\u00f6ra saker genom entusiasm och gj\u00e4lde. Det finns alltid n\u00e5gon som kan ge r\u00e5d eller vet vem man ska fr\u00e5ga, och till slut skrattar vi dock och klappar varandra p\u00e5 axeln att &#8221;det h\u00e4r gick j\u00e4ttebra!&#8221;. Jag antar att det \u00e4r vad Protu handlar om!<\/p>\n                            <p class=\"nosto\">OTAVA, AKTIV I PROTU<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    .banneri {\n        padding: 50px 0;\n        background-position: center;\n        background-size: cover;\n        background-repeat: no-repeat;\n        color: white;\n        margin-bottom: 20px;\n        position: relative;\n    }\n    .banner-narrow {\n        text-align: center;\n    }\n    .banneri h2 {\n        font-size: 42px;\n    }\n    .banneri h2 {\n        margin-bottom: 30px;\n    }\n    .banner-narrow a {\n        margin: auto;\n    }\n    .banner-wide .banner-kuvitus {\n        position: absolute;\n        right: 0;\n        top: 20px;\n    }\n    .banneri.link-banner {\n        padding: 60px 0;\n    }\n    .banneri .link-container {\n        display: flex;\n        justify-content: center;\n    }\n    .banneri .link-container a {\n        margin: 10px;\n    }\n    .banneri .lahjoitus-container .tuote-col {\n        display: flex;\n    }\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti {\n        width: calc(50% - 40px);\n        margin: 0 20px;\n        padding: 30px;\n        background-color: #EBEFF7;\n        border: 1px solid #E6E6E6;\n        box-shadow: 0 2px 10px rgb(0 0 0 \/ 20%);\n        margin-bottom: 20px;\n        height: fit-content;\n        height: -moz-fit-content;\n    }\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti img {\n        width: 100%;\n        margin-bottom: 15px;\n    }\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti h3 {\n        color: var(--pv);\n    }\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti .hinta {\n        color: #000000;\n    }\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti .add_to_cart_inline {\n        border: none !important;\n        padding: 0 !important;\n        display: flex;\n        flex-wrap: wrap;\n        flex-direction: column;\n        margin: 0;\n    }\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti .add_to_cart_inline .woocommerce-Price-amount {\n        color: #000000;\n        font-weight: 500;\n    }\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti .add_to_cart_inline a {\n        width: 100%;\n        display: block;\n        text-align: center;\n        background-color: var(--pv);\n        color: white;\n        padding: 15px;\n        text-transform: uppercase;\n        font-weight: 400;\n        margin-top: 30px;\n        transition: 0.4s;\n    }\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti .add_to_cart_inline a:hover,\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti .add_to_cart_inline a:focus {\n        background-color: #21224B;\n    }\n    @media (max-width: 991.98px) {\n        .banneri.banner-wide {\n            margin-left: -15px;\n            margin-right: -15px;\n            padding-bottom: 4em;\n            z-index: 1;\n        }\n        .banneri.banner-wide .blue-link {\n            position: absolute;\n            bottom: 0;\n            margin-bottom: 1em;\n        }\n    }\n    @media (max-width: 767.98px) {\n        .banner-wide .banner-kuvitus {\n            height: 100px;\n            z-index: -1;\n        }\n        .banneri h2 {\n            font-size: 2rem;\n        }\n    }\n    @media (max-width: 575.98px) {\n        .banneri .lahjoitus-container .tuote-col {\n            flex-direction: column;\n        }\n        .banneri .lahjoitus-container .tuote-col .tuote-kortti {\n            width: calc(100% - 40px);\n        }\n    }\n<\/style>\n<section class=\"banneri banner-wide\" \n    style=\"background-color: #e3d9cf;\">\n            <div class=\"container-fluid\">\n            <div class=\"row\">\n                <div class=\"col-lg-4 offset-lg-1 position-static\">\n                    <h2>Har du varit i ett Protul\u00e4ger? Bli hj\u00e4lpledare! <\/h2>\n                                            <a class=\"blue-link\" href=\"\/sv\/med-i-verksamheten\/assisterande-instruktor-till-lager\/\">L\u00e4s mer<\/a>\n                                    <\/div>\n                <div class=\"col-lg-5\">\n                    <p>Vill du ge andra ungdomar en minnesv\u00e4rd l\u00e4gerupplevelse? Om du,15-19-\u00e5ring har varit i l\u00e4gret kan du delta i Protul\u00e4gret som hj\u00e4lpledare. Det finns ett behov av alla typer av m\u00e4nniskor f\u00f6r assisterande instrukt\u00f6rer, oavsett om du \u00e4r filosof, praktisk person eller n\u00e5got d\u00e4remellan. <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <img decoding=\"async\" class=\"banner-kuvitus\" src=\"https:\/\/www.protu.fi\/wp-content\/themes\/protu-teema\/images\/puolikas.svg\" alt=\"\">\n    <\/section>\n\n<style>\n    .banneri {\n        padding: 50px 0;\n        background-position: center;\n        background-size: cover;\n        background-repeat: no-repeat;\n        color: white;\n        margin-bottom: 20px;\n        position: relative;\n    }\n    .banner-narrow {\n        text-align: center;\n    }\n    .banneri h2 {\n        font-size: 42px;\n    }\n    .banneri h2 {\n        margin-bottom: 30px;\n    }\n    .banner-narrow a {\n        margin: auto;\n    }\n    .banner-wide .banner-kuvitus {\n        position: absolute;\n        right: 0;\n        top: 20px;\n    }\n    .banneri.link-banner {\n        padding: 60px 0;\n    }\n    .banneri .link-container {\n        display: flex;\n        justify-content: center;\n    }\n    .banneri .link-container a {\n        margin: 10px;\n    }\n    .banneri .lahjoitus-container .tuote-col {\n        display: flex;\n    }\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti {\n        width: calc(50% - 40px);\n        margin: 0 20px;\n        padding: 30px;\n        background-color: #EBEFF7;\n        border: 1px solid #E6E6E6;\n        box-shadow: 0 2px 10px rgb(0 0 0 \/ 20%);\n        margin-bottom: 20px;\n        height: fit-content;\n        height: -moz-fit-content;\n    }\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti img {\n        width: 100%;\n        margin-bottom: 15px;\n    }\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti h3 {\n        color: var(--pv);\n    }\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti .hinta {\n        color: #000000;\n    }\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti .add_to_cart_inline {\n        border: none !important;\n        padding: 0 !important;\n        display: flex;\n        flex-wrap: wrap;\n        flex-direction: column;\n        margin: 0;\n    }\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti .add_to_cart_inline .woocommerce-Price-amount {\n        color: #000000;\n        font-weight: 500;\n    }\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti .add_to_cart_inline a {\n        width: 100%;\n        display: block;\n        text-align: center;\n        background-color: var(--pv);\n        color: white;\n        padding: 15px;\n        text-transform: uppercase;\n        font-weight: 400;\n        margin-top: 30px;\n        transition: 0.4s;\n    }\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti .add_to_cart_inline a:hover,\n    .banneri .lahjoitus-container .tuote-col .tuote-kortti .add_to_cart_inline a:focus {\n        background-color: #21224B;\n    }\n    @media (max-width: 991.98px) {\n        .banneri.banner-wide {\n            margin-left: -15px;\n            margin-right: -15px;\n            padding-bottom: 4em;\n            z-index: 1;\n        }\n        .banneri.banner-wide .blue-link {\n            position: absolute;\n            bottom: 0;\n            margin-bottom: 1em;\n        }\n    }\n    @media (max-width: 767.98px) {\n        .banner-wide .banner-kuvitus {\n            height: 100px;\n            z-index: -1;\n        }\n        .banneri h2 {\n            font-size: 2rem;\n        }\n    }\n    @media (max-width: 575.98px) {\n        .banneri .lahjoitus-container .tuote-col {\n            flex-direction: column;\n        }\n        .banneri .lahjoitus-container .tuote-col .tuote-kortti {\n            width: calc(100% - 40px);\n        }\n    }\n<\/style>\n<section class=\"banneri banner-wide\" \n    style=\"background-color: #20224b;\">\n            <div class=\"container-fluid\">\n            <div class=\"row\">\n                <div class=\"col-lg-4 offset-lg-1 position-static\">\n                    <h2>\u00c4r du vuxen \u00f6ver 20 \u00e5r? Bli ledare! <\/h2>\n                                            <a class=\"blue-link\" href=\"\/sv\/med-i-verksamheten\/instruktor-till-lager\/\">L\u00e4s mer<\/a>\n                                    <\/div>\n                <div class=\"col-lg-5\">\n                    <p>Tror du att v\u00e4rlden beh\u00f6ver mer oberoende och kritiskt t\u00e4nkande m\u00e4nniskor? Om du \u00e4r 20 \u00e5r eller \u00e4ldre kan du delta i ett Protul\u00e4ger som vuxen ledare! Ingen tidigare erfarenhet av Protu kr\u00e4vs.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <img decoding=\"async\" class=\"banner-kuvitus\" src=\"https:\/\/www.protu.fi\/wp-content\/themes\/protu-teema\/images\/puolikas.svg\" alt=\"\">\n    <\/section>\n                <\/div>\n            <\/div>\n            <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":89,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"sivun_tyyppi":[65],"class_list":["post-20364","page","type-page","status-publish","hentry","sivun_tyyppi-julkinen-sivu"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.protu.fi\/sv\/wp-json\/wp\/v2\/pages\/20364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.protu.fi\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.protu.fi\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.protu.fi\/sv\/wp-json\/wp\/v2\/users\/89"}],"replies":[{"embeddable":true,"href":"https:\/\/www.protu.fi\/sv\/wp-json\/wp\/v2\/comments?post=20364"}],"version-history":[{"count":27,"href":"https:\/\/www.protu.fi\/sv\/wp-json\/wp\/v2\/pages\/20364\/revisions"}],"predecessor-version":[{"id":86688,"href":"https:\/\/www.protu.fi\/sv\/wp-json\/wp\/v2\/pages\/20364\/revisions\/86688"}],"wp:attachment":[{"href":"https:\/\/www.protu.fi\/sv\/wp-json\/wp\/v2\/media?parent=20364"}],"wp:term":[{"taxonomy":"sivun_tyyppi","embeddable":true,"href":"https:\/\/www.protu.fi\/sv\/wp-json\/wp\/v2\/sivun_tyyppi?post=20364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}