{"css_url":"https:\/\/dgm.inventum.de\/api\/customer\/widget\/abcd6f83-3f38-4d90-a717-781ab9f2ea76\/66261061232516626106123253?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\" 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\"><\/div>\n\n    <div class=\"fixed inset-0 z-10 overflow-y-auto\"  @click.stop=\"textfield=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 sm:p-6\" @click.stop=\"\">\n                <div class=\"absolute top-0 right-0  pt-4 pr-4 block\">\n                    <button @click=\"textfield=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\">\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                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n    <div class=\"relative rounded-md \" style=\"box-shadow: rgba(0, 0, 0, 0.2) 0px -30px 40px -7px;\">\n        <div class=\"absolute top-0 h-screen w-full opacity-75 rounded-md\" style=\" background: url(https:\/\/unrestricted.ams3.cdn.digitaloceanspaces.com\/13\/af2c76e2-e96b-48f2-9929-d02fd56ccf7a\/conversions\/685334a1-2346-49a4-b91f-efbb2ab53a7e-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-24 pt-16 sm:pb-32  lg:px-20 lg:py-20 relative\">\n\n                <div class=\"xl:flex xl:space-x-12\">\n                    <div class=\"relative  max-w-5xl  mt-10   lg:mt-12\">\n                        <div class=\"absolute top-0 left-0 bg-white opacity-80 h-full w-full z-0\"\n                             style=\"filter: blur(40px);\"><\/div>\n\n                        <div class=\"relative z-20 p-4\">\n\n                            <div class=\"text-base font-semibold leading-tight\">Gremiensitzung<\/div>\n                            <h1 class=\"mt-1 text-2xl md:text-4xl font-semibold leading-tight\">Fachausschuss Aluminium<\/h1>\n\n                            <div class=\"flex items-center space-x-2 rounded-md mt-2\">\n                                                                    <a href=\"https:\/\/dgm.inventum.de\/download\/calendar\/event\/21d32e68-8c0c-456a-b279-e4709cf75e9f\"\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 mr-1 fa-fw\"><\/i>\n                                        <span class=\"text-sm font-medium font-mono\"><time\n                                                    datetime=\"2024-07-04 09:00:00\">04.07.2024 09:00 - 15:00<\/time><\/span>\n                                    <\/a>\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                                            <i class=\"far fa-globe fa-fw mr-1\"><\/i> <span\n                                                    class=\"text-sm font-medium font-mono\">Online<\/span>\n                                                                            <\/div>\n\n\n                                <\/div>\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\n                                                                                            <i class=\"far fa-language fa-fw mr-1\"><\/i> <span\n                                                    class=\"text-sm font-medium font-mono\">Deutsch<\/span>\n                                            \n\n\n                                    <\/div>\n\n\n                                <\/div>\n\n                            <div class=\"py-2\">\n\n        <ul class=\"space-x-1\">\n                            <li class=\"inline \">\n                    <a href=\"https:\/\/dgm.inventum.de\/widget\/tagOverview\/31\" class=\"relative inline-flex items-center rounded-md border border-gray-300 px-3 py-0.5 m-0.5 opacity-85 hover:opacity-100 hover:bg-indigo-200 bg-opacity-80  bg-indigo-50  hover:text-indigo-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-indigo-500 opacity-50\" aria-hidden=\"true\"><\/span>\n                        <\/div>\n                        <div class=\"ml-3.5 text-xs font-medium text-gray-900 leading-tight\">Werkstoffe<\/div>\n                    <\/a>\n                <\/li>\n                            <li class=\"inline \">\n                    <a href=\"https:\/\/dgm.inventum.de\/widget\/tagOverview\/42\" class=\"relative inline-flex items-center rounded-md border border-gray-300 px-3 py-0.5 m-0.5 opacity-85 hover:opacity-100 hover:bg-indigo-200 bg-opacity-80  bg-indigo-50  hover:text-indigo-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-indigo-500 opacity-50\" aria-hidden=\"true\"><\/span>\n                        <\/div>\n                        <div class=\"ml-3.5 text-xs font-medium text-gray-900 leading-tight\">Aluminium<\/div>\n                    <\/a>\n                <\/li>\n            \n\n        <\/ul>\n    <\/div>\n\n                            <div class=\"mt-6 md:text-lg leading-normal text-gray-800 prose-xs md:prose max-w-none\" style=\"max-width: none;\"><p>Die Teilnahme an der Sitzung ist f&uuml;r pers&ouml;nliche DGM-Mitglieder und Mitarbeiter*innen eines Mitgliedsinstituts\/-unternehmens kostenlos.<\/p><p>Aufgrund der geringen Nachfrage die Sitzung vor Ort in Brixen durchzuf&uuml;hren,<strong> wird die Sitzung online stattfinden.<\/strong><br><\/p><p>Weitere Informationen folgen in K&uuml;rze.<\/p><p><a href=\"https:\/\/dgm.de\/de\/netzwerk\/fach-gemeinschaftsausschuesse\/aluminium\" target=\"_blank\">Fachausschuss Aluminium<\/a><br><\/p><\/div>\n\n                            <div class=\"mt-10 flex items-center gap-x-6\">\n                                                                    <a href=\"#6671694f2fdb9_nav\" @click=\" currentTab='booking' \"\n                                   class=\"rounded-md bg-primary-500 hover:bg-primary-600 transition transform duration-200 ease-in-out hover:scale-103 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600\">\n                                    Teilnahme buchen\n                                <\/a>\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\" data-taos-offset=\"0\" style=\"animation-iteration-count: infinite;\">\n\n\n                            <h2 class=\"text-sm font-medium  font-mono\">Leitung<\/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);\"><\/div>\n                                        <span  @click='textfield=&quot;&quot;;textfield2=\"Dr. Blanka Lenczowski\"'  class=\"z-10 relative \">\n                                            <span 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:\/\/ams3.digitaloceanspaces.com\/externalpublic\/13\/a6c1087e-2063-44bd-b8ec-7d2351ac7b1b\/conversions\/a3375e50-375d-4664-a64e-d9c589394caf-md.jpg?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=KVC4ZMO47JLTBHVHEFZ4%2F20240618%2Fams3%2Fs3%2Faws4_request&X-Amz-Date=20240618T110239Z&X-Amz-SignedHeaders=host&X-Amz-Expires=7200&X-Amz-Signature=a8c3472941673c65dea00f0b8fa4660da09e69afa978df3f33eac784e556fa3c\" alt=\"\">\n                                            <\/div>\n                                            <div class=\"\">\n                                                <div class=\"text-sm font-medium text-gray-900\">Dr. Blanka Lenczowski<\/div>\n                                                <div class=\"text-sm text-gray-900 text-sm font-light\">Airbus Defence and Space GmbH<\/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                                                                                            <\/div>\n\n                                        <\/span>\n\n                                    <\/li>\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);\"><\/div>\n                                        <span  @click='textfield=&quot;&quot;;textfield2=\"Dr.-Ing. Carmen Sch\\u00e4fer\"'  class=\"z-10 relative \">\n                                            <span 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:\/\/ams3.digitaloceanspaces.com\/externalpublic\/13\/820ae74d-6091-4969-b6ef-7f9944a89b1f\/conversions\/63e7596b-a592-44d8-a3bd-9616ebb811ef-md.jpg?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=KVC4ZMO47JLTBHVHEFZ4%2F20240618%2Fams3%2Fs3%2Faws4_request&X-Amz-Date=20240618T110239Z&X-Amz-SignedHeaders=host&X-Amz-Expires=7200&X-Amz-Signature=72c89693789d3774bfd732340eadca8a80fc558052716a44fc953c67f6618faf\" alt=\"\">\n                                            <\/div>\n                                            <div class=\"\">\n                                                <div class=\"text-sm font-medium text-gray-900\">Dr.-Ing. Carmen Sch\u00e4fer<\/div>\n                                                <div class=\"text-sm text-gray-900 text-sm font-light\">Alupress AG<\/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                                                                                            <\/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\">\n\n        <aside class=\"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\" 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\">Gremiensitzung<\/div>\n                        <h1 class=\"mt-1 text-base font-semibold leading-tight\">Fachausschuss Aluminium<\/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\/21d32e68-8c0c-456a-b279-e4709cf75e9f\"\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-07-04 09:00:00\">04.07.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\">Deutsch<\/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  \">Leitung<\/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:\/\/ams3.digitaloceanspaces.com\/externalpublic\/13\/a6c1087e-2063-44bd-b8ec-7d2351ac7b1b\/conversions\/a3375e50-375d-4664-a64e-d9c589394caf-md.jpg?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=KVC4ZMO47JLTBHVHEFZ4%2F20240618%2Fams3%2Fs3%2Faws4_request&X-Amz-Date=20240618T110239Z&X-Amz-SignedHeaders=host&X-Amz-Expires=7200&X-Amz-Signature=a8c3472941673c65dea00f0b8fa4660da09e69afa978df3f33eac784e556fa3c\" alt=\"\">\n                                                    <\/div>\n                                                    <div class=\"\">\n                                                        <div class=\"text-sm font-medium text-gray-900   leading-4\">Dr. Blanka Lenczowski<\/div>\n                                                        <div class=\"text-xs text-gray-700 font-light leading-3\">Airbus Defence and Space GmbH<\/div>\n\n                                                    <\/div>\n\n                                                <\/a>\n                                            <\/li>\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:\/\/ams3.digitaloceanspaces.com\/externalpublic\/13\/820ae74d-6091-4969-b6ef-7f9944a89b1f\/conversions\/63e7596b-a592-44d8-a3bd-9616ebb811ef-md.jpg?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=KVC4ZMO47JLTBHVHEFZ4%2F20240618%2Fams3%2Fs3%2Faws4_request&X-Amz-Date=20240618T110239Z&X-Amz-SignedHeaders=host&X-Amz-Expires=7200&X-Amz-Signature=72c89693789d3774bfd732340eadca8a80fc558052716a44fc953c67f6618faf\" alt=\"\">\n                                                    <\/div>\n                                                    <div class=\"\">\n                                                        <div class=\"text-sm font-medium text-gray-900   leading-4\">Dr.-Ing. Carmen Sch\u00e4fer<\/div>\n                                                        <div class=\"text-xs text-gray-700 font-light leading-3\">Alupress AG<\/div>\n\n                                                    <\/div>\n\n                                                <\/a>\n                                            <\/li>\n                                                                            <\/ul>\n                                <\/div>\n                                                    <\/div>\n\n\n                                                    <div class=\"mt-6\">\n                                <a href=\"#6671694f2fdb9_nav\" @click=\" currentTab='booking' \"\n                                   class=\"rounded-md bg-primary-500 hover:bg-primary-600 transition transform duration-200 ease-in-out hover:scale-103 px-2.5 py-1.5 text-xs font-semibold text-white shadow-sm hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600\">\n                                    Teilnahme buchen\n                                <\/a>\n                            <\/div>\n\n\n\n\n\n                            \n                                                    \n                        <div class=\"mt-6\">\n                            <h2 class=\"text-sm font-medium \">Kontakt<\/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=\"\">Fachgremien-Team<\/div>\n                                    <a href=\"mailto:fachgremien@dgm.de?subject=Fachausschuss%20Aluminium\" class=\"font-light text-primary-500 block\"> <i class=\"fal fa-envelope fa-fw mr-2\"><\/i>  fachgremien@dgm.de<\/a>\n\n                                    \n                                        <a class=\"font-light text-primary-500 block\" href=\"call:+49(0)6975306750\" >  <i class=\"fal fa-phone fa-fw mr-2\"><\/i> +49 (0)69 75306 750<\/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\">\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\" aria-label=\"Tabs\" id=\"6671694f2fdb9_nav\">\n\n\n\n                \n                    <a href=\"#6671694f2fdb9_nav\" @click=\"currentTab=null\" 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\" aria-current=\"page\"\n                       :class=\"{'border-primary-500':currentTab==null,'border-transparent   hover:border-primary-300 ':currentTab!=null}\"\n                    >\n                        Anreise\n                    <\/a>\n\n                \n                    <a href=\"#6671694f2fdb9_nav\" @click=\"currentTab='booking'\" 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\" aria-current=\"page\"\n                       :class=\"{'border-primary-500':currentTab=='booking','border-transparent   hover:border-primary-300 ':currentTab!='booking'}\"\n                    >\n                        Teilnahme\n                    <\/a>\n\n                \n\n\n            <\/nav>\n\n            <transition   name=\"fade\"\n                          mode=\"out-in\"\n                          appear\n                          :duration=\"500\">\n                <div v-if=\"currentTab=='program'\" class=\"\" key=\"program\">\n            \n                <\/div>\n\n                <div class=\"prose-sm md:prose mt-4  max-w-none\" v-if=\"currentTab=='goals'\" key=\"goals\" style=\"max-width: none;\">\n                    \n                <\/div>\n\n\n                <div class=\"prose-sm md:prose mt-4  max-w-none\" v-if=\"currentTab=='target_group'\" key=\"target_group\" style=\"max-width: none;\">\n                    \n                <\/div>\n\n                <div class=\"prose-sm md:prose mt-4  max-w-none\" v-if=\"currentTab=='orga_information'\" key=\"orga\" style=\"max-width: none;\">\n                    \n                <\/div>\n\n                <div class=\"prose-sm md:prose mt-4  max-w-none\" v-if=\"!currentTab\" key=\"orga\" style=\"max-width: none;\">\n                    <p><br><\/p>\n                <\/div>\n\n\n\n                <div class=\"block mt-4 \" key=\"booking-p\" id=\"booking\" v-if=\"currentTab=='booking'\">\n\n                    <div class=\"mb-6\" style=\"zoom: .85;\">\n                        <div>\n\n<div class=\"w-full mb-2 p-1  px-2\">\n    <div class=\"space-y-8 md:space-y-16  ring-1 ring-gray-200 rounded-lg  shadow-md \">\n                        <div class=\"w-full bg-gray-50  p-4 rounded-lg\">\n                <div class=\"block  font-normal text-xl  mb-4 \">\n                    Online-Ticket\n                    <div class=\"font-light prose prose-sm text-sm mb-4 mt-2\"><\/div>\n                <\/div>\n\n                <div class=\"grid  grid-cols-1 md:grid-cols-2  lg:grid-cols-2 gap-2 md:gap-12 mt-1\">\n                    \n                        <div\n    class=\"absolute z-10 h-screen w-screen\"\n    aria-labelledby=\"modal-title\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    v-if=\"textfield7\"\n    style=\"z-index: 1000\"\n>\n    <!--\n      Background backdrop, show\/hide based on modal state.\n\n      Entering: \"ease-out duration-300\"\n        From: \"opacity-0\"\n        To: \"opacity-100\"\n      Leaving: \"ease-in duration-200\"\n        From: \"opacity-100\"\n        To: \"opacity-0\"\n    -->\n    <div class=\"fixed inset-0 bg-gray-500 bg-opacity-10 transition-opacity\" v-on:click=\"textfield7=null\"><\/div>\n\n    <div class=\"fixed inset-0 z-50 w-screen overflow-y-auto\" v-on:click=\"textfield7=null\">\n        <div class=\"flex min-h-full items-end justify-center p-4 sm:items-center sm:p-0\">\n            <!--\n              Modal panel, show\/hide based on modal state.\n\n              Entering: \"ease-out duration-300\"\n                From: \"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n                To: \"opacity-100 translate-y-0 sm:scale-100\"\n              Leaving: \"ease-in duration-200\"\n                From: \"opacity-100 translate-y-0 sm:scale-100\"\n                To: \"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n            -->\n            <div\n                class=\"relative transform rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-sm sm:p-6 md:max-w-md lg:max-w-lg xl:max-w-xl\"\n            >\n                <div>\n                    <div class=\"absolute right-0 top-0 z-40 -mr-2 -mt-2\">\n                        <i\n                            class=\"far fa-circle-xmark cursor-pointer rounded-full bg-white p-0.5 text-lg text-gray-400 hover:text-gray-500\"\n                            v-on:click.prevent.stop=\"textfield7=null\"\n                        ><\/i>\n                    <\/div>\n\n                    <div class=\"my-3\" v-html=\"textfield7\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<a\n    href=\"https:\/\/dgm.inventum.de\/booking\/21d32e68-8c0c-456a-b279-e4709cf75e9f?_LANG=de\"\n    target=\"_blank\"\n    class=\"hover:ring-primary-500 justify-top unstyled relative flex transform flex-col rounded-lg bg-white p-4 shadow-md ring-1 ring-gray-200 transition-all duration-300 ease-in-out hover:scale-105\"\n>\n    \n    <div class=\"text-lg font-semibold leading-tight\">DGM-Mitglied<\/div>\n    \n    <div class=\"prose prose-sm mb-12 mt-2 pb-2 text-xs font-light leading-tight text-gray-700\">\n        <p>Pers\u00f6nliches DGM-Mitglied und Mitarbeitende eine Mitgliedsinstituts\/-unternehmens<\/p>\n    <\/div>\n    <div class=\"absolute bottom-0 left-0 my-4 w-full px-4 text-base font-extrabold\">\n        <div class=\"block\">\n            <div class=\"\">\n                \n                \u20ac 0,00\n                <div class=\"-mt-0 text-xxs font-thin\">\n                    Inkl. MwSt.\n\n                    <i\n                        class=\"far fa-info-circle rounded-full bg-gray-50 p-0.5 text-xs text-gray-700\"\n                        v-on:click.prevent.stop=\"textfield7='\\u003Cdiv class=\\u0022mt-1\\u0022\\u003E\\n    \\u003Cdiv class=\\u0022px-4 \\u0022\\u003E\\n        \\u003Cdiv class=\\u0022sm:flex sm:items-center\\u0022\\u003E\\n            \\u003Cdiv class=\\u0022sm:flex-auto\\u0022\\u003E\\n                \\u003Ch1 class=\\u0022text-base font-semibold leading-6 text-gray-900\\u0022\\u003EDGM-Mitglied\\u003C\\\/h1\\u003E\\n                            \\u003C\\\/div\\u003E\\n\\n        \\u003C\\\/div\\u003E\\n        \\u003Cdiv class=\\u0022mt-8 flow-root\\u0022\\u003E\\n            \\u003Cdiv class=\\u0022-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8\\u0022\\u003E\\n                \\u003Cdiv class=\\u0022inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8\\u0022\\u003E\\n                    \\u003Ctable class=\\u0022min-w-full divide-y divide-gray-300\\u0022\\u003E\\n                        \\u003Cthead\\u003E\\n                        \\u003Ctr\\u003E\\n                            \\u003Cth scope=\\u0022col\\u0022\\n                                class=\\u0022whitespace-nowrap py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-0\\u0022\\u003E\\u003C\\\/th\\u003E\\n                            \\u003Cth scope=\\u0022col\\u0022\\n                                class=\\u0022whitespace-nowrap px-2 py-3.5 text-left text-xs font-semibold text-gray-900\\u0022\\u003E\\n                                Preis\\n                                \\u003Cbr\\u003E(inkl. MwSt.)\\n                            \\u003C\\\/th\\u003E\\n\\n\\n                        \\u003C\\\/tr\\u003E\\n                        \\u003C\\\/thead\\u003E\\n                        \\u003Ctbody class=\\u0022divide-y divide-gray-200 bg-white\\u0022\\u003E\\n                                                    \\n                                \\n                                    \\u003Ctr\\u003E\\n                                        \\u003Ctd class=\\u0022 py-2 pl-4 pr-3 text-xs text-gray-500 sm:pl-0 px-2\\u0022\\u003EOnline-Teilnahme DGM-Mitglied an der Sitzung des FA Aluminium\\u003C\\\/td\\u003E\\n\\n                                        \\u003Ctd class=\\u0022whitespace-nowrap px-2 py-2 text-xs font-medium text-gray-900 \\u0022\\u003E\\u20ac 0,00\\n                                            \\u003Cbr\\u003E\\u003Csmall class=\\u0022font-normal\\u0022\\u003E(0\\n                                                %)\\u003C\\\/small\\u003E\\n\\n\\n                                        \\u003C\\\/td\\u003E\\n\\n                                    \\u003C\\\/tr\\u003E\\n                                                                                    \\n                        \\u003Ctr class=\\u0022bg-gray-100\\u0022\\u003E\\n                            \\u003Ctd class=\\u0022 py-2 pl-4 pr-3 text-sm text-gray-700 sm:pl-0 px-1\\u0022\\u003EGesamtsumme\\u003C\\\/td\\u003E\\n\\n                            \\u003Ctd class=\\u0022whitespace-nowrap px-2 py-2 text-sm font-bold text-gray-900 px-1\\u0022\\u003E\\n                                \\u20ac 0,00\\u003Cbr\\u003E\\n                                \\u003Csmall\\u003Einkl. MwSt.\\u003C\\\/small\\u003E\\n\\n\\n                            \\u003C\\\/td\\u003E\\n\\n                        \\u003C\\\/tr\\u003E\\n\\n\\n                        \\u003C!-- More transactions... --\\u003E\\n                        \\u003C\\\/tbody\\u003E\\n                    \\u003C\\\/table\\u003E\\n                \\u003C\\\/div\\u003E\\n            \\u003C\\\/div\\u003E\\n        \\u003C\\\/div\\u003E\\n    \\u003C\\\/div\\u003E\\n\\n\\u003C\\\/div\\u003E\\n\\n'\"\n                    ><\/i>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/a>\n\n                    \n                        <div\n    class=\"absolute z-10 h-screen w-screen\"\n    aria-labelledby=\"modal-title\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    v-if=\"textfield7\"\n    style=\"z-index: 1000\"\n>\n    <!--\n      Background backdrop, show\/hide based on modal state.\n\n      Entering: \"ease-out duration-300\"\n        From: \"opacity-0\"\n        To: \"opacity-100\"\n      Leaving: \"ease-in duration-200\"\n        From: \"opacity-100\"\n        To: \"opacity-0\"\n    -->\n    <div class=\"fixed inset-0 bg-gray-500 bg-opacity-10 transition-opacity\" v-on:click=\"textfield7=null\"><\/div>\n\n    <div class=\"fixed inset-0 z-50 w-screen overflow-y-auto\" v-on:click=\"textfield7=null\">\n        <div class=\"flex min-h-full items-end justify-center p-4 sm:items-center sm:p-0\">\n            <!--\n              Modal panel, show\/hide based on modal state.\n\n              Entering: \"ease-out duration-300\"\n                From: \"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n                To: \"opacity-100 translate-y-0 sm:scale-100\"\n              Leaving: \"ease-in duration-200\"\n                From: \"opacity-100 translate-y-0 sm:scale-100\"\n                To: \"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n            -->\n            <div\n                class=\"relative transform rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-sm sm:p-6 md:max-w-md lg:max-w-lg xl:max-w-xl\"\n            >\n                <div>\n                    <div class=\"absolute right-0 top-0 z-40 -mr-2 -mt-2\">\n                        <i\n                            class=\"far fa-circle-xmark cursor-pointer rounded-full bg-white p-0.5 text-lg text-gray-400 hover:text-gray-500\"\n                            v-on:click.prevent.stop=\"textfield7=null\"\n                        ><\/i>\n                    <\/div>\n\n                    <div class=\"my-3\" v-html=\"textfield7\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<a\n    href=\"https:\/\/dgm.inventum.de\/booking\/21d32e68-8c0c-456a-b279-e4709cf75e9f?_LANG=de\"\n    target=\"_blank\"\n    class=\"hover:ring-primary-500 justify-top unstyled relative flex transform flex-col rounded-lg bg-white p-4 shadow-md ring-1 ring-gray-200 transition-all duration-300 ease-in-out hover:scale-105\"\n>\n    \n    <div class=\"text-lg font-semibold leading-tight\">Regul\u00e4r<\/div>\n    \n    <div class=\"prose prose-sm mb-12 mt-2 pb-2 text-xs font-light leading-tight text-gray-700\">\n        <p><br><\/p>\n    <\/div>\n    <div class=\"absolute bottom-0 left-0 my-4 w-full px-4 text-base font-extrabold\">\n        <div class=\"block\">\n            <div class=\"\">\n                \n                \u20ac 50,00\n                <div class=\"-mt-0 text-xxs font-thin\">\n                    Inkl. MwSt.\n\n                    <i\n                        class=\"far fa-info-circle rounded-full bg-gray-50 p-0.5 text-xs text-gray-700\"\n                        v-on:click.prevent.stop=\"textfield7='\\u003Cdiv class=\\u0022mt-1\\u0022\\u003E\\n    \\u003Cdiv class=\\u0022px-4 \\u0022\\u003E\\n        \\u003Cdiv class=\\u0022sm:flex sm:items-center\\u0022\\u003E\\n            \\u003Cdiv class=\\u0022sm:flex-auto\\u0022\\u003E\\n                \\u003Ch1 class=\\u0022text-base font-semibold leading-6 text-gray-900\\u0022\\u003ERegul\\u00e4r\\u003C\\\/h1\\u003E\\n                            \\u003C\\\/div\\u003E\\n\\n        \\u003C\\\/div\\u003E\\n        \\u003Cdiv class=\\u0022mt-8 flow-root\\u0022\\u003E\\n            \\u003Cdiv class=\\u0022-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8\\u0022\\u003E\\n                \\u003Cdiv class=\\u0022inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8\\u0022\\u003E\\n                    \\u003Ctable class=\\u0022min-w-full divide-y divide-gray-300\\u0022\\u003E\\n                        \\u003Cthead\\u003E\\n                        \\u003Ctr\\u003E\\n                            \\u003Cth scope=\\u0022col\\u0022\\n                                class=\\u0022whitespace-nowrap py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-0\\u0022\\u003E\\u003C\\\/th\\u003E\\n                            \\u003Cth scope=\\u0022col\\u0022\\n                                class=\\u0022whitespace-nowrap px-2 py-3.5 text-left text-xs font-semibold text-gray-900\\u0022\\u003E\\n                                Preis\\n                                \\u003Cbr\\u003E(inkl. MwSt.)\\n                            \\u003C\\\/th\\u003E\\n\\n\\n                        \\u003C\\\/tr\\u003E\\n                        \\u003C\\\/thead\\u003E\\n                        \\u003Ctbody class=\\u0022divide-y divide-gray-200 bg-white\\u0022\\u003E\\n                                                    \\n                                \\n                                    \\u003Ctr\\u003E\\n                                        \\u003Ctd class=\\u0022 py-2 pl-4 pr-3 text-xs text-gray-500 sm:pl-0 px-2\\u0022\\u003EOnline-Teilnahme Regul\\u00e4r an der Sitzung des FA Aluminium\\u003C\\\/td\\u003E\\n\\n                                        \\u003Ctd class=\\u0022whitespace-nowrap px-2 py-2 text-xs font-medium text-gray-900 \\u0022\\u003E\\u20ac 50,00\\n                                            \\u003Cbr\\u003E\\u003Csmall class=\\u0022font-normal\\u0022\\u003E(0\\n                                                %)\\u003C\\\/small\\u003E\\n\\n\\n                                        \\u003C\\\/td\\u003E\\n\\n                                    \\u003C\\\/tr\\u003E\\n                                                                                    \\n                        \\u003Ctr class=\\u0022bg-gray-100\\u0022\\u003E\\n                            \\u003Ctd class=\\u0022 py-2 pl-4 pr-3 text-sm text-gray-700 sm:pl-0 px-1\\u0022\\u003EGesamtsumme\\u003C\\\/td\\u003E\\n\\n                            \\u003Ctd class=\\u0022whitespace-nowrap px-2 py-2 text-sm font-bold text-gray-900 px-1\\u0022\\u003E\\n                                \\u20ac 50,00\\u003Cbr\\u003E\\n                                \\u003Csmall\\u003Einkl. MwSt.\\u003C\\\/small\\u003E\\n\\n\\n                            \\u003C\\\/td\\u003E\\n\\n                        \\u003C\\\/tr\\u003E\\n\\n\\n                        \\u003C!-- More transactions... --\\u003E\\n                        \\u003C\\\/tbody\\u003E\\n                    \\u003C\\\/table\\u003E\\n                \\u003C\\\/div\\u003E\\n            \\u003C\\\/div\\u003E\\n        \\u003C\\\/div\\u003E\\n    \\u003C\\\/div\\u003E\\n\\n\\u003C\\\/div\\u003E\\n\\n'\"\n                    ><\/i>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/a>\n\n                    \n                <\/div>\n\n            <\/div>\n\n        \n    \n<\/div>\n\n<\/div>\n\n    <\/div>\n\n\n                    <\/div>\n                    <div class=\"mt-6\">\n                        <h2 class=\"text-sm font-medium \">Kontakt<\/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=\"\">Fachgremien-Team<\/div>\n                                <a href=\"mailto:fachgremien@dgm.de?subject=Fachausschuss+Aluminium\" class=\"font-light text-primary-500 block\"> <i class=\"fal fa-envelope fa-fw mr-2\"><\/i>  fachgremien@dgm.de<\/a>\n\n                                \n                                    <a class=\"font-light text-primary-500 block\" href=\"call:+49(0)6975306750\" >  <i class=\"fal fa-phone fa-fw mr-2\"><\/i> +49 (0)69 75306 750<\/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\n\n<\/div>\n","generated_at":"2024-06-18 13:02:39"}