{"id":7344,"date":"2024-09-05T08:24:56","date_gmt":"2024-09-05T06:24:56","guid":{"rendered":"https:\/\/jubi2.dev.sixhop.net\/education\/building-blocks\/"},"modified":"2025-10-24T10:26:17","modified_gmt":"2025-10-24T08:26:17","slug":"building-blocks","status":"publish","type":"page","link":"https:\/\/www.jugendbildungsstaette.org\/en\/education\/building-blocks\/","title":{"rendered":"Building blocks"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7344\" class=\"elementor elementor-7344\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8572381 e-con-full e-flex e-con e-parent\" data-id=\"8572381\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-29f8d36 e-flex e-con-boxed e-con e-child\" data-id=\"29f8d36\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eab8fea elementor-widget elementor-widget-heading\" data-id=\"eab8fea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">LEARN SUSTAINABLY.<br>ACT STRONGLY.<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1273f1c e-flex e-con-boxed e-con e-parent\" data-id=\"1273f1c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0cfb9bb elementor-widget elementor-widget-text-editor\" data-id=\"0cfb9bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>    <style type=\"text\/css\">\n\/* Hide empty paragraphs *\/\n.icon-row + p:empty,\n.icon-row ~ p:empty {\n    display: none;\n}\n\n.icon-row p:empty {\n    display: none;\n    margin: 0;\n    padding: 0;\n}\n.icon-row {\n    gap: 15px;\n    display: flex;\n    flex-wrap: wrap;\n}\n\n.icon-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex: 1 1 calc(20% - 20px);\n    min-width: 150px;\n}\n\n.icon-item .elementor-widget-heading {\n    display: block;\n    text-align: center;\n    margin: 40px 0 0px;\n}\n\n.icon-item .elementor-widget-heading .elementor-heading-title a {\n    font-family: \"Open Sans\", Sans-serif;\n    font-size: 16px;\n    color: #253a4f !important;\n    text-transform: uppercase;\n    border-bottom: 2px solid #00000000;\n    display: inline-block;\n    padding: 5px 0;\n    width: fit-content;\n    margin: auto;\n    word-break: break-word;\n}\n\n.icon-item.active .elementor-widget-heading .elementor-heading-title a {\n    color: #3c8fa3 !important;\n    text-decoration: none;\n    border-bottom: 2px solid #3c8fa3;\n}\n\n.active-green .icon-item.active .elementor-widget-heading .elementor-heading-title a {\n    color: #799357 !important;\n    border-bottom: 2px solid #799357;\n}\n\n.active-red .icon-item.active .elementor-widget-heading .elementor-heading-title a {\n    border-bottom: 2px solid #933c47;\n    color: #973d49 !important;\n}\n\n.icon-item .cstm_image_twd {\n    position: relative;\n}\n\n.icon-item .cstm_image_twd img {\n    width: 100px !important;\n    object-fit: contain;\n}\n\n\/* Tablet: 3 Column Grid *\/\n@media screen and (min-width: 768px) and (max-width: 1024px) { \n    .icon-row {\n        display: flex;\n        flex-wrap: wrap;\n    }\n    .icon-row .icon-item {\n        width: 33.333%;\n        margin-bottom: 30px;\n    }\n}\n\n\/* Mobile: List Layout with Hexagon Left, Text Right *\/\n@media screen and (max-width: 767px) {\n    .icon-row {\n        display: flex;\n        flex-direction: column;\n        gap: 0;\n    }\n\n    .icon-row .icon-item {\n        width: 100%;\n        flex-direction: row;\n        align-items: center;\n        padding: 10px 0;\n        border-bottom: 1px solid #e0e0e0;\n        margin-bottom: 0;\n    }\n\n    .icon-row .icon-item:last-child {\n        border-bottom: none;\n    }\n\n    \/* Hexagon container on the left *\/\n    .icon-item .cstm_image_twd {\n        flex-shrink: 0;\n        width: 80px;\n        margin-right: 20px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-top: 0;\n    }\n\n    .icon-item .cstm_image_twd img {\n        width: 48px !important;\n        height: auto !important;\n    }\n\n    \/* Remove shadow on mobile for cleaner look *\/\n    .icon-item.active .cstm_image_twd::after {\n        display: none;\n    }\n\n    \/* Text content wrapper *\/\n    .icon-item .elementor-widget-heading {\n        flex: 1;\n        margin: 0;\n        text-align: left;\n        display: flex;\n        align-items: center;\n    }\n\n    .icon-item .elementor-widget-heading .elementor-heading-title {\n        font-size: 16px;\n    }\n\n    .icon-item .elementor-widget-heading .elementor-heading-title a {\n        font-size: 16px;\n        text-transform: uppercase;\n        padding: 0;\n        width: auto;\n        margin: 0;\n        border-bottom: none;\n        display: inline;\n        line-height: 1.2;\n        font-family: \"Open Sans\", Sans-serif;\n        color: #253a4f !important;\n    }\n\n    .icon-item.active .elementor-widget-heading .elementor-heading-title a {\n        color: #3c8fa3 !important;\n        border-bottom: 2px solid #3c8fa3;\n        padding-bottom: 2px;\n    }\n\n    .active-green .icon-item.active .elementor-widget-heading .elementor-heading-title a {\n        color: #799357 !important;\n        border-bottom: 2px solid #799357;\n    }\n\n    .active-red .icon-item.active .elementor-widget-heading .elementor-heading-title a {\n        color: #973d49 !important;\n        border-bottom: 2px solid #933c47;\n    }\n}\n    <\/style>\n\n    <div class=\"e-con icon-row e-flex grid grid-cols-2 md:grid-cols-4 gap-6\">\n                    <div class=\"e-con icon-item\" data-id=\"11204\" data-element_type=\"container\">\n                <div class=\"elementor-element cstm_image_twd elementor-widget elementor-widget-image\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n                    <div class=\"elementor-widget-container\">\n                        <a href=\"https:\/\/www.jugendbildungsstaette.org\/bildung-angebote\/arbeitsmarkt\/\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.jugendbildungsstaette.org\/wp-content\/uploads\/2025\/10\/Jubi_Waldmuenchen_Start_Bildung-2.png\" class=\"attachment-full size-full\" alt=\"Angebote\" loading=\"lazy\" \/>\n                                                    <\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"elementor-element elementor-widget elementor-widget-heading\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n                    <div class=\"elementor-widget-container\">\n                        <span class=\"elementor-heading-title elementor-size-default\">\n                            <a href=\"https:\/\/www.jugendbildungsstaette.org\/bildung-angebote\/arbeitsmarkt\/\">Angebote<\/a>\n                        <\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    <div class=\"e-con icon-item\" data-id=\"5824\" data-element_type=\"container\">\n                <div class=\"elementor-element cstm_image_twd elementor-widget elementor-widget-image\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n                    <div class=\"elementor-widget-container\">\n                        <a href=\"https:\/\/www.jugendbildungsstaette.org\/bildung\/jahresprogramm\/\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.jugendbildungsstaette.org\/wp-content\/uploads\/2025\/10\/Jubi_Waldmuenchen_Start_Bildung-2.png\" class=\"attachment-full size-full\" alt=\"Jahresprogramm\" loading=\"lazy\" \/>\n                                                    <\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"elementor-element elementor-widget elementor-widget-heading\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n                    <div class=\"elementor-widget-container\">\n                        <span class=\"elementor-heading-title elementor-size-default\">\n                            <a href=\"https:\/\/www.jugendbildungsstaette.org\/bildung\/jahresprogramm\/\">Jahresprogramm<\/a>\n                        <\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    <div class=\"e-con icon-item\" data-id=\"11619\" data-element_type=\"container\">\n                <div class=\"elementor-element cstm_image_twd elementor-widget elementor-widget-image\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n                    <div class=\"elementor-widget-container\">\n                        <a href=\"https:\/\/www.jugendbildungsstaette.org\/bildung-bausteine\/gemeinsam-fuer-eine-nachhaltige-zukunft\/\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.jugendbildungsstaette.org\/wp-content\/uploads\/2025\/10\/Jubi_Waldmuenchen_Start_Bildung-2.png\" class=\"attachment-full size-full\" alt=\"Bausteine\" loading=\"lazy\" \/>\n                                                    <\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"elementor-element elementor-widget elementor-widget-heading\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n                    <div class=\"elementor-widget-container\">\n                        <span class=\"elementor-heading-title elementor-size-default\">\n                            <a href=\"https:\/\/www.jugendbildungsstaette.org\/bildung-bausteine\/gemeinsam-fuer-eine-nachhaltige-zukunft\/\">Bausteine<\/a>\n                        <\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    <div class=\"e-con icon-item\" data-id=\"5823\" data-element_type=\"container\">\n                <div class=\"elementor-element cstm_image_twd elementor-widget elementor-widget-image\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n                    <div class=\"elementor-widget-container\">\n                        <a href=\"https:\/\/www.jugendbildungsstaette.org\/bildung\/verstaendnis\/\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.jugendbildungsstaette.org\/wp-content\/uploads\/2025\/10\/Jubi_Waldmuenchen_Start_Bildung-2.png\" class=\"attachment-full size-full\" alt=\"Bildungsverst\u00e4ndnis\" loading=\"lazy\" \/>\n                                                    <\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"elementor-element elementor-widget elementor-widget-heading\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n                    <div class=\"elementor-widget-container\">\n                        <span class=\"elementor-heading-title elementor-size-default\">\n                            <a href=\"https:\/\/www.jugendbildungsstaette.org\/bildung\/verstaendnis\/\">Bildungsverst\u00e4ndnis<\/a>\n                        <\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <\/div>\n    <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3fdea28 e-flex e-con-boxed e-con e-parent\" data-id=\"3fdea28\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LEARN SUSTAINABLY.ACT STRONGLY.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":7329,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-7344","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.jugendbildungsstaette.org\/en\/wp-json\/wp\/v2\/pages\/7344","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jugendbildungsstaette.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jugendbildungsstaette.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jugendbildungsstaette.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jugendbildungsstaette.org\/en\/wp-json\/wp\/v2\/comments?post=7344"}],"version-history":[{"count":2,"href":"https:\/\/www.jugendbildungsstaette.org\/en\/wp-json\/wp\/v2\/pages\/7344\/revisions"}],"predecessor-version":[{"id":7797,"href":"https:\/\/www.jugendbildungsstaette.org\/en\/wp-json\/wp\/v2\/pages\/7344\/revisions\/7797"}],"up":[{"embeddable":true,"href":"https:\/\/www.jugendbildungsstaette.org\/en\/wp-json\/wp\/v2\/pages\/7329"}],"wp:attachment":[{"href":"https:\/\/www.jugendbildungsstaette.org\/en\/wp-json\/wp\/v2\/media?parent=7344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}