{"css_url":"https:\/\/dgm.inventum.de\/api\/customer\/widget\/a22d1b74-28c7-4dea-ab21-c7a381e7f45d\/6698c4a92fde86698c4a92fdea?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\/672ee996-d64e-43d8-b2ed-b3b02ccd8740\/conversions\/committee_bg-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\">Expertenkreis Hartmagnete - Konstituierende Sitzung<\/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\/fa4699fc-b048-4728-8c97-fa34907c80dc\"\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-10-29 11:00:00\">29.10.2024 11:00 - 16: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                                                                                    <i class=\"far fa-map-marker fa-fw mr-1\"><\/i> <span\n                                                    class=\"text-sm font-medium font-mono\">Siegburg\n                                                <\/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\/32\" 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-fuchsia-200 bg-opacity-80  bg-fuchsia-50  hover:text-fuchsia-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-fuchsia-500 opacity-50\" aria-hidden=\"true\"><\/span>\n                        <\/div>\n                        <div class=\"ml-3.5 text-xs font-medium text-gray-900 leading-tight\">Prozess- &amp; Fertigungstechnik<\/div>\n                    <\/a>\n                <\/li>\n                            <li class=\"inline \">\n                    <a href=\"https:\/\/dgm.inventum.de\/widget\/tagOverview\/108\" 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-fuchsia-200 bg-opacity-80  bg-fuchsia-50  hover:text-fuchsia-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-fuchsia-500 opacity-50\" aria-hidden=\"true\"><\/span>\n                        <\/div>\n                        <div class=\"ml-3.5 text-xs font-medium text-gray-900 leading-tight\">Pulvermetallurgie<\/div>\n                    <\/a>\n                <\/li>\n                            <li class=\"inline \">\n                    <a href=\"https:\/\/dgm.inventum.de\/widget\/tagOverview\/33630\" 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-fuchsia-200 bg-opacity-80  bg-fuchsia-50  hover:text-fuchsia-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-fuchsia-500 opacity-50\" aria-hidden=\"true\"><\/span>\n                        <\/div>\n                        <div class=\"ml-3.5 text-xs font-medium text-gray-900 leading-tight\">Hartmagnete<\/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>Nach einem sehr erfolgreichen ersten Treffen von Expertinnen und Experten auf dem Gebiet der Hartmagnete findet nun eine konstituierende Sitzung statt, bei der es zwei Impulsvortr&auml;ge geben wird, die Wahl des Leiter*in des Expertenkreises ansteht und die weitere Struktur des Expertenkreises besprochen wird. Weitere Informationen folgen zu einem sp&auml;teren Zeitpunkt. Eine Anmeldung ist f&uuml;r Gremienmitglieder bereits m&ouml;glich.<\/p><p>Sollten Sie noch kein Gremienmitglied des Expertenkreises Hartmagnete sein, senden Sie bitte eine Anfrage an <a href=\"fachgremien@dgm.de\" target=\"_blank\">fachgremien@dgm.de<\/a>.<\/p><\/div>\n\n                            <div class=\"mt-10 flex items-center gap-x-6\">\n                                                                    <a href=\"#66ec69ed610c9_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;&lt;p&gt;&lt;ul&gt;&lt;li&gt;Studium der Wirtschaftswissenschaften an der Bergischen Universit\\u00e4t Wuppertal, Abschluss Diplom \\u00d6konom mit dem Schwerpunkt Managementtheorien.\\n&lt;\\\/li&gt;&lt;li&gt;Von 1995 bis 2005 Referent f\\u00fcr Umwelt- und Arbeitsschutz, Handel und Konsumg\\u00fcter sowie IT-Services im WSM Wirtschaftsverband Stahl- und Metallverarbeitung e.V., D\\u00fcsseldorf.\\n&lt;\\\/li&gt;&lt;li&gt;Seit 2005 Gesch\\u00e4ftsf\\u00fchrer des Fachverbands Pulvermetallurgie e.V. (FPM) sowie des Industrieverbands H\\u00e4rtetechnik e.V. (IHT), Hagen.\\n&lt;\\\/li&gt;&lt;\\\/ul&gt;&lt;\\\/p&gt;&lt;p&gt;&lt;br&gt;&lt;\\\/p&gt;&quot;;textfield2=\"Dirk H\\u00f6lscheid\"'  class=\"z-10 relative  cursor-pointer transition transform hover:scale-103 ease-in-out block \">\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:\/\/unrestricted.ams3.cdn.digitaloceanspaces.com\/13\/02076779-8851-46e7-ad7e-662e3f54f1e9\/conversions\/7285b34b-0a28-4b2f-9616-7c510b6a8730-md.jpg\" alt=\"\">\n                                            <\/div>\n                                            <div class=\"\">\n                                                <div class=\"text-sm font-medium text-gray-900\">Dirk H\u00f6lscheid<\/div>\n                                                <div class=\"text-sm text-gray-900 text-sm font-light\">Fachverband Pulvermetallurgie e.V. (FPM)<\/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                                                                                                    <span   class=\"opacity-75 hover:opacity-100 duration-200 ease-in-out hover:scale-105 transform mr-2.5 cursor-pointer\"><i class=\"fa-light fa-id-card\"><\/i> CV<\/span>\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;&lt;p&gt;Dr. Stefan Klein, Jahrgang 1980, schloss sein Physikstudium an der Universit\\u00e4t zu K\\u00f6ln 2007 mit einer Diplomarbeit \\u00fcber \\&quot;Polar Surface of Oxides\\&quot; ab. Seine Promotion \\u00fcber die Ruhr-Universit\\u00e4t Bochum im Bereich Experimentalphysik befasste sich mit \\u201eNucleation in undercooled melts of pure zirconium and zirconium based alloys\\u201c.\\n&lt;\\\/p&gt;&lt;p&gt;Ab 2007 war Dr. Klein wissenschaftlicher Mitarbeiter am Institut f\\u00fcr Materialphysik im Weltraum des Deutschen Zentrums f\\u00fcr Luft- und Raumfahrt (DLR), wo er bis 2016 t\\u00e4tig war und zahlreiche Forschungsprojekte begleitete und leitete, einschlie\\u00dflich Experimenten unter Schwerelosigkeit.\\n&lt;\\\/p&gt;&lt;p&gt;Er f\\u00f6rderte die Vernetzung des wissenschaftlichen Nachwuchses und war Gr\\u00fcndungsmitglied der Jung-DGM-Ortsgruppe Rhein-Ruhr.\\n&lt;\\\/p&gt;&lt;p&gt;2016 \\u00fcbernahm er als Fachreferent bei der Deutschen Gesellschaft f\\u00fcr Materialkunde (DGM) Aufgaben im Bereich Internationalisierung, fachliche Betreuung der Fachaussch\\u00fcsse und Arbeitskreise und Fortbildungen, Technologie und Drittmittelprojekte sowie die Gesamtkoordination einiger Tagungen. \\n&lt;\\\/p&gt;&lt;p&gt;2020 wurde er zum Gesch\\u00e4ftsf\\u00fchrer der DGM und DGM-Inventum GmbH ernannt.&amp;nbsp;&lt;\\\/p&gt;&quot;;textfield2=\"Dr. Stefan Klein\"'  class=\"z-10 relative  cursor-pointer transition transform hover:scale-103 ease-in-out block \">\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:\/\/unrestricted.ams3.cdn.digitaloceanspaces.com\/13\/ae2b9077-7a56-4ad3-890c-84afc1cbacfe\/conversions\/b5f0a092-a4a8-4e72-acdf-71a0f6d7a7e0-md.jpg\" alt=\"\">\n                                            <\/div>\n                                            <div class=\"\">\n                                                <div class=\"text-sm font-medium text-gray-900\">Dr. Stefan Klein<\/div>\n                                                <div class=\"text-sm text-gray-900 text-sm font-light\">Deutsche Gesellschaft f\u00fcr Materialkunde 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                                                                                                    <span   class=\"opacity-75 hover:opacity-100 duration-200 ease-in-out hover:scale-105 transform mr-2.5 cursor-pointer\"><i class=\"fa-light fa-id-card\"><\/i> CV<\/span>\n                                                \n                                                                                                    <a href=\"https:\/\/dgm.de\/de\/die-dgm\/geschaeftsstelle\" target=\"_blank\" class=\"opacity-75 hover:opacity-100 duration-200 ease-in-out hover:scale-105 transform\"><i class=\"fa-light fa-arrow-up-right-from-square\"><\/i> Webseite<\/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\">\n        <div class=\"absolute top-0 left-0 bg-white opacity-90 h-full w-full z-0\"\n             style=\"filter: blur(40px);\"><\/div>\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\">Expertenkreis Hartmagnete - Konstituierende Sitzung<\/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\/fa4699fc-b048-4728-8c97-fa34907c80dc\"\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-10-29 11:00:00\">29.10.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                                                                    <i class=\"far fa-map-marker fa-fw \"><\/i> <span\n                                            class=\" font-medium font-mono\">Siegburg\n                                        <\/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:\/\/unrestricted.ams3.cdn.digitaloceanspaces.com\/13\/02076779-8851-46e7-ad7e-662e3f54f1e9\/conversions\/7285b34b-0a28-4b2f-9616-7c510b6a8730-md.jpg\" alt=\"\">\n                                                    <\/div>\n                                                    <div class=\"\">\n                                                        <div class=\"text-sm font-medium text-gray-900   leading-4\">Dirk H\u00f6lscheid<\/div>\n                                                        <div class=\"text-xs text-gray-700 font-light leading-3\">Fachverband Pulvermetallurgie e.V. (FPM)<\/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:\/\/unrestricted.ams3.cdn.digitaloceanspaces.com\/13\/ae2b9077-7a56-4ad3-890c-84afc1cbacfe\/conversions\/b5f0a092-a4a8-4e72-acdf-71a0f6d7a7e0-md.jpg\" alt=\"\">\n                                                    <\/div>\n                                                    <div class=\"\">\n                                                        <div class=\"text-sm font-medium text-gray-900   leading-4\">Dr. Stefan Klein<\/div>\n                                                        <div class=\"text-xs text-gray-700 font-light leading-3\">Deutsche Gesellschaft f\u00fcr Materialkunde e. V.<\/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=\"#66ec69ed610c9_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=Expertenkreis%20Hartmagnete%20-%20Konstituierende%20Sitzung\" 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=\"66ec69ed610c9_nav\">\n\n\n\n                \n                    <a href=\"#66ec69ed610c9_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=\"#66ec69ed610c9_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>Die Sitzung findet statt im<\/p><p>Rhein Sieg Forum<br>Bachstra\u00dfe 1<br>53721 Siegburg<\/p><p><em>Bitte beachten Sie, dass der Zugang nur \u00fcber die Ringstra\u00dfe m\u00f6glich ist.<\/em><\/p><p><br>Reisen Sie nachhaltig und entspannt an:<br>In Zusammenarbeit mit der Deutschen Bahn bieten wir ein spezielles Veranstaltungsticket zu einem Sonderpreis an, mit 100% gr\u00fcnem Strom in den Fernz\u00fcgen. Wir w\u00fcnschen eine gute Reise!<br><a href=\"https:\/\/www.veranstaltungsticket-bahn.de:443\/?event=15163&amp;language=de\" target=\"_blank\" title=\"Deutsche Bahn\"><span><span>Link zum Buchen Ihrer Anreise mit dem DB-Gremien-Ticket<\/span><\/span><\/a><\/p><br>\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                    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-3 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\/fa4699fc-b048-4728-8c97-fa34907c80dc?_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\">Teilnahme<\/div>\n    \n    <div class=\"prose prose-sm  mb-12  mt-2 pb-2 text-xs font-light leading-tight text-gray-700\">\n        \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               <div class=\"leading-tight\">\u20ac 0,00<\/div>\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\\u003ETeilnahme\\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\\u003ETeilnahme an der Sitzung des Expertenkreises Hartmagnete\\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\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=Expertenkreis+Hartmagnete+-+Konstituierende+Sitzung\" 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-09-19 20:14:05"}