{"css_url":"https:\/\/dgm.inventum.de\/api\/customer\/widget\/70f0e820-7b79-4395-88a7-c4344f2e9e23\/668501c060f47668501c060f49?css=1","html":"<div class=\"\">\n\n\n        \n    \n        <div class=\"relative z-50\" aria-labelledby=\"modal-title\" role=\"dialog\" aria-modal=\"true\" v-if=\"textfield || textfield3\" style=\"z-index: 999;\">\n\n\n\n    <div class=\"fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity\"  @click.stop=\"textfield=null;textfield3=null\"><\/div>\n\n    <div class=\"fixed inset-0 z-10 overflow-y-auto\"  @click.stop=\"textfield=null;textfield3=null\">\n        <div class=\"flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0\">\n\n            <div class=\"relative transform overflow-hidden rounded-lg bg-white px-4 pt-5 pb-4 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg md:max-w-xl lg:max-w-2xl  xl:max-w-3xl sm:p-6\" @click.stop=\"\">\n                <div class=\"absolute top-0 right-0  pt-4 pr-4 block\">\n                    <button @click=\"textfield=null;textfield3=null\" type=\"button\" class=\"rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2\">\n                        <span class=\"sr-only\">Close<\/span>\n                        <!-- Heroicon name: outline\/x-mark -->\n                        <svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" \/>\n                        <\/svg>\n                    <\/button>\n                <\/div>\n\n                <div>\n\n                    <div class=\"mt-3 sm:mt-5\" v-if=\"textfield\">\n                        <h3 class=\"text-base font-medium leading-6 text-gray-900\" id=\"modal-title\"  v-html=\"textfield2\"><\/h3>\n                        <div class=\"mt-2\">\n                            <div class=\"text-sm text-gray-700 font-light prose text-justify max-w-none\" v-html=\"nl2br(textfield)\"><\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"mt-3 sm:mt-5\" v-if=\"textfield3\" v-html=\"textfield3\">\n\n\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n    <div class=\"relative rounded-md container mx-auto mt-4 sm:mt-6\" style=\"box-shadow: rgba(0, 0, 0, 0.2) 0px -7px 17px -7px;\">\n        \n\n        <div class=\"absolute top-0 h-screen w-full opacity-30 lg:opacity-60 rounded-md\" style=\" background: url(https:\/\/unrestricted.fsn1.your-objectstorage.com\/13\/07dc56d2-816c-45c7-b01b-a06306c1ec44\/conversions\/1706f027-8833-4815-8d24-769a2c472132-lg.jpg)  no-repeat center center ; background-size: cover;\n   -webkit-mask-image: gradient(to bottom, black 50%, transparent 90%);\n  mask-image: linear-gradient(to bottom, black 50%, transparent 90%);\"><\/div>\n\n                <div class=\"relative  overflow-hidden \">\n\n            <div class=\" px-1 pb-6 lg:pb-24 lg:pt-16 pt-8 sm:pb-32  lg:px-20 lg:py-20 relative\">\n                <div class=\"\">\n                                            <div class=\"mb-2\">\n                                                    <span class=\"text-sm bg-yellow-50 rounded-md text-yellow-800 text-sm font-bold px-2 py-0.5 bg-opacity-80\">\n                                                        <i class=\"fal fa-exclamation-triangle fa-fw\"><\/i> The event is in the past\n                                                    <\/span>\n                        <\/div>\n\n                                        <div class=\"text-base font-semibold leading-tight relative\">\n <span class=\"relative\">\n                             <div class=\"absolute top-0 left-0 bg-white opacity-80 h-full w-full z-10\"\n                                  style=\"filter: blur(20px);-webkit-backface-visibility: hidden;\n-moz-backface-visibility: hidden;\n-webkit-transform: translate3d(0, 0, 0);\n-moz-transform: translate3d(0, 0, 0);\"><\/div>\n     <span class=\"relative isolate z-20\">Short Webinar<\/span><\/span>\n                        <\/div>\n                    <h1  style=\"text-wrap: pretty;\" class=\"mt-1 text-2xl md:text-4xl font-semibold leading-tight relative\">\n                        <span class=\"relative\">\n                             <div class=\"absolute top-0 left-0 bg-white opacity-90 h-full w-full z-10\"\n                                  style=\"filter: blur(20px);\"><\/div>\n                        <div   style=\"text-wrap: pretty;\" class=\"z-20 isolate relative\">Combatting the energy crisis: Untapping the potential of citizen energy and energy communities<\/div>\n                        <\/span>\n                    <\/h1>\n                    \n\n                    <div class=\"flex items-center space-x-2 rounded-md mt-2 relative\">\n                        \n                            <span class=\"relative\">\n                             <div class=\"absolute top-0 left-0 bg-white opacity-90 h-full w-full z-10\"\n                                  style=\"filter: blur(20px);-webkit-backface-visibility: hidden;\n-moz-backface-visibility: hidden;\n-webkit-transform: translate3d(0, 0, 0);\n-moz-transform: translate3d(0, 0, 0);\"><\/div>\n                        <span class=\"z-20 isolate relative\">    <a href=\"https:\/\/dgm.inventum.de\/download\/calendar\/event\/8ab62a45-2d48-4b1e-be29-d5d0890de5ae\"\n                                                                   class=\"flex items-center space-x-2 text-gray-900 hover:text-primary-700 duration-150 relative z-20\">\n                                <!-- Heroicon name: solid\/calendar -->\n                                <i class=\"far fa-calendar mr-1 fa-fw\"><\/i>\n                                <span class=\"text-sm font-medium font-mono relative z-20\"><time\n                                            datetime=\"2024-11-08 14:00:00\">08 Nov 2024 14:00 - 15:00<\/time><\/span>\n                            <\/a>\n                        <\/span>\n                        <\/span>\n\n\n\n\n                    <\/div>\n                                            <div class=\"flex items-center space-x-2 rounded-md mt-1\">\n                            <div class=\"flex items-center space-x-2 text-gray-900\">\n\n                                <span class=\"relative\">\n                             <div class=\"absolute top-0 left-0 bg-white opacity-90 h-full w-full z-10\"\n                                  style=\"filter: blur(20px);-webkit-backface-visibility: hidden;\n-moz-backface-visibility: hidden;\n-webkit-transform: translate3d(0, 0, 0);\n-moz-transform: translate3d(0, 0, 0);\"><\/div>\n                        <span class=\"z-20 isolate relative\"> \n                                <i class=\"far fa-globe fa-fw mr-1\"><\/i> <span\n                                        class=\"text-sm font-medium font-mono\">Online<\/span>\n                            <\/span>\n                                <\/span>\n                            <\/div>\n\n\n                        <\/div>\n                    \n\n\n                    <div class=\"flex items-center space-x-2 rounded-md mt-1\">\n                        <div class=\"flex items-center space-x-2 text-gray-900\">\n   <span class=\"relative\">\n                             <div class=\"absolute top-0 left-0 bg-white opacity-90 h-full w-full z-10\"\n                                  style=\"filter: blur(20px);-webkit-backface-visibility: hidden;\n-moz-backface-visibility: hidden;\n-webkit-transform: translate3d(0, 0, 0);\n-moz-transform: translate3d(0, 0, 0);\"><\/div>\n                        <span class=\"z-20 isolate relative\">                                   <i class=\"far fa-language fa-fw mr-1\"><\/i> <span\n                                        class=\"text-sm font-medium font-mono\">English<\/span>\n                            <\/span>\n                        <\/span>\n\n\n\n                        <\/div>\n\n\n\n\n                    <\/div>\n                    \n                    <div class=\"py-2\">\n\n        <ul class=\"space-x-0.5\">\n                                            <li class=\"inline \">\n                    <a href=\"https:\/\/dgm.inventum.de\/widget\/tagOverview\/152\" class=\"relative inline-flex items-center rounded-md border border-gray-300 px-1 py-0.5 opacity-85 hover:opacity-100 hover:bg-lime-200 bg-opacity-80  bg-lime-50  hover:text-lime-800  duration-200 ease-in-out transform hover:scale-105\">\n                        <div class=\"absolute flex-shrink-0 flex items-center justify-center\">\n                            <span class=\"h-1.5 w-1.5 rounded-full bg-lime-500 opacity-90\" aria-hidden=\"true\"><\/span>\n                        <\/div>\n                        <div class=\"ml-2 text-xxs font-semibold text-gray-900 leading-tight\">Circular Materials<\/div>\n                    <\/a>\n                <\/li>\n                                                            <li class=\"inline \">\n                    <a href=\"https:\/\/dgm.inventum.de\/widget\/tagOverview\/33\" class=\"relative inline-flex items-center rounded-md border border-gray-300 px-1 py-0.5 opacity-85 hover:opacity-100 hover:bg-lime-200 bg-opacity-80  bg-lime-50  hover:text-lime-800  duration-200 ease-in-out transform hover:scale-105\">\n                        <div class=\"absolute flex-shrink-0 flex items-center justify-center\">\n                            <span class=\"h-1.5 w-1.5 rounded-full bg-lime-500 opacity-90\" aria-hidden=\"true\"><\/span>\n                        <\/div>\n                        <div class=\"ml-2 text-xxs font-semibold text-gray-900 leading-tight\">Applications &amp; Circular Economy<\/div>\n                    <\/a>\n                <\/li>\n                                                            <li class=\"inline \">\n                    <a href=\"https:\/\/dgm.inventum.de\/widget\/tagOverview\/178\" class=\"relative inline-flex items-center rounded-md border border-gray-300 px-1 py-0.5 opacity-85 hover:opacity-100 hover:bg-green-200 bg-opacity-80  bg-green-50  hover:text-green-800  duration-200 ease-in-out transform hover:scale-105\">\n                        <div class=\"absolute flex-shrink-0 flex items-center justify-center\">\n                            <span class=\"h-1.5 w-1.5 rounded-full bg-green-500 opacity-90\" aria-hidden=\"true\"><\/span>\n                        <\/div>\n                        <div class=\"ml-2 text-xxs font-semibold text-gray-900 leading-tight\">SfS-Alliance<\/div>\n                    <\/a>\n                <\/li>\n                            \n\n        <\/ul>\n    <\/div>\n\n\n                <\/div>\n                <div class=\"xl:flex  xl:space-x-12\">\n                    <div class=\"relative  max-w-5xl  mt-2   lg:mt-4\">\n                        <div class=\"absolute top-0 left-0 bg-white opacity-80 h-full w-full z-0\"\n                             style=\"filter: blur(40px);-webkit-backface-visibility: hidden;\n-moz-backface-visibility: hidden;\n-webkit-transform: translate3d(0, 0, 0);\n-moz-transform: translate3d(0, 0, 0);\"><\/div>\n\n                        <div class=\"relative z-20 p-4\">\n\n                            <div class=\"mt-4 md:text-lg leading-snug text-gray-800 prose-xs md:prose max-w-none\"\n                                 style=\"max-width: none; text-wrap: pretty;\"><p>The shift from centralized, fossil fuel-based energy systems to decentralized, renewable energy systems presents a significant global challenge. However, it also opens up opportunities for innovative solutions such as citizen energy and energy communities. These community-driven initiatives have the potential to revolutionize the energy sector by decentralizing and democratizing energy production and consumption. Citizen Energy enables individuals, small and medium-sized businesses, and local organizations to actively participate in energy production and consumption. This approach empowers people to take control of their energy needs and contribute to a more sustainable future.<\/p><p>Energy Communities involve the collective management of energy production, storage, and distribution. They offer services or other benefits to their members or the local community. By operating sustainably, energy communities foster social innovation, generate environmental benefits, and create economic value.<br><\/p><p>In the European Union, the European Renewable Energy Directive and the European Electricity Market Design provide a supportive framework for establishing and operating energy communities. This regulatory environment encourages the growth of these initiatives, helping to address the energy transition while promoting sustainability and community involvement.<br><\/p><p>ZOOM Meeting ID: 840 8634 9885<br>Kenncode: 496700<\/p><\/div>\n\n                            <div class=\"mt-10 flex items-center  flex-wrap\">\n                                \n                                                                                                    <a href=\"#67629dada30ed_nav\" @click=\"currentTab=null\"\n                                       class=\"mr-1 mb-1 rounded-md bg-white hover:bg-gray-100 transition transform duration-200 ease-in-out hover:scale-103 px-3.5 py-2.5 text-sm font-semibold text-gray-700 shadow-sm hover:bg-text-gray-800 border border-gray-200 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600\"\n\n                                    >  Program\n                                        <i class=\"fal fa-book ml-2\"><\/i> <\/a>\n                                \n\n\n                                    \n                                \n\n\n\n                            <\/div>\n\n\n                        <\/div>\n\n\n                    <\/div>\n                                    <\/div>\n\n                <div class=\"p-4 relative\">\n\n                    \n                        <div class=\"mb-6 duration-[600ms] taos:[transform:translate3d(0,100px,0)] taos:opacity-0 z-10 relative\"\n                             data-taos-offset=\"0\" style=\"animation-iteration-count: infinite;\">\n\n\n                            <h2 class=\"text-sm font-medium  font-mono\">Training Chair<\/h2>\n                            <ul class=\"mt-3 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n                                                                    <li class=\"flex justify-start relative\">\n                                        <div class=\"absolute top-0 left-0 bg-white opacity-80 h-full w-full z-0\"\n                                             style=\"filter: blur(60px);-webkit-backface-visibility: hidden;\n-moz-backface-visibility: hidden;\n-webkit-transform: translate3d(0, 0, 0);\n-moz-transform: translate3d(0, 0, 0);\"><\/div>\n                                        <span @click=\"textfield='';textfield2='Katharina Habersbrunner'\"\n                                              class=\"z-10 relative  relative\">\n                                              <div class=\"absolute top-0 left-0 bg-white opacity-80 h-full w-full z-0\"\n                                                   style=\"filter: blur(60px);-webkit-backface-visibility: hidden;\n-moz-backface-visibility: hidden;\n-webkit-transform: translate3d(0, 0, 0);\n-moz-transform: translate3d(0, 0, 0);\"><\/div>\n                                            <span class=\"flex items-center space-x-3 z-20 relative\">\n                                                <div class=\"flex-shrink-0\">\n                                                <img class=\"h-10 w-10 rounded-full\"\n                                                     src=\"https:\/\/unrestricted.fsn1.your-objectstorage.com\/13\/0cb2074d-50c4-41d9-9ec5-dd91193e1216\/conversions\/1ecc1e11-337d-4d3f-b0c8-48506a563c00-md.jpg\" alt=\"\">\n                                            <\/div>\n                                            <div class=\"\">\n                                                <div class=\"text-sm font-medium text-gray-900\">Katharina Habersbrunner<\/div>\n                                                <div class=\"text-sm text-gray-900 font-light\">B\u00fcndnis B\u00fcrgerenergie e.V.<\/div>\n\n                                            <\/div>\n\n                                            <\/span>\n\n                                            <div class=\" text-gray-900 text-xxs font-light flex mt-0.5\">\n\n\n                                                \n                                                                                                    <a href=\"https:\/\/www.buendnis-buergerenergie.de\/buendnis\/vorstand\" target=\"_blank\"\n                                                       class=\"opacity-75 border border-gray-200 bg-gray-100 px-2 py-0.5 rounded-md hover:opacity-100 duration-200 ease-in-out hover:scale-105 transform\"><i\n                                                                class=\"fa-light fa-arrow-up-right-from-square\"><\/i> Website<\/a>\n                                                                                            <\/div>\n\n                                        <\/span>\n\n                                    <\/li>\n                                                            <\/ul>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"flex flex-col-reverse gap-x-12  lg:flex-row lg:justify-center xl:gap-x-20 relative  container mx-auto\">\n        <div class=\"absolute top-0 left-0 bg-white opacity-90 h-full w-full z-0\"\n             style=\"filter: blur(40px);-webkit-backface-visibility: hidden;\n-moz-backface-visibility: hidden;\n-webkit-transform: translate3d(0, 0, 0);\n-moz-transform: translate3d(0, 0, 0);\"><\/div>\n        <aside class=\"relative mt-6 max-w-[500px] flex-shrink-0 lg:sticky lg:top-[40px] lg:mt-0 lg:w-[270px] lg:self-start xl:w-[315px]\">\n            <div class=\"\">\n                <div class=\"overflow-hidden rounded-lg bg-white shadow delay-[10ms] [animation-iteration-count:infinite] duration-[600ms] taos:[transform:translate3d(0,80px,0)_scale(0.6)] taos:opacity-0\"\n                     data-taos-offset=\"0\" style=\"animation-iteration-count: infinite;\">\n                    <div class=\"px-4 py-5 sm:p-6\">\n                        <div class=\"text-xs font-semibold leading-tight\">Short Webinar<\/div>\n                        <h1 class=\"mt-1 text-base font-semibold leading-tight\">Combatting the energy crisis: Untapping the potential of citizen energy and energy communities<\/h1>\n                                                <div class=\"flex items-center space-x-2 rounded-md mt-2 tracking-tight text-xs\">\n                                                            <a href=\"https:\/\/dgm.inventum.de\/download\/calendar\/event\/8ab62a45-2d48-4b1e-be29-d5d0890de5ae\"\n                                   class=\"flex items-center space-x-2 text-gray-900 hover:text-primary-700 duration-150\">\n                                    <!-- Heroicon name: solid\/calendar -->\n                                    <i class=\"far fa-calendar fa-fw\"><\/i>\n                                    <span class=\" font-medium font-mono\"><time\n                                                datetime=\"2024-11-08 14:00:00\">08 Nov 2024<\/time><\/span>\n                                <\/a>\n                            \n\n                        <\/div>\n                        <div class=\"flex items-center space-x-2 rounded-md mt-1 tracking-tight  text-xs \">\n                            <div class=\"flex items-center space-x-2 text-gray-900 tracking-tight\">\n                                \n                                    <i class=\"far fa-globe fa-fw \"><\/i> <span\n                                            class=\"font-medium font-mono\">Online<\/span>\n                                                            <\/div>\n\n\n                        <\/div>\n                        <div class=\"flex items-center space-x-2 rounded-md mt-1 tracking-tight  text-xs \">\n                            <div class=\"flex items-center space-x-2 text-gray-900 tracking-tight\">\n                                                                    <i class=\"far fa-language fa-fw \"><\/i> <span\n                                            class=\" font-medium font-mono\">English<\/span>\n                                                            <\/div>\n\n\n                        <\/div>\n                        \n\n                        <div class=\"pt-2\">\n                            \n                                <div class=\"mt-6 \">\n\n\n                                    <h2 class=\"text-sm font-medium  \">Training Chair<\/h2>\n                                    <ul class=\"mt-3 grid grid-cols-1 gap-2\">\n                                                                                    <li class=\"flex justify-start\">\n                                                <a href=\"#\" class=\"flex items-center space-x-3\">\n                                                    <div class=\"flex-shrink-0\">\n                                                        <img class=\"h-10 w-10 rounded-full\"\n                                                             src=\"https:\/\/unrestricted.fsn1.your-objectstorage.com\/13\/0cb2074d-50c4-41d9-9ec5-dd91193e1216\/conversions\/1ecc1e11-337d-4d3f-b0c8-48506a563c00-md.jpg\" alt=\"\">\n                                                    <\/div>\n                                                    <div class=\"\">\n                                                        <div class=\"text-sm font-medium text-gray-900   leading-4\">Katharina Habersbrunner<\/div>\n                                                        <div class=\"text-xs text-gray-700 font-light leading-3\">B\u00fcndnis B\u00fcrgerenergie e.V.<\/div>\n\n                                                    <\/div>\n\n                                                <\/a>\n                                            <\/li>\n                                                                            <\/ul>\n                                <\/div>\n                                                    <\/div>\n\n\n                        \n                        <div class=\"mt-6\">\n                            <h2 class=\"text-sm font-medium \">Contact person<\/h2>\n                            <div class=\"flex items-center space-x-2 mt-2\">\n                                <!-- Heroicon name: solid\/calendar -->\n\n                                <div class=\"text-sm font-light\">\n                                    <div class=\"\">Fortbildungs-Team<\/div>\n                                    <a href=\"mailto:fortbildung@dgm.de?subject=Combatting%20the%20energy%20crisis%3A%20Untapping%20the%20potential%20of%20citizen%20energy%20and%20energy%20communities\"\n                                       class=\"font-light text-primary-500 block\"> <i\n                                                class=\"fal fa-envelope fa-fw mr-2\"><\/i> fortbildung@dgm.de\n                                    <\/a>\n\n                                    \n                                        <a class=\"font-light text-primary-500 block\"\n                                           href=\"call:+49(0)6975306760\"> <i\n                                                    class=\"fal fa-phone fa-fw mr-2\"><\/i> +49 (0)69 75306 760\n                                        <\/a>\n\n                                                                    <\/div>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/aside>\n\n\n        \n\n        <div class=\"w-full lg:min-h-screen relative px-2 lg:px-1 2xl:px-0\">\n\n            <nav class=\"grid grid-cols-2 md:flex md:space-x-2 sm:space-x-3 md:space-x-4 max-w-screen   border-b-2 text-sn md:text-sm xl:text-base  sticky top-0 z-40 bg-white pt-2 rounded-md\"\n                 aria-label=\"Tabs\" id=\"67629dada30ed_nav\">\n\n\n                \n                    <a href=\"#67629dada30ed_nav\" @click=\"currentTab=null\"\n                       class=\"-mb-0.5  text-gray-900 whitespace-nowrap py-1 lg:px-4 transition-all duration-150 px-1 border-b-2  font-medium  cursor-pointer\"\n                       aria-current=\"page\"\n                       :class=\"{'border-primary-500':currentTab==null,'border-transparent   hover:border-primary-300 ':currentTab!=null}\"\n                    >\n                        Program\n                    <\/a>\n\n                \n                    <a href=\"#67629dada30ed_nav\" @click=\"currentTab='orga_information'\"\n                       class=\"-mb-0.5  text-gray-900 whitespace-nowrap py-1 lg:px-4 transition-all duration-150 px-1 border-b-2  font-medium  cursor-pointer\"\n                       aria-current=\"page\"\n                       :class=\"{'border-primary-500':currentTab=='orga_information','border-transparent   hover:border-primary-300 ':currentTab!='orga_information'}\"\n                    >\n                        Organizational matters\n                    <\/a>\n\n                \n\n            <\/nav>\n\n            <transition name=\"fade\"\n                        mode=\"out-in\"\n                        appear\n                        :duration=\"500\">\n                <div v-if=\"!currentTab\" class=\"\" key=\"program\">\n                    <div class=\"text-lg font-bold  mb-0 mt-4\">\n                        Program\n                    <\/div>\n                                            <div class=\"flex-1 relative\">\n                            <div class=\"sticky top-10 z-20 \">\n                                <h3 class=\"text-lg leading-6 font-semibold text-gray-900 mt-4 bg-white opacity-85 rounded-md p-2 inline-block\">\n                                                                            08 Nov 2024 (Fri)\n                                                                    <\/h3>\n                            <\/div>\n\n                            \n                                                                                                            <div class=\"flex-1 relative rounded-md py-4 duration-[600ms] taos:[transform:translate3d(0,10px,0)] taos:opacity-25\"\n                                         data-taos-offset=\"80\" style=\"animation-iteration-count: infinite;\">\n<a id=\"eventItem_3b5397ff-7ece-462b-a82b-9e2a696622a9\" class=\"h-0 absolute top-0 -mt-20\"><\/a>\n                                        <div class=\" overflow-hidden rounded-lg bg-white shadow-lg hover:shadow-xl duration-200 ease-in transition transform hover:scale-101\">\n                                            <div class=\"px-4 py-3 sm:px-6 pb-2\">\n                                                <div class=\"mb-1  flex font-medium text-xs text-gray-500 space-x-3\">\n                                                                                                            <div class=\"\" style=\"\">\n\n                                                                                                                            <i class=\"fal fa-clock\"><\/i> <span class=\" \">\n                                                14:00\n                                                                    \n                                                                                  <\/span><\/div>\n                                                                                                        <div class=\"text-gray-500 font-light\">\n                                                                                                                    <i class=\"fal fa-presentation\"><\/i>\n                                                                                                                Lecture\n\n                                                    <\/div>\n\n                                                <\/div>\n                                                <div href=\"#\"\n                                                     class=\"font-medium text-gray-900\"  style=\"text-wrap: pretty;\">Combatting the energy crisis: Untapping the potential of citizen energy and energy communities<\/div>\n                                            <\/div>\n                                                                                                                                        <div class=\"px-4 py-2 sm:px-6\">\n                                                    <ul class=\"mt-1 space-y-3\">\n                                                                                                                                                                                    <li class=\"flex justify-start\">\n                                                        <span href=\"#\" class=\"flex items-center space-x-3\">\n                                                            <div class=\"flex-shrink-0\">\n                                                                <img class=\"h-8 w-8 rounded-full\"\n                                                                     src=\"https:\/\/unrestricted.fsn1.your-objectstorage.com\/13\/0cb2074d-50c4-41d9-9ec5-dd91193e1216\/conversions\/1ecc1e11-337d-4d3f-b0c8-48506a563c00-md.jpg\"\n                                                                     alt=\"\">\n                                                            <\/div>\n                                                            <div class=\"\">\n                                                                <div class=\"text-sm font-normal text-gray-900 leading-4\">Katharina Habersbrunner<\/div>\n                                                                <div class=\"text-xs text-gray-900 font-light leading-4\">B\u00fcndnis B\u00fcrgerenergie e.V.<\/div>\n\n                                                            <\/div>\n\n                                                        <\/span>\n                                                            <\/li>\n                                                                                                            <\/ul>\n                                                <\/div>\n                                            \n                                        <\/div>\n\n\n                                    <\/div>\n                                                            \n                                                                                                            <div class=\"flex-1 relative rounded-md py-4 duration-[600ms] taos:[transform:translate3d(0,10px,0)] taos:opacity-25\"\n                                         data-taos-offset=\"80\" style=\"animation-iteration-count: infinite;\">\n<a id=\"eventItem_28c19584-9073-4708-a035-7c5475718c8f\" class=\"h-0 absolute top-0 -mt-20\"><\/a>\n                                        <div class=\" overflow-hidden rounded-lg bg-white shadow-lg hover:shadow-xl duration-200 ease-in transition transform hover:scale-101\">\n                                            <div class=\"px-4 py-3 sm:px-6 pb-2\">\n                                                <div class=\"mb-1  flex font-medium text-xs text-gray-500 space-x-3\">\n                                                                                                            <div class=\"\" style=\"\">\n\n                                                                                                                            <i class=\"fal fa-clock\"><\/i> <span class=\" \">\n                                                14:45\n                                                                    \n                                                                                  <\/span><\/div>\n                                                                                                        <div class=\"text-gray-500 font-light\">\n                                                                                                                    <i class=\"fal fa-comments-alt\"><\/i>\n                                                                                                                Discussion\n\n                                                    <\/div>\n\n                                                <\/div>\n                                                <div href=\"#\"\n                                                     class=\"font-medium text-gray-900\"  style=\"text-wrap: pretty;\">Q &amp; A<\/div>\n                                            <\/div>\n                                                                                        \n                                        <\/div>\n\n\n                                    <\/div>\n                                                                                    <\/div>\n                    \n                <\/div>\n\n                <div class=\"prose-sm md:prose mt-4  max-w-none\"\n                     v-if=\"currentTab=='goals'\" key=\"goals\"\n                     style=\"max-width: none;\">\n                    \n                <\/div>\n\n\n                <div class=\"prose-sm md:prose mt-4  max-w-none\"\n                     v-if=\"currentTab=='target_group'\"\n                     key=\"target_group\" style=\"max-width: none;\">\n                    \n                <\/div>\n\n                <div class=\"prose-sm md:prose mt-4  max-w-none\"\n                     v-if=\"currentTab=='orga_information'\"\n                     key=\"orga\" style=\"max-width: none;\">\n                    <p><strong>All Times are given in Central European Time (CET)<\/strong>. The event will be hosted on our online platform with ZOOM. You can log in via the \"Access the event\" button that will be available on this page one day in advance of the event. We recommend that you install the ZOOM software on your device for the best user experience. Alternatively, the web version can be used directly from your browser without prior installation.<\/p><p>If you do not already have a DGM user account, you can use the \"Forgot password\" function to create a new password on the login page of the online platform. Please use the email address you provided when registering for this event. You will need to register for the event before you can log in to the platform. The platform itself will be available for access one day in advance of the event.<\/p><p>The recorded event will be available for viewing for 2 weeks after the webinar. Simply register for free and log in to the platform.<\/p><p>To familiarize yourself with the event platform, you can watch our <a href=\"https:\/\/www.youtube.com\/watch?v=iH9MOjbklvc\" target=\"_blank\">explanatory video<\/a>.<\/p>\n                <\/div>\n\n                <div class=\"prose-sm md:prose mt-4  max-w-none\"\n                     v-if=\"currentTab=='direction_information'\"\n                     key=\"orga\" style=\"max-width: none;\">\n                    \n                <\/div>\n\n\n                <div class=\"block mt-4 \" key=\"booking-p\" id=\"booking\"\n                     v-if=\"currentTab=='booking'\">\n\n                    <div class=\"mb-6\" style=\"zoom: .85;\">\n                        <div>\n\n        <div class=\"text-gray-500 mx-auto text-center font-light  font-mono text-base my-10 flex justify-center\">\n           <div class=\"p-3 px-8 bg-red-50 border rounded-md border-red-100\" >\n               No tickets available.\n           <\/div>\n\n        <\/div>\n    <\/div>\n\n\n                    <\/div>\n                    <div class=\"mt-6\">\n                        <h2 class=\"text-sm font-medium \">Contact person<\/h2>\n                        <div class=\"flex items-center space-x-2 mt-2\">\n                            <!-- Heroicon name: solid\/calendar -->\n\n                            <div class=\"text-sm font-light\">\n                                <div class=\"\">Fortbildungs-Team<\/div>\n                                <a href=\"mailto:fortbildung@dgm.de?subject=Combatting+the+energy+crisis%3A+Untapping+the+potential+of+citizen+energy+and+energy+communities\"\n                                   class=\"font-light text-primary-500 block\"> <i\n                                            class=\"fal fa-envelope fa-fw mr-2\"><\/i> fortbildung@dgm.de\n                                <\/a>\n\n                                \n                                    <a class=\"font-light text-primary-500 block\"\n                                       href=\"call:+49(0)6975306760\"> <i\n                                                class=\"fal fa-phone fa-fw mr-2\"><\/i> +49 (0)69 75306 760\n                                    <\/a>\n\n                                                            <\/div>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n            <\/transition>\n        <\/div>\n    <\/div>\n    <!-- Be sure to use this with a layout container that is full-width on mobile -->\n\n<\/div>\n","generated_at":"2024-12-18 11:02:21"}