{"id":7,"date":"2025-02-19T23:46:27","date_gmt":"2025-02-19T23:46:27","guid":{"rendered":"https:\/\/barkwende.de\/?page_id=7"},"modified":"2025-06-30T13:20:18","modified_gmt":"2025-06-30T13:20:18","slug":"home","status":"publish","type":"page","link":"https:\/\/barkwende.de\/fr\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c12d2af e-con-full e-flex e-con e-parent\" data-id=\"c12d2af\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf1d379 elementor-widget elementor-widget-html\" data-id=\"bf1d379\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"relative overflow-hidden py-12\">\n    <!-- Image de fond avec overlay optimis\u00e9 -->\n    <div class=\"absolute inset-0 z-0\">\n        <img decoding=\"async\" src=\"https:\/\/barkwende.de\/wp-content\/uploads\/2025\/02\/c0932460-df1d-4d400-8d26-ab3ac8e84176.jpeg\" alt=\"African landscape\" class=\"w-full h-full object-cover\">\n        <div class=\"absolute inset-0 bg-gradient-to-tr from-white\/95 via-[#8B0000]\/10 to-white\/90\"><\/div>\n    <\/div>\n\n    <!-- Contenu principal -->\n    <div class=\"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <!-- Grille principale -->\n        <div class=\"grid lg:grid-cols-12 gap-8 items-center py-8\">\n            <!-- Colonne de gauche -->\n            <div class=\"lg:col-span-6 z-10\">\n                <div class=\"space-y-6\">\n                    <!-- Titre principal -->\n                    <div class=\"space-y-6 bg-white\/80 backdrop-blur-sm rounded-2xl p-6 shadow-xl\">\n                        <h1 class=\"space-y-2\">\n                            <span class=\"block text-3xl text-gray-900 font-bold\">\n                                Der humanit\u00e4re\n                            <\/span>\n                            <span class=\"block text-6xl text-[#8B0000] font-bold tracking-tight\">\n                                Blick\n                            <\/span>\n                            <span class=\"block text-2xl text-gray-600 font-light\">\n                                f\u00fcr Frauen in Afrika\n                            <\/span>\n                        <\/h1>\n\n                        <p class=\"text-lg text-gray-800 leading-relaxed\">\n                            Wir k\u00e4mpfen f\u00fcr die W\u00fcrde und Rechte von Frauen in Afrika. \n                            Durch Bildung, Gesundheitsversorgung und kulturellen Dialog \n                            schaffen wir nachhaltige Ver\u00e4nderung.\n                        <\/p>\n\n                        <!-- Boutons d'action -->\n                        <div class=\"flex flex-col sm:flex-row gap-4 pt-4\">\n                            <a href=\"https:\/\/barkwende.de\/donation\" class=\"group inline-flex items-center justify-center px-6 py-3 text-lg font-medium text-white bg-[#8B0000] rounded-xl hover:scale-105 transition-all duration-300 shadow-lg\">\n                                <span class=\"flex items-center\">\n                                    Jetzt Unterst\u00fctzen\n                                    <svg class=\"w-5 h-5 ml-2 group-hover:translate-x-1 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                            <a href=\"https:\/\/barkwende.de\/about\" class=\"inline-flex items-center justify-center px-6 py-3 text-lg font-medium text-[#8B0000] bg-white backdrop-blur-sm border-2 border-[#8B0000] rounded-xl hover:bg-[#8B0000]\/5 transition-all duration-300 shadow-lg\">\n                                Mehr erfahren\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Colonne de droite -->\n            <div class=\"lg:col-span-6 relative\">\n                <div class=\"relative rounded-2xl overflow-hidden shadow-xl bg-white\/20 backdrop-blur-sm p-2\">\n                    <div class=\"relative rounded-xl overflow-hidden\">\n                        <img decoding=\"async\" src=\"https:\/\/barkwende.de\/wp-content\/uploads\/2025\/04\/2278df31-05f8-42a7-a16c-74ebe3517cb8.jpeg\" alt=\"Barkwend\u00e9 Projekte\" class=\"w-full h-80 object-cover\">\n                        \n                        <!-- Overlay avec informations -->\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-black\/90 via-black\/40 to-transparent\">\n                            <div class=\"absolute bottom-0 left-0 right-0 p-6\">\n                                <div class=\"space-y-4\">\n                                    <!-- Status badge -->\n                                    <div class=\"inline-flex items-center bg-white\/20 backdrop-blur-sm rounded-full px-3 py-1\">\n                                        <div class=\"w-2 h-2 bg-green-500 rounded-full animate-pulse mr-2\"><\/div>\n                                        <span class=\"text-sm font-medium text-white\">Aktives Projekt<\/span>\n                                    <\/div>\n\n                                    <div class=\"space-y-2\">\n                                        <h3 class=\"text-2xl font-bold !text-white\">Unsere Projekte<\/h3>\n                                        <p class=\"text-base text-white\/90\">Bildung, Gesundheit und Empowerment f\u00fcr Frauen in Afrika<\/p>\n                                    <\/div>\n                                    \n                                    <!-- Tags de projet -->\n                                    <div class=\"flex flex-wrap gap-2\">\n                                        <span class=\"bg-white\/30 backdrop-blur-sm rounded-full px-3 py-1 text-sm font-medium text-white\">Bildung<\/span>\n                                        <span class=\"bg-white\/30 backdrop-blur-sm rounded-full px-3 py-1 text-sm font-medium text-white\">Gesundheit<\/span>\n                                        <span class=\"bg-white\/30 backdrop-blur-sm rounded-full px-3 py-1 text-sm font-medium text-white\">Empowerment<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Info badge flottant -->\n                    <div class=\"absolute top-4 right-4 bg-white\/95 backdrop-blur-sm rounded-lg shadow-lg p-2\">\n                        <span class=\"text-sm font-medium text-gray-800\">50+ Freiwillige vor Ort<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\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-de82d6d e-flex e-con-boxed e-con e-parent\" data-id=\"de82d6d\" 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-141f43d elementor-widget elementor-widget-shortcode\" data-id=\"141f43d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style type=\"text\/css\" scoped>.rbs_gallery_6a20be9f63be5Spinner{\r\n\t\t\t\tmargin: 50px auto;\r\n\t\t\t\twidth: 50px;\r\n\t\t\t\theight: 40px;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\tfont-size: 10px;\r\n\t\t\t}\r\n\t\t\t.rbs_gallery_6a20be9f63be5Spinner > div{\r\n\t\t\t  background-color: #333;\r\n\t\t\t  height: 100%;\r\n\t\t\t  width: 6px;\r\n\t\t\t  display: inline-block;\r\n\t\t\t  -webkit-animation: rbs_gallery_6a20be9f63be5-stretchdelay 1.2s infinite ease-in-out;\r\n\t\t\t  animation: rbs_gallery_6a20be9f63be5-stretchdelay 1.2s infinite ease-in-out;\r\n\t\t\t}\r\n\t\t\t.rbs_gallery_6a20be9f63be5Spinner .rbs_gallery_6a20be9f63be5Rect2 {\r\n\t\t\t  -webkit-animation-delay: -1.1s;\r\n\t\t\t  animation-delay: -1.1s;\r\n\t\t\t}\r\n\t\t\t.rbs_gallery_6a20be9f63be5Spinner .rbs_gallery_6a20be9f63be5Rect3 {\r\n\t\t\t  -webkit-animation-delay: -1.0s;\r\n\t\t\t  animation-delay: -1.0s;\r\n\t\t\t}\r\n\t\t\t.rbs_gallery_6a20be9f63be5Spinner .rbs_gallery_6a20be9f63be5Rect4 {\r\n\t\t\t  -webkit-animation-delay: -0.9s;\r\n\t\t\t  animation-delay: -0.9s;\r\n\t\t\t}\r\n\t\t\t.rbs_gallery_6a20be9f63be5Spinner .rbs_gallery_6a20be9f63be5Rect5 {\r\n\t\t\t  -webkit-animation-delay: -0.8s;\r\n\t\t\t  animation-delay: -0.8s;\r\n\t\t\t}\r\n\t\t\t@-webkit-keyframes rbs_gallery_6a20be9f63be5-stretchdelay {\r\n\t\t\t  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  \r\n\t\t\t  20% { -webkit-transform: scaleY(1.0) }\r\n\t\t\t}\r\n\t\t\t@keyframes rbs_gallery_6a20be9f63be5-stretchdelay {\r\n\t\t\t  0%, 40%, 100% { \r\n\t\t\t    transform: scaleY(0.4);\r\n\t\t\t    -webkit-transform: scaleY(0.4);\r\n\t\t\t  }  20% { \r\n\t\t\t    transform: scaleY(1.0);\r\n\t\t\t    -webkit-transform: scaleY(1.0);\r\n\t\t\t  }\r\n\t\t\t}\r\n\t\t<\/style><div class=\"robo-gallery-wrap robo-gallery-wrap-id776 robo-gallery-polaroid\" ><div id=\"rbs_gallery_6a20be9f63be5-block-loader\" class=\"rbs_gallery_6a20be9f63be5Spinner\"><div class=\"rbs_gallery_6a20be9f63be5Rect1\"><\/div> <div class=\"rbs_gallery_6a20be9f63be5Rect2\"><\/div> <div class=\"rbs_gallery_6a20be9f63be5Rect3\"><\/div> <div class=\"rbs_gallery_6a20be9f63be5Rect4\"><\/div> <div class=\"rbs_gallery_6a20be9f63be5Rect5\"><\/div><\/div><div id=\"robo_gallery_main_block_rbs_gallery_6a20be9f63be5\" class=\"robogallery-gallery-776\" style=\"width:100%;  display: none;\"><div id=\"rbs_gallery_6a20be9f63be5\" data-options=\"rbs_gallery_6a20be9f63be5\" style=\"width:100%;\" class=\"robo_gallery  \"><div class=\"rbs-img  category776 \" ><div class=\"rbs-img-image   rbs-lightbox \" ><div class=\"rbs-img-thumbs\"  data-thumbnail=\"https:\/\/barkwende.de\/wp-content\/uploads\/2025\/04\/9565ca7e-b543-4cc5-983e-1901e6fe822a.jpeg\"  title=\"Barwende Festival\"  data-width=\"1181\"  data-height=\"1181\" ><\/div><div class=\"rbs-img-data-popup\"  data-popup=\"https:\/\/barkwende.de\/wp-content\/uploads\/2025\/04\/9565ca7e-b543-4cc5-983e-1901e6fe822a.jpeg\"  title=\"Barwende Festival\" ><\/div><div class=\"thumbnail-overlay\"><div class=\"rbsIcons\"><i class=\"fa fa-th rbsZoomIcon \" ><\/i><\/div><\/div><\/div><div class=\"rbs-img-content\">Barwende Festival<\/div><\/div><div class=\"rbs-img  category776 \" ><div class=\"rbs-img-image   rbs-lightbox \" ><div class=\"rbs-img-thumbs\"  data-thumbnail=\"https:\/\/barkwende.de\/wp-content\/uploads\/2025\/04\/94e3981f-587e-4c9a-b98b-ece94eadf6de.jpeg\"  title=\"Barwende Festival\"  data-width=\"1280\"  data-height=\"1280\" ><\/div><div class=\"rbs-img-data-popup\"  data-popup=\"https:\/\/barkwende.de\/wp-content\/uploads\/2025\/04\/94e3981f-587e-4c9a-b98b-ece94eadf6de.jpeg\"  title=\"Barwende Festival\" ><\/div><div class=\"thumbnail-overlay\"><div class=\"rbsIcons\"><i class=\"fa fa-th rbsZoomIcon \" ><\/i><\/div><\/div><\/div><div class=\"rbs-img-content\">Barwende Festival<\/div><\/div><div class=\"rbs-img  category776 \" ><div class=\"rbs-img-image   rbs-lightbox \" ><div class=\"rbs-img-thumbs\"  data-thumbnail=\"https:\/\/barkwende.de\/wp-content\/uploads\/2025\/04\/6b22e336-bad3-4eea-b865-3f8b6dd871e6.jpeg\"  title=\"Barwende Festival\"  data-width=\"1280\"  data-height=\"1280\" ><\/div><div class=\"rbs-img-data-popup\"  data-popup=\"https:\/\/barkwende.de\/wp-content\/uploads\/2025\/04\/6b22e336-bad3-4eea-b865-3f8b6dd871e6.jpeg\"  title=\"Barwende Festival\" ><\/div><div class=\"thumbnail-overlay\"><div class=\"rbsIcons\"><i class=\"fa fa-th rbsZoomIcon \" ><\/i><\/div><\/div><\/div><div class=\"rbs-img-content\">Barwende Festival<\/div><\/div><\/div><\/div><\/div><script>var rbs_gallery_6a20be9f63be5 = {\"version\":\"5.1.4\",\"id\":776,\"class\":\"id776\",\"roboGalleryDelay\":1000,\"mainContainer\":\"#robo_gallery_main_block_rbs_gallery_6a20be9f63be5\",\"loadingContainer\":\"#rbs_gallery_6a20be9f63be5-block-loader\",\"loadingContainerObj\":\"rbs_gallery_6a20be9f63be5-block-loader\",\"columnWidth\":\"auto\",\"columns\":3,\"resolutions\":[{\"columnWidth\":\"auto\",\"columns\":3,\"maxWidth\":960},{\"columnWidth\":\"auto\",\"columns\":2,\"maxWidth\":650},{\"columnWidth\":\"auto\",\"columns\":1,\"maxWidth\":450}],\"hideTitle\":true,\"lightboxOptions\":{\"gallery\":{\"enabled\":true,\"tCounter\":\"%curr% of %total%\"}},\"borderSize\":5,\"overlayEffect\":\"direction-aware-fade\",\"boxesToLoadStart\":12,\"boxesToLoad\":8,\"waitUntilThumbLoads\":1,\"LoadingWord\":\"Chargement...\",\"loadMoreWord\":\"Voir plus\",\"noMoreEntriesWord\":\"Plus d'entr\\u00e9es\",\"horizontalSpaceBetweenBoxes\":15,\"verticalSpaceBetweenBoxes\":15,\"lazyLoad\":1,\"wrapContainer\":\"#robo-gallery-wrap-rbs_gallery_6a20be9f63be5\"};<\/script><\/div>\n\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-bca9d90 e-flex e-con-boxed e-con e-parent\" data-id=\"bca9d90\" 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-d7d2fd9 elementor-widget elementor-widget-shortcode\" data-id=\"d7d2fd9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style type=\"text\/css\" scoped>.rbs_gallery_6a20be9f658f6Spinner{\r\n\t\t\t\tmargin: 50px auto;\r\n\t\t\t\twidth: 50px;\r\n\t\t\t\theight: 40px;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\tfont-size: 10px;\r\n\t\t\t}\r\n\t\t\t.rbs_gallery_6a20be9f658f6Spinner > div{\r\n\t\t\t  background-color: #333;\r\n\t\t\t  height: 100%;\r\n\t\t\t  width: 6px;\r\n\t\t\t  display: inline-block;\r\n\t\t\t  -webkit-animation: rbs_gallery_6a20be9f658f6-stretchdelay 1.2s infinite ease-in-out;\r\n\t\t\t  animation: rbs_gallery_6a20be9f658f6-stretchdelay 1.2s infinite ease-in-out;\r\n\t\t\t}\r\n\t\t\t.rbs_gallery_6a20be9f658f6Spinner .rbs_gallery_6a20be9f658f6Rect2 {\r\n\t\t\t  -webkit-animation-delay: -1.1s;\r\n\t\t\t  animation-delay: -1.1s;\r\n\t\t\t}\r\n\t\t\t.rbs_gallery_6a20be9f658f6Spinner .rbs_gallery_6a20be9f658f6Rect3 {\r\n\t\t\t  -webkit-animation-delay: -1.0s;\r\n\t\t\t  animation-delay: -1.0s;\r\n\t\t\t}\r\n\t\t\t.rbs_gallery_6a20be9f658f6Spinner .rbs_gallery_6a20be9f658f6Rect4 {\r\n\t\t\t  -webkit-animation-delay: -0.9s;\r\n\t\t\t  animation-delay: -0.9s;\r\n\t\t\t}\r\n\t\t\t.rbs_gallery_6a20be9f658f6Spinner .rbs_gallery_6a20be9f658f6Rect5 {\r\n\t\t\t  -webkit-animation-delay: -0.8s;\r\n\t\t\t  animation-delay: -0.8s;\r\n\t\t\t}\r\n\t\t\t@-webkit-keyframes rbs_gallery_6a20be9f658f6-stretchdelay {\r\n\t\t\t  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  \r\n\t\t\t  20% { -webkit-transform: scaleY(1.0) }\r\n\t\t\t}\r\n\t\t\t@keyframes rbs_gallery_6a20be9f658f6-stretchdelay {\r\n\t\t\t  0%, 40%, 100% { \r\n\t\t\t    transform: scaleY(0.4);\r\n\t\t\t    -webkit-transform: scaleY(0.4);\r\n\t\t\t  }  20% { \r\n\t\t\t    transform: scaleY(1.0);\r\n\t\t\t    -webkit-transform: scaleY(1.0);\r\n\t\t\t  }\r\n\t\t\t}\r\n\t\t<\/style><div id=\"robo-gallery-slider-wraprbs_gallery_6a20be9f658f6\" class=\"robo-gallery-slider-wrap robo-gallery-slider-wrap-id783 robo-gallery-slider\"><div id=\"rbs_gallery_6a20be9f658f6-block-loader\" class=\"rbs_gallery_6a20be9f658f6Spinner\"><div class=\"rbs_gallery_6a20be9f658f6Rect1\"><\/div> <div class=\"rbs_gallery_6a20be9f658f6Rect2\"><\/div> <div class=\"rbs_gallery_6a20be9f658f6Rect3\"><\/div> <div class=\"rbs_gallery_6a20be9f658f6Rect4\"><\/div> <div class=\"rbs_gallery_6a20be9f658f6Rect5\"><\/div><\/div><div id=\"robo-gallery-slider-block-rbs_gallery_6a20be9f658f6\"  data-options=\"rbs_gallery_6a20be9f658f6\" \r\n\t\t\t\t\tclass=\"swiper-container robo-gallery-slider-container robo-gallery-slider-783\" \r\n\t\t\t\t\tstyle=\"  display: none;\"\r\n\t\t\t\t\t\r\n\t\t\t\t><div id=\"rbs_gallery_6a20be9f658f6\" class=\"swiper-wrapper robo-slider-gallery  \"><div class=\"swiper-slide  \" \r\n \t\t\t\t\tstyle=\"background-image:url('https:\/\/barkwende.de\/wp-content\/uploads\/2025\/06\/8d19b1c3-7ba8-4f25-a641-b7590f66c3c3.jpeg');\" ><div class=\"swiper-slide-desc swiper-slide-desc-light\">Festival Barwende<\/div><\/div><div class=\"swiper-slide  \" \r\n \t\t\t\t\tstyle=\"background-image:url('https:\/\/barkwende.de\/wp-content\/uploads\/2025\/06\/0f002c3f-dfef-4314-9105-5e4cbf381bb2.jpeg');\" ><div class=\"swiper-slide-desc swiper-slide-desc-light\">Festival Barwende<\/div><\/div><div class=\"swiper-slide  \" \r\n \t\t\t\t\tstyle=\"background-image:url('https:\/\/barkwende.de\/wp-content\/uploads\/2025\/06\/01f97d8f-74f4-48c2-bc9a-c7203ed92d9d.jpeg');\" ><div class=\"swiper-slide-desc swiper-slide-desc-light\">Festival Barwende<\/div><\/div><div class=\"swiper-slide  \" \r\n \t\t\t\t\tstyle=\"background-image:url('https:\/\/barkwende.de\/wp-content\/uploads\/2025\/06\/63925b5f-a74a-4592-806e-322a5dfd57ff.jpeg');\" ><div class=\"swiper-slide-desc swiper-slide-desc-light\">Festival Barwende<\/div><\/div><div class=\"swiper-slide  \" \r\n \t\t\t\t\tstyle=\"background-image:url('https:\/\/barkwende.de\/wp-content\/uploads\/2025\/06\/b29ada1e-26b4-4494-9ec6-f7b98407a21f.jpeg');\" ><div class=\"swiper-slide-desc swiper-slide-desc-light\">Festival Barwende<\/div><\/div><\/div><div class=\"swiper-button-prev\"><\/div><div class=\"swiper-button-next\"><\/div><div class=\"swiper-scrollbar\"><\/div><div class=\"swiper-pagination\"><\/div><\/div><\/div><script>var rbs_gallery_6a20be9f658f6 = {\"version\":\"5.1.4\",\"id\":783,\"class\":\"id783\",\"roboGalleryDelay\":1000,\"mainContainer\":\"#robo_gallery_main_block_rbs_gallery_6a20be9f658f6\",\"loadingContainer\":\"#rbs_gallery_6a20be9f658f6-block-loader\",\"loadingContainerObj\":\"rbs_gallery_6a20be9f658f6-block-loader\",\"loop\":true,\"centeredSlides\":true,\"autoplay\":{\"delay\":1500,\"disableOnInteraction\":false},\"preloadImages\":true,\"updateOnImagesReady\":true,\"effect\":\"slide\",\"direction\":\"horizontal\",\"navigation\":{\"nextEl\":\".swiper-button-next\",\"prevEl\":\".swiper-button-prev\"},\"scrollbar\":{\"el\":\".swiper-scrollbar\",\"draggable\":true},\"pagination\":{\"el\":\".swiper-pagination\",\"type\":\"bullets\",\"clickable\":true,\"dynamicBullets\":true},\"wrapContainer\":\"#robo-gallery-wrap-rbs_gallery_6a20be9f658f6\"};<\/script><\/div>\n\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-1be10fa e-con-full e-flex e-con e-parent\" data-id=\"1be10fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c3f0b2 elementor-widget elementor-widget-html\" data-id=\"8c3f0b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"relative py-24 bg-gradient-to-br from-white to-gray-50 overflow-hidden\">\n \n\n  <div class=\"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n    <!-- En-t\u00eate de section avec animation -->\n    <div class=\"max-w-3xl mx-auto text-center mb-20\" data-aos=\"fade-up\">\n      <h2 class=\"text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl mb-4\">\n        \u00dcber <span class=\"text-[#8B0000] relative inline-block\">\n          Barkwend\u00e9\n          <span class=\"absolute -bottom-1 left-0 w-full h-1 bg-[#8B0000]\/20\"><\/span>\n        <\/span>\n      <\/h2>\n      <p class=\"mt-6 text-xl text-gray-600\">\n        Ein humanit\u00e4rer Verein mit Fokus auf Frauenrechte, Bildung und interkulturellen Dialog\n      <\/p>\n    <\/div>\n\n    <!-- Grille de contenu avec hover effects -->\n    <div class=\"grid lg:grid-cols-2 gap-16 items-start\">\n      <!-- Colonne de gauche - Image et Mission -->\n      <div class=\"space-y-10\">\n        <!-- Image avec texte superpos\u00e9 -->\n        <div class=\"relative rounded-3xl overflow-hidden shadow-xl group\">\n          <img decoding=\"async\" src=\"https:\/\/barkwende.de\/wp-content\/uploads\/2025\/02\/c0932460-df1d-4d400-8d26-ab3ac8e84176.jpeg\" alt=\"Barkwend\u00e9 en action\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" \/>\n          <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 to-transparent flex items-end\">\n            <div class=\"p-8 !text-white\">\n              <h3 class=\"text-2xl font-bold mb-3 !text-white\">Unser Engagement<\/h3>\n              <p class=\"text-white\/90\">Mit Herz und \u00dcberzeugung setzen wir uns f\u00fcr die Rechte und W\u00fcrde von Frauen ein.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Cartes d'activit\u00e9s avec hover animation -->\n        <div class=\"grid grid-cols-2 gap-8\">\n          <div class=\"group bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl transition-all duration-300 border border-gray-100 hover:border-[#8B0000]\/20\">\n            <div class=\"text-[#8B0000] mb-4 transform group-hover:scale-110 transition-transform duration-300\">\n              <svg class=\"w-10 h-10\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\"><\/path>\n              <\/svg>\n            <\/div>\n            <h4 class=\"text-xl font-semibold mb-3\">Bildung<\/h4>\n            <p class=\"text-gray-600\">Aufkl\u00e4rungs- und Sensibilisierungskampagnen f\u00fcr nachhaltige Ver\u00e4nderung<\/p>\n          <\/div>\n\n          <div class=\"group bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl transition-all duration-300 border border-gray-100 hover:border-[#8B0000]\/20\">\n            <div class=\"text-[#8B0000] mb-4 transform group-hover:scale-110 transition-transform duration-300\">\n              <svg class=\"w-10 h-10\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path>\n              <\/svg>\n            <\/div>\n            <h4 class=\"text-xl font-semibold mb-3\">Beratung<\/h4>\n            <p class=\"text-gray-600\">Juristische Unterst\u00fctzung und sozialarbeiterische Betreuung<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Colonne de droite - Points forts -->\n      <div class=\"space-y-8\">\n        <div class=\"bg-white rounded-3xl p-10 shadow-xl hover:shadow-2xl transition-shadow duration-300 border border-gray-100\">\n          <h3 class=\"text-2xl font-bold text-[#8B0000] mb-6\">Unsere Mission<\/h3>\n          <p class=\"text-gray-700 text-lg leading-relaxed mb-8\">\n            Wir unterst\u00fctzen hilfsbed\u00fcrftige Frauen in Afrika, die von Zwangsverheiratung und weiblicher Genitalverst\u00fcmmelung betroffen oder bedroht sind. \n          <\/p>\n          \n          <div class=\"space-y-6\">\n            <div class=\"flex items-start space-x-6 group hover:transform hover:translate-x-2 transition-transform duration-300\">\n              <div class=\"flex-shrink-0 w-10 h-10 bg-[#8B0000] rounded-full flex items-center justify-center text-white font-semibold group-hover:scale-110 transition-transform duration-300\">\n                1\n              <\/div>\n              <div>\n                <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">Gesundheitsversorgung<\/h4>\n                <p class=\"text-gray-600\">Medizinische Behandlung und Unterst\u00fctzung f\u00fcr betroffene Frauen<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"flex items-start space-x-6 group hover:transform hover:translate-x-2 transition-transform duration-300\">\n              <div class=\"flex-shrink-0 w-10 h-10 bg-[#8B0000] rounded-full flex items-center justify-center text-white font-semibold group-hover:scale-110 transition-transform duration-300\">\n                2\n              <\/div>\n              <div>\n                <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">Entwicklungszusammenarbeit<\/h4>\n                <p class=\"text-gray-600\">Bauprojekte f\u00fcr Schulen, Trinkwasserversorgung und Sanit\u00e4ranlagen<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"flex items-start space-x-6 group hover:transform hover:translate-x-2 transition-transform duration-300\">\n              <div class=\"flex-shrink-0 w-10 h-10 bg-[#8B0000] rounded-full flex items-center justify-center text-white font-semibold group-hover:scale-110 transition-transform duration-300\">\n                3\n              <\/div>\n              <div>\n                <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">Interkultureller Dialog<\/h4>\n                <p class=\"text-gray-600\">F\u00f6rderung der V\u00f6lkerverst\u00e4ndigung durch kulturelle Aktivit\u00e4ten<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"flex items-start space-x-6 group hover:transform hover:translate-x-2 transition-transform duration-300\">\n              <div class=\"flex-shrink-0 w-10 h-10 bg-[#8B0000] rounded-full flex items-center justify-center text-white font-semibold group-hover:scale-110 transition-transform duration-300\">\n                4\n              <\/div>\n              <div>\n                <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">Integration<\/h4>\n                <p class=\"text-gray-600\">Unterst\u00fctzung f\u00fcr Migrantinnen in Deutschland<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        \n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\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-5208980 e-con-full e-flex e-con e-parent\" data-id=\"5208980\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d33257 elementor-widget elementor-widget-html\" data-id=\"7d33257\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"relative py-24 bg-gray-50\">\n  <!-- \u00c9l\u00e9ments d\u00e9coratifs en arri\u00e8re-plan -->\n  <div class=\"absolute inset-0 pattern-grid-lg opacity-5\"><\/div>\n  \n  <div class=\"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n    <div class=\"text-center mb-20\">\n      <h2 class=\"text-4xl font-bold text-gray-900\">\n        Entwicklung <span class=\"text-[#8B0000]\">& Bildung<\/span>\n      <\/h2>\n      <div class=\"mt-4 max-w-3xl mx-auto\">\n        <p class=\"text-lg text-gray-600\">\n          Nachhaltige Entwicklung durch Bildung, Infrastruktur und Gemeinschaftsprojekte\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Grille de projets -->\n    <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n      <!-- Carte 1 - Infrastructure -->\n      <div class=\"group relative bg-white rounded-2xl shadow-lg overflow-hidden transition-transform duration-300 hover:-translate-y-2\">\n        <div class=\"h-48 bg-[#8B0000]\/10\">\n          <div class=\"h-full flex items-center justify-center text-[#8B0000]\">\n            <svg class=\"w-16 h-16\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"><\/path>\n            <\/svg>\n          <\/div>\n        <\/div>\n        <div class=\"p-6\">\n          <h3 class=\"text-xl font-semibold text-gray-900 mb-2\">Infrastruktur<\/h3>\n          <ul class=\"space-y-3 text-gray-600\">\n            <li class=\"flex items-center\">\n              <svg class=\"w-5 h-5 text-[#8B0000] mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n              <\/svg>\n              Schulgeb\u00e4ude\n            <\/li>\n            <li class=\"flex items-center\">\n              <svg class=\"w-5 h-5 text-[#8B0000] mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n              <\/svg>\n              Trinkwasserversorgung\n            <\/li>\n            <li class=\"flex items-center\">\n              <svg class=\"w-5 h-5 text-[#8B0000] mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n              <\/svg>\n              Sanit\u00e4ranlagen\n            <\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <!-- Carte 2 - Formation -->\n      <div class=\"group relative bg-white rounded-2xl shadow-lg overflow-hidden transition-transform duration-300 hover:-translate-y-2\">\n        <div class=\"h-48 bg-[#8B0000]\/10\">\n          <div class=\"h-full flex items-center justify-center text-[#8B0000]\">\n            <svg class=\"w-16 h-16\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 14l9-5-9-5-9 5 9 5z\"><\/path>\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 14l9-5-9-5-9 5 9 5z\"><\/path>\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 14l9-5-9-5-9 5 9 5z\"><\/path>\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 14l9-5-9-5-9 5 9 5z\"><\/path>\n            <\/svg>\n          <\/div>\n        <\/div>\n        <div class=\"p-6\">\n          <h3 class=\"text-xl font-semibold text-gray-900 mb-2\">Bildung<\/h3>\n          <ul class=\"space-y-3 text-gray-600\">\n            <li class=\"flex items-center\">\n              <svg class=\"w-5 h-5 text-[#8B0000] mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n              <\/svg>\n              Berufsausbildung\n            <\/li>\n            <li class=\"flex items-center\">\n              <svg class=\"w-5 h-5 text-[#8B0000] mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n              <\/svg>\n              Workshops\n            <\/li>\n            <li class=\"flex items-center\">\n              <svg class=\"w-5 h-5 text-[#8B0000] mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n              <\/svg>\n              Studentenhilfe\n            <\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <!-- Carte 3 - Culture -->\n      <div class=\"group relative bg-white rounded-2xl shadow-lg overflow-hidden transition-transform duration-300 hover:-translate-y-2\">\n        <div class=\"h-48 bg-[#8B0000]\/10\">\n          <div class=\"h-full flex items-center justify-center text-[#8B0000]\">\n            <svg class=\"w-16 h-16\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9\"><\/path>\n            <\/svg>\n          <\/div>\n        <\/div>\n        <div class=\"p-6\">\n          <h3 class=\"text-xl font-semibold text-gray-900 mb-2\">Kultur<\/h3>\n          <ul class=\"space-y-3 text-gray-600\">\n            <li class=\"flex items-center\">\n              <svg class=\"w-5 h-5 text-[#8B0000] mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n              <\/svg>\n              Lesungen\n            <\/li>\n            <li class=\"flex items-center\">\n              <svg class=\"w-5 h-5 text-[#8B0000] mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n              <\/svg>\n              Musik\n            <\/li>\n            <li class=\"flex items-center\">\n              <svg class=\"w-5 h-5 text-[#8B0000] mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n              <\/svg>\n              Dialog\n            <\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Section statistiques -->\n    <div class=\"mt-20 bg-white rounded-3xl shadow-xl overflow-hidden\">\n      <div class=\"grid md:grid-cols-3 divide-y md:divide-y-0 md:divide-x divide-gray-200\">\n        <div class=\"px-8 py-12 text-center\">\n          <div class=\"text-4xl font-bold text-[#8B0000]\">12<\/div>\n          <div class=\"mt-2 text-base text-gray-600\">L\u00e4nder in Afrika<\/div>\n        <\/div>\n        <div class=\"px-8 py-12 text-center\">\n          <div class=\"text-4xl font-bold text-[#8B0000]\">50+<\/div>\n          <div class=\"mt-2 text-base text-gray-600\">Bildungsprojekte<\/div>\n        <\/div>\n        <div class=\"px-8 py-12 text-center\">\n          <div class=\"text-4xl font-bold text-[#8B0000]\">1000+<\/div>\n          <div class=\"mt-2 text-base text-gray-600\">Beg\u00fcnstigte<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\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-edafbca e-con-full e-flex e-con e-parent\" data-id=\"edafbca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c0c8c8 elementor-widget elementor-widget-html\" data-id=\"6c0c8c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"relative py-20 overflow-hidden\">\n  <!-- Motif de fond -->\n  <div class=\"absolute inset-0 bg-[#8B0000]\/5 pattern-grid-lg\"><\/div>\n  \n \n\n  <div class=\"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n    <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\n      <!-- Contenu gauche -->\n      <div class=\"space-y-8\">\n        <div class=\"inline-flex items-center px-4 py-2 bg-[#8B0000]\/10 rounded-full\">\n          <div class=\"animate-pulse w-2 h-2 bg-[#8B0000] rounded-full\"><\/div>\n          <span class=\"ml-2 text-sm font-medium text-[#8B0000]\">Jede Spende z\u00e4hlt<\/span>\n        <\/div>\n\n        <h2 class=\"text-4xl md:text-5xl font-bold text-gray-900\">\n          Gemeinsam f\u00fcr eine \n          <span class=\"text-[#8B0000]\">bessere Zukunft<\/span>\n        <\/h2>\n\n        <p class=\"text-lg text-gray-600 leading-relaxed\">\n          Mit Ihrer Unterst\u00fctzung k\u00f6nnen wir mehr Frauen und M\u00e4dchen in Afrika helfen. \n          Jeder Beitrag macht einen Unterschied und gibt Hoffnung auf eine bessere Zukunft.\n        <\/p>\n\n        <div class=\"space-y-6\">\n          <div class=\"flex items-center space-x-4\">\n            <div class=\"flex-shrink-0 w-12 h-12 bg-[#8B0000]\/10 rounded-full flex items-center justify-center\">\n              <svg class=\"w-6 h-6 text-[#8B0000]\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v1m6 11h2m-2 0h-2m-4 0H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n              <\/svg>\n            <\/div>\n            <div>\n              <h4 class=\"font-semibold text-gray-900\">Transparente Verwendung<\/h4>\n              <p class=\"text-gray-600\">Ihre Spende kommt direkt bei den Hilfsbed\u00fcrftigen an<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"flex items-center space-x-4\">\n            <div class=\"flex-shrink-0 w-12 h-12 bg-[#8B0000]\/10 rounded-full flex items-center justify-center\">\n              <svg class=\"w-6 h-6 text-[#8B0000]\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/>\n              <\/svg>\n            <\/div>\n            <div>\n              <h4 class=\"font-semibold text-gray-900\">Steuerlich absetzbar<\/h4>\n              <p class=\"text-gray-600\">Sie erhalten eine Spendenbescheinigung<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"flex flex-col sm:flex-row gap-4\">\n          <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-4 border border-transparent text-lg font-medium rounded-xl text-white bg-[#8B0000] hover:bg-[#8B0000]\/90 transition-colors shadow-lg hover:shadow-xl\">\n            <span class=\"mr-2\">\u2764\ufe0f<\/span>\n            Jetzt Spenden\n          <\/a>\n          <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-4 border-2 border-[#8B0000] text-lg font-medium rounded-xl text-[#8B0000] hover:bg-[#8B0000]\/5 transition-colors\">\n            Mehr erfahren\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Carte de don -->\n      <div class=\"bg-white rounded-2xl shadow-xl p-8 border border-gray-100\">\n        <div class=\"space-y-6\">\n          <h3 class=\"text-2xl font-bold text-gray-900\">W\u00e4hlen Sie Ihren Beitrag<\/h3>\n          \n          <!-- Options de don -->\n          <div class=\"grid grid-cols-3 gap-4\">\n            <button class=\"p-4 rounded-xl border-2 border-gray-200 hover:border-[#8B0000] focus:border-[#8B0000] focus:bg-[#8B0000]\/5 transition-all\">\n              <div class=\"text-2xl font-bold text-gray-900\">20\u20ac<\/div>\n              <div class=\"text-sm text-gray-600\">Einmalig<\/div>\n            <\/button>\n            <button class=\"p-4 rounded-xl border-2 border-[#8B0000] bg-[#8B0000]\/5\">\n              <div class=\"text-2xl font-bold text-gray-900\">50\u20ac<\/div>\n              <div class=\"text-sm text-gray-600\">Einmalig<\/div>\n            <\/button>\n            <button class=\"p-4 rounded-xl border-2 border-gray-200 hover:border-[#8B0000] focus:border-[#8B0000] focus:bg-[#8B0000]\/5 transition-all\">\n              <div class=\"text-2xl font-bold text-gray-900\">100\u20ac<\/div>\n              <div class=\"text-sm text-gray-600\">Einmalig<\/div>\n            <\/button>\n          <\/div>\n\n          <!-- Option personnalis\u00e9e -->\n          <div class=\"relative\">\n            <input type=\"number\" class=\"w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:border-[#8B0000] focus:ring-0 transition-colors\" placeholder=\"Anderer Betrag\">\n            <div class=\"absolute inset-y-0 right-4 flex items-center pointer-events-none\">\n              <span class=\"text-gray-500\">EUR<\/span>\n            <\/div>\n          <\/div>\n\n          <!-- Types de don -->\n          <div class=\"flex gap-4\">\n            <button class=\"flex-1 py-2 px-4 rounded-lg bg-[#8B0000]\/5 text-[#8B0000] font-medium border-2 border-[#8B0000]\">\n              Einmalig\n            <\/button>\n            <button class=\"flex-1 py-2 px-4 rounded-lg text-gray-700 font-medium border-2 border-gray-200 hover:border-[#8B0000] hover:bg-[#8B0000]\/5 transition-all\">\n              Monatlich\n            <\/button>\n          <\/div>\n\n          <!-- Bouton de soumission -->\n          <button class=\"w-full bg-[#8B0000] text-white py-4 rounded-xl font-medium hover:bg-[#8B0000]\/90 transition-colors shadow-lg hover:shadow-xl\">\n            Weiter zur sicheren Zahlung\n          <\/button>\n\n          <!-- Badges de s\u00e9curit\u00e9 -->\n          <div class=\"flex items-center justify-center gap-4 pt-4 border-t border-gray-100\">\n            <div class=\"flex items-center text-gray-500\">\n              <svg class=\"w-5 h-5 mr-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"\/>\n              <\/svg>\n              Sichere Zahlung\n            <\/div>\n            <div class=\"flex items-center text-gray-500\">\n              <svg class=\"w-5 h-5 mr-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/>\n              <\/svg>\n              SSL Verschl\u00fcsselt\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08e2ec2 elementor-widget elementor-widget-html\" data-id=\"08e2ec2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"py-24 bg-white relative overflow-hidden\">\n  \n\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative\">\n    <!-- En-t\u00eate de section -->\n    <div class=\"text-center max-w-3xl mx-auto mb-16\">\n      <h2 class=\"text-4xl font-bold text-gray-900 mb-4\">Unsere <span class=\"text-[#8B0000]\">Projekte<\/span><\/h2>\n      <p class=\"text-lg text-gray-600\">\n        Entdecken Sie unsere konkreten Ma\u00dfnahmen zur Unterst\u00fctzung und F\u00f6rderung in Afrika\n      <\/p>\n    <\/div>\n\n    <!-- Grille de projets -->\n    <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n      <!-- Carte 1 - \u00c9cole -->\n      <div class=\"group relative rounded-2xl overflow-hidden shadow-lg transition-all duration-300 hover:-translate-y-2\">\n        <div class=\"aspect-w-16 aspect-h-12 bg-gray-200\">\n          <img decoding=\"async\" src=\"https:\/\/barkwende.de\/wp-content\/uploads\/2025\/02\/c77d8089-e92d-4c0c-9269-d6d0243103be.jpeg\" alt=\"Schulprojekt\" class=\"object-cover w-full h-full group-hover:scale-105 transition-transform duration-300\" \/>\n          <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 to-transparent\"><\/div>\n        <\/div>\n        <div class=\"absolute bottom-0 left-0 right-0 p-6 text-white\">\n          <div class=\"flex items-center space-x-2 mb-2\">\n            <div class=\"w-2 h-2 bg-green-500 rounded-full\"><\/div>\n            <span class=\"text-sm\">Abgeschlossen<\/span>\n          <\/div>\n          <h3 class=\"text-xl !text-white font-bold mb-2\">Neue Schule in Burkina Faso<\/h3>\n          <p class=\"text-white\/80 text-sm\">Bau einer Grundschule mit 6 Klassenr\u00e4umen und Sanit\u00e4ranlagen<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Carte 2 - Eau -->\n      <div class=\"group relative rounded-2xl overflow-hidden shadow-lg transition-all duration-300 hover:-translate-y-2\">\n        <div class=\"aspect-w-16 aspect-h-12 bg-gray-200\">\n          <img decoding=\"async\" src=\"https:\/\/barkwende.de\/wp-content\/uploads\/2025\/02\/2413b941-78c5-4f2d-ba45-1dc829ed33cb.jpeg\" alt=\"Wasserprojekt\" class=\"object-cover w-full h-full group-hover:scale-105 transition-transform duration-300\" \/>\n          <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 to-transparent\"><\/div>\n        <\/div>\n        <div class=\"absolute bottom-0 left-0 right-0 p-6 text-white\">\n          <div class=\"flex items-center space-x-2 mb-2\">\n            <div class=\"w-2 h-2 bg-yellow-500 rounded-full\"><\/div>\n            <span class=\"text-sm\">In Bearbeitung<\/span>\n          <\/div>\n          <h3 class=\"text-xl font-bold mb-2 !text-white\">Trinkwasserversorgung<\/h3>\n          <p class=\"text-white\/80 text-sm\">Installation von Wasserpumpen in 5 D\u00f6rfern<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Carte 3 - Formation -->\n      <div class=\"group relative rounded-2xl overflow-hidden shadow-lg transition-all duration-300 hover:-translate-y-2\">\n        <div class=\"aspect-w-16 aspect-h-12 bg-gray-200\">\n          <img decoding=\"async\" src=\"https:\/\/barkwende.de\/wp-content\/uploads\/2025\/02\/584cbaff-9cae-40f4-95d5-93c00760e0a1.jpeg\" alt=\"Bildungsprojekt\" class=\"object-cover w-full h-full group-hover:scale-105 transition-transform duration-300\" \/>\n          <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 to-transparent\"><\/div>\n        <\/div>\n        <div class=\"absolute bottom-0 left-0 right-0 p-6 text-white\">\n          <div class=\"flex items-center space-x-2 mb-2\">\n            <div class=\"w-2 h-2 bg-blue-500 rounded-full\"><\/div>\n            <span class=\"text-sm\">Laufend<\/span>\n          <\/div>\n          <h3 class=\"text-xl font-bold mb-2 !text-white\">Berufsausbildungszentrum<\/h3>\n          <p class=\"text-white\/80 text-sm\">Ausbildungsprogramme f\u00fcr junge Frauen<\/p>\n        <\/div>\n      <\/div>\n\n     <\/div>\n\n    <!-- Bouton voir plus -->\n    <div class=\"text-center mt-12\">\n      <a href=\"\/unsere-errungenschaften\" class=\"inline-flex items-center px-6 py-3 text-lg font-medium text-white bg-[#8B0000] rounded-xl shadow-lg hover:bg-[#8B0000]\/90 transition-colors duration-300\">\n        Alle Projekte ansehen\n        <svg class=\"w-5 h-5 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\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>Der humanit\u00e4re Blick f\u00fcr Frauen in Afrika Wir k\u00e4mpfen f\u00fcr die W\u00fcrde und Rechte von Frauen in Afrika. Durch Bildung, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/barkwende.de\/fr\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/barkwende.de\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/barkwende.de\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/barkwende.de\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/barkwende.de\/fr\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":121,"href":"https:\/\/barkwende.de\/fr\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":803,"href":"https:\/\/barkwende.de\/fr\/wp-json\/wp\/v2\/pages\/7\/revisions\/803"}],"wp:attachment":[{"href":"https:\/\/barkwende.de\/fr\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}